body {background: #080808; padding: 0; margin: 0; color: #bbb; overflow-y: scroll; }
img {border: 0}
td {vertical-align: top;}
.clear {clear: both; }
.fl {float: left; }
.top_menu {margin-top: 30px; border-bottom: 1px solid #800;}
.top_menu a {font: 12px arial; color: #ddd; text-decoration: none; display: block; padding: 1px 30px; }
.top_menu a:hover {color: #d33; text-decoration: none; background: #333;}
.logo {margin: 0px 0px 0px 0px; padding-bottom: 10px; text-align: center; border-bottom: solid 1px #800; background: #000;}
.logo img {margin-top: 10px;}
.logo img {height: 15px;}
.bott_ci {display: block; text-align: center; height: 15px; text-decoration: none; font: 9px Arial; color: #888; margin-top: 8px;}
a.bott_ci:hover {text-decoration: underline; color: #b22;}
#ws {text-align: center; margin: 10px auto; height: 20px; }
#ws a {font: 10px Tahoma; text-align: center; text-decoration: none; color: #999; }
#ws a:hover {text-decoration: underline; color: #b22;}
.counter {padding: 3px 20px; margin-top: 5px; background: #191919;}
.counter img {filter: alpha(opacity=10); opacity: 0.1 !important}
.counter a:hover {filter: alpha(opacity=100); opacity: 1; }

.menu {margin-top: 0px; border-top: solid 1px #000; border-bottom: solid 1px #800;}
.menu a, .menu a:link, .menu a:visited {font: 11px arial; color: #ccc; text-decoration: none; 
	display: block; text-align: center; padding-top: 1px; padding: 4px 40px 0px 40px; height: 20px; white-space: nowrap;
    text-transform: uppercase; }
.menu a:hover {color: #d33; text-decoration: none; background: #333; }
.menu a.msel, .menu a.msel:link, .menu a.msel:visited  {background: #600; color: #fff }

.red_line_footer {border-top: 1px solid #800; border-bottom: 1px solid #800; margin: 0px 0; height: 34px; background: #000;}

/* ------------------------------------------------------------------------------------------------------------------ */
/* --- pager4--- */
/* ------------------------------------------------------------------------------------------------------------------ */
.pager4 { margin: 15px auto; text-align: center; color: #444; }
.pager4 td.num, .pager4 td.dot, .pager4 td.arrow {font: 10px Verdana; padding-right: 2px; white-space: nowrap; width: 17px;}
.pager4 a {font: 10px Verdana; text-decoration: none; border: 1px solid #e0e0e0; width: 17px; 
	padding: 1px; text-align: center; color: #555; display: block; width: 24px; white-space: nowrap; background: #fff;}
.pager4 a:hover { color: #fff; background: #888; border: 1px solid #555; text-decoration: none; }
.pager4 a.pagenum-current { color: red; border: 1px solid red; background: #fff; }
.pager4 .total { margin: 3px; }
.pager4 .txt {padding-left: 9px; font: 11px tahoma; color: #888;}

.msg {font: 20px verdana; background: yellow; color: #222; text-align: center; padding: 10px; margin: 10px 0; border: 1px solid blue;}
.msg_err {font: 20px verdana; background: #b22; color: #fff; text-align: center; padding: 10px; margin: 10px 0;} 
.std_form {font: 12px Tahoma; color: #555; margin: 20px;}
.std_form td {font: 12px Tahoma; color: #555; padding: 0px 5px 5px 0px;}
.std_txt {font: 12px Tahoma; border: 2px inset; margin: 1px 5px 1px 5px;}
.std_btn {font: 11px Tahoma; border: 2px outset; margin: 1px 5px 1px 5px; background: #f8f8f8;}
.w120 {width: 120px;}
.w190 {width: 190px;}

#liner {font: 10px Verdana; margin: 5px 5px 5px 0px; background: #222; padding: 3px 0px 5px 20px;}
#liner, #liner a {text-decoration: none; color: #bbb; text-transform: lowercase;}
#liner a:hover {color: e44;}

.tab_models {width: 100%; background-color: #f5f5f5; color: #111;}
.td_models {}
.td_logo {width: 77px; }
.td_logo div {border-left: 5px solid #e44; }
.td_models .pager4 td {white-space: nowrap}
.td_firm_menu {width: 190px; background: #000; padding-left: 20px}
.firm_menu a {display: block; font: 11px tahoma; color: #eee; text-decoration: none; padding: 3px 0px 3px 8px;
	border-bottom: 1px solid #bbb; border-left: 5px solid #bbb; background: #333;}
.firm_menu a:hover {/*color: #000; background: #ccc; */border-left: 5px solid #e44; }
.firm_menu .select {color: #e44;}
.tab_models h1 {margin: 15px 0; border-left: 1px solid #444; margin-left: 20px; padding-left: 15px; 
	font: 35px Times New Roman; color: #333; text-align: left;}
.tab_models h1 a {font: 35px Times New Roman; color: #333; text-decoration: none}
.td_models div.model {width: 180px; height: 231px; margin: 5px;
    float: left; background-repeat: no-repeat; 
    background-color: #222; border: 1px solid #333; overflow: hidden; font: 10px Arial;}
.td_models div.model a {width: 150px; height: 140px; display: block; border: 1px solid #999; text-decoration: none; font: 10px Arial; margin: 12px 14px 0px 14px; }
.td_models div.model a:hover {border: 1px solid #e44;}
.td_models div.model div {font: 11px Tahoma; color: #aaa; margin: 10px 14px 10px 14px; }

.td_model {text-align: center}
.td_model a.toindex {width: 700px; height: 700px; display: block; border: 0px solid #999; text-decoration: none; float: left; }
.td_model .capt {width: 700px; text-align: left; font: 12px Tahoma; margin: 10px 0px; color: #444;}
.td_model .capt div {margin-top: 4px; margin-left: 50px;}
.td_model .capt #capt_hdr {font-weight: bold}

.td_model a.img_prod { height: 700px; display: block; border: 0px solid #999; text-decoration: none;  }


.td_model a.prev, .td_model a.next {width: 30px; line-height: 50px;  border: 1px solid #eee; margin: 150px 10px 10px 10px; background: #fff; color: #222;
    text-decoration: none; font-size: 20px;
    display: block; text-align: center; opacity: 0.6; }
.td_model a.prev:hover, .td_model a.next:hover {border: 1px solid #ddd; background: #fafafa; opacity: 0.9; }


/* first */
.wrap_first_imgs {background: url(/imgs/bg.gif)}
.first_imgs {}
.first_imgs td {width: 220px; }
.first_imgs .txt {display: block; font: 12px arial; color: #ddd; text-decoration: none; text-align: center; margin: 10px 0; 
	text-transform: uppercase; height: 30px}
.first_imgs a.txt:hover {text-decoration: underline;}
.first_imgs a.img {display: block; border: 1px solid #999; width: 210px; height: 210px; }
.first_imgs a.img:hover {border: 1px solid #e44;}
.first_imgs .logos {margin-top: 20px; background: #000;}
.first_imgs .logos a {display: block; border: 1px solid #444; text-decoration: none; width: 105px; height: 30px; float: left;}
.first_imgs .logos a img {width: 105px; height: 30px;}
.first_imgs .logos a:hover {border: 1px solid #e44;}
.first_imgs .logos2 a {width: 210px; text-align: center; background: #000;}

h1, h1 a {font: 24px Arial; color: #555; margin: 10px 0px 5px 0px; text-align: center; color: #bbb;}
#content { margin: 10px auto; font: 12px Tahoma; text-align: left; width: 700px; line-height: 1.5em;}
#content a { font: 12px Tahoma; color: #aaa; text-decoration: underline;}
#content a:hover { color: #e22; text-decoration: none;}
a.pdf_link { font:  20px Verdana;  color: #222; text-decoration: none;}
a.pdf_link:hover { color: #e22; text-decoration: underline;}

#content_firm { margin: 10px auto; font: 12px Tahoma; text-align: left; line-height: 1.5em; color: #222;}
#content_firm a { font: 12px Tahoma; color: #222; text-decoration: underline;}
#content_firm a:hover { color: #d33; text-decoration: none;}

#projs li {margin: 0.7em;}
#projs a {color: #ddd; text-decoration: underline; display: block;  }
#projs a:hover {color: #d33; text-decoration: none; }
.proj_img_wr {border: 1px solid #555; border-bottom: 0px solid #a11; width: 700px; background: #222; text-align: center; margin: 0 0 15px 0;}
.proj_capt {color: #fff; background: #333; padding: 5px 0px 5px 0px; text-align: left; border-bottom: 1px solid #a11;}

#find {margin: 11px 10px 11px 10px; text-align: center; display: block;}
h1#prod_header {font: 24px Arial; color: #222; text-align: center; border: 0; margin: 0;}

/*
#txt_footer, #txt_footer *, #txt_footer p {filter: alpha(opacity=5); color: #111;  }
#txt_footer, #txt_footer *, #txt_footer p {opacity: 0.05 !important; margin-top: 20px; }
*/


h1#header, h1#header a {font: normal 20px Arial, Sans; color: #555; margin: 19px 0px 5px 0px; text-align: center; color: #bbb;}

h3, h3 a {font: normal 17px Arial, Sans;}

.doors {text-align: center; }
.doors a {width: 299px; color: #fff; font: 12px tahoma;  text-decoration: none; text-align: center; 
	padding: 50px 0; margin: 0px; display: block; float: left; }
.doors a:hover {background: #444}
.doors_b_type a {width: 299px; color: #fff; font: 12px tahoma;  text-decoration: none; text-align: center; 
	padding: 10px 0; margin: 0px; display: block; }

.door_types {margin: 22px; white-space: nowrap}
.door_types a {font: 12px  Arial Narrow, Arial, Tahoma !important;  margin: 10px 10px;
	color: #ccc; font: 11px tahoma; text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #aaa}
.door_types a:hover {color: #e44}
.door_types a.sel {font-weight: normal !important; color: #fff; text-decoration: underline; border-bottom: 0px dotted #aaa}
.doors_b {width: 870px; }
.doors_b_hdr {}

.doors_txt {margin: 0 50px; text-align: left; font: 12px Tahoma; color: #ccc; line-height: 1.3em; }
.doors_txt p {line-height: 1.4em; }

.adm_hdr {font: bold 12px Arial; color: #eee; margin: 5px 0px; }
.adm_btn {font: 10px Arial; border: 1px outset #eee; }
.adm_input {font: 11px Verdana; padding: 1px; border: 1px inset #eee; background: #eee; }
.adm_a {font: 10px Verdana; color: #eee; text-decoration: none;}
.adm_a:hover {text-decoration: underline ;}
.w90 {width: 90px; }
.w120 {width: 120px; }
.w150 {width: 150px; }
.w190 {width: 190px; }

#form_main {width: 800px; display: block; margin-left: auto; margin-right: auto; }

.cat_descr {margin: 22px; white-space: nowrap; border-bottom: 1px solid #333;}
.cat_descr a { padding: 5px 40px 3px 40px; color: #ccc; font: 11px tahoma; text-transform: uppercase; text-decoration: none; background: #444; 
	border-bottom: 1px solid #000; border-right: 1px solid #555; border-left: 1px solid #555; border-top: 1px solid #555; }
.cat_descr a:hover {color: #e44}
.cat_descr a.sel {background: #000; color: #fff; }

.partner {color: #bbb; font: 11px arial;}
.partner p {margin: 5px 0}
.partner h2 {margin: 5px 0; font: bold 16px Arial}
.partner a {color: #c22; font: 11px arial;}

/* contact */
.t, .t td, .t * {color: #bbb; font: 11px tahoma;}
.c2, .c2 td, .c2 * {color: #bbb;  font: 11px tahoma;}
.t td { padding: 5px; }
#fbk .input, #fbk input, #fbk select, #fbk option, #fbk textarea.input { font: 10px Verdana; color: #000; }

.red {color: #e44; font: 12px tahoma;}
.hdr {color: #d44;  text-align: center; font: bold 12px tahoma;}
.hdr * {color: #d44; font: bold 12px tahoma; text-align: center; }

b {font-weight: bold !important}

#tel {border-bottom: 1px dashed #777; padding: 0px 0px 5px 0px;}
#tel, #tel a {color: #c22; font: bold 17px arial; }
#tel span {color: #bbb; font: bold 17px arial; }
#tel a {text-decoration: none; }
#tel a:hover {text-decoration: underline; }

.contact_cross {color: #bbb;  font: 11px tahoma; text-align: center; }
.contact_cross a {color: #e44;  font: 11px tahoma;}

.fotos {}
.foto_wr {float: left; width: 160px; height: 180px; margin: 0px 10px 10px 0px ; border: 1px solid #555; }
.img_wr {width: 140px; height: 140px; margin: 5px; border: 1px solid #555;  }
.foto_txt {color: #999; font-size: 11px; padding: 0 5px ;}