*{ padding: 0; margin: 0; }
html, body{ background: url(/style/images/head_font.gif) repeat-x 0 0 #e1e1e1; text-align: center; }
img{ border: 0px; padding: 0px; margin: 0px; }
div.wrap{ width: 1000px; height: 500px; margin: 0 auto;
background: url(/style/images/hf_1.gif) no-repeat 50% 0; }
div.wrap .header{ width: 1000px; height: 175px; float: left; margin-top: 5px; }
div.header .left_line{ width: 5px; height: 135px; float: left; background: url(/style/images/hf_0.gif) no-repeat; }
div.header .right_line{ width: 5px; height: 135px; float: right; background: url(/style/images/hf_2.gif) no-repeat; }
div.header .butt_line{ width: 990px; height: 8px; float: left; background: url(/style/images/hf_b.gif) no-repeat; }
div.header .head_font_block{ width: 990px; height: 126px; float: left; margin-top: 5px; background: #e1e1e1; }
div.head_font_block .logo{ width: 433px; height: 105px; float: left; margin-left: 12px; margin-top: 10px; }
div.head_font_block .head_text{ width: 400px; height: 134px; float: right; margin-top: 15px; margin-right: 25px; }
div.head_text .icon_head{ width: 85px; height: 10px; float: right; }
div.icon_head img{ float: right; margin-right: 25px; }
div.icon_head img.nomarg{ margin: 0px; }
div.head_text .data_time{ width: 200px; height: 10px; float: right; margin-right: 25px; margin-top: -2px; }
div.head_text .text_head{ width: 400px; min-height: 100px; margin-top: 20px; float: right; }
div.conteiner{ width: 1000px; min-height: 415px; height: auto !important; height: 500px; float: left; background: url(/style/images/conteiner_font.gif) repeat-y 0 0; text-align: left; }
div.conteiner .li_top_cont{ width: 1000px; height: 15px; float: left; background: url(/style/images/conteiner_top.gif) no-repeat 0 0; }
div.conteiner .li_boot_cont{ width: 1000px; height: 15px; float: left; background: url(/style/images/conteiner_boot.gif) no-repeat 0 0; }
div.conteiner .main_conteiner{ width: 1000px; min-height: 400px; float: left;}
div.main_conteiner .main_slider{ width: 980px; height: 170px; float: left; margin-left: 10px; margin-top: 5px; z-index: 1; }
div.main_conteiner .main_slider img{ position: absolute; width: 980px; height: 170px; float: left; }
div.main_conteiner .content_block{ width: 725px; padding: 10px 10px; min-height: 400px; height: auto !important; height: 400px; float: left; margin-top: 5px; }
div.main_conteiner .content_block .body_content{ width: 725px; min-height: 200px; height: auto !important; height: 200px; float: left; margin-bottom: 20px; }
div.main_conteiner .content_block .body_content p{ margin-bottom: 15px; }
/* end: Conteiner */
/* footer */
div.footer{ width: 100%; height: 144px; clear: both; background: url(/style/images/foot_line.gif) repeat-x; text-align: center; }
div.footer .foot_conteiner{ width: 980px; height: 144px; margin: 0 auto; text-align: left; }
div.footer .foot_conteiner .fc_left_1{ width: 100%; height: 31px; margin-top: 15px; float: left; }
div.footer .foot_conteiner .fc_left_1 .fc_img{ width: 400px; height: 31px; float: left; }
div.footer .foot_conteiner .fc_left_1 .foot_menu{ height: 31px; float: right; }
div.footer .foot_conteiner .fc_left_1 .foot_menu ul{ list-style: none; }
div.footer .foot_conteiner .fc_left_1 .foot_menu ul li{ float: left; margin-right: 6px; }
div.footer .foot_conteiner .fc_left_1 .foot_menu ul li a{ color: #555555; font-size: 13px; text-decoration: underline; }
div.footer .foot_conteiner .fc_left_1 .foot_menu ul li a:hover{ text-decoration: none; }
div.footer .foot_conteiner .foot_link{ width: 550px; height: 50px; margin-top: 10px; float: left; }
/* BEGIN_главное меню */
div.main_menu.main_menu{ width: 990px; height: 28px; float: left; margin-left: 5px; margin-top: -2px; background: url(http://www.insto.ru/style/images/main_menu_font.gif) repeat-x;
border-radius: 4px;}
div.main_menu ul{ width: 100%; list-style: none; }
div.main_menu ul li{ float: left; }
div.main_menu ul li.line_menu{ width: 2px; height: 28px; margin-top: 0px; background: url(http://www.insto.ru/style/images/main_menu_font_line.gif) no-repeat 0 0; }
div.main_menu ul li.rig{ float: right; height: 38px; }
div.main_menu ul li a{ padding: 5px 20px; }
/* выподающее меню */
div.main_menu ul.dropdown{ position: relative; z-index: 2; }
ul.dropdown li{ zoom: 1; text-align: left; }
ul.dropdown li a{ display: block; }
ul.dropdown li:last-child a{ border-right: none; }
ul.dropdown li:hover{ color: black; position: relative; }
ul.dropdown ul.sub_menu { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #777777; padding-top: 5px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px; }
ul.dropdown ul.sub_menu li{ width: 180px; padding: 8px 10px; background: url(http://www.insto.ru/style/images/sub_menu_line.gif) repeat-x 0 100%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px; }
ul.dropdown ul.sub_menu li a{ padding: 0px; color: #fff; font-size: 12px; }
ul.dropdown ul.sub_menu li a:hover{ background: none; color: #dadada; }
/* стили для текста главного меню*/
div.main_menu ul li a{ font-family: Verdana; font-size: 14px; text-decoration: none; font-weight: lighter; color: #212121; }
div.main_menu ul li a:hover{ background: #d3d3d3; }
/* END_главное меню */
/* форма обратной связи */
div.my_form{ width: 663px; min-height: 200px; border: 1px double #d5d5d5; border-radius: 7px; margin-top: 10px; float: left; padding: 20px; }
div.my_form div{ float: left; width: 327px; margin-bottom: 15px; }
div.my_form div input{ height: 23px; padding: 0px 4px; background: url(http://www.kooleso.ru/style/images/inp_24.png) repeat-x; border: 1px double #9d9d9d;
color: #4d4d4d; font-family: Tahoma; }
div.my_form div.text_area{ width: 663px; float: left; }
div.my_form div.text_area textarea{ width: 652px; height: 100px; padding: 3px 4px; background: #ecebeb; border: 1px double #9d9d9d;
color: #4d4d4d; font-family: Tahoma; }
div.my_form div input.butt{ height: 24px; color: #0c0c0c; padding: 0px 15px; background: url(http://www.kooleso.ru/style/images/butt_24.png) repeat-x; border: 1px double #9d9d9d; cursor: pointer; border-radius: 3px; }
div.my_form div input.butt:hover{ color: #4d4d4d; }
/* новые стили контента */
div.body_conteiner{ width: 980px; min-height: 450px; height: auto !important; height: 450px; float: left; margin-left: 10px; margin-top: 5px; }
div.body_conteiner table.tab_cont{ border: none; }
table.tab_cont td.left_tab_block{ padding: 10px; width: 220px; background: #e1e1e1; vertical-align: top; }
table.tab_cont td.right_tab_block{ padding: 10px; width: 745px; vertical-align: top; }
td.right_tab_block div.pageTitle{ width: 715px; float: left; padding-top: 1px; }
div.pageTitle h1{ font-family: Verdana; padding-bottom: 1px; font-size: 16px; font-weight: bold; color: #2F3192; border-bottom: 1px solid #c4c4c4; }
div.link_list{ width: 100%; min-height: 15px; height: auto !important; height: 15px; float: left; margin-top: 5px; margin-bottom: 15px; }
div.link_list ul{ list-style: none; }
div.link_list ul li{ float: left; margin-right: 7px; font-size: 12px; height: 15px; }
div.link_list ul li.ll{ background: url(/style/images/nav_marker.gif) no-repeat 100% 50%; width: 7px; height: 15px; }
div.link_list ul li a{ color: #2F3192; text-decoration: none; }
div.link_list ul li a:hover{ text-decoration: underline; }
td.right_tab_block div.navigation{ width: 715px; float: left; margin-bottom: 10px; margin-top: -5px; }
div.navigation ul{ list-style: none; margin-left: 25px; }
div.navigation ul li{ float: left; margin-right: 5px; font-family: Verdana; font-size: 12px; color: #a3a3a3; }
div.navigation ul li a{ font-family: Verdana; font-size: 12px; color: #a3a3a3; }
div.navigation ul li a:hover{ text-decoration: none; }
td.right_tab_block div.cont_cont{ width: 715px; min-height: 450px; height: auto !important; height: 450px; float: left; margin-bottom: 10px; }
/* каталог стили */
table.catalog_list{ width: 100%; float:left; }
table.catalog_list td{ width: 45%; margin-right: 5%; border: 1px double #e1e1e1; vertical-align: top; }
table.catalog_list td div.cat_name{ width: 100%; background: #e1e1e1; }
table.catalog_list td div.cat_name a{ padding: 5px; display: block; width: 100%; height: 100%; color: #0f0f80; font-family: Verdana; font-size: 12px; text-decoration: none; }
div.cat_name a:hover{ text-decoration: underline; }
table.catalog_list td div.cat_img{ min-height: 140px; height: auto !important; height: 140px; text-align: center; padding: 5px 0px; }
table.catalog_list td div.cat_text{ padding: 5px; }
/* новости */
div.news{ width: 220px; min-height: 35px; height: auto !important; height: 35px; margin-bottom: 15px; float: left; }
div.news .head_block{ width: 220px; height: 20px; border-bottom: 1px solid #c4c4c4; float: left; margin-bottom: 10px;
font-family: Verdana; font-size: 16px; font-weight: bold; color: #2F3192; }
.news .head_block img{ float: right; }
.news .bodyNews{ width: 220px; min-height: 20px; height: auto !important; height: 20px; float: left; margin-bottom: 15px;
font-family: Verdana; font-size: 13px; font-weight: normal; }
.news .bodyNews p{ margin-top: 5px; }
.news .partners{ width: 220px; min-height: 20px; height: auto !important; height: 20px; float: left; }
.news .partners img{ margin-bottom: 10px; float: left; }
/* Схема проезда */
div.shem{ width: 100%; float: left; margin-bottom: 25px; }
div.shem div{ float: left; width: 310px; height: 210px; margin-left: 25px; border: 2px solid #e1e1e1; padding: 3px; }
/* Результаты голосования */
div.grph{ width: 220px; padding: 10px 0px; float: left; margin-bottom: 15px; }
div.grph .grName{
width: 100%; padding: 3px 0px; float: left; margin-bottom: 5px; border-bottom: 1px double #777777;
font-size: 12px; font-family: Verdana; font-weight: bold; color: #2F3192; }
div.grph .grLine{ width: 100%; height: 31px; float: left; margin-bottom: 2px; }
.grLine .grLiName{ width: 100%; height: 16px; float: left; margin-bottom: 0px;
font-family: Verdana; font-size: 10px; }
.grLine .grLiGraf{ width: 100%; height: 15px; float: left; position: relative; }
.grLiGraf .grProc{ position: absolute; top: 0px; right: 0px; width: 40px; height: 11px; margin-top: 0px;
text-align: right; font-family: Verdana; font-weight: bold; font-size: 11px; color: #2F3192; }
.grLiGraf .boxGraf{ margin: 0px 45px 0px 0px; height: 15px; background: #d2d2d2; position: relative; }
.boxGraf span{ position: absolute; width: 100%; height: 15px; font-size: 12px; text-align: center; z-index: 9; color: #2F3192; }
.boxGraf div{ position: absolute; height: 15px; background: #777777; }
div.grph .grFoot{ width: 100%; padding: 3px 0px; float: left; margin-top: 10px; border-top: 1px double #777777;
font-size: 10px; font-family: Verdana; color: #2F3192; }
/* тестирование */
div.grph label{ width: 100%; min-height: 15px; height: auto !important; height: 15px; float: left; margin-bottom: 4px;
cursor: pointer;
font-family: Verdana; font-size: 12px; }
div#opros{ position: relative; z-index: 1; }
div.opr_font{ z-index: 99; position: absolute; width: 100%; height: 100%; background: #e1e1e1; opacity: 0.3; }