/* --------------------------------------------------------------------------------------------- */ 
/* Страница, сетка */

body { margin: 0px; padding: 0px; background-color: #FFFFFF; }
body { width: 100%; background-position: fixed; font-family: Arial, sans-serif; color: #6F6F6F; font-size: 85%; line-height: 150%; //behavior: url('../htc/bodybehavior.htc'); }

#Body { position: relative; overflow: hidden; min-width: 860px; width: 100%; //width: expression((document.getElementById('Measurer').clientWidth < 860) ? '860px' : '100%'); background-position: 0px 0px; background-repeat: no-repeat; }
#Container { overflow: hidden; width: 100%; margin: 0px 0px; padding: 0px 0px; }
#Measurer { width: 100%; }
.outerSpacer1 { width: 4%; }
.outerSpacer1 div.d { width: 20px; }
.outerSpacer2 div.d { width: 20px; }
.content { width: 1140px; padding: 0px 0px; margin: 0px 0px; }
.min-box-width { width: 700px !important; }

.columns { margin: 0px; padding: 0px; width: 100%; overflow: visible; position: relative; z-index: 0; clear: both; //padding-right: 1px; }
.columns:after { content: "."; display: block; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; clear: both; visibility: hidden; }
.c { margin: 0px; padding: 0px; border: none; float: left; //display: inline; //margin-right: -1px; }

.c-bottoms { display: table; position: relative; //overflow-y: hidden; width: 100%; }
.c-bottoms .cc { display: table-row; position: relative; width: 100%; }
.c-bottoms .c { display: table-cell; //display: inline; position: relative; float: none; //float: left; vertical-align: top; }
.c-bottoms .v-bottom { //top: 100%; vertical-align: bottom; }
.c-bottoms .cc .cc { display: block; width: auto; //width: 100%; }
.c-bottoms .cc .v-bottom .cc { //top: -100%; }

.bottom { position:absolute; bottom:0px; //width:100% !important; }
.bottom .in { position:absolute; bottom:0px; width:100% !important; }

.c05 { width: 5%; }
.c1 { width: 10%; }
.c15 { width: 15%; }
.c2 { width: 20%; }
.c25 { width: 25%; }
.c3 { width: 30%; }
.c35 { width: 35%; }
.c4 { width: 40%; }
.c45 { width: 45%; }
.c5 { width: 50%; }
.c55 { width: 55%; }
.c6 { width: 60%; }
.c65 { width: 65%; }
.c7 { width: 70%; }
.c75 { width: 75%; }
.c8 { width: 80%; }
.c85 { width: 85%; }
.c9 { width: 90%; }
.c95 { width: 95%; }
.c10 { width: 100%; }



/* --------------------------------------------------------------------------------------------- */ 
/* Заголовки, текст */

h1, .h1 { position: relative; color: #000000; font-size: 300%; line-height: 120%; font-weight: normal; padding: 0px; margin: 0px; } 
h2, .h2 { position: relative; color: #000000; font-size: 150%; line-height: 140%; font-weight: normal; padding: 0px; margin: 0px; }

p { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 1.2em 0px; }
div.p { position: relative; margin-bottom: -1.2em; }
.quote { font-family: Times New Roman; font-size: 110%; font-style: italic; }

ul.list { margin: 0px 0px 1.2em 0px; }
ul.list li { margin-top: 5px; //margin-left: 20px; list-style-position: outside; list-style-type: disc; }
ul.list li ul.list li { margin-left: 20px; }

ol { padding: 0px 0px 0px 0px; margin-left: 0px; margin-top: 0px; list-style-type: decimal; list-style-position: outside; //height: 1%; }
ol li { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; //margin-left: 30px; }
ol.alpha { list-style-type: lower-alpha; }

.x-small { font-size: 80%; line-height: 135%; font-family: Tahoma; }
.small { font-size: 80%; line-height: 150%; font-family: Tahoma; }
.large { font-size: 130%; line-height: 150%; }
.x-large { font-size: 180%; line-height: 150%; font-family: Tahoma; }


/* --------------------------------------------------------------------------------------------- */ 
/* Цвета, ссылки */

.white { color: #FFFFFF; }
.gray { color: #ABABAB; }
.black { color: #000000; }
.textcolor { color: #6F6F6F; }
.linkcolor, .red { color: #cc0005; }

*.color1, .color1 a, .color1 a:visited { color:#f33c0a; }
*.color2, .color2 a, .color2 a:visited { color:#f09000; }
*.color3, .color3 a, .color3 a:visited { color:#81b308; }
*.color4, .color4 a, .color4 a:visited { color:#e8314c; }
*.color5, .color5 a, .color5 a:visited { color:#0db2e8; }

a { text-decoration: underline; color: #cc0005; }
a:visited { color: #CC0005; }
a:hover, a.textcolor:hover { color: #000000; }
a.textcolor, a.textcolor:visited { color: #6F6F6F; }
a.gray, a.gray:visited, .gray a, .gray a:visited { color: #ABABAB; }  
a.gray:hover, .gray a:hover { color: #777777; }



/* --------------------------------------------------------------------------------------------- */ 
/* Плашки, распорки */

div.bgr-white, div.bgr-white div, tr.bgr-white, ul.bgr-white li { background-color: #FFFFFF; }
div.bgr-black, div.bgr-black div, tr.bgr-black, img.bgr-black { background-color: #000000; }
.bgr-red, div.bgr-red, div.bgr-red div, tr.bgr-red, ul.bgr-red li, div.boxes div.bgr-red, img.bgr-red { background-color: #CC0005; }
.bgr-transparent { background-color: transparent !important; }

div.d, div.empty, div.line { width: 1px; height: 1px; visibility: hidden; font-size: 0px; line-height: 0px; clear: both; }
div.dot { position: absolute; width: 0px; height: 0px; }
div.line { width: 100%; visibility: visible; border-bottom: solid 1px #ABABAB; }
div.empty { visibility: visible; }
div.spacer { width: 0px; height: 25px; }
div.spacer-big { width: 0px; height: 40px; }
div.spacer-small { width: 0px; height: 15px; }
div.spacer-xsmall { width: 0px; height: 8px; }



/* --------------------------------------------------------------------------------------------- */ 
/* Формы */

form { margin:0px; }
.button { cursor:pointer; cursor:hand; display:block; }
select, input, textarea { font-family:Arial; }
select.x-large, input.x-large, textarea.x-large { font-size: 150%; line-height: 100%; }
div.checkbox { clear:left; margin-left:-4px; //height:1px; margin-bottom:2px; }
div.checkbox input { float:left; margin-right:-22px; }
div.checkbox label { margin-left:22px; margin-top:2px; display:block; }
.msg { font-weight:bold }
form .msg { margin:0 0 20px 44px }
.bad { color:#ABABAB }
.good {  }



/* --------------------------------------------------------------------------------------------- */ 
/* Элементы страниц */

#SpacerBeforeHeader { margin-top: 4%; //margin-top: 3%; }
#SpacerAfterFooter { margin-bottom: 4%; //margin-bottom: 4%; }

div#Home { position: relative; z-index:3; width: 100%; height: 0px; margin-bottom: 0px; }
div#Home a { position: absolute; display: block; top: 0px; cursor: pointer; //cursor: hand; background-color: transparent; }
div#Home span { position: absolute; display: block; width: 25px; height: 25px; overflow: hidden; top: -5px; left: -40px; }
div#Home a img { display: block; }
div#Home a img.absolute { background: url('https://content.com.ru /new/img/icon-home.gif') 0px 0px no-repeat; top: 0px; }
div#Home a:hover { //background: url('https://content.com.ru /new/img/pix.gif') 0 0 no-repeat; }
div#Home a:hover img.absolute { top: -25px; }
body.main div#Home a, body.main div#Logo a { cursor: default; }
body.main div#Home a img.absolute, body.main div#Home a:hover img.absolute { top: -50px; }

div.box { padding: 16px 0px 18px 0px; position: relative; //height: 1%; }
div.box div.in { position: relative; clear: left; margin: 0px 20px 0px 20px; }

div#Visual { height: 352px; margin-top: -35px; }
div#Visual div.align_center { right: 25%; }
div#Visual div.align_center_to_right div { background-position: top left; background-repeat: no-repeat; }

div#Offer { top: -355px; left: 85%; }
div#Offer a { position: absolute; display: block; top: 0px; cursor: pointer; //cursor: hand; background-color: transparent; white-space: nowrap; }
div#Offer span { position: absolute; display: block; width: 39px; height: 39px; overflow: hidden; margin-left: -45px; -top: 0px; }
div#Offer a img { display: block; }
div#Offer a img.absolute { top: 0px; background: url('https://content.com.ru /new/img/offer-small.png') 0px 0px no-repeat; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://content.com.ru /new/img/offer-small.png',sizingMethod='crop'); }
div#Offer a:hover { //background: url('https://content.com.ru /new/img/pix.gif') 0 0 no-repeat; }
div#Offer a:hover img.absolute { top: -39px; }
body.main div#Offer { top: -450px; }
body.main div#Offer span { width: 223px; height: 217px; margin-left: 0px; }
body.main div#Offer a img.absolute { background: url('https://content.com.ru /new/img/offer-big.png') 0px 0px no-repeat; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://content.com.ru /new/img/offer-big.png',sizingMethod='crop'); }
body.main div#Offer a:hover img.absolute { top: -217px; }

div.logotypes { position: absolute; width: 100%; min-width: 330px; margin-top: -18px; }
div.logotypes div { position: relative; float: left; margin: 0px 20px 15px 0px; }
div.logotypes div img { position: relative; }

div.menu div { float: left; }
div.menu div span { position: relative; float: left; height: 40px; }
div.menu div span.r { width: 15px; color: #6F6F6F; }
div.menu div:hover { //background: url('https://content.com.ru /new/img/pix.gif') 0 0 no-repeat; }
div.menu div:hover span.l, div.menu div.current span.l { background: url('https://content.com.ru /new/img/menu-bgr-left.png') top left no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://content.com.ru /new/img/menu-bgr-left.png',sizingMethod='crop'); }
div.menu div:hover span.r, div.menu div.current span.r { background: url('https://content.com.ru /new/img/menu-bgr-right.png') top left no-repeat; margin: 0px 0px 0px -10px; padding: 0px 0px 0px 17px; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://content.com.ru /new/img/menu-bgr-right.png',sizingMethod='crop'); }
div.menu div:hover a, div.menu div.current a { color: #000000; text-decoration: none; //background: url('https://content.com.ru /new/img/pix.gif') 0 0 no-repeat; }
div.menu div.current a { color: #6F6F6F !important; }

.hint { color: #cc0005; font-weight: bold; position: absolute; font-size: 150%; display: inline; margin-left: 2px; cursor: help; }