/*------------------------------------- COMMON STYLE --- */ BODY {margin:0;padding:0;color:#333333;background:#fff;font: 12px Tahoma, Arial, sans-serif;line-height: 1.5;background: #111;} H1 {font-size:1.7em;font-weight:normal;margin:0;} H1#for_booklet {padding: 30px 0 0 50px;font-size:1.4em;color: #111;text-align: justify;font-family: Tahoma;font-weight: normal;} H2 {font-size:1.5em;font-weight:normal;margin:10px 0;} H3 {font-size:1.7em;font-weight:normal;margin:0;} .booklet h3 {padding: 20px 0 15px 0px;font-size:1.2em;color: #333;text-align: justify;font-family: Tahoma;font-weight: bold;} A {color: #0D6497;text-decoration:none;} A:hover, A:active, A:focus {color: #333333;text-decoration:underline;} P {margin:15px 0;} UL {margin:0;padding:0;list-style:none;} UL LI {padding-left:12px;} IMG {border:0;} TD,DIV {font-size:1em;} /*-------------------------------------- FORM --- */ FORM {margin:0;padding:0;} INPUT, SELECT {font: 1em Tahoma, Arial, sans-serif;} SELECT, .inputbox {padding: 2px;} TEXTAREA {padding-left:2px;} /*-------------------------------------- MAIN LAYOUT DIVS --- */ #topheader-wrap1, #header-wrap1, #sh-wrap1, #pathway-wrap1, #main-wrap1, #footer-wrap1 {text-align:center;} #topheader-wrap2, #header-wrap2, #sh-wrap2, #pathway-wrap2, #main-wrap2, #footer-wrap2 {width:95%;padding-left:10px;margin:auto;} #topheader-wrap3, #header-wrap3, #sh-wrap3, #pathway-wrap3, #main-wrap3, #footer-wrap3 {padding-right:10px;} #topheader, #header, #sh, #pathway, #main, #footer {text-align:left;} #main {background: url(lib/img/main-wide-bg.gif) repeat-y right #FFFFFF;} #content {width:auto;width:688px;float:left;} /*-------------------------------------- HEADER --- */ #header-wrap1 {background:#333;position: absolute;top: 0px;left:0;width:100%;padding-top:15px;} #header-wrap2 {} #header-wrap3 {position:relative;} #header {height:90px;position: relative; position: relative;} #header h1 {margin:0;padding:0;position: absolute; z-index: 1410065407; right: 20px; top: 50px; color: #000;} #header span {position: absolute; z-index: 1410065407; left: 20px; top: 48px;} #header span a {text-decoration: none; color: #000;} #header strong {position: absolute; top: 10px; right: 20px; z-index: 9999999; font-size: 1em; margin: 0; padding: 0px; float: right; } #header strong img {padding:0;margin: 0 2px;color:#000;width:13px;font-size:1.1em;} #header strong a {text-decoration:underline;color: #FFFFFF;color: #000; font: 13px Tahoma, Arial, sans-serif;} /*-------------------------------------- SUBHEADER + SPOTLIGHT --- */ #sh-wrap1 {background: #222; position: absolute; top: 90px; left: 0;width: 100%;} #sh-wrap2 {} #sh-wrap3 {} #sh {padding: 0;color: #FFFFFF;height: 145px;} #topnav {background-image: url(http://www.avenir.ru/new_lib/img/template1/opaque.png); background-repeat: repeat;border-top: 3px solid #000;border-bottom: 3px solid #a11;font-size: 10px;text-transform: UPPERCASE;} #topnav A {color: #D9E7EF;font-weight: bold;} /* PATHWAY --------------------------------------------------------- */ #pathway-wrap1 {background: #211;position: absolute; top: 232px; left: 0; width: 100%;} #pathway-wrap2 {} #pathway-wrap3 {} #pathway {margin: 0;padding: 4px 0px 4px 23px;border-top: 1px solid #e3796f;background: #a11;color: #FFFFFF;line-height: normal;position: relative;} #pathway a {color: #FFFFFF;text-decoration: none;} #pathway img {margin: 0 5px;} #pathway strong {margin-right: 8px;} /* CONTENT COLUMN --------------------------------------------------------- */ #main-wrap1 {background: #333; margin-top: 250px;} #main-wrap2 {} #main-wrap3 {} #main {border-top: 1px solid #FFFFFF;background: url(lib/img/main-bg.gif) repeat-y right #FFFFFF;} #content {width: auto;padding: 10px 15px 20px 20px;min-height: 300px;} #content DIV.booklet {width: 600px;padding: 10px 0 100px 50px;position: relative; } /* .number_1 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_1.gif) no-repeat scroll 15px 15px;} .number_2 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_2.gif) no-repeat scroll 15px 15px;} .number_3 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_3.gif) no-repeat scroll 15px 15px;} .number_4 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_4.gif) no-repeat scroll 15px 15px;} .number_5 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_5.gif) no-repeat scroll 15px 15px;} .number_6 {background: url(http://www.avenir.ru/new_lib/img/numbers/number_6.gif) no-repeat scroll 15px 15px;} #content DIV.booklet h2 {font-size:1.4em;color: #111;text-align: justify;font-family: Tahoma;} #content DIV.booklet h2 i {font-size:1.4em;color: #a11;font-family: Times;line-height: 1.0;} */ #content DIV.booklet h2 {font: 13px Tahoma, Arial, sans-serif;line-height: 1.5;border: 1px solid #ddd; display: block; padding: 10px; background: #f9f9f9; color: #000;} #content DIV.booklet h2 i {font-style:normal;} #content DIV.booklet #number {position:absolute; top: 50px; left: 10px; font-weight: bold; font-size: 10.0em; color: #ddd; font-family: Verdana; border: 0px solid #690;padding: 0;vertical-align: top; z-index: 5;} #content DIV.booklet ul {padding: 20px 0 0 50px;border: 0px solid #090;} #content DIV.booklet ul li {text-align: justify;} #content DIV.booklet ul li span {margin: 10px 0 0 35px; display: block;} #content DIV.booklet ul li em {font-size:1.5em;font-weight:bold;font-style:normal;font-family: Verdana;color: #999;display :block;} DIV#main DIV#content DIV.booklet ul li a {text-align: left;} #content DIV.booklet ul ol {margin: 0 0 0 5px; padding: 10px 20px;} #content DIV.booklet ul ol li {margin:7px 0;padding:0 0 0 15px;} #content ol.type_a li {text-align: justify;list-style-type: none;background: url(http://www.avenir.ru/new_lib/img/template1/tre_bul.gif) no-repeat scroll 0px 5px; padding-left: 20px;} #content DIV.booklet ul ul.red_arrow {padding: 0;} #content ul.red_arrow li {text-align: justify;list-style-type: none;background: url(http://www.avenir.ru/new_lib/img/template1/tre_bul.gif) no-repeat scroll 0px 5px; padding-left: 15px; padding-bottom: 5px;} #content ul.blue_arrow li {text-align: justify;list-style-type: none;background: url(http://www.avenir.ru/img/li2.gif) no-repeat scroll 0px 0px;padding-left: 20px; } #content ul.yellow_arrow li {text-align: justify;list-style-type: none;background: url(http://www.avenir.ru/img/li5.gif) no-repeat scroll 0px 0px;padding-left: 20px; } #content ul#bold_span span {margin: 0;padding:0;display: block;font-weight:bold;} /* FOOTER --------------------------------------------------------- */ #footer-wrap1 {clear: both;background: #111;height: 100%;} #footer-wrap2 {} #footer-wrap3 {} #footer {padding: 15px 0;border-top: 1px solid #FFFFFF;background: url(df1.jpg) no-repeat top left #333;color: #D9E7EF;position: relative;height: 100%;} #footer p {padding-right: 15px;padding-left: 15px;} #footer ul#mainlevel-nav, #footer ul#mainlevel {padding-left: 5px;} #footer ul#mainlevel li, #footer ul#mainlevel-nav li {padding: 0;display: inline;background: none;} #footer a {color: #FFFFFF;} #footer ul a {padding: 2px 10px;color: #FFFFFF;} #footer a:hover, #footer a:active, #footer a:focus {background: #c3392f;text-decoration: none;} /* Text Shadow */ .clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;} * html > body .clearfix {width: 100%;display: block;} * html .clearfix {height: 1%; /* End hide from IE-mac */} /* Firefox Scrollbar Hack - Do not remove */ html {margin-bottom: 1px;height: 100%!important;height: auto;} /*Service block*/ div.Blockbody {background-color: #fff; margin: 5px 5px 5px 0; padding: 10px; } div#RightReclamaBlock {padding: 3px 5px 0 0; font: 11px Verdana;} div#RightReclamaBlock strong{display: block; padding: 0 0 5px 15px; font: 12px Verdana; font-weight: bold; margin-left: -15px; } div.order strong{color: #fff; border-left: 5px solid #A8211D;background: #A8211D} div.order div.Blockbody {border: 1px dotted #a44;}