/* main */
html {height:100%; background:#000; color:#000;}
body {margin:0; padding:0; background:#000000; width:100%; height:100%; font-family:Arial;}
img {border:none;}
* {padding:0; margin:0;}
p {padding-top:3px;}
a {color:#000db1; text-decoration:underline;}
a:hover {color:#000db1; text-decoration:none;}
td {vertical-align:top;}

/* page */
#rounded-box-5 { width:990px; margin:0 auto; min-height:100%; height:auto!important; height:100%; position:relative;}
*+html #rounded-box-5 {height:auto; min-height:100%;}
.inner-box { width:984px; margin : 0 auto; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.inner-box, b { background-color: #fef8cc; }
.r1, .r2, .r3, .r4, .r5 {display: block;height: 1px;overflow: hidden;font-size:1px;}
#rounded-box-5 .inner-box { padding: 3px 3px; }

/* MENU */
.menu { background:url(/template/images/menu_bg.jpg) repeat-x; height:22px; padding-left:0px; }
ul#cssmenu {

        margin:0;
        border: 0 none;
        padding: 0;
        list-style: none;
        height: 22px;
		font-size:15px;
		font-weight:bold;
		margin-left:20px;
        
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 22px;
		z-index:2;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 200px;
        list-style: none;
        display: none;
        position: absolute;
        top: 22px;
        left: 25px;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        width: 200px;
        float: left;
        display: block !important;
        display: inline;
		}

/* Main Menu */
ul#cssmenu a {
        border: 0px;
        padding: 0 10px;
        float: none !important;
        float: left;
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
        
        color:#FFF; 
		text-decoration:underline;
		z-index:999;
       
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        border:1px solid #CCC;
        float: none;
        background:url(/template/images/menu_bg.jpg) repeat-x;
		height:22px;
        color: #FFFFFF;
		padding-bottom:3px;
			text-decoration:none;
		z-index:999;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        
     	background:url(/template/images/menu_bg.jpg) repeat-x;
		height:22px;
        color:#FFF;
		padding-bottom:3px;
		text-decoration:underline;
		z-index:999;
        }

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
		z-index:999;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
		
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
		z-index:999;
		
} 


/* Tool tip*/
.whybuy a { color:#595959; text-decoration:none; font-weight:bold;}
.whybuy a:hover { color:#595959; text-decoration:underline;}
a.tt span{
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
font-size:11px;
color:#595959;
width:330px;
border:1px solid #FF3300;
padding:6px;
top:-10px;
left:295px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
background:#fafafa;/*фон, что бы было видно тултип*/
}
a.tt:hover span ol {margin:0; padding:0; list-style: none;}
a.tt:hover span ol li {margin:0; padding-top:5px;}

/*OTHERS*/
.content {padding:8px;}
.logotype { margin-left:40px; margin-bottom:12px;}
#block { widhth:266px; height:248px; display:block; background:url(/template/images/block.gif) no-repeat; padding:10px;  }
#block h1 { color:#d83c08; font-size:28px; font-weight:bold; width:240px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
#block h1 a { color:#d83c08; text-decoration:none;}
#block h1 a:hover { color:#d83c08; text-decoration:none;}
.main_text h2 {color:#595959; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif;  padding-bottom:10px;}
.main_text {color:#595959; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/template/images/line.jpg) no-repeat right; background-position: 280px 0;}
.main_text ol { padding-left:30px;}
.main_text ol li { font-weight:bold;}
.footer {background:url(/template/images/menu_bg.jpg) repeat-x; height:19px; padding-left:20px; font-size:11px; padding-top:3px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer a {color:#FFFFFF; text-decoration:none;}
.footer a:hover {color:#FFFFFF; text-decoration:underline;}


.content h1 { color:#d83c08; font-size:28px; font-weight:bold;  text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
.content h1 a { color:#d83c08; text-decoration:none;}
.content h1 a:hover { color:#d83c08; text-decoration:none;}
.q {margin-bottom:10px; border-bottom:#CCC 1px dotted;}
.q a {color:#d21e1e; text-decoration:none;}
.q a:hover {color:#f8b016; text-decoration:underline;}

.text h2 { color:#d83c08; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
.text h2 a { color:#d83c08; text-decoration:none;}
.text h2 a:hover { color:#d83c08; text-decoration:none;}
.text {padding:10 0px;}
.text {color:#595959; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.tables {}
.tables td {bpadding:5px; vertical-align:middle;  }
.tables img {border:1px solid #CCC;}

.table_char td{text-align:center;}


.otvet {padding-left:10px; padding-top:10px;}



#logo {clear:both; }
#logo div.left {float:left;}
#logo div.right {float:right;}
#logo h1 {color:#b51c1c; font-size:14px; margin:0; padding:0; text-align:center;}
#logo a {color:#b51c1c; text-decoration:none;}
#logo a:hover {color:#b51c1c; text-decoration:underline;}
#logo img.logo { margin-top:20px; margin-left:10px;margin-bottom:25px;}
#footer {text-align:left; padding:3px 10px; color:#5d5a5a; border-top:#d5d5d5 1px solid; font-size:13px; clear:both;}
#text {clear:both; text-align:left; padding:5px; font-size:13px;}
#text table td { font-size:13px;}
#text div { font-size:13px;}
#text h1 {color:#aa261f; font-size:24px;}
#text h2 {color:#aa261f; font-size:20px;}
#text h3 {color:#aa261f; font-size:14px;}

div#text ul {margin-left:0px;}
#text ul li { list-style: none; background: url(/template/images/list_marker.gif) no-repeat 0px; padding-left:20px; margin-left:20px;}

#text ul {margin-left:50px;}
#text p {text-indent:20px;}
.blocks {width:150px; text-align:center; border:1px solid #CCC;  float:left; margin:5px;}

.blocks img {margin:3px;}
div.blocks h3 a {color:#aa261f;font-size:14px; text-decoration:none;}
div.blocks h3 a:hover {color:#aa261f;font-size:14px; text-decoration:underline;}
.element { overflow:hidden; border-bottom:1px dotted #CCC; width:600px;}
div#text div.element p {text-indent:0px; padding:0;}
div#text div.element a {color:#1a4f97; text-decoration:none; font-weight:bold;}
div#text div.element h3 {padding-top:3px;}
div#text div.element h3 a {color:#aa261f; }
div#text div.element img { border:1px solid #CCC; float:left; margin:5px;}
div.clear {font-size:1px; margin:0; height:1px;}
/*БЛОК МЕНЮ*/
div#v3 { width: 250px; float:right;	}
div#v3 div.text {border: 1px solid #B0BCC2;border-width: 0 1px;padding: 5px 10px;}
div#v3 div.text ul li { list-style: none; background: url(/template/images/list_marker.gif) no-repeat 0px; padding-left:20px; margin-left:0px;}
#v3 a {color:#433f3f; text-decoration:none; font-weight:bold;}
#v3 a:hover {color:#433f3f; text-decoration:underline;font-weight:bold;}
.b1, .b2, .b3, .b4, .b5,.b1 i, .b2 i, .b3 i, .b4 i, .b5 i,.b1 b, .b2 b, .b3 b, .b4 b, .b5 b,.b1 q, .b2 q, .b3 q, .b4 q, .b5 q {	height: 1px;	font-size: 1px;	overflow: hidden; border-style: solid; border-width: 0 1px;display: block;}
.b1 {  margin: 0 2px;	background: #EBEEF0;	border: none;}
.b1 b { margin: 0 1px; background: #B8C3C8; border-color: #CBD3D7;}
.b2 {margin: 0 1px;	border-color: #D6DCDF;}
.b2 b {border-color: #B8C3C8;}
.b2 i {border-color: #E4E8EA;}
.b2 q {border-color: #F7F8F9;}
.b3 {border-color: #EBEEEF;}
.b3 b {border-color: #BCC6CB;}
.b3 i {border-color: #F9FAFB;}
.b4 {border-color: #CAD2D6;}
.b4 b {border-color: #E5E9EB;}
.b5 {border-color: #B5C0C6;}
.b5 b {border-color: #FAFBFB;}

/* БЛОК МЕНЮ */



/*to-prognoz*/
#banner {color: #fff;height:60px;width:100%; }
#main_to_prognoz {overflow:hidden; height:140px; width:100%; text-align:center;  margin-bottom:5px;  }
#banner h3,#banner h2,#banner h1 { font-weight:normal;margin:0;padding:0;letter-spacing:-1px;text-align:center;color:#FFF;}
#banner h3 { font-size: 20px; }
#banner h2 { font-size: 25px; }
#banner h1 { font-size: 30px; }
#banner.generic {line-height: 20px;}
.emphasis {color: #602d08;font-size: inherit;}
#tagline div {width: 700px;}
#tagline {height:90px;width:760px;position:relative;}
#tagline h1 {margin-top:5px;font-size:24px;line-height:1em;}
#tagline h2 {margin-left: 30px;}
#tagline .hide {display: none;}
/*2010*/ 
#tagline-one h1 {margin-left:0px; font-size: 19px; line-height: 0.8em; }
#tagline-one h2 {margin-left: 30px;font-size:18px;}
#tagline-one h3 {margin-left: 160px;font-size: 19px;line-height: 0.8em;}
/*NARKO*/
#tagline-two {position:absolute;top:0pt;left:0pt;display:none;z-index: 4;opacity: 0;}
#tagline-two h1 {margin-left:0px; font-size: 19px; line-height: 0.8em; }
#tagline-two h2 {margin-left: 30px;font-size:18px;}
#tagline-two h3 {margin-left: 160px;font-size: 19px;line-height: 0.8em;}
 /*GRECHKO*/ 
#tagline-three {position:absolute;top:0pt;left:0pt;display:none;z-index: 4;opacity: 0;}
#tagline-three h1 {margin-left:0px; font-size: 19px; line-height: 0.8em; }
#tagline-three h2 {margin-left: 30px;font-size:18px;}
#tagline-three h3 {margin-left: 160px;font-size: 19px;line-height: 0.8em;}
/*
#tagline-three {position: absolute; top: 0pt; left: 0pt; display: none; z-index: 3; opacity: 0;}
#tagline-three h1 {margin-left:17px;font-size:18px;}
#tagline-three h2 {margin-left:27px;font-size:19px; line-height:0.8em;}
#tagline-three h3 {margin-left:80px;line-height:0.8em;font-size:18px;}
*/
/*ВАШ ПРОГНОЗ*/ 
#tagline-five {position: absolute; top: 0pt; left: 0pt; display: none; z-index: 1; opacity: 0;}
#tagline-five h1 {margin-left: 30px;font-size:30px;font-weight:bold;}
#tagline-five h2 { margin-left: 30px;font-size: 18px;}
#tagline-five h3 {margin-left: 55px;}


