/* ---------------------------------------------------------------------------------------------------------- 1) HTML tags, reset, 100% Height ---------------------------------------------------------------------------------------------------------- */ * {padding: 0; margin: 0; list-style: none;} body {margin: 0; padding: 0; font-family: Tahoma,Arial,Trebuchet MS,Geneva;} html, body {_height: 100%; min-height: 100%;} img {border:0;} #width_page {} #container {min-height: 100%; margin: 0 auto; width: 1000px;} * html #container {height: 100%;} #footer {clear: both; height: 160px; text-align: left; margin: -170px auto 0 auto; position: relative; padding-top: 10px; width: 1000px; background: #2985a8;} #header {font-family: Tahoma,Arial,Trebuchet MS,Geneva; height: 160px; background: #2985a8 url('../images/bg_header.jpg') no-repeat;} #clearfooter {display: block; height: 170px;} input, form { font: normal 10px tahoma, verdana, helvetica, sans-serif; margin: 0px; padding: 0px; } a {text-decoration:none;} a:hover {text-decoration:none;} /* ---------------------------------------------------------------------------------------------------------- 2) Universal styles (display, float, margin, text-align...) ---------------------------------------------------------------------------------------------------------- */ .box {min-height:1px;} .box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";} .relative {position:relative;} .clear {overflow: hidden; clear: both; height: 0px;} .f-left {float:left !important;} img.f-left {float:left; margin-right:15px;} .f-right {float:right !important;} img.f-right {float:right; margin-left:15px;} .t-left {text-align:left !important;} .t-center {text-align:center !important;} .t-right {text-align:right !important;} .t-justify {text-align:justify !important;} .va-top {vertical-align:top;} .va-middle {vertical-align:middle;} .va-bottom {vertical-align:bottom;} .nom {margin:0 !important;} .nomt {margin-top:0 !important;} .nomb {margin-bottom:0 !important;} .noscreen {display:none;} .bigger {font-size:110%;} .smaller {font-size:85%;} /* ---------------------------------------------------------------------------------------------------------- 3) 2 Colls ---------------------------------------------------------------------------------------------------------- */ #center {width: 780px; float: left; padding-bottom: 15px; font-size: 11px;} #left {width: 220px; float: left; padding-bottom: 15px; font-size: 11px; background: #F9FBFC;} #center .pad {padding: 15px 0px 0 0;} #left .pad {padding: 15px 0 0 0;} * html #left {margin-right: -100%;} * html #center {display: inline; margin-left: 220px; margin-right: -100%;} #menu {float:left; width:220px; padding:0px; padding-left:0; margin-top:1px; font-size: 10px;} #menu ul {display:inline; margin:0; padding:0} #menu li {display:inline; margin:0; padding:0;} #menu a.first:link, #menu a.first:visited {padding:6px; padding-left:20px; display:block; color:#fff; background: url('../images/bg_menu_color_1.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: bold;} #menu a.first:hover {padding:6px; padding-left:20px; display:block; color:#d4e6ee; background: url('../images/bg_menu_color_1.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: bold;} #menu a.first_exp:link, #menu a.first_exp:visited {padding:6px; padding-left:25px; display:block; color:#2985a8; background: url('../images/bg_menu_color_1exp.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: normal;} #menu a.first_exp:hover {padding:6px; padding-left:25px; display:block; color:#fff; background: url('../images/bg_menu_color_1exp.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: normal;} #menu a.second:link, #menu a.second:visited {padding:6px; padding-left:20px; display:block; color:#fff; background: url('../images/bg_menu_color_2.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: bold;} #menu a.second:hover {padding:6px; padding-left:20px; display:block; color:#d4e6ee; background: url('../images/bg_menu_color_2.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: bold;} #menu a.second_exp:link, #menu a.second_exp:visited {padding:6px; padding-left:25px; display:block; color:#2985a8; background: url('../images/bg_menu_color_2exp.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: normal;} #menu a.second_exp:hover {padding:6px; padding-left:25px; display:block; color:#fff; background: url('../images/bg_menu_color_2exp.jpg') no-repeat; text-decoration:none; border-bottom:1px solid #fff; font-weight: normal;} .text_left {padding: 15px 15px 15px 15px; } #center_data {padding-left: 40px;/* width: 700px;*/} #center_header {padding: 20px 0px 20px 20px;} .date {font-size: 11px; color:#ff9900; font-weight: bold; position:relative; padding: 0px 0px 12px 20px; background: url('../images/icon_date.gif') no-repeat;} .date_title {font-size: 11px; color:#006e97; font-weight: normal;position:relative; padding: 0px 0px 12px 5px;} .status {font-size: 11px; color:#aecfe0; font-weight: bold; position:relative; padding: 0px 0px 12px 20px; background: url('../images/icon_status.gif') no-repeat;} .status_title_end {font-size: 12px; color:#ff0000; font-weight: bold; position:relative; padding: 0px 0px 12px 5px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;} .status_title_now {font-size: 12px; color:#33cc00; font-weight: bold; position:relative; padding: 0px 0px 12px 5px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;} .status_title_late {font-size: 12px; color:#2985a8; font-weight: bold; position:relative; padding: 0px 0px 12px 5px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;} .text {font-size: 11px; font-weight: normal; padding: 5px 0px 0px 0px;} a.galery:link, a.galery:visited {color:#aecfe0; font-weight: normal; text-decoration:underline; position:relative; padding: 2px 20px 10px 20px; display: block; float: right; background: url(../images/icon_gallery.gif) 0px 0 no-repeat;} a.galery:hover {color:#2985a8;} a.buy:link, a.buy:visited {color:#aecfe0; font-weight: normal; text-decoration:underline; position:relative; padding: 2px 0px 10px 20px; display: block; float: right; background: url('../images/icon_buy.gif') no-repeat;} a.buy:hover {color:#2985a8;} .bg_line {background: url('../images/under_line.jpg') repeat-x; width: 100%; height: 5px; padding: 2px 0px 2px 0px } #center_right {float: right; padding: 0px 0px 10px 20px;} .page {font-size: 11px; color:#2985a8; font-weight: bold; padding: 0px 0px 12px 20px;} a.page_num:link, a.page_num:visited {color:#ccc; font-weight: bold; text-decoration: none; padding: 4px; width: 15px; position:relative; background: #F5F9FB;} a.page_num:hover {color:#2985a8;} a.page_num_act:link, a.page_num_act:visited {color:#fff; font-weight: bold; text-decoration: none; padding: 3px; width: 15px; position:relative; background: #2985a8;} a.page_num_act:hover {color:#ccc;} .foot_td_header {font-size: 12px; font-weight: bold; color:#CCDFEB;} .foot_td_title {font-size: 10px; font-weight: normal; color:#fff; vertical-aling: top; width: 170px;} .foot_td_title strong {font-size: 11px; font-weight: bold; color:#fff; vertical-aling: top; width: 170px;} .foot_td_title a:link, a:visited {font-size: 10px; font-weight: normal; color:#fff; vertical-aling: top; text-decoration:underline;} .foot_td_title a:hover {font-size: 10px; font-weight: normal; color:#CCDFEB; vertical-aling: top; text-decoration:underline;} #paginate {color:#fff;float: right; padding: 0px 0px 10px 20px;} a.disabled {color:#ccc;font-size: 11px; font-weight: bold; text-decoration: none; width: 15px; position:relative; background: #F5F9FB;} a.disabled:hover {color:#ccc;} span.current {color:#fff; font-weight: bold; text-decoration: none; padding: 4px; width: 15px; position:relative; background: #2985a8;} .pravka-1 {float: left;} .pravka-2 {float: right;} .title {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size: 18px; color:#006E97; font-weight: bold;} .link {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size: 18px; color:#006E97; font-weight: bold; text-decoration: underline;} .foot_td_title a.link:link, a.link:link, a.link:visited { color:#006E97; font-family:'Trebuchet MS',Arial,Verdana,Helvetica,sans-serif; font-size:18px; font-weight:bold; text-decoration: underline; }