.post-box__brand { overflow: hidden; min-height: 191px; margin: 0 -12px; padding: 12px; } .post-box__brand p { margin: 0; } .post-box__brand-knopka { background-color: #2f9acd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); text-shadow: 0 -1px 0 rgba(0,0,0,0.15); text-decoration: none; display: inline-block; margin: 0 0 10px; padding: 2px 10px; color: #fff; } .post-box__brand-logo { float: right; max-width: 150px; max-height: 150px; margin: 0 0 10px 15px; } .post-box__brand-knopka:hover { background-color: #0088cc; } .post-box__brand-ugol { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: absolute; height: 191px; width: 614px; left: 0; top: 0; } .post-box__brand-ugol div { background: url(../../img/dnevniki/test/corner.png) 0 0 no-repeat; height: 191px; width: 614px; } .post-box__brand-body { z-index: 2; } .post-box__brand-photo { float: left; margin: 0 15px 5px 0; border: 1px solid rgba(255,255,255,0.5); z-index: 10; } .post-box__brand-buble { display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #c8c8c8; background-color: #fff; padding: 3px 10px; color: #858585; } .post-box__brand-buble b { display: block; position: absolute; background: url(../../img/dnevniki/test/bubble_hvost.png) 0 0 no-repeat; width: 14px; height: 8px; left: -14px; top: 10px; } .post-box__consultation .post-box__brand-body { padding-left: 75px; } .post-box__brand-icon { float: left; height: 58px; width: 58px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; border: 1px solid #ccc; margin: 0 15px 0 -75px; vertical-align: middle; line-height: 55px; } .post-box__brand-icon img { vertical-align: middle; }