/* MAIN*/ 
 @charset "UTF-8"; 
/*MAIN*/
html, body{padding:0; margin:0; height:auto; background:#887671; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#FFFFFF;}
/*TOP MENU*/
#MenuTopContainer{width:100%; height:45px; background:#FFFFFF;}
#MenuTopContainer2{width:960px; height:45px; margin:auto;}
#MenuTop{float:right;text-align:left; line-height:45px; height:35px; position:relative; margin-top:10px;}
#MenuTop a.pulsanteMenuTop{ font-size:11px; padding:4px 10px; text-decoration:none; text-transform:uppercase; float:left; line-height:14px;}
#MenuTop a.pulsanteMenuTop:hover{color:#212121;}

/* FLASH CONTAINER*/
/*#FlashContainer{width:100%; margin:0; padding:0; clear:both; overflow:hidden; height:265px; border-bottom:4px solid red; position:relative; z-index:1;}
#FlashMain{position:absolute; z-index:2; top:0px; left:0px;}*/
#LogoTechnokollaContainer{width:960px; margin:auto; z-index:3; height:265px; position:relative;margin-top:-265px}
#LogoTechnokolla{z-index:3; float:left; position:relative;  }


/*TOP MENU >>> LINGUA*/
ul#lingua{list-style:none; width:180px; border:1px solid #666; float:left; margin:0; padding:0px; margin-right:10px;}
ul#lingua li{ color:#666; text-transform:uppercase; width:100%; font-size:10px; line-height:20px; color:#666;}
ul#lingua li a{ color:#666; text-decoration:none; text-align:left; height:auto; padding-left:25px;  display:block;}
ul#lingua li.CurrLang-it{ background:url(../images/layout/bandierait.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-en{ background:url(../images/layout/bandieraen.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-fr{ background:url(../images/layout/bandierafr.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-de{ background:url(../images/layout/bandierade.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-es{ background:url(../images/layout/bandieraes.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-pt{ background:url(../images/layout/bandierapt.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li.CurrLang-hu{ background:url(../images/layout/bandierahu.jpg) center left no-repeat; background-position: 5px 6px; }
ul#lingua li a.freccia{background:url(../images/layout/freccina.jpg) center right no-repeat; background-position:165px 7px;}

ul#ListaLingue{ display:none; position:absolute; z-index:1000; right:306px; top:10px; width:182px; list-style:none;}
ul#ListaLingue li{ background:#887672; width:100%; height:35px; line-height:30px; z-index:1001}
ul#ListaLingue li{ color:#fff; border-top:dotted 1px #fff;}
ul#ListaLingue li a{color:#fff; text-decoration:none; padding-left:15px; display:block; z-index:1002;}
ul#ListaLingue li:first-child{border:none; z-index:1000;}
ul#ListaLingue li img{float:left; margin:12px 1px 0 8px;z-index:1003;}


/*MENU*/
#menuContainer{height:36px; width:100%; background:#FFF; text-align:center;border-top:4px solid red;}
#menuContainer2{height:36px; width:980px; margin:auto; text-align:center;}
#menuContainer3{margin: 0 auto;width: auto;}
ul#menu{text-align:center; padding:0; list-style:none; margin:0;}
ul#menu li{ float:left; border-left:1px solid #333;margin-top:10px;}
ul#menu li a{ font-size:11px; text-transform:uppercase; color:#333; text-decoration:none; padding:0 6px; }
ul#menu li a:hover{color:#F00;}
ul#menu li:first-child{border:none;}




#container {
width: 960px;
margin:auto;

}




#header {
width: 960px;
margin:auto;
float:left;
margin-bottom:5px;

}

#header a.pulsanteMenuTop{ font-size:11px; padding:4px 10px; text-decoration:none; text-transform:uppercase; float:left; line-height:14px;}
#header a.pulsanteMenuTop:hover{color:#212121;}


h4 {
/*padding:4px 10px 4px 10px;*/
/*background-color:#e0c0a6;*/
color:#FFFFFF;
margin-left:1px;
float:right;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
margin-right:0px;
text-transform:uppercase;

}



h4 a:link, h1 a:visited {
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;


}

h4 a:hover {
color: #000000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;


}


#lingue {
width:180px;
float:right;
margin-top:10px;
margin-left:3px;
margin-right:5px;

}

#content{width:960px; margin:auto; padding:0;}

