/*GLOBAL*/
html{
height:100%;
}
body{
margin:0px;
padding:0px;
height:100%;
background-color:#333333;
font-family: Arial;
color:#FFFFFF;
font-size:12px;
}
img{
margin:0px;
border-width:0px;
padding:0px;
}
form{
margin:0px;
}
h1{font-size:16px; margin:0px 0px 20px 0px;}
h2{margin:0px;}
a{text-decoration:none; color:#000;}
input , textarea{width:200px;}

/*POSITIONING*/
#wrapper{
position:relative;
width:900px;
margin:0px auto;
background-color:#333333;
height:auto !important;
height:100%;/*IE6*/
min-height:100%;
}

#head{height:150px; width:900px; background-image:url(img/bg_tel.jpg); background-position:left top; background-repeat:no-repeat;}
#head #logo{ height:78px; width:241px; position:absolute; left:620px; top:15px; z-index:10;}
#head #menu{position:absolute; top:74px; left:0px; height:30px; line-height:30px; width:900px; background-color:#000000; color:#FFF;}
#head #menu a{ color:#FFF; margin:0px 40px 0px 0px; display:block; float:left; font-weight:bold; font-size:14px;}
#head #menu .active,#head #menu a:hover{text-decoration:underline;}
#head #submenu{position:absolute; top:110px;left:0px; height:30px; line-height:30px; width:900px; background-color:#646464;}
#head #submenu a{color:#FFF; margin:0px 40px 0px 0px; display:block; float:left; text-decoration:none;}
#head #submenu .active,#head #submenu a:hover{text-decoration:underline;}

#content{display:block;width:880px; height:510px;border:10px solid #646464; background-color:#303; }

#content #left{width:426px;float:left; margin:20px 0px 0px 20px;}
#content #left .products{float:left;margin:0px 16px 16px 0px;}
#content #right{ position:relative;float:right; width:240px; height:460px; margin:20px 0px 20px 0px; background:url(img/bg_right.png) no-repeat;}
#content #right h2{ position:absolute; top:10px; left:10px; font-size:20px; color:#000; text-align:center; width:220px; height:50px; line-height:50px;background:url(img/bg_right_title.png) no-repeat;}
#content #right p{ position:absolute; top:60px; left:10px; width:220px;}

#content #txt{position:relative;width:550px; height:425px; margin:20px 0px 0px 0px;background:url(img/bg_content.png) no-repeat;float:left;}
#content #txt h1{ position:absolute; top:10px; left:20px; font-size:18px; color:#000; text-align:center; width:220px; height:50px; line-height:50px;background:url(img/bg_right_title.png) no-repeat;}
#content #txt p{position:absolute; top:60px; left:20px; width:520px;}
#content #txt img{ display:block; }
#content #txt a{ color:#FFF;}
#content #txt a:hover{ text-decoration:underline;}

#content #txt2{position:relative;width:550px; height:425px; margin:20px 0px 0px 0px;background:url(img/bg_content.png) no-repeat; float:left;}
#content #txt2 h1{ position:absolute; top:10px; left:20px; font-size:20px; color:#000; text-align:center; width:220px; height:50px; line-height:50px;background:url(img/bg_right_title.png) no-repeat;}
#content #txt2 h2{ position:absolute; top:70px; left:20px; font-size:16px;}
#content #txt2 p{position:absolute; top:85px; left:20px; width:510px;}

#content #txt3{position:relative;width:290px;height:425px;background:url(img/bg_content2.png) no-repeat;float:right;margin:20px 0px 0px 0px;} 
#content #txt3 p{position:absolute; top:20px; left:20px; width:260px;}

#bottom{}
#bottom #vacature{position:absolute;top:470px;left:0px;}
#bottom .tab{ display:block; width:150px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#000; text-decoration:none; float:left; text-transform:uppercase;}
#bottom .b2b{background:url(img/bg_tab1.jpg) no-repeat;margin-right:1px;}
#bottom .ond{background:url(img/bg_tab2.jpg) no-repeat;margin-right:1px;}
#bottom .zor{background:url(img/bg_tab3.jpg) no-repeat;margin-right:1px;}
#bottom .dur{background:url(img/bg_tab2.jpg) no-repeat;}
#bottom .tab:hover, #bottom .active2{ color:#FFF; background:url(img/bg_tab.jpg) no-repeat;}
#bottom #bot_right{ float:right; height:30px; line-height:30px;}
#bottom #bot_right a{ color:#FFF; margin-left:20px;}
#bottom #bot_right a:hover, #bottom #bot_right .active{color:#E8FF00;}
#bottom #bot_right span{ color:#E8FF00;}

#content .prod_item{ margin-bottom:10px; width:630px; height:146px;clear:both;}
#content .prod_pic{ float:left; height:146px; width:146px; margin-right:10px;}
#content .prod_pic a{height:146px; width:146px; display:block;background-position:center; text-decoration:none; background-repeat:no-repeat;}
#content .prod_txt{ float:left; background-color:#F2F2F2; width:474px;height:146px;}
#content .prod_txt p{ margin:0px 10px 10px 10px;}
#content .prod_txt h2{ margin:10px 0px 10px 10px; font-size:14px;}

#content .prods_item{ float:left; margin:0px 10px 10px 0px;}
#content .prods_pic{ width:146px; height:146px;background-position:center; cursor:pointer;}
#content .prods_top{ text-align:center;}

#content .iimg{ float:left;margin:0px 10px 10px 0px; height:146px; width:146px;background-position:center;background-repeat:no-repeat;}
#content .iimg a{ display:block; height:146px; width:146px; text-decoration:none;}

#cntct_frm{clear:both;position:absolute;top:160px;left:20px;}
#cntct_frm .frm_right{}
#cntct_frm  textarea{font-size:11px;}
#cntct_frm input{font-size:11px;}
#cntct_frm span{font-size:10px;}
#cntct_frm .error{background:#FF6600;}


#ytButton{ width:30px; height:102px; background:url('img/tab_play.jpg'); position:absolute; left:50%; top:150px; margin-left:-480px; cursor:pointer; }