/* header */
.header {/*min-height: 255px; height:117px; width: 100%; position: relative;*/}
.htop {background: url(/images/mirastudio/htop.jpg) 100% 0 no-repeat; height: 63px;}
.htop ul {background: #232323; margin-right: 563px; min-height: 36px; overflow: hidden; padding-left: 5%; _padding-left: 2%;}
.htop ul li  {float: left; line-height: 36px; margin-left: 5%; _margin-left: 2%;}
.htop ul li:first-child {margin-left: 0;}
.htop ul li a {color: #fff;}
.hmid {background:url(/images/mirastudio/hmid.jpg) 100% 0 repeat-y; height: 54px; position:relative; z-index:2;}
.hbot .bred {height: 30px; padding-top: 50px; margin-left: 5%; color: #949494;}
.hbot .bred a {font-size: 0.8em}
.hmid ul {overflow: hidden; position: relative; z-index: 2;}
.hmid ul li {float: left; margin-left: 5%;}
.hmid ul li a {color: #000;}
.kakah {overflow: hidden; _padding-top: 1px;}
.kakah h2 {margin-left: 5%;}
.inkak {overflow: hidden;}
.inkak li {float: left; font-size: 1.3em; color: #979797; padding: 0 10px;}
.inkak li img {vertical-align:top; margin:4px 0 0;}
.hbot {background: url(/images/mirastudio/hbot.jpg) 100% 0 no-repeat; height: 150px; position:relative; z-index:1;}
.hbot p {bottom:10px; position:absolute; color:#979797; font-weight:bold; letter-spacing:0.06em; right:30px;}
.mira {top:50px; right:30px; display:block; z-index:2; color:#979797;}
.mira p {font-size: 14px; font-weight: bold; left: -30px; letter-spacing: 0.06em; line-height: normal; margin: 20px 0 10px; position: relative; padding-top: 0 !important;}
.lefter {text-align: left !important; float: none !important; margin: 0 auto;}
.lefter ul {margin-left: 20px;}
.hmid ul li.selected {/*width: 114px;*/ overflow: hidden; background: url(/images/design/topmenu_selected.jpg) 100% 0 no-repeat; color: #990000; margin-top: -11px; margin-bottom: 0;}
.miramira {margin:0 10% 0 0; *margin:0; display: block;}

/* content */
div {border: 1px solid red;}
.container {width: 100%; min-height: 100%; overflow: hidden;}
.container h6 {background: #e5e5e5; font-size: 1em; margin-left: -50px; padding: 20px 20px 20px 50px;}
.seo {font-size: 0.8em !important; color: #404040 !important; text-align: left !important; padding: 20px 30px 10px;}
.folio {width: 100%; display: table;}
.folio ul {display: table-row; width: 100%; table-layout: fixed;}
.folio ul li {display: table-cell; vertical-align: top; width: 33%; text-align: center; padding-bottom: 50px;}
.folio ul li p {width: 285px; color: #000; margin: 5px auto 0 !important; text-align: right; font-size: 1.2em;}
.folio ul li p a {font-size: 0.8em; color: #2c2b2b;}
dt, dd {vertical-align: center;}
dl {width: 100%; overflow: hidden; clear: both; width: 285px; margin: 0 auto !important; font-size: 0.8em !important; color: #6f6f6f;}
dt {border: 1px solid red; float: left; text-align: right; clear: left; width: 106px; margin: 0 10px !important;}
dd {border: 1px solid red; float: left;}
.right_wr {width:358px;}
.right {background: #e5e5e5; width: 287px; padding: 10px 0 10px 5px; float:right;}
.movedfromheader {}
.movedfromheader p {font-weight:bold; letter-spacing:0.06em; color:#979797; line-height:normal;}
.movedfromheader ul {float:right;}
.movedfromheader ul li {font-size:1.3em; color:#979797; float:left; padding:0 10px;}
.movedfromheader last {}

.tab {background: #fff url(/images/mirastudio/shad-left.jpg) 0 0 repeat-y; padding: 15px 0 37px 37px; position: relative; color: #5f5f5f;}
.tab * {z-index: 2; position: relative;}
.tab .sayme {height: 117px;}
.tab .acz {top: 30px; left: -125px;}
.tab ul {margin-left: 15px;}
.tab p {/*margin: 10px 0 !important; font-size: 0.85em;*/}
.tab .button {font-size: 1.3em; color: #fff; border: 0; width: 108px; padding: 4px 17px;}
.tab .buter {text-align: right; padding-right: 17px;}
.tab .checker {vertical-align: middle; margin: 0 !important;}
.tab #check {width: 10%; border: 0;}
.special {margin-top: 30px;}
.shadgrr {background: url(/images/mirastudio/shadgrr.jpg) 0 0 no-repeat; height: 12px;}
.nomorefuckinmarginsbot {margin-bottom: 0;}
.nomorefuckinmargins {margin: 0 !important;}
img.zag1 {top: -40px; right: 0px; z-index: 1 !important;}
img.zag2 {top: -17px; right: 0;}
.shadbot {background: url(/images/mirastudio/shadbot.jpg) 0 0 no-repeat; height: 12px;}
.shadbot2 {background: url(/images/mirastudio/sbot2.jpg) 0 0 no-repeat; height: 33px; margin-left: 2px;}
.content {/*margin-right: 307px;*/ padding: 32px 0 70px 50px; min-height: 100%; position: relative; z-index: 9; overflow: hidden; width:59%; float:left;}
.map {margin: 30px 0 30px -30px;}
.pics {width: 345px; height: 390px; margin-left: -50px; margin-bottom: 250px; position: relative; z-index: 10; //width: 340px; //margin-left: -52px;}
.grimg {top: -200px; right: 0;}
#newsstick h4 {font-size: 1.1em;}
#newsstick h4 a {color: #5F5F5F;}
#newsstick h4 a:hover {color: #9f0005;}
.news {margin: 10px 0;}
.news p {margin: 0 !important;}
.sort {clear: both}
.sort .tb {overflow: hidden;}
.sort .tb div {float: left; width: 33%; text-align: center; white-space: nowrap;}
.sort .tb p {margin: 0 !important;}
.sort .tb input {border: 0}
.ser {overflow: hidden; position: relative; width: 211px !important; margin-top: 12px; font-size: 0.8em;}
.dbutt {width: 28px !important;}
.sbutt {width: 28px; height: 25px;}
.ser .le {top: 0; left: -5px;}
.ser .ri {top: 0; right: -5px;}
.search {border-top: 1px solid #7e7e7e !important; font-size: 1em; border-bottom: 1px solid #7e7e7e !important; height: 14px; margin: 0; padding:4px 10px;}
.last {width: 290px !important; float: right !important; position: relative; z-index: 10;}
.this_is_once {color: #979797; font-size: 1em; font-weight: bold; position:absolute; right:30px; bottom:0; line-height:normal; _margin:30px 0 10px!important;}

/* footer */
.footer {width: 100%; border: 1px soldi red; position: relative;}
.ftop {background: url(/images/mirastudio/ftop.jpg) 100% 0 no-repeat; height: 196px; padding-top: 1px; margin-bottom: -1px;}
.fbot {background: url(/images/mirastudio/fbot.jpg) #292929 100% 0 no-repeat; height: 33px;}
.mira2 {top: 50px; right: 190px; display: block;}
.vcard {margin-left: 24px; margin-top: 60px; float: left; margin-left: 67px;}
.mail {margin-top: 10px; line-height: 120%;}
a.email {color: #9f0005;}
.cont {margin-top: 5px; display: block;}
.counters {bottom: 28px; right: 35px;}
.counters img {margin: 5px;}

/* clients */
.namewrap {height: 100%; margin-top: 40px; overflow: hidden; position: relative; _overflow-y: visible; _height: 1%;}
.nameleft {height: 100%; width: 220px; padding-top: 1px; text-align: center;}
.nameright {height: 100%; margin-left: 220px; position: relative;}
.nameright h2, .nameright h4 {background: none !important; font-weight: normal !important; position: relative;}
.nameright h2 {margin: 0 !important; padding: 0 !important;}
.nameright h2 a {color: #AC0006 !important; font-size: 1em;}
.nameright h4 {color: #010101 !important; margin: 0;}
.nameright p {color: #4a4949 !important; margin: 10px 0 !important;}


/* typography */
.right h2, .right h3 {color: #AC0006 !important;}

.redesign-info{color: #c00;position: absolute;width: 360px;top: 135px;left: 35%;}

.bar{background: url(/images/bar_bg.gif) no-repeat;width: 157px;height: 7px;font-size:0;padding: 3px 1px;//text-align: left;z-index:9;}
.bar div{background: url(/images/bar_percents.gif) #7c0000 repeat-x;height: 7px;font-size:0;line-height: 0;}

.newtel {left:0; top:6px; margin:0 28% 0 38%; width:36%; text-align:center; color:#fff; font-weight:bold; font-size:20px; line-height:36px; z-index:9; }
.newtel a {position:relative; z-index:10; color:#fff; font-weight:bold; font-size:20px; text-decoration:none; background:url('/images/mirastudio/hint.jpg') 50% 30px no-repeat; display:block; margin:0 auto; width:180px;}
.newtel a:hover {height:542px; width:356px; color:#fff;}