/*COLONNA SX*/
#colonnaSX{float:left; width:220px; margin-bottom:20px;}
div.TitoloMenuSX{width:210px; background:#F00; color:#FFF; text-transform:uppercase; padding:5px; margin-top:15px;}
ul.ListaMenuSX{width:220px; padding:0px; margin:0; list-style:none; margin-top:10px;}
ul.ListaMenuSX li{ height: auto; padding: 3px 0 3px 15px; border-bottom:1px solid #fff; line-height:24px; width:205px; background:url(../images/layout/bg-lista-menu.png) center left no-repeat;}
ul.ListaMenuSX li a{ text-decoration:none; color:#fff; display:block;}
ul.ListaMenuSX li a:hover{color:#900;}
.SelectGrigio{background-color:#D0CCCB; border:1px solid #666666; margin-top:8px; width:210px; }
.PulsanteGrigio{background-color:#FFFFFF; border:1px solid #F8F7F6; margin-top:5px;}
.BreakGiallo{width:100%; height:2px; margin:10px 0; border-bottom:1px solid #E0C0A6;}
a.CalcoloConsumo{width:222px; height:21px; display:block; color:#FFF; line-height:21px; text-transform:uppercase; background:url(../images/layout/bg-calcoloconsumo.jpg) top left no-repeat; text-decoration:none; padding-left:35px;}
a.CalcoloConsumo:hover{color:#900;}
a.DoP{width:222px; height:21px; display:block; color:#FFF; line-height:21px; text-transform: none; background:url(../images/layout/bg-DoP_home.jpg) top left no-repeat; text-decoration:none; padding-left:35px;}
a.DoP:hover{color:#900;}

/*COLONNA CENTRALE*/
#colonnaCentrale{padding:10px; float:left; width:480px; background:url(../images/layout/bg-sfumato.png) top left repeat-x; margin-left:10px;  margin-bottom:20px;}
#colonnaCentrale p a, #colonnaCentrale h2 a, #colonnaCentrale h3 a{color:#d4b69e; text-decoration:none;}
#colonnaCentrale p a:hover, #colonnaCentrale h2 a:hover, #colonnaCentrale h3 a:hover{color:#fff;}


/*COLONNA DX*/
#colonnaDX{float:right; width:220px;  margin-bottom:20px;}
div.TitoloMenuDX{width:210px; background:#d4b69e; color:#5b4a46; text-transform:uppercase; padding:5px; margin-top:15px;}
ul.ListaMenuDX{width:220px; padding:0px; margin:0; list-style:none; margin-top:10px;}
ul.ListaMenuDX li{ height: auto; padding-left:15px; border-bottom:1px solid #fff; line-height:24px; width:205px; background:url(../images/layout/bg-lista-menuDX.png) center left no-repeat;}
ul.ListaMenuDX li a{ text-decoration:none; color:#fff; display:block;}
ul.ListaMenuDX li a:hover{color:#900;}

/*FOOTER*/
#footerContainer{width:100%; border-top:1px solid #FFF; padding-top:10px; clear:both;}
#footer{width:960px; margin:auto; position:relative;}
#footer a.linkfooter{color:#FFF; text-decoration:none;}
#footer a.linkfooter:hover{color:#f00; text-decoration:underline;}
#sottofooter{width:960px; text-align:center; margin-top:40px;}
#footer #social{position:absolute; top:0; right:0;}

/* STILE*/
h1{font-size:24px; font-weight:100; color:#d4b69e; text-transform:uppercase;}
h2{font-size:16px; font-weight:100; color:#d4b69e;}
h3{font-size:14px; font-weight:100; color:#d4b69e;}
.rosso{color:red;}
.bianco{color:white;}
.oro{color:#d4b69e; text-decoration:none;}
.bgGrigioChiaro{background:#CAC5C4;}
.bgGrigioScuro{background:#8B8482;}
.bgRossoChiaro{background:#E0C0A6;}
.left{float:left;}
.right{float:right;}
.noUnderline{text-decoration:none;}
.font18{font-size:18px;}
.font14{font-size:14px;}
.font12{font-size:12px;}
.font11{font-size:11px;}
.font10{font-size:10px;}
hr{color:#fff}
.left100{float:left; width:100%;}


/* CSS PAGINA PRODOTTI */
div.lista-prodotti{width:230px; margin-right:5px; float:left; height:100px;}
div.lista-prodotti img{border:none; float:left;}
div.lista-prodotti div.description{margin-left:75px; width:150px;}
div.lista-prodotti div.description a h2{font-size:14px; font-weight:100; color:#d4b69e; margin:0; text-decoration:none;}
div.lista-prodotti div.description a:hover h2{color:#FFF; text-decoration:underline;}
div.lista-prodotti div.description p{margin:5px 0 0 0; padding:0;}


/* CSS PAGINA SISTEMI*/
#lista-system{ width:480px;}
#lista-system ul{  list-style:none;  text-align:right;  padding-left:4px;}
#lista-system ul li{  border-bottom:1px solid #FFF;  line-height:18px;}
#lista-system ul li span{  float:left;}
#lista-system ul li a{  margin-left:10px;  color:#584A47;  text-decoration:none;}
#lista-system ul li a:hover{  color:#f2f2f2;}

a.system-download{width:480px;display:block;padding:4px;background:#ff0000;color:#fff;text-decoration:none;text-transform:uppercase}
a.system-tech{width:480px;display:block;padding:4px;background:#ff0000;color:#fff;text-decoration:none;text-transform:uppercase;margin-top:10px;}
a.system-download:hover{background:#f2f2f2;color:#990000;}
a.system-tech:hover{background:#f2f2f2;color:#990000;}

/* CSS PAGINA CATEGORIA*/
#lista-categoria{ width:480px;}
#lista-categoria ul{  list-style:none;  text-align:right;  padding-left:4px;}
#lista-categoria ul li{  background:url(../images/arrow.png) no-repeat center left; padding-left:10px; border-bottom:1px solid #FFF;  line-height:18px;}
#lista-categoria ul li span{  float:left;}
#lista-categoria ul li a{  margin-left:10px;  color:#584A47;  text-decoration:none;}
#lista-categoria ul li a:hover{  color:#990000;}
#lista-categoria ul li a.prod{  margin-left:10px;  color:#f2f2f2;  text-decoration:none;}
#lista-categoria ul li a.prod:hover{  color:#990000;}

/* CSS PAGINA PRODOTTO*/
#box_caratteristiche_prodotto{  width:250px;  float:left;  text-align:left;  margin-bottom:30px; margin-top:20px;}
#box_img_prodotto{  float:right;  border:1px solid #666;}
#lbox_img_prodotto{  float:left;  border:1px solid #666;}
#box_caratteristiche_prodotto ul{  list-style:none;  padding:0;  margin:0;}
#box_caratteristiche_prodotto ul li.sheet{  height:32px;  background:url(../images/sheet_icon.png) no-repeat center left;  padding-left:36px;}
#box_caratteristiche_prodotto ul li.calc{  height:32px;  background:url(../images/calc_icon.png) no-repeat center left;  padding-left:36px;}
#box_caratteristiche_prodotto ul li a{  line-height:32px;  color:#fff;  text-decoration:none;}
#box_caratteristiche_prodotto ul li a:hover{  text-decoration:underline;}
#box_impiego{  float:right; margin-top:20px;  background:#f2f2f2;  margin-bottom:20px; width:200px;}
div.icona_impiego{  padding:4px;  color:#333;  float:left;}
div.icona_impiego p{  text-align:center;  margin:0;}
div.TitoloImpiego{width:190px; background:#F00; color:#FFF; text-transform:uppercase;  padding:5px; margin-top:15px;}

/*CSS PAGINA ACCESSORI */
div.lista-accessori{width:100px; margin-right:15px; float:left;margin-bottom:40px;height:150px;}
div.lista-accessori img{border:1px solid #ccc; float:left;}
div.lista-accessori div.description{width:100px; float:left;text-align:center;margin-top:10px;}
div.lista-accessori div.description h2{font-size:14px; font-weight:100; color:#d4b69e; margin:0; text-decoration:none;}
div.lista-prodotti div.description a h2{font-size:14px; font-weight:100; color:#d4b69e; margin:0; text-decoration:none;}
div.lista-prodotti div.description a:hover h2{color:#FFF; text-decoration:underline;}
div.lista-accessori div.description p{margin:0; padding:0;}

/*CSS PAGINA SCHEDE SICUREZZA*/
#paginazione {text-align:right;}
#paginazione a {text-decoration:none; color:#fff;}
#paginazione a:hover{  text-decoration:underline;}
#paginazione span{float:left;}

/*CSS PAGINA DOVE SIAMO*/
#box_info_dovesiamo{    margin-top:20px;    margin-bottom:20px;  }
#box_info_dovesiamo p{  margin:0;  padding:0;}  

/* INDEX */
/*COLONNA CENTRALE*/
#colonnaCentraleIndex{padding:10px; float:left; width:375px; background:url(../images/layout/bg-sfumato.png) top left repeat-x; margin-left:10px;  margin-bottom:20px;}
#colonnaCentraleIndex p, #colonnaCentraleIndex h2, #colonnaCentraleIndex h3{ margin:0; }
#colonnaCentraleIndex p a, #colonnaCentraleIndex h2 a, #colonnaCentraleIndex h3 a{color:#d4b69e; text-decoration:none;}
#colonnaCentraleIndex p a:hover, #colonnaCentraleIndex h2 a:hover, #colonnaCentraleIndex h3 a:hover{color:#fff;}

/*COLONNA DX INDEX*/
#colonnaDXindex{float:right; width:325px;  margin-bottom:20px;}
#login{ margin-top:15px; width:190px; border-right:1px solid #fff;}
#login a{ color:#fff; text-decoration:none; padding:3px; display:block;}
#login a:hover{color:#212121;}
img#certificazioni{float:right; margin-top:15px;}
input.boxLogin{ width:107px; border:1px solid #CCC;}
input.pulsanteLogin{background-color:#D7AD8C;border:1px solid #D7AD8C; color:#FFFFFF; height:18px;  margin-left:10px; width:50px;}

#bannerRefereze, #bannerSystem{float:left; width:160px; height:36px; margin-right:5px; margin-top:10px;}
#bannerSystem{margin-right:0;}
#bannerRefereze{ background:url(../images/bannerino.jpg) top left no-repeat;}
#bannerSystem{ background:url(../images/bannerino2.jpg) top left no-repeat;}
#bannerRefereze p, #bannerSystem p{color:#fff; text-decoration:none; text-transform:uppercase; margin:5px 0 0 65px;}
#bannerRefereze a, #bannerSystem a{text-decoration:none;}
#bannerRefereze a:hover, #bannerSystem a:hover{text-decoration:none; color:#212121;}

#partners table {background-color: #ffffff;}
#partners a{text-decoration:none; color: #101010;}
#partners a:hover{text-decoration: underlined;}
#partners table td{border-left:1px solid #303030; border-right: 1px solid #303030;}
#partnersLink td {border-bottom: 1px solid #303030;}

#scroller-header a {text-decoration:none; color: #ffffff; background-color:#6f605b;}
#scroller-header a:link, #scroller-header a:visited   {text-decoration:none; font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#scroller-header a:hover {text-decoration:none; color: #FF0000;font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color:#6f605b;}
#scroller-header {font-family:Arial,Helvetica,sans-serif;}
/*#scroller-body {width:366px;padding-bottom:10px;float:left;}*/
.selected {text-decoration:none; color: #FFCC99; background-color: #003366;}
#mask {width:366px;overflow:hidden;margin:0 auto;float:left;}
#panel {width:366px; height:295px;float:left;}
#panel div {float:left;}
/* Extra styling for each panel*/
#panel-1 {width:366px;height:315px;float:left;}
#panel-2 {width:366px;height:315px;float:left;}
#panel-3 {width:366px;height:315px;float:left;}


input.namesearch{background-color:#D0CCCB; border:1px solid #666666;}


/*lista download*/
div.lista-download{width:230px; margin-right:5px; float:left; height:100px;}
div.lista-download img{border:none; float:left;}
div.lista-download div.description{margin-left:10px; width:200px;}
div.lista-download div.description h2{font-size:14px; font-weight:100; color:#d4b69e; margin:0; text-decoration:none;}
div.lista-download div.description a {font-size:14px; font-weight:100; color:#FFF !important; margin:0; text-decoration:none;}
div.lista-download div.description a:hover {color:#FFF; text-decoration:underline !important;}
div.lista-download div.description a h2{font-size:14px; font-weight:100; color:#d4b69e; margin:0; text-decoration:none;}
div.lista-download div.description a:hover h2{color:#FFF; text-decoration:underline;}
div.lista-download div.description p{margin:5px 0 0 0; padding:0;}



#banner_concorso {
	width:325px;
	padding-top:20px;
	height:149px;
	float:left;
	
	}