html,body { margin: 0; padding: 0; width: 100%; height: 100%; }
body { color: #FFF; background: #526772 url(../img/bg.jpg) repeat 0 0; font: 62.5% Arial, Helvetica, sans-serif; min-width: 1000px; }	

a img { border: none }	 
input,select,textarea { color: #00170F; font: 12px Arial, Helvetica, sans-serif; }
a { color: #81E0FF; }	
a:hover { color: #000; background: #8EB7DE; text-decoration: none; }
form { margin: 0; }
.clear { clear: both; font-size: 0px; }
p { margin: 0 0 15px; }
div.wrapper { width: 100%; float: left; }

h1, h2, h3 { font-size: 1em; margin: 0; }

#carrier { font-size: 1.2em; min-height: 100%; background: url(../img/bg_front.jpg) no-repeat 0 0; }
* html #carrier { height: 100%; }
#padding_bot { padding-bottom: 280px; }

#header { position: relative; height: 370px; }
#header p { margin: 0; }
#header a { color: #FFF; }
#header a:hover { color: #FFF; background: none; text-decoration: underline; }

div.cache, div.cache div { position: absolute; left: 0; top: 0; 
	background-repeat: no-repeat; background-position: -1000px -1000px; }

#map { position: absolute; top: 45px; width: 705px; height: 308px; left: 27%; }
#map div.bg { width: 705px; height: 308px; background: url(../img/map.png); }
#map7 { position: absolute; left: 113px; top: 48px; }

#logo { position: absolute; left: 6%; top: 72px; } 

#ico { margin: 0; padding: 0; list-style: none; position: absolute; left: 7%; top: 14px; float: left; }
#ico li { float: left; margin-right: 22px; width: 23px; height: 23px; text-align: center; }
#ico li.on { background: url(../img/bg_ico.png); }
#ico div { width: 23px; height: 21px; display: table-cell; vertical-align: middle; }
#ico p { margin: 0; margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); }
#ico a { position: relative; }

#lang { margin: 0; padding: 0; list-style: none; position: absolute; left: 92%; top: 12px; float: left; font-size: 12px; }
#lang li { float: left; margin-right: 7px; width: 28px; height: 30px; text-align: center; line-height: 28px; }
#lang li.on { background: url(../img/bg_lang.png); }
#lang a { position: relative; }

#menu { margin: 0; padding: 0; list-style: none; position: absolute; top: 14px; left: 20%; width: 80%;
	text-transform: uppercase; font-size: 10px; }
#menu li { float: left; margin-right: 1%; }
#menu div { float: left; }
#menu div.center { height: 23px; line-height: 23px; position: relative; white-space: nowrap; z-index: 10; }
#menu div.center div { width: 34px; height: 4px; font-size: 0; background: url(../img/menu_red.png); position: absolute;
	line-height: 0; top: 23px; left: 50%; margin-left: -17px; display: none; }
#menu div.center a { margin: 0 -5px; position: relative; z-index: 10; display: block; float: left; }
#menu div.left, #menu div.right { width: 11px; height: 23px; font-size: 0; }

#menu li.on div.center, #menu li.hover div.center { background: #8DB7DE; }
#menu li.on div.center div, #menu li.hover div.center div { display: block; }
#menu li.on div.left, #menu li.hover div.left { background: url(../img/menu_left.png); }
#menu li.on div.right, #menu li.hover div.right { background: url(../img/menu_right.png); }

#menu li.li2 { width: 83px; height: 44px; }
#menu li.li2 div { position: relative; width: 62px; top: 5px; left: 12px; }
#menu li.on2, #menu li.hover2 { background: url(../img/bg_menu2.png); }
#menu li.on a, #menu li.on a:hover, #menu li.on2 a, #menu li.on2 a:hover, #menu li.hover a, #menu li.hover a:hover { color: #171F2C; text-decoration: none; }

#slogan { position: absolute; left: 5%; top: 301px; }
#slogan div { color: #FFF; font: italic 18px Georgia, "Times New Roman", Times, serif; 
	background: url(../img/bg_slogan.png); padding: 0 10px; height: 22px; line-height: 20px; float: left; }


div.col_left { margin: 0 61% 0 6%; }
div.col_left2 { margin: 0 64% 0 6%; }
div.col_right { float: left; width: 52%; margin-left: -58%; }

div.h1_title { margin: 0 -10px 5px 0; position: relative; left: -10px; font-weight: bold; color: #8EB7DE; font-size: 16px; }
div.h1_title table { border-collapse: collapse; width: 100%; }
div.h1_title td { padding: 0; white-space: nowrap; }
div.h1_title td.left { border-left: 4px solid #D10000; padding: 2px 4px 2px 7px; }
div.h1_title td.right { width: 100%; }
div.h1_title td.right div { font-size: 0; border-top: 1px solid #8DB7DE; margin-top: 3px; }
div.h1_title p { margin: 0; }
div.h1_title a { color: #8EB7DE; text-decoration: none; }
div.h1_title a:hover { color: #000; }

div.status_front { margin-right: -5px; position: relative; left: -5px; } 
div.status_front table { border-collapse: collapse; margin-bottom: 10px; } 
div.status_front td { padding: 16px 0; }
div.status_front td.img { text-align: center; padding-right: 14px; }
div.status_front td.img a:hover { background: none; }
div.status_front tr.hover td.right a { color: #000; background: #8EB7DE; text-decoration: none; }

div.front_about { font-size: 1em; padding-top: 5px; }
div.front_about p { margin: 0 0 5px; }


ul.news_front { margin: 0; padding: 0; list-style: none; }
ul.news_front li { margin-bottom: 15px; }
ul.news_front p { margin: 0; }
ul.news_front div.name { font-weight: bold; margin-bottom: 5px; }

div.corner_block { font-size: 0; height: 2px; }
div.corner_block div { width: 14px; position: relative; float: left; left: -2px; }
div.corner_block div div { width: 14px; height: 14px; position: absolute; left: 0; top: 0; }
div.corner_block div.corner1 div { background: url(../img/corner_form1.gif); }
div.corner_block div.corner2, div.corner_block div.corner4 { float: right; left: 2px; } { float: right; left: 2px; }
div.corner_block div.corner2 div { background: url(../img/corner_form2.gif); }
div.corner_block div.corner3 div { background: url(../img/corner_form3.gif); top: -12px; }
div.corner_block div.corner4 div { background: url(../img/corner_form4.gif); top: -12px; }

div.block_gray { background: url(../img/bg_gray.png); width: 100%; }
div.block_gray div.carrier { padding: 10px 20px 15px; }
div.block_gray a { position: relative; }

.msg { font-weight: bold; font-size: 1.17em; color: #D10000; margin-bottom: 10px; }
table.question { border-collapse: collapse; width: 100%; }
table.question td { padding: 0; vertical-align: top; }
table.question td.left { width: 50%; }
table.question td.empty { width: 5%; }
table.question td.right { width: 45%; padding-top: 19px; }
table.question .red { color: #EA4023; font-size: 14px; font-weight: bold; }

table.question td.left div { position: relative; left: -9px; margin-bottom: 2px; }
table.question textarea { background: #FFF; border: 1px solid #BFBFBF; padding: 0; width: 100%; position: relative; 
	height: 73px; overflow: auto; }
table.question ul { margin: 0; padding: 0; list-style: none; }
table.question li { height: 29px; position: relative; }
table.question li div.bg { background: #FFF; border: 1px solid #BFBFBF; width: 100%; height: 18px; position: absolute; left: 0; top: 0; }
table.question li .red { position: absolute; left: -7px; top: 0; }
table.question li div.input { position: absolute; left: 8px; top: 1px; width: 95%; }
table.question li div.input input { background: #FFF; border: 1px solid #FFF; padding: 0; width: 100%; }

table.question div.capcha { position: absolute; left: 0; top: 0; width: 200px; }
table.question div.capcha div { float: left; padding-right: 10px; }
table.question div.capcha div.name { padding-top: 2px; }
table.question div.capcha img { float: left; }
table.question div.capcha input { float: left; background: #FFF; border: 1px solid #BFBFBF; 
	width: 40px; text-align: center; height: 17px; }
table.question div.button { padding-top: 5px; text-align: right; }
table.question div.button input { width: 78px; height: 18px; border: none; cursor: pointer;
	background: #FFF url(../img/button.png); padding-bottom: 2px; position: relative; left: 2px; }	

div.attention { padding: 3px 15px; }
div.attention span { font-size: 1.17em; }


#footer { margin-top: -224px; font-size: 1.2em; }
#footer div.carrier { min-height: 184px; height: auto !important; height: 184px; position: relative; z-index: 2; }
#footer div.line { background: #2E404A; height: 40px; line-height: 40px; position: relative; }
#footer div.line div.text { margin: 0 6% 0 42%; }
#footer div.line div.img { width: 178px; height: 127px; background: url(../img/phone_footer.png); 
	position: absolute; left: 42%; top: -127px; margin-left: -44px; }
#footer div.bg_h1_title { margin: 0 6%; padding-bottom: 12px; }
#footer p { margin: 0; }

#footer_left { margin: 0 62% 0 6%; }
#footer_center { float: left; width: 30%; margin-left: -58%; padding-bottom: 47px; line-height: 1.2; position: relative; }
#footer_center div.bg { margin-left: 54px; }
#footer_right { float: left; width: 17%; margin-left: -23%; color: #81E0FF; line-height: 1.6; padding-bottom: 22px; }

#footer div.title { float: left; position: relative; left: -10px; }
#footer div.title div { float: left; }
#footer div.title div.left { width: 10px; height: 19px; font-size: 0; background: url(../img/title_footer_left.png); }	
#footer div.title div.right { width: 10px; height: 19px; font-size: 0; background: url(../img/title_footer_right.png);
	position: relative; }	
#footer div.title div.center { height: 19px; line-height: 19px; font-size: 12px; font-weight: bold; color: #000; background: #8DB7DE; }
#footer div.clear_title { height: 10px; }

#footer_left ul { margin: 0 0 17px; padding: 0; list-style: none; position: relative; left: -13px; }
#footer_left li { background: url(../img/bullet_ul_footer.gif) no-repeat 0 7px; padding: 0 0 5px 13px; }
#footer div.map { position: relative; top: -15px; }
#footer div.map a { background: none; }

#footer #footer_center div.title { left: 53px; }
#footer_center div.img { width: 53px; height: 20px; background: url(../img/corner_phones.gif); 
	position: absolute; left: 54px; top: 9px; }
div.phones { font-weight: bold; border-left: 1px solid #FFF; padding-left: 55px; position: relative; }
div.phones span.small { font-size: 0.92em; }
div.phones span.big { font-size: 16px; }


#services_front { margin: 0 0 0 6%; padding: 15px 0 34px; 
	min-height: 300px; height: auto !important; height: 300px; }
#services_front div.block_gray div.carrier { padding-left: 0; padding-right: 0; padding-top: 0; }
#services_front table.table { border-collapse: collapse; width: 100%; table-layout: fixed; }
#services_front table.table td.left, #services_front table.table td.right { padding: 0; vertical-align: top; }

#mac { position: relative; min-height: 233px; height: auto !important; height: 233px; margin-top: 10px; }
#mac div.bg { width: 452px; height: 269px; background: url(../img/mac.png); position: absolute; left: 0; top: 0; }
#mac div.img { position: absolute; left: 82px; top: 17px; }
#mac div.img div { position: absolute; left: 0; top: 0; display: none; }
#mac a { background: none; }
#mac a.ico { width: 12px; height: 18px; font-size: 0; display: block; position: absolute; top: 105px; cursor: default; }
#mac a.left { background: url(../img/ico_mac_left.gif) no-repeat 0 0; left: 58px; }
#mac a.right { background: url(../img/ico_mac_right.gif) no-repeat 0 0; left: 389px; }
#mac a.on { background-position: 0 -18px; cursor: pointer;  }

#services_front ul { margin: 0; padding: 2px 0 0; list-style: none; position: relative; left: 12px; }
#services_front li.title { font-weight: bold; font-style: italic; font-size: 15px; padding: 10px 0 5px 25px; }
#services_front li.li { color: #81E0FF; font-size: 14px; margin-bottom: 5px; }
#services_front li.li span { padding: 1px 30px 1px 10px; }
#services_front li.on { background: url(../img/slider_hr.gif) repeat-x 0 center; color: #171F2C; }
#services_front li.on span { background: #8DB7DE; }
#services_front li.on a { background: none !important; color: #171F2C !important; text-decoration: none; }

.nowrap { white-space: nowrap; }

#link_front { position: absolute; left: 0; top: 280px; width: 100%; }
#link_front img { float: right; }