@charset "utf-8";
/* CSS Document */
/*  blu     #010868     */
html{ margin:0; padding:0; font-family:Arial Narrow,Arial, Helvetica, sans-serif;}
body{ background-image:url(images/sfondo_eti.jpg); background-position:top center; background-repeat:repeat-x; margin:0; padding:0; background-attachment:fixed}


div.menu{ background-image:url(images/menubar.png); background-repeat:no-repeat; margin-top:15px; width:980px}
/*height:103px; */

div.homebutton{ width:115px; float:left; height:103px }
div.lingue{ float:left; width:865px; height:68px; text-align:right}
div.lingue a{ padding-left:5px}
div.lingue img{ border:0}


div.menubar{ float:left; width:850px; text-align:left; padding-left:15px}
div.menubar a{ font-family:Arial Narrow,Arial, Helvetica, sans-serif; font-weight:bold; color:#666; font-size:14px; 
text-decoration:none; padding:0 8px 0 8px }
div.menubar a:hover{ color:#010868}


div.reserved_menu{ text-align:left; padding-left:130px; background-image:url(images/blue_bar.png); background-repeat:no-repeat; height:30px; vertical-align:top; padding-top:6px; margin-top:10px}
div.reserved_menu a{ font-family:Arial Narrow,Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-size:14px; 
text-decoration:none; padding:0 8px 0 8px }
div.reserved_menu a:hover{ color:#ccc}


div.footer{ color:#A9A9A9; font-size:13px; padding-top:15px}
div.footer a{ color:#A9A9A9; text-decoration:underline}
div.footer a:hover{ color:#666; text-decoration:underline}

div.flash{ margin-top:15px}
div.flash_shadow{ background-image:url(images/shadow_flash.png); background-repeat:no-repeat; height:6px; width:980px; font-size:2px}

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


/* per la home  */
div.homeboxes{ width:980px; margin-top:15px}

div.homebox h2{ margin:0; padding:0; background-image:url(images/box_header_230x28.png); background-repeat:no-repeat; height:22px;
 color:#ccc; font-weight:bold; font-size:14px; padding-top:6px; text-align:left; padding-left:7px}
div.homebox{ width:230px; background-image:url(images/box_bg_new.png); background-repeat:no-repeat; background-position:0 28px; height:178px;  /*   box_230x148.png   */
 float:left; margin-right:20px; text-align:left;
}

div.homebox_content{ padding:7px; font-size:12px}


/*  inner pages   */
div.main_content{width:980px; text-align:left; background-color:#FFFFFF}
div.main_content_top{ background-image:url(images/mainspace_top_980.png); width:980px; height:10px; text-align:center; font-size:2px; margin-top:15px}	
div.main_content_bottom{ background-image:url(images/mainspace_bottom_980.png); width:980px; height:15px; text-align:center; font-size:2px}	


div.left_menu{ float:left; text-align:left; padding-right:20px; width:180px }
div.right_content{ float:left; text-align:left; width:760px; margin-top:10px; font-family:Tahoma,Arial, Helvetica, sans-serif;  }

div.right_content_text{ float:left; text-align:left; width:760px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:13px; text-align:justify  }

div.left_menu ul {
  margin           : 0;
  padding-left     : 10px;
  list-style       : none;
  color:#000000;
  
 
}
div.left_menu li, div.left_menu li.selected {
  padding-left     :12px;
  font-size:14px;
  padding-top      : 1px;
  padding-bottom:1px;
  background-image : url('images/bullet2.gif') ;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color:#666;
  border-bottom:1px solid #f2f2f2;
}

div.left_menu li a, div.left_menu li.selected a{ font-weight:normal; color:#666; text-decoration:none;  }
div.left_menu li.selected a{ font-weight:bold; color:#010868; text-decoration:none }
left_menu li a:hover{ text-decoration:none; color:#010868;}

/* submenu  */
div.left_menu ul.submenu {
  margin           : 0;
  padding-left     : 10px;
  list-style       : none;
  color:#000000;
 
}
div.left_menu ul.submenu li, div.left_menu ul.submenu li.selected {
  padding-left     :8px;
  font-size		   :13px;
  padding-top      : 0px;
  padding-bottom   :0;
  /*font-family:tahoma,Arial, Helvetica, sans-serif;*/
  background-image : url('images/bullet.gif') ;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color:#666;
  border-bottom:1px solid #f5f5f5;
  
}

div.left_menu ul.submenu li a, div.left_menu ul.submenu li.selected a{ font-weight:normal; color:#666; text-decoration:none;  }
div.left_menu ul.submenu li.selected a, div.homebox_content a{ font-weight:bold; color:#010868; text-decoration:none }
div.left_menu ul.submenu li a:hover, div.homebox_content a:hover{ text-decoration:none; color:#010868;}


/* dropdown main menu */
div.dropdown_links, div.dropdown_table{
	background-color:#fff;
	margin-top:9px;
	border:1px solid #d0d0d0;
	border-top:0;
	margin-left:2px;
	float:left; /* per chrome */
}

a.pulsantino{ background-image:url(images/button_80x25.png); width:80px; vertical-align:top; font-size:11px; padding-top:2px; height:23px; 
color:#FFFFFF; display:block;  text-align:center; font-weight:normal}

div.dropdown_links a{ padding:2px 5px 4px 5px; color:#666; font-size:12px; text-decoration:none; display:block}

/*  dove siamo  */

div.google_map{ width:440px; height:390px; margin-right:20px; float:left }
div.google_map div{ font-size:12px}
div.google_map_right{ width:300px; float:left}

div.google_map_right table{ width:300px; background-image:url(images/sfondo_table_300.jpg); background-repeat:repeat-x; min-height: 450px;}
div.google_map_right table a{ color:#333333; text-decoration:underline; font-weight:bold}
div.google_map_right table a:hover{ color:#010868; text-decoration:underline; font-weight:bold}
div.google_map_right table th{text-align:left; padding-left:8px; color:#ccc; font-size:14px; padding-top:6px; height:26px; vertical-align:top }
div.google_map_right tr.top td{ border-top:0; padding-top:15px}
div.google_map_right table td{ font-size:13px; padding:5px 8px 5px 8px; border-top:1px solid #fff; border-bottom:1px solid #C6C7DD; vertical-align:top}
div.google_map_right table td.left{ width:80px}

div.contact_us{ margin-left:20px; float:left}

/* dynamic dropdown menu  */
div#myOtherElement, div#myOtherElement2{
	/*width: 200px;*/
	float:left;
	height: 20px;
	vertical-align:top;
	overflow: hidden;
	color:#666; font-size:14px; 
	/*background-color: #ff0000;*/
}


/*div#myOtherElement span, div#myOtherElement2 span{ padding:0 5px 0 5px 0}*/

div.menubutton{ padding:0 5px 0 5px; font-weight:bold }
/*div.menubutton div.holder{ padding-top:20px}*/
div.menuholder{ padding-top:12px; 	background-color:#010868 ;}

/*  div#myOtherElement a, div#myOtherElement2 a  */

div.menuholder a{
	display: block;
	padding: 3px 5px 3px 5px; 
	border-bottom:1px solid #ccc ;
	background-color:#010868 ;
	color:#999999
}

div#myOtherElement a:hover, div#myOtherElement2 a:hover  {
	background: #f5f5f5; color:#010868 
	
}


table.left_menu{ margin-top:10px}
table.left_menu td.icon{ padding:0 10px 0 20px}
table.left_menu td.icon img{ border:0}
table.left_menu td{ vertical-align:top}
table.left_menu td.link, table.left_menu td.link_selected{ padding-top:9px}
table.left_menu td.link_selected{ font-weight:bold}
table.left_menu td a{ text-decoration:none; color:#000000  }

/* per i prodotti */

div.product_pic{ float:left; padding-right:20px }
div.product_pic img{ width:300px}
div.product_desc{ float:left }

div.product_desc h1{ color:#ccc; margin:0; padding:0;  margin-bottom:4px; padding-bottom:3px; background-image:url(images/product_header.png); background-repeat:no-repeat; height:30px; padding:8px; width:424px; padding-left:10px; padding-right:6px; font-size:18px; vertical-align:top; padding-top:3px}

div.product_desc h2{ margin:0; padding:0; height:52px; padding-top:10px; font-size:14px; color:#999999; text-indent:50px; margin-top:4px; }

div.product_desc h2.linea_1{ background-image:url(images/icon_linea_1.png); background-repeat:no-repeat}
div.product_desc h2.linea_2{ background-image:url(images/icon_linea_2.png); background-repeat:no-repeat}
div.product_desc h2.linea_3{ background-image:url(images/icon_linea_3.png); background-repeat:no-repeat}


div.torna_icon{ float:left; height:52px; margin-right:10px}
div.torna_icon img{ border:0}
div.torna_text{padding-top:6px; font-size:16px; color:#999999; margin-top:4px; margin-right:20px; float:left }

div.torna_text a{ color:#999999; text-decoration:none}
div.torna_text a:hover{ color:#010868; text-decoration:underline}

h3.colour{ margin:0; padding:0; padding-right:5px; float:left; }
h3.colour img{ width:20px; height:25px}

/*
div.product_desc h3{ margin:0; padding:0; margin-top:5px; background-image:url(images/box_header_440x28.png); background-repeat:no-repeat;
padding-top:6px; text-align:left; padding-left:7px; height:22px; color:#999; font-weight:bold; font-size:14px; width:433px}
*/

div.product_desc table{ width:440px; background-image:url(images/sfondo_table.jpg); background-repeat:repeat-x; min-height: 450px;}
div.product_desc table.ferri{ width:420px; background-image:none; min-height: 50px;}

div.product_desc table th{text-align:left; padding-left:8px; color:#ccc; font-size:14px; padding-top:6px; height:26px; vertical-align:top }
div.product_desc table.ferri th{text-align:left; color:#fff; font-size:13px; background-color:#AFB0D6; vertical-align:top;height:12px; padding:4px; border-top:1px solid #fff; text-align:center  }

div.product_desc table tr.top td{ border-top:0}

div.product_desc table td{ font-size:13px; padding:5px 8px 5px 8px; border-top:1px solid #fff; border-bottom:1px solid #C6C7DD}
div.product_desc table.ferri td, div.product_desc table.ferri th{ font-size:13px; padding:5px 8px 5px 8px; 
border-top:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #C6C7DD; 
border-right:1px solid #C6C7DD
}


div.product_desc ul {
  margin           : 0px;
  padding-left     : 0px;
  list-style       : none;
  color:#000000;
 
}
div.product_desc li {
  padding-left     :12px;
  padding-top      : 2px;
  background-image : url('images/bullet.gif') ;
  font-size:11px;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color:#666;
}

div.product_desc li a, div.product_desc table td a{ color:#555; font-weight:bold; text-decoration:underline}
div.product_desc li a:hover, div.product_desc table td a:hover{ color:#000; font-weight:bold; text-decoration:underline}



/* per l'elenco  */
div.elenco_box{ margin:10px 0 0px 0; border-bottom:1px solid #f5f5f5; padding-bottom:10px}
div.elenco_thumb{ float:left; padding-right:20px }
div.elenco_thumb img{ border:0; width:240px; height:140px}

div.elenco{ float:left; padding-right:20px; width:280px }


/* titoli  */



div.elenco h1{ margin:0; padding:0; margin-bottom:5px; color:#010868; font-size:20px; }

table.elenco_title td.left{ width:20px; height:45px; background-image:url(images/elenco_title_left.png); float:left; font-size:2px; background-repeat:no-repeat}
table.elenco_title td.middle{ font-size:20px; color:#CCCCCC; vertical-align:top; background-image:url(images/elenco_title_middle.png); background-repeat:repeat-x; padding-top:6px; font-size:18px}
table.elenco_title td.right{ width:20px; height:45px;float:left; font-size:2px; background-repeat:no-repeat; background-image:url(images/elenco_title_right.png)}

div.elenco h2{ margin:0; padding:0; font-size:14px; color:#CCC; margin-top:4px; }
/*
div.elenco h2{ margin:0; padding:0; height:52px; padding-top:10px; font-size:16px; color:#999999; text-indent:50px; margin-top:4px; }
div.elenco h2.linea_1{ background-image:url(images/icon_linea_1.png); background-repeat:no-repeat}
div.elenco h2.linea_2{ background-image:url(images/icon_linea_2.png); background-repeat:no-repeat}
div.elenco h2.linea_3{ background-image:url(images/icon_linea_3.png); background-repeat:no-repeat}
*/

div.elenco a{ background-image:url(images/button_80x25.png); width:72px; height:21px; padding-top:4px; vertical-align:top; 
color:#ccc; text-decoration:none; text-align:left; display:block; font-size:9px; font-weight:bold; background-repeat:no-repeat; padding-left:9px}

div.elenco_button{ float:left; text-align:left; width:200px; background-image:url(images/spec_under.jpg); background-repeat:no-repeat;}
div.elenco_button table{ width:200px; }
div.elenco_button table td{ font-size:12px; padding:5px 8px 5px 8px; border-top:1px solid #D5D6E6;  color:#666}



/* titolo  */
h1.titolo{ margin:0; padding:0; margin-bottom:5px; font-size:16px; height:42px;  vertical-align:top; background-image:url(images/h1_elenco.jpg); background-repeat:no-repeat; color:#666666; padding-top:8px; padding-left:10px }

h2.titolo_blue{ margin:0; padding:0; margin-bottom:5px; font-size:14px; height:30px;  vertical-align:top; background-image:url(images/blue_bar_760.png); background-repeat:no-repeat; color:#e5e5e5; padding-top:6px; padding-left:10px }


/*     elenco new     */
h1.elenco{ margin:0; padding:0; margin-bottom:8px; padding-bottom:3px;  font-size:16px; height:42px;  vertical-align:top; background-image:url(images/h1_elenco.jpg); background-repeat:no-repeat; color:#666666 }
h1.elenco div.title{ float:left; padding-top:8px}
h1.elenco div.icon{ float:left; padding-right:8px; padding-top:5px; padding-left:6px}

div.elenco_box_prodotto{ background-image:url(images/elenco_box_sfondo.jpg); background-repeat:no-repeat; width:240px;
 margin-right:20px; float:left; margin-bottom:15px}

div.elenco_box_prodotto h1{ padding:0; margin:0; height:27px; font-size:14px; color:#ccc; vertical-align:top; padding-top:6px; padding-left:8px; margin-bottom:10px}
div.elenco_box_prodotto table td{ font-size:11px; padding:2px 15px 2px 15px} 
 
 
 div.elenco_box_prodotto div.foto{ padding-left:10px;}
 
 
 div.horizontal_pic_container{ margin:10px 0 10px 0
 }
 
 
 
h3.inlineleft{ margin:0 20px 20px 0; float:left; width:240px }
h3.inlineleft img{ width:240px; margin-bottom:20px}

h3.inlineright{ margin:0 0px 20px 20; float:right; width:240px }
h3.inlineright img{ width:240px; margin-bottom:20px}

div.inline{  float:left; padding:0; margin:0; font-size:13px; width:500px}
div.inline2{  float:left; padding:0; margin:0; font-size:13px; width:760px; }
div.inline2 h1{ margin:0; padding:0; margin-bottom:5px; font-size:16px; height:42px;  vertical-align:top; background-image:url(images/h1_elenco.jpg); background-repeat:no-repeat; color:#666666; padding-top:8px; padding-left:10px; width:760px }


div.inline2 a.scarica{ text-decoration:none; color:#999;}
div.inline2 a.scarica:hover{ text-decoration:none; color:#010868;}

h3.cert{ margin:0 20px 10px 0; float:left; width:240px }
h3.cert img{ width:240px;}
h3.cert div{ margin-bottom:10px; font-size:11px; text-align:center} 
 
 
div.inline ul {
  margin           : 0px;
  padding-left     : 0px;
  list-style       : none;
  color:#000000;
 
}
div.inline li {
  padding-left     :11px;
  padding-top      : 3px;
  background-image : url('images/bullet.gif') ;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color:#000000;
} 


div.news_inline{  float:left; padding:0; margin:0; font-size:13px; width:500px; background-image:url(images/sfondo_table_news.jpg); background-repeat:no-repeat;}

div.news_inline div.date{ float:left; width:90px; text-align:center; margin-left:7px; font-weight:bold; padding-top:6px; margin-right:12px; height:20px}
div.news_inline div.title{ float:left; color:#FFFFFF; font-size:14px;  font-weight:bold; padding-top:5px; height:20px}
div.news_inline div.description{ margin:0px 0 10px 0; font-size:12px; padding:10px}

div.news_inline a{ text-decoration:underline; color:#000000; font-weight:bold}
div.news_inline a:hover{ text-decoration:underline; color:#010868; font-weight:bold}
 
p{ margin:0; padding:0 }
 
table.searchform{ }
table.searchform td{ padding:3px 0 3px 0; font-size:12px}
table.searchform td.tag{ width:190px; padding-right:10px}
table.searchform td.input{}

table.searchform td.input input{ width:300px}
table.searchform td.input select{ width:306px}


/* contact */
table.contactform{ background-image:url(images/table_sfondo_contact.jpg); width:440px; background-repeat:no-repeat}
table.contactform td{  font-size:12px; font-size:13px; padding:5px 8px 5px 8px; vertical-align:top; border-top:1px solid #fff; border-bottom:1px solid #d5d5d5;}

table.contactform tr.top td{ border-top:0; padding-top:15px}

table.contactform th{text-align:left; padding-left:8px; color:#ccc; font-size:14px; padding-top:6px; height:26px; vertical-align:top }

table.contactform td.tag{ width:140px; padding-right:10px}
table.contactform td.input{}

table.contactform td.input input{ width:260px}
table.contactform td.input select{ width:266px}

/**/

table.download{}
table.download td{ padding:10px 0 10px 0; }
table.download td.icon{ padding:10px 0 10px 0; padding-right:20px }
table.download td.desc{ padding:10px 0 10px 0; }

table.download a{ text-decoration:underline; color:#000000; font-weight:bold}
table.download a:hover{ text-decoration:underline; color:#010868; font-weight:bold}

h3.schede{ width:110px; margin:0; padding:0; margin-left:10px; margin-right:25px; float:left; vertical-align:top; padding-top:3px}
h2.schede{ color:#010868; font-size:18px; margin:0; padding:0; margin-bottom:10px; border-bottom:1px dotted #010868; padding-bottom:4px; font-weight:normal }


div.pdf_list, div.schede_list{ float:left; width:290px; }
div.pdf_list{margin-right:25px}

div.pdf_list a, div.schede_list a{ display:block; color:#666; text-decoration:none; font-size:10px;}
div.pdf_list a:hover, div.schede_list a:hover{ color:#010868; }

div.schede_link{ padding-bottom:3px; border-bottom:1px dotted #e2e2e2; padding-top:3px;}
div.schede_lang_icon{float:left; padding-top:0px}
div.schede_lang_icon img{width:16px; padding-right:10px; border:0}

div.search_schede{ background-color:#f3f3f3; border:1px solid #ccc; padding:8px; margin-bottom:15px	}
div.search_schede table td{ padding-right:10px;}
div.search_schede table td.margin{ padding-right:10px; padding-left:15px}

div.minibar{ background-image:url(images/minibar.png); background-repeat:no-repeat; padding-top:2px; vertical-align:top; height:18px; margin-bottom:6px;  padding-left:5px; font-size:10px; color:#fff; text-transform:uppercase}


div.alerted{   width:408px; padding:15px; background-image:url(images/sfondo_table.jpg); background-repeat:no-repeat; background-position:center -32px; border:1px solid #ccc }

a.general, a.general:visited{ background-color:#010868; text-decoration:none; padding:2px 4px 2px 4px; color:#FFF; font-size:11px; margin-bottom:10px;  }
a.general:hover{ background-color:#010868; text-decoration:underline;  padding:4px; color:#FFF; }

div.red_required{ color:#cf0007; padding-top:5px; font-size:11px; background-image:url(images/obbligatorio.png); text-indent:16px; background-repeat:no-repeat; background-position:0 7px }

/* media e video */
div.fevideobox{ margin-bottom:20px;  padding-bottom:20px; border-bottom:1px solid #e5e5e5}

div.qrvideo{ float:left; margin-right:25px; width:122px;   }
div.qrvideo img{ width:120px; border:1px solid #ccc; height:120px}

div.fevideobox div.anteprimavideo{ float:left; margin-right:25px; width:162px; position:relative  }

div.anteprimavideo img{ height:120px; border:0; width:160px; border:1px solid #ccc}

/*a.ghostvideo{ display:block; position:absolute; top:0; left:0; width:122px; height:120px; z-index:500000000000000; background-color:#FFFFFF;

  }*/



div.textvideo{ float:left; width:418px; }
div.labelvideo{ color:#010868; font-size:20px; margin:0; padding:0; font-weight:bold; margin-bottom:3px;}
div.datavideo{ color:#999999; font-size:11px; margin-bottom:12px }

a.watchvideo{ background-color:#010868; color:#FFFFFF; text-decoration:none;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px; 
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px; 
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px; padding:4px
}


div.videogrande{ float:left; width:600px; padding-bottom:30px}