@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=latin,cyrillic);
* { margin: 0; padding: 0; }
html, body {height: 100%;}
* html .container  { height: 100%; }

body { position: relative; color: #dfd9f4; background: url(/images/mitina/bg_bull.jpg) center 838px #11051c; }
body, form, p, h1, h2, h3, h4, h5, h6, td, ul, li, fieldset,textarea,input {
    font-family: 'Philosopher', sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
	 list-style: none;
	 font-weight: normal;
	 outline: none;
  }

img { border: 0; } 


a { color: #e1403b; cursor: pointer }
a:hover { color: #fff; }

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: inline-block; }
html[xmlns] .cf { display: block; }
* html .clearfix { height: 1%; }	 
	 
.fl { float: left }
.fr { float: right }
.cn { clear: none!important }

.conteiner { position: relative; min-height: 100%; background: url(/images/mitina/bg.jpg) top no-repeat; }
* html .conteiner { height: 100%; }

.head { width: 1161px; height: 155px; padding: 0 0 0 5px; margin: 0 auto; }

.head h2, .head h2 a { float: left; width: 510px; height: 155px; background: url(/images/mitina/logo.png); }

.head h2 a { display: block; background: 0; text-indent: -6000px; margin: 0; }


.head h2.en_logo, .head h2 a.en_logo { float: left; width: 510px; height: 155px; background: url(/images/mitina/en_logo.png) no-repeat left center; }
.head h2.en_logo a { display: block; background: 0; text-indent: -6000px; margin: 0; }

.lang-phone { width: 548px; padding: 20px 0 0 }
.phone, .lang { font-size: 14px; color: #37b094; }
.phone b { display: block; font-weight: normal; font-size: 22px; color: #fff; padding: 3px 0 0 }
.phone strong { display: block; font-weight: normal; font-size: 22px; color: #fff; padding: 3px 0 0 }
.lang { color: #fff; padding: 23px 0 0 }
.lang span+a, .lang a+span { margin: 0 0 0 26px; }

.menu { padding: 25px 0 0; }
.menu li { float: left; font-size: 20px; text-align: center; padding: 0 45px }
.menu li+li+li+li { padding: 0 15px 0 45px }
.menu a, .menu li>span { text-decoration: none; }
.menu a span { display: inline-block; color: #2ea68b; text-decoration: none; background: 0; }
.menu a:hover>span, .menu li>span { color: #e0575c; padding: 0 0 16px; background: url(/images/mitina/bg_menu.png) center bottom no-repeat }

.s-info { width: 1166px; text-align: center; margin: 0 auto }
.s-info li { position: relative; display: inline-block; font-size: 17px; line-height: 45px; color: #2ea68b; text-transform: uppercase; padding: 0 32px 0 0; margin: 0 -3px; }
.s-info li+li { padding: 0 32px 0 49px; background: url(/images/mitina/z2.png) 0 16px no-repeat }

.top-info { width: 1163px; height: 363px; background: url(/images/mitina/top_inf_border.png) no-repeat; padding: 3px 0 0 3px; margin: 0 auto }
.top-info .txt { width: 340px; height: 342px; background: url(/images/mitina/bg_top_inf.jpg); padding: 18px 16px 0 34px }
.top-info .txt p { font-size: 20px; line-height: 28px; color: #fff; padding: 0 0 20px }
.top-info .phone { padding: 20px 0 25px }
.top-info .txt span { display: block; width: 250px; height: 67px; background: url(/images/mitina/bg_inf_link.png) no-repeat; }
.top-info .txt a { display: block; width: 250px; font-size: 18px; line-height: 44px; color: #fff; text-align: center; text-decoration: none; text-shadow: 0 1px #6a3133 }

.doc-box { width: 200px; height: 360px; background: #064b3b; padding: 0 22px 0 18px }
.doc-box h5 { font-size: 25px; color: #35ae93; background: url(/images/mitina/z1.png) 6px 28px no-repeat; padding: 18px 0 23px 57px; }
.doc-box ul, .doc-box li { background: url(/images/mitina/l1.png) no-repeat; }
.doc-box li { background-position: 0 100%; padding: 15px 20px 18px 23px }
.doc-box a { line-height: 24px; color: #96cabe }

h1 { width: 1132px; font-size: 30px; line-height: 68px; color: #fff; background: url(/images/mitina/bg_title.png) no-repeat; padding: 0 0 0 34px; margin: 0 auto }

.content {  width: 1166px; padding: 0 0 120px; overflow: hidden; margin: 0 auto }
.content h2 { font-size: 30px; color: #a79dcc; background: url(/images/mitina/z3.png) 7px 44px no-repeat; padding: 35px 0 25px 70px; }
.content p { line-height: 24px; }

.text-box { overflow: hidden; padding: 30px 0 0 }


body .text-box ul, body .text-box ul li {
list-style-type: circle;
list-style: circle;
margin-left: 12px;
color:#fff;
line-height:24px;
font-size:18px;
}


.text-box p { font-size: 18px; color: #fff; padding: 0 0 20px; }
.foto-box { width: 374px; height: 238px; background: url(/images/mitina/bg_foto.png) no-repeat; padding: 4px 0 0 5px; margin: 10px 38px 15px 0 }
.r-col { width: 360px; padding: 30px 0 40px 70px; }

.ui-accordion { width: 360px; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; font-size: 25px; line-height: 51px; position: relative; background: url(/images/mitina/l4.png) 0 100% repeat-x; padding: 0 45px 20px 0 zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header a { display: block; color: #2ea68b; text-decoration: none; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; top: 16px; right: 14px; width: 21px; height: 18px; background: url(/images/mitina/acc_ico.png) 0 100% no-repeat; }
.ui-accordion .ui-state-active { background: url(/images/mitina/z4_2.png) 0 100% no-repeat; padding: 0 0 20px; }
.ui-accordion .ui-state-active .ui-icon { background-position: 0 0; }
.ui-accordion .ui-accordion-content { display: none; background: url(/images/mitina/l4.png) 0 100% repeat-x; padding: 13px 0 35px; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-state-active a { color: #2ea68b!important; cursor: default; text-decoration: none; }
.ui-accordion .ui-accordion-content b { display: block; line-height: 1em; font-weight: normal; color: #e1403b; background: url(images/bull.png) 42px 3px no-repeat; padding: 7px 0 }
.ui-accordion .ui-accordion-content a { color: #96cabe }
.ui-accordion .ui-accordion-content a:hover { color: #e1403b; }

.bot-box { position: absolute; bottom: 0; right: 10px; font-size: 18px; color: #6bddc3; background: url(/images/mitina/bg_top_inf.jpg); }

.button-bot-box { position: fixed; bottom: 0; right: 30px; border: 1px solid #f00 }
.button-bot-box .button { position: absolute; bottom: 0; right: 0; width: 200px; font-size: 18px; line-height:49px; text-align: center; color: #6bddc3; background: url(/images/mitina/bg_top_inf.jpg); }

#panel { display: none; position: absolute; bottom: 0; right: 0; width: 450px; height: 300px; background: url(/images/mitina/bg_top_inf.jpg); padding: 0 0 0 30px; z-index: 100 }
#panel .button { position: absolute; top: 18px; right: 19px; width: 20px; height: 18px; background: url(/images/mitina/close.png) no-repeat; text-indent: -6000px; z-index: 100 }
#panel h4 { font-size: 25px; line-height: 58px; color: #fff; text-align: left }
#panel img { position: absolute; bottom: 0; right: 0; }
#panel textarea, #panel input[type="text"] { width: 247px; background: #054839; font-size: 14px; line-height: 20px; color: #78b8aa; border: 0; margin: 0 0 20px; padding: 0 10px; resize: none }
#panel textarea { height: 105px; padding-top: 5px; }
#panel input[type="text"] { height: 34px; }
#panel form div, #panel input[type="submit"], #contact-form div, #contact-form input[type="submit"] { width: 168px; background: url(/images/mitina/bg_bot_but.png) no-repeat; }
#panel input[type="submit"], #contact-form input[type="submit"] { height: 34px; font-size: 16px; line-height: 34px; text-align: center; color: #fff; border: 0; cursor: pointer; text-shadow: 0 1px #6a3133 }
#panel form div, #contact-form div { height: 55px; }

.reason { overflow: hidden; padding: 0 0 35px; } 
.reason li { float: left; position: relative; width: 360px; min-height: 220px; padding: 0 0 40px; }
.reason li+li { margin: 0 0 0 40px; }
.reason h4 { font-size: 25px; color: #ae3a3f; text-align: center; background: url(/images/mitina/z4.png) bottom no-repeat; padding: 0 0 35px; }
.reason p { padding: 15px 5px 0 5px }
.reason .more { position: absolute; bottom: 0; left: 5px; font-size: 16px; line-height: 22px; background: url(/images/mitina/z5.png) 100% 0 no-repeat; padding: 0 33px 0 0 }

.ban-box { padding: 0 0 0 }

.but-box { text-align: center; padding: 25px 0 27px; }
.but-box li { display: inline-block; margin: 0 -2px; }
.but-box li+li { padding: 0 0 0 40px; }

.foot { position: relative; font-size: 14px; width: 1166px; height:120px; margin: -120px auto 0; }
.f-inf { padding: 15px 0 0 }
.copy { line-height: 30px; color: #dfd9f4; }
a.copy { color: #dfd9f4; }
a.copy:hover { color: #fff; }