@charset "utf-8"; /* less */ @footer_height: 198px; @column_left_padding: 259px + 48px; @column_right_padding: 0; @width_wrap_and_foot: 954px; @page_titles_size: 28px; /* body_and_html styles */ body, html { margin: 0; padding: 0; height: 100%;} body { font:normal 13px Arial, Helvetica, sans-serif; color: #555555; background: #e9e9e9; position: relative; min-width: 990px;} .hbg { background: #000; height: 505px; margin-bottom: -505px;} .hpicture { background: url(../images/hpicture.jpg) 50% 0 no-repeat; height: 680px; margin-bottom: -680px;} /* html5 */ abbr, article, aside, audio, canvas, datalist, details, figure, figcaption, footer, header, hgroup, mark, menu, meter, nav, output, section, time, video { display: block;} /* page_titles */ h1, h2, h3, h4, h5, h6 { padding: 5px 0; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #f26522; background: url(../images/path_bot_line.png) 0 100% repeat-x;} h1 {font-size: @page_titles_size; margin: 0 0 16px; padding: 0 0 8px;} h2 {font-size: round(@page_titles_size*0.9);} h3 {font-size: round(@page_titles_size*0.8);} h4 {font-size: round(@page_titles_size*0.7);} h5 {font-size: round(@page_titles_size*0.6);} h6 {font-size: round(@page_titles_size*0.5);} /* url */ a { color: #f26522; outline-style: none; text-decoration: underline; &:link { text-decoration: underline; color:#f26522;} &:hover { color: #f26522; text-decoration: none;} &:visited { text-decoration: underline; color:#c11a1a;} } /* img_borders */ img { border: none;} a img { border: none;} /* others */ .thumb {color: #000000} .YMaps { color: #000;} .f_blank { height: @footer_height; clear: both; font-size: 0; line-height: 0;} .clear { clear: both; font-size: 0; line-height: 0;} /* path */ .path { color: #898989; font: normal 12px Tahoma, Helvetica, sans-serif; padding: 0 0 15px; background: url(../images/path_bot_line.png) 0 100% repeat-x; margin-bottom: 0px; a { color: #f26522; text-decoration: underline; &:hover { color: #f26522; text-decoration: none;} } } /********************** structure **********************/ .wrapper { width: @width_wrap_and_foot; min-height: 100%; margin: 0 auto -@footer_height;} .columns_box { padding: 0 @column_right_padding 0 @column_left_padding; position: relative;} .column_left { float: left; margin-left: -@column_left_padding; width: 259px; padding: 0 48px 42px 0;} .column_right { float: right; margin-right: -@column_right_padding; width: 200px;} .column_center { float: left; width: 100%; margin-right: -100%; padding: 0 0 42px;} /********************** header **********************/ header { height: 461px; position: relative; color: #fff;} .logo { position: absolute; top: 178px; left: -2px;} .vid { position: absolute; top: 276px; left: 1px;} .slogan { position: absolute; top: 346px; left: 4px;} .tel { position: absolute; top: 54px; right: 6px; font: bold 26px Arial, Helvetica, sans-serif; color: #fff; text-align: right; .tel_title { font: normal 12px Arial, Helvetica, sans-serif; color: #fff;} } .search { background: url(../images/search.png) 0 0 no-repeat; position: absolute; top: 460px; right: 5px; height: 32px; width: 258px; z-index: 1; form { margin: 0; padding: 0;} .search_t { margin: 1px 0 1px 1px; padding: 0 0 0 13px; border: none; height: 30px; width: 198px; background: none; float: left; font: normal 12px/30px Tahoma; color: #f26522;} .search_b { margin: 0; padding: 0; border: none; background: none; cursor: pointer; height: 30px; width: 45px;} } /* top_menu */ .menuhor { list-style: none; margin: 0 0 38px; padding: 0; font-size: 0;} .menuhor li { display: inline-block; padding: 0 2px 0 3px; background: url(../images/tmli.png) 0 5px no-repeat;} .menuhor li:first-child { background: none;} .menuhor li a { padding: 0 10px; display: inline-block; text-decoration: underline; font: normal 13px/30px Arial, Helvetica, sans-serif; color: #fff;} .menuhor li a:hover { background: #f26522; color: #000; text-decoration: none;} /********************** center_bar **********************/ /********************** left_bar **********************/ /* main_menu */ .main_menu { margin: 0 0 28px;} .menu { list-style: none; margin: 0; padding: 0; font-size: 0;} .menu li { padding: 1px 0;} .menu li a { padding: 6px 12px 6px 34px; background: #1c1b1b url(../images/lmar.png) 16px 50% no-repeat; display: block; text-decoration: none; font: bold 13px Arial, Helvetica, sans-serif; color: #fff;} .menu li a:hover { background: #fd921e url(../images/lmhar.png) 16px 50% no-repeat;} .menu li ul { list-style: none; margin: 0; padding: 0; } .menu li li{ list-style: none; margin: 0; padding: 1px 0;} .menu li li a { padding-left: 50px; background: #1c1b1b url(../images/lmar.png) 33px 50% no-repeat; color: #fd921e;} .menu li li a:hover { background: #1c1b1b url(../images/lml2har.png) 33px 50% no-repeat; color: #fff;} .menu li .l_menu li .l_menu li a { padding-left: 60px; background: #1c1b1b url(../images/lmar.png) 43px 50% no-repeat;} .menu li .l_menu li .l_menu li a:hover { background: #1c1b1b url(../images/lml2har.png) 43px 50% no-repeat;} .menu li .l_menu li .l_menu li .l_menu li a { padding-left: 70px; background: #1c1b1b url(../images/lmar.png) 53px 50% no-repeat;} .menu li .l_menu li .l_menu li .l_menu li a:hover { background: #1c1b1b url(../images/lml2har.png) 43px 50% no-repeat;} .menu li .l_menu li .l_menu li .l_menu li .l_menu li a { padding-left: 80px; background: #1c1b1b url(../images/lmar.png) 63px 50% no-repeat;} .menu li .l_menu li .l_menu li .l_menu li .l_menu li a:hover { background: #1c1b1b url(../images/lml2har.png) 43px 50% no-repeat;} /* edit_block */ .block { margin: 0 0 20px;} .block_title { font: normal 20px Arial, Helvetica, sans-serif; color: #323131; padding: 1px 16px 2px; background: #fd921e;} .block_text { font: normal 12px/14px Arial, Helvetica, sans-serif; color: #707070; padding: 14px 6px 26px 20px;} /* news */ .news_block { font-size: 0;} .news_block_title { font: normal 24px Arial; color: #fd921e; padding: 0 16px; background: #323131; margin-bottom: 11px;} .news_box { padding: 0 6px 18px 16px;} .news_box_date { font: bold 11px/21px Tahoma; color: #fff; background: #1c1b1b; width: 80px; height: 21px; overflow: hidden; text-align: center; margin: 0 0 8px -15px;} a.news_box_title { text-decoration: underline; font: bold 12px Arial; color: #f26522;} a:hover.news_box_title { text-decoration: none;} .news_box_anonce { font: normal 11px Tahoma; color: #707070; padding: 6px 0 0;} a.news_arch { text-decoration: underline; font: normal 14px Arial; color: #000;} a:hover.news_more { text-decoration: none;} /* vote */ .vote_box { font: normal 12px Arial; color: #636363; margin: 0 0 24px; padding: 0 0 28px; border-bottom: solid 1px #323131;} .vote_box span { display: block; padding: 10px 18px 8px; font: normal 18px Arial; color: #fff; background: #323131;} .vote_imp { border: none; background: url(vote_imp.png) 0 0 no-repeat; height: 20px; line-height: 20px; width: 242px; margin: 5px 0 0;} .vote_sub { margin: 10px 0 0 0; float: right; width: 87px; height: 25px; background: url(vote_sub.png) 0 0 no-repeat; text-align: center; border: none; cursor: pointer; font: bold 13px/25px Arial; color: #fff;} /* informs */ .informs { text-align: center; margin: 0 0 20px 0;} .cur_date { position: relative; text-align: center; margin-left: 100px; font: normal 16px Arial; color: #FC921F; height: 75px;} .cur_date_now { position: absolute; top: 10px; right: 150px; font:normal 16px Arial; color:#FC921F; } .cur_date_y { position: absolute; top: 30px; right: 150px; font: bold 13px Arial; color: #FC921F; } .cur_date_t { position: absolute; top: 8px; left: 20px; font: bold 40px Arial; color: #323031;} /********************** right_bar **********************/ /********************** footer **********************/ footer { background: url(../images/fbg.jpg) 0 0 repeat-x; color: #fff;} .fbox { background: url(../images/fpicture.jpg) 50% no-repeat;} .footer_box { width: @width_wrap_and_foot; margin: 0 auto; position: relative; height: @footer_height;} .b_menu { list-style: none; margin: 0; padding: 0; text-align: right; font-size: 0; position: relative; top: 5px;} .b_menu li { display: inline; padding: 0 5px;} .b_menu li a { display: inline-block; text-decoration: underline; font: normal 13px/30px Arial, Helvetica, sans-serif; color: #f26522; padding: 0 12px;} .b_menu li a:hover { text-decoration: none; background: #f26522; color: #000;} .mega { position: absolute; top: 137px; right: 9px; font: normal 12px Arial, Helvetica, sans-serif; color: #a1a1a1;} .mega a { color: #f26522; text-decoration: underline;} .mega a:hover { text-decoration: none;} .copy { position: absolute; top: 121px; right: 9px; font: normal 12px Arial, Helvetica, sans-serif; color: #a1a1a1; text-align: right;} .counters { position: absolute; top: 75px; right: 9px; width: 400px; text-align: right;} /* table styles */ .table0 { border-collapse: collapse;} table.table0 td { padding: 5px;} .table1 { border-collapse: collapse; border: 1px solid #1C1B1B;} table.table1 tr:hover { background: #FD921E;} table.table1 td { padding: 5px; border: 1px solid #1C1B1B;} .table2 { border: 1px solid #1C1B1B; border-collapse: collapse;} table.table2 th { padding: 5px 0; border: 1px solid #1C1B1B; background: #1C1B1B; color: #ffffff;} table.table2 td { padding: 5px; border: 1px solid #1C1B1B;} table.table2 tr:hover { background: #FD921E;} /* K.V. */