/*--- DErek (Zhukov Alexandr) ---*/

/* reset

--------------------------------------------------*/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin:0;padding:0;}

img { border: 0; }



html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd { padding:0; margin:0; }

textarea { font-family:tahoma,arial; font-size:12px; }

input { font-family:tahoma,arial; font-size:12px; vertical-align:middle; }

input[type=checkbox], input[type=radio] { cursor:pointer; cursor:hand; margin:0; vertical-align:middle; }

select { font-family:tahoma,arial; font-size:12px; vertical-align:middle; }

label { cursor:pointer; cursor:hand; }

a img, img { border:0; vertical-align:middle; }



sup, sub { vertical-align:baseline !important; vertical-align:bottom; position:relative; }

sup { bottom:0.5em; }

sub { top:0.3em; }





/* body

--------------------------------------------------*/

body { background: url("../images/b.gif") repeat-x; 

       font-family: Tahoma;

       font-size: 62.5%;   /* Resets 1em to 10px */

       text-align: left; /* Center for IE 5.x */

}



html, body { height:100%}



.clearing { clear: both; height: 1px; font-size: 1px; }



a { text-decoration:underline;  outline-style:none  }

a:hover { text-decoration:none }





.main {z-index:100; position:relative; height:auto !important; height:100%; min-height:100%; background: url("../images/fb.gif") repeat-x 0 100%; }





.global { width:920px; margin:0 auto 0 auto; }







.r_img { float:right; position:relative; margin-top:-5px}



/* GlobalTable

--------------------------------------------------*/

.t {border: none; border-collapse: collapse; width: 100%}

.t td {padding: 0px; vertical-align:top}





/* Head

--------------------------------------------------*/

.head { height:130px; padding:37px 0 0 0; position:relative;}

.head .logo { width:178px; height:49px; display:block; overflow:hidden; text-indent:-3000em; background: url("../images/logo_binardi.png") no-repeat; margin:0 0 0 0;

cursor:pointer}

*html .head .logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_binardi.png', sizingMethod='crop'); _background:none;}





.h_img .head { height:80px;}



/* Head/Menu

--------------------------------------------------*/

.h_menu { float: right; font-size:16px; padding:28px 0 2px 0; }

.h_menu a { color:#000000; text-decoration: none; margin-left:28px; background: url("../images/hm_a.gif") repeat-x 0 100%; padding-bottom:2px  }

.h_menu a:hover { color:#509fcc; text-decoration: none;;background: url("../images/hm_ac.gif") repeat-x 0 100%; }

.h_menu .hm_ac { color:#509fcc; cursor:default; background: url("../images/hm_ac.gif") repeat-x 0 100%; }





/* Head/Tel

--------------------------------------------------*/

.tel { color:#519fcd; font-size:24px; font-family: Arial, Helvetica, sans-serif; padding:0 50px 0 0; background: url("../images/tel.gif") no-repeat 100% 2px;

 position:absolute; top:58px; left:240px  }

.tel b { color:#000000; font-size:14px; margin-right:2px; vertical-align: baseline }





/* Head/Navigation

--------------------------------------------------*/

.nav { width:74px; border-top:1px solid #dadada; position:absolute; top:18px; left:240px}

.nav a { float:left; width:35px; height:22px; display:block; position:relative; margin-top:-1px}

.nav a:hover { border-top:1px solid #000000; height:21px; }



.nav .n1:hover {  background: url("../images/n1.gif") no-repeat 50% 100% }

.nav .n1 {  background: url("../images/n1_ac.gif") no-repeat 50% 100%; }



.nav .n2:hover {  background: url("../images/n2.gif") no-repeat 50% 100% }

.nav .n2 {  background: url("../images/n2_ac.gif") no-repeat 50% 100%; margin-left:2px; margin-right:2px; }



.nav .n3:hover {  background: url("../images/n3.gif") no-repeat 50% 100% }

.nav .n3 {  background: url("../images/n3_ac.gif") no-repeat 50% 100% }



#n1_ac { background: url("../images/n1.gif") no-repeat 50% 100%; border-top:1px solid #000000; height:21px; cursor:default  }

#n2_ac { background: url("../images/n2.gif") no-repeat 50% 100%; border-top:1px solid #000000; height:21px; cursor:default  }

#n3_ac { background: url("../images/n3.gif") no-repeat 50% 100%; border-top:1px solid #000000; height:21px; cursor:default  }









/* Center

--------------------------------------------------*/

.center { font-size:13px}

.center a { color:#509fcc}





.center h1 { font-size:26px; font-weight:normal; color:#0f4578; padding:0 0 8px 0;}





.center_block { overflow:hidden; min-height:1px; _height:1px;  background: url("../images/c_bt.gif") no-repeat 0 100%; margin-bottom:20px;}

*html .center_block { overflow:visible}



.cb_bottom { overflow:hidden; min-height:1px; _height:1px;  background: url("../images/cl_b.gif") no-repeat 0 100%; margin-bottom:20px;}

*html .cb_bottom { overflow:visible}







/* Center/Last Work

--------------------------------------------------*/

.last_w { width:441px; min-height:365px; _height:365px; font-size:13px}

.last_w h1 { padding-bottom:15px}

.last_w ul { margin:0px; padding:0 0 13px 0; list-style:none}

.last_w ul li { padding:0 0 1px 0 }



.last_w img { padding:11px 13px; background: url("../images/lw_img.gif") no-repeat }



.last_w p { padding:16px 0 0 0; text-align:center; font-size:11px}

.last_w p a { padding-left:30px; margin:0 46px}

.last_w p .ic1 { background: url("../images/ic1.gif") no-repeat 0 3px;}

.last_w p .ic2 { background: url("../images/ic2.gif") no-repeat 0 3px;}







/* Center/Job list

--------------------------------------------------*/

.job_l { width:443px; border-bottom:0px solid #509fcc; overflow:hidden; min-height:166px; _height:166px; padding:0 0 20px 0;;}

*html .job_l { overflow:visible}



.job_l ul { margin:0px; padding:22px 0 0 0; width:221px; list-style:none; float:left;}

.job_l ul li { padding:0 0 14px 0;}

.job_l ul li a { padding:0 0 0 40px}



.job_l ul li .act {color: black !important; text-decoration: none !important;}

.job_l ul li .ic3 { background: url("../images/ic3.gif") no-repeat 1px 1px; }

.job_l ul li .ic3:hover { background: url("../images/ic3_ac.gif") no-repeat 1px 1px; color: #509FCC !important; }




.job_l ul li .ic4 { background: url("../images/ic4.gif") no-repeat 2px 1px; }

.job_l ul li .ic4:hover { background: url("../images/ic4_ac.gif") no-repeat 2px 1px; color: #509FCC !important;  }



.job_l ul li .ic5 { background: url("../images/ic5.gif") no-repeat 1px 1px; }

.job_l ul li .ic5:hover { background: url("../images/ic5_ac.gif") no-repeat 1px 1px; color: #509FCC !important;  }



.job_l ul li .ic6 { background: url("../images/ic6.gif") no-repeat 0 1px; }

.job_l ul li .ic6:hover { background: url("../images/ic6_ac.gif") no-repeat 0 1px; }



.job_l ul li .ic7 { background: url("../images/ic7.gif") no-repeat 0 2px; }

.job_l ul li .ic7:hover { background: url("../images/ic7_ac.gif") no-repeat 0 2px; }



.job_l ul li .ic8 { background: url("../images/ic8.gif") no-repeat 0 3px; }

.job_l ul li .ic8:hover { background: url("../images/ic8_ac.gif") no-repeat 0 3px; }









/* Center/News

--------------------------------------------------*/

.c_news { min-height:166px; _height:166px; border-bottom:0px solid #509fcc; float:right; width:443px; padding:0 0 20px 0  }

.c_news p { padding:0 0 10px 0}

.c_news ul { margin:0 0 0 -30px; padding:0 0 12px 0; list-style:none; position:relative; _height:96px; overflow:hidden; min-height:96px;}

*html .c_news ul { overflow:visible}

.c_news ul li { width:202px; float:left; padding:0 0 0 30px}

.c_news ul li i { display:block; font-size:11px; color:#9d9d9d; font-style:normal; padding:0 0 6px 27px; background: url("../images/ic9.gif") no-repeat 0 2px; }





a.arh_n { font-size:11px; padding:0 0 1px 28px; background: url("../images/arh_n.gif") no-repeat 0 3px  }







/* Center/Welcome

--------------------------------------------------*/

.welcom { width:443px; border-bottom:0px solid #509fcc; min-height:130px; _height:130px; padding:15px 0 20px 0; }





/* Center/Clients

--------------------------------------------------*/

.client { width:443px; border-bottom:0px solid #509fcc; float:right; min-height:130px; _height:130px; padding:15px 0 20px 0; }

.client p { padding:0 0 10px 0}







/* Center/Baners

--------------------------------------------------*/

.c_ban { text-align:center; overflow:hidden; min-height:1px; _height:1px; padding:0 0 30px 0}

*html .c_ban { overflow:visible;}

.c_ban img { margin:0 10px}







/* Center/Partners

--------------------------------------------------*/

.partners { width:885px; height:155px; background:#7dafca url("../images/parner.gif") no-repeat; margin:0 auto 0 auto; padding:0 0 0 34px; color:#FFFFFF; 

font-size:11px; margin-bottom:15px }

.partners a { color:#FFFFFF;}



.partners p { width:140px; padding:54px 0 0 0; float:left;}

.partners p a { padding:0 0 1px 28px; background: url("../images/pa_a.gif") no-repeat 0 3px; }

.partners b { display:block; font-size:22px; font-weight:normal; font-family: "Arial Narrow"}





.p_tab { overflow:hidden; min-height:1px; _height:1px;}

*html .p_tab { overflow:visible;}



.p_tab table {border: none; border-collapse: collapse; width: 100%}

.p_tab table td {padding: 0 0 0 0; vertical-align: middle; height:155px; text-align:center; background: url("../images/p_tab.gif") no-repeat 100% 50%  }

.p_tab table .last { background:none}









/* Center/Top Link

--------------------------------------------------*/

.top_link { font-size:11px; color:#8d8d8d; overflow:hidden; min-height:1px; _height:1px; position: relative; margin-top:-26px; height:26px}

*html .top_link { overflow:visible}

.top_link p { background: url("../images/tl_l.gif") no-repeat 0 2px; padding:0 0 0 12px; float:right;}

.top_link p a { background: url("../images/tl_a.gif") no-repeat 100% 2px; padding:0 9px 0 0; margin-right:1px }







/* Center/Catalog Site

--------------------------------------------------*/

.cat_s { float:left; width:665px; font-size:11px; padding:17px 0 0 0}

.cat_s b { display:block; color:#509fcc; padding:0 0 25px 41px; font-size:12px}





.cat_s .ic3 { background: url("../images/ic3_ac.gif") no-repeat 0px 1px; }

.cat_s .ic5 { background: url("../images/ic5_ac.gif") no-repeat 0px 1px; }

.cat_s .ic4 { background: url("../images/ic4_ac.gif") no-repeat 1px 1px; }

.cat_s .ic6 { background: url("../images/ic6_ac.gif") no-repeat 0 1px; }

.cat_s .ic7 { background: url("../images/ic7_ac.gif") no-repeat 0 2px; }

.cat_s .ic8 { background: url("../images/ic8_ac.gif") no-repeat 0 3px; }





/* Center/Catalog Site / CATALOG SITE

--------------------------------------------------*/

.cat_ul { margin:0px; padding:0 0 25px 0; list-style:none; overflow:hidden; min-height:1px; _height:1px;}

*html .cat_ul { overflow:visible;}

.cat_ul li { float:left; width:149px; height:150px; text-align: center; font-weight:bold; font-size:11px}

.cat_ul li img { display:block; margin:0 auto 0 auto; margin-bottom:3px}



/* Center/Catalog Site / SEO

--------------------------------------------------*/

.seo_ul { margin:0px; padding:0 0 22px 0; list-style:none; overflow:hidden; min-height:1px; _height:1px;}

*html .seo_ul { overflow:visible;}

.seo_ul li { float:left; width:180px; height:23px; background: url("../images/seo_li.gif") no-repeat 0 4px; padding:0 0 0 18px; font-size:12px}





/* Center/Right text

--------------------------------------------------*/

.r_txt { float:left; width:250px;  background: url("../images/rt_t.gif") no-repeat; padding:28px 0 0 0; font-size:11px; margin-top:24px }

.r_txt .rt_b {  background:#f5f5f5 url("../images/rt_b.gif") no-repeat 0 100%; padding:11px 12px 26px 12px; font-size:12px; text-align:justify;

margin-bottom:3px }

.r_txt .rt_b p { padding:0 0 5px 0; text-indent:10px}


.r_txt2 { float:left; width:250px; padding:10px 0 0 37px; font-size:11px; margin-top:10px }

.r_txt2 .rt_b2 {  background:#f5f5f5 url("../images/rt_b.gif") no-repeat 0 100%; padding:11px 12px 26px 12px; font-size:12px; text-align:justify;

margin-bottom:3px }

.r_txt2 .rt_b2 p { padding:0 0 5px 0; text-indent:10px}





/* Center/Left images

--------------------------------------------------*/

.l_img { float:left; width:557px; padding:15px 0 10px 0; _height:1px}





.s_inf { overflow:hidden; min-height:1px; _height:1px; padding:15px 0 20px 0}

*html .s_inf { overflow:visible}

.s_inf p { padding:0 0 5px 0}



.s_inf ul { margin:0px; padding:0 0 0 0; list-style:none}

.s_inf ul li { padding:0 0 7px 0}

.s_inf ul li strong { display:block}







/* Center/List site

--------------------------------------------------*/

.list_site { width:440px; float:left; padding:14px 0 0 0}

.list_site h2, .r_service h2 { font-size:18px; color:#0F4578; padding:11px 0 11px 0; font-weight: normal}

.list_site h3, .r_service h3 { font-size:16px; color:#0F4578; padding:10px 0 10px 0; font-weight: normal}

.list_site ol {margin-left: 30px; margin-bottom:20px;}

.list_site ol li {padding: 1px 0px 1px 0px;}



.list_site ul {margin-left: 12px; margin-bottom:20px;}



.list_site p {margin-bottom: 7px;}



.list_site ul li {background: transparent url(/images/bullet.gif) no-repeat left 0.4em; 

   list-style-type:none;

   list-style-image: none;

    margin:0;

   padding:1px 2px 1px 20px;

   vertical-align:center;

}



table.content .tabs li { background-image:none; }







table.content td.right-column { width: 417px; }



table.content td.page_header {



width:50%;



}





.list_site .lain { background: url("../images/dot2.gif") repeat-x; font-size:1px; height:1px; margin-bottom:20px  }



.site_b { padding:0 0 23px 0}

.site_b i { display:block; font-style:normal; font-weight:bold; padding:6px 0 0 0;}

.site_b h2 { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#0F4578; padding:0 0 11px 0; font-weight: normal}







/* Center/Right service

--------------------------------------------------*/

.r_service { float:left; width:440px; padding:14px 0 0 37px;  }

.r_service .job_l { margin-bottom:0px; padding-bottom:0px}

.r_service .job_l ul { background: url("../images/dot2.gif") repeat-x 0 100%; min-height:110px; _height:110px}



.r_service ul.sp {margin-left: 12px; }

.r_service ul.sp li {background: transparent url(/images/bullet.gif) no-repeat left 0.4em; 

   list-style-type:none;

   list-style-image: none;

    margin:0;

   padding:1px 2px 1px 20px;

   vertical-align:center;

}



.r_service p { padding:0 0 5px 0}

.ul_s { margin:0px; padding:5px 0 8px 26px; list-style: none}

.ul_s li { padding:0 0 3px 11px; background: url("../images/s_ul.gif") no-repeat 0 5px  }





.rs_img { text-align:center; padding:0 0 0 10px; position:relative; margin-top:-10px}







/* Footer

--------------------------------------------------*/

.footer { position:absolute; bottom:0px; width:100%;}

.fc { width:920px; margin:0 auto 0 auto; font-size:11px; color:#8d8d8d; padding:0 0 18px 0; position:relative;}

.fc a { color:#509fcc}



a.f_logo { display:block; width:90px; height:26px;  background: url("../images/f_logo.gif") no-repeat; overflow:hidden; text-indent:-3000em; float:left;

margin-bottom:12px;

	opacity: 1.0;

	-moz-opacity: 1.0;

	filter:alpha(opacity=100);

	-khtml-opacity: 1.0;opacity: 1.0;

 }

a.f_logo:hover {

	opacity: 0.5;

	-moz-opacity: 0.5;

	filter:alpha(opacity=50);

	-khtml-opacity: 0.5;opacity: 0.5;

}



.clearing_f { clear: both; height:170px; font-size: 1px; }





/* Footer/Tel

--------------------------------------------------*/

.f_tel { color:#87b7d0; font-size:24px; font-family: Arial, Helvetica, sans-serif; padding:0 50px 0 23px; background: url("../images/tel.gif") no-repeat 100% 2px;

float:left; }

.f_tel b { color:#8d8d8d; font-size:14px; margin-right:2px; vertical-align: baseline }





/* Footer/Copy Right

--------------------------------------------------*/

.copy_r { width:326px; height:60px; border-bottom:2px solid #87b7d0; background: url("../images/dot.gif") repeat-x; clear:both; padding:18px 0 0 0; font-size:11px}





/* Footer/Menu

--------------------------------------------------*/

.f_menu { position:absolute; right:0px; width:552px; height:45px; border-bottom:1px solid #87b7d0; text-align:right; top:38px;  

background: url("../images/dot1.gif") repeat-x; padding:33px 0 0 0 }

.f_menu a { padding:0 0 0 11px; background: url("../images/fm_a.gif") no-repeat 0 5px; margin:0 0 0 26px; color:#8d8d8d}

.f_menu a:hover { color:#509fcc}



.f_menu .fm_ac { text-decoration:none; color:#509fcc }

.center ul.text li {
background: url("../images/c_ul_in.gif") no-repeat scroll 0 4px transparent;
padding: 0 0 6px 16px;
}

.center ul.text {
list-style:none outside none;
margin:0;
padding:0 0 10px 14px;
}

.r_service ul.text2
{
list-style:none outside none;
margin:0;
padding:0 0 10px 9px;
}

.r_service ul.text2 li {
background: url("../images/c_ul_in.gif") no-repeat scroll 0 4px transparent;
padding: 0 0 0px 16px;
}

p.order {
font-size:24px;
margin:0 0 20px;
padding:10px 10px 20px;
}