/*
	CSS for Mecatronica (http://www.mecatronicaitalia.com)
    Version 1.0 (2007-12-01)
	Copyright: 2007, Claudio Pustorino
*/

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  background: #B3D6E2;
  font-size: 13px;
}
.hidden {
  display: none;
}
.note {
  border: 1px solid #999999;
  background: #FFFFCC;
  padding: 5px;
}
img {
  border: none;
}
h2 {
 color: #232323;
 font-weight: bolder;
 font-size: 16px;
}
h3 {
  margin: 0;
  padding: 10px 0 5px 5px;
  color: #000033;
}
h6 {
  text-align: center;
}
p {
  text-align: justify;
  font-size: 13px;
  display: block;
  padding: 0;
  margin: 0;
}
cite {
  text-align: right;
  display: block;
  padding: 0;
  margin: 50px 80px 10px 0;
}
#wrapper {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 100%;
}
#header {
  display: block;
  background: transparent;
  height: 300px;
  min-height: 300px;
  margin: 0 auto;
  overflow: hidden;
  width: 1000px;
  background: transparent url(../img/headerbg.jpg) top center no-repeat;
  border: solid black 1px;
}
#presentation {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 212px;
  max-width: 212px;
  min-width: 212px;
  color: #FFFFFF;
}
/*____________________MAINMENU______________________________*/

#idList {
  margin: 0;
  padding: 0;
  margin: 250px 0 0 45px;
  display: block;
  width: 570px;
  min-width: 570px;
}
#idList li {
  display: block;
  float: left;
  margin: 0 30px 30px 0;
  height: 20px;
}
#idList li a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 16px;
  color: #FFF;
  height: 20px;
  padding: 5px 30px 5px 0;
  border-right: solid black 1px;
}
#idList li a:hover {
  text-decoration: underline;
  color: #609AC9;
}

/*____________________CONTENT______________________________*/
#content {
  background: #EFEFEF;
  border: solid black 1px;
  border-bottom: none;
  margin: 0 auto;
  padding: 0;
  height: auto;
  width: 1000px;
  max-width: 1000px;
  min-height: 500px;
}
#left {
  clear: both;
  width: 550px;
  max-width: 550px;
  float: left;
  padding-left: 30px;
}
#right {
  float:right;
  width: 330px;
  max-width: 330px;
  margin: 10px 0 10px 30px;
}
.rightbox {
  margin: 0;
  padding: 0;
  width: 330px;
  max-width: 330px;
  min-width: 330px;
  text-align: center;
}
.rightimage {
display:block;
  margin: 0 auto;
  padding: 0;
}
.rightbox h4 {
  margin: 5px 0 0 0;
  padding: 0;
}
.rightbox h5 {
  margin: 0;
  padding: 0;
}
/*____________________TRUCCO______________________________*/
#blackbox{
  padding: 0;
  margin: 0;
  background: #000000;
  width: 452px;
  max-width: 452px;
  overflow: hidden;
  height: 534px;
}
#blackbox p{
  color: #CCCCCC;
  padding: 5px 10px;
}
#blackbox h3{
  color: #EFEFEF;
  text-align: center;
}

/*____________________FOOTER______________________________*/
#footer {
  width: 1000px;
  max-width: 1000px;
  height: 100px;
  min-height: 100px;
  max-height: 110px;
  background: transparent url(../img/footerbg.jpg) top left repeat-x;
  border: solid #000000 1px;
  clear: both;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 10px;
}
#footcontent {
  width: 850px;
  max-width: 850px;
  margin: 0 auto;
}
.footbox {
  margin: 5px 25px 0 25px;
  padding: 0;
  width: 230px;
  max-width: 230px;
  min-width: 230px;
  height: 100px;
  max-height: 100px;
  float: left;
}
.righttitle {
  width: 230px;
  text-align: center;
  margin: 5px 0 5px 0;
  padding: 0;
  color: #FFFFFF;
}
#firma {
  display: block;
  margin: 0 auto;
  width: 120px;
  max-width: 120px;
  min-width: 120px;
  height: 70px;
  max-height: 70px;
}
#featurebox {
  width: 240px;
  max-width: 240px;
}
/*____________________SELEZIONE LINGUA______________________________*/
#langlist {
  list-style: none;
  width: 230px;
  min-width: 230px;
  max-width: 230px;
  margin: 0;
  padding: 0;
}
#langlist li {
  display: block;
  list-style: none;
  margin: 0 0 4px 0;
  padding: 0 0 0 24px;
  float: left;
}
.langflag {
  margin: 0;
  padding: 0;
}
/*____________________FEATURES______________________________*/
.featuresimg {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  float: left;
}
/*____________________SEZIONE PRODOTTI__________________________*/
/* Lo trovi dentro al file prod-accordion.css*/
#catalog {
  width: 600px;
  max-width: 600px;
  margin: 0 auto;
  height: 26px;
  min-height: 26px;
  border-bottom: solid 1px #666666;
}
#catalogmenu {
  padding: 0;
  margin: 0 auto;
  display: block;
  width: 600px;
  min-width: 600px;
}
#catalogmenu li {
  display: block;
  float: left;
  margin: 10px 0 0 33px;
}
#catalogmenu li a {
  color: #406A7A;
  text-decoration: none;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
}
#catalogmenu li a:hover {
  text-decoration: underline;
  color: #0F1F26;
}
#presentationcatalog {
  display: block;
  width: 1024px;
  max-width: 1024px;
  min-width: 1024px;
}
#leftpresentation {
  width: 460px;
  max-width: 460px;
  float: left;
  margin: 20px 0 10px 30px;
}
#rightpresentation {
  float: left;
  width: 450px;
  max-width: 450px;
  margin: 20px 0 10px 30px;
}
#accordion {
  clear: both;
  display: block;
}
#contentproducts {
  width: 830px;
  max-width: 830px;
  margin: 0 auto;
}
/*____________________CONTATTI__________________________*/

/*____________________HACK MOZILLA FLOATING__________________________*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* SCHEDE PRODDOTTO *************************************************************************************/

.toggler {
    display: block;
    height: 30px;
	width: 1000px;
	margin: 5px 20px 0 20px;
  /* facciamo sparire il testo */
	max-height: 30px;
	overflow: hidden;
	line-height: 1000px;
}
.element {
	width: 1000px;
	margin: 0 20px;
	margin-bottom: 10px;
	border-left: 5px solid #62A1C0;
}

/* Classe degli elementi interni alle sezioni dell'accordion: immagine del prodotto e paragrafo esplicativo
   Queste regole servono solo ad impaginarli come si deve, niente pił, niente meno!   
*/
.element .productimgage {
  float: left;
  margin: 5px;
}
/* floating hack per mozilla, altrimenti viene un casino con i due elementi flottanti */
.element:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* immagini al posto del testo nei titoli *************************************************************************************/
#fido70M {
  background: transparent url(../img/prodotti/nome_fido70m.jpg) no-repeat;
}
#fido100M {
  background: transparent url(../img/prodotti/nome_fido100m.jpg) no-repeat;
}
#fido70 {
  background: transparent url(../img/prodotti/nome_fido70.jpg) no-repeat;
}
#fido100 {
  background: transparent url(../img/prodotti/nome_fido100.jpg) no-repeat;
}
#fidobase30 {
  background: transparent url(../img/prodotti/nome_fidobase30.jpg) no-repeat;
}
#fidobase35 {
  background: transparent url(../img/prodotti/nome_fidobase35.jpg) no-repeat;
}
#flag50m {
  background: transparent url(../img/prodotti/nome_flag50m.jpg) no-repeat;
}
#flag40m {
  background: transparent url(../img/prodotti/nome_flag40m.jpg) no-repeat;
}
#flag30m {
  background: transparent url(../img/prodotti/nome_flag30m.jpg) no-repeat;
}
#flag30 {
  background: transparent url(../img/prodotti/nome_flag30.jpg) no-repeat;
}
#flag40 {
  background: transparent url(../img/prodotti/nome_flag40.jpg) no-repeat;
}
#flag50 {
  background: transparent url(../img/prodotti/nome_flag50.jpg) no-repeat;
}
#fidobase40 {
  background: transparent url(../img/prodotti/nome_fidobase40.jpg) no-repeat;
}
#maxipratico {
  background: transparent url(../img/prodotti/nome_maxipratico.jpg) no-repeat;
}
#pratico {
  background: transparent url(../img/prodotti/nome_pratico.jpg) no-repeat;
}
#minipratico {
  background: transparent url(../img/prodotti/nome_minipratico.jpg) no-repeat;
}
#maciste {
  background: transparent url(../img/prodotti/nome_maciste.jpg) no-repeat;
}
#ercole {
  background: transparent url(../img/prodotti/nome_ercole.jpg) no-repeat;
}
#ercolino {
  background: transparent url(../img/prodotti/nome_ercolino.jpg) no-repeat;
}
#semplice0 {
  background: transparent url(../img/prodotti/nome_semplice0.jpg) no-repeat;
}
#semplice10 {
  background: transparent url(../img/prodotti/nome_semplice10.jpg) no-repeat;
}
#adattatore {
  background: transparent url(../img/prodotti/nome_adattatore.jpg) no-repeat;
}
#smart330660slim {
  background: transparent url(../img/prodotti/nome_smart330660slim.jpg) no-repeat;
}
#smart200 {
  background: transparent url(../img/prodotti/nome_smart200.jpg) no-repeat;
}
#smart200slim {
  background: transparent url(../img/prodotti/nome_smart200slim.jpg) no-repeat;
}
#book75 {
  background: transparent url(../img/prodotti/nome_book75.jpg) no-repeat;
}
#book50 {
  background: transparent url(../img/prodotti/nome_book50.jpg) no-repeat;
}
/* DIVSLIDER __________________________________________________________________________________ */
#contentcatalog {
	width:600px;
	padding: 10px 50px 0 0;
	float: right;
}
#mask {
	width:600px;
	min-height:440px;
	overflow:hidden;
	border:1px solid #666;
	position:relative;
	background-color:#999;
	}		
#folio {
	position:absolute;
	top:0;
	left:0;
	width:3600px;
	float:left;
}
.col {
	display:block;
	width:600px;
	min-height:440px;
	float:left;
	}

#divfidocatalogit { background: transparent url(../img/cataloglang/it/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogit { background: transparent url(../img/cataloglang/it/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogit { background: transparent url(../img/cataloglang/it/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogit { background: transparent url(../img/cataloglang/it/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogit { background: transparent url(../img/cataloglang/it/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogit { background: transparent url(../img/cataloglang/it/bookcatalogo.jpg) top left no-repeat;}

#divfidocatalogen { background: transparent url(../img/cataloglang/en/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogen { background: transparent url(../img/cataloglang/en/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogen { background: transparent url(../img/cataloglang/en/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogen { background: transparent url(../img/cataloglang/en/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogen { background: transparent url(../img/cataloglang/en/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogen { background: transparent url(../img/cataloglang/en/bookcatalogo.jpg) top left no-repeat;}

#divfidocatalogfr { background: transparent url(../img/cataloglang/fr/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogfr { background: transparent url(../img/cataloglang/fr/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogfr { background: transparent url(../img/cataloglang/fr/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogfr { background: transparent url(../img/cataloglang/fr/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogfr { background: transparent url(../img/cataloglang/fr/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogfr { background: transparent url(../img/cataloglang/fr/bookcatalogo.jpg) top left no-repeat;}

#divfidocatalogoru { background: transparent url(../img/cataloglang/ru/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogru { background: transparent url(../img/cataloglang/ru/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogru { background: transparent url(../img/cataloglang/ru/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogru { background: transparent url(../img/cataloglang/ru/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogru { background: transparent url(../img/cataloglang/ru/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogru { background: transparent url(../img/cataloglang/ru/bookcatalogo.jpg) top left no-repeat;}

#divfidocatalogpl { background: transparent url(../img/cataloglang/pl/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogpl { background: transparent url(../img/cataloglang/pl/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogpl { background: transparent url(../img/cataloglang/pl/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogpl { background: transparent url(../img/cataloglang/pl/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogpl { background: transparent url(../img/cataloglang/pl/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogpl { background: transparent url(../img/cataloglang/pl/bookcatalogo.jpg) top left no-repeat;}

#divfidocataloggr { background: transparent url(../img/cataloglang/gr/fidocatalogo.jpg) top left no-repeat;}
#divflagcataloggr { background: transparent url(../img/cataloglang/gr/flagcatalogo.jpg) top left no-repeat;}
#divpraticocataloggr { background: transparent url(../img/cataloglang/gr/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecataloggr { background: transparent url(../img/cataloglang/gr/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcataloggr { background: transparent url(../img/cataloglang/gr/smartcatalogo.jpg) top left no-repeat;}
#divbookcataloggr { background: transparent url(../img/cataloglang/gr/bookcatalogo.jpg) top left no-repeat;}

#divfidocataloges { background: transparent url(../img/cataloglang/es/fidocatalogo.jpg) top left no-repeat;}
#divflagcataloges { background: transparent url(../img/cataloglang/es/flagcatalogo.jpg) top left no-repeat;}
#divpraticocataloges { background: transparent url(../img/cataloglang/es/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecataloges { background: transparent url(../img/cataloglang/es/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcataloges { background: transparent url(../img/cataloglang/es/smartcatalogo.jpg) top left no-repeat;}
#divbookcataloges { background: transparent url(../img/cataloglang/es/bookcatalogo.jpg) top left no-repeat;}

#divfidocatalogde { background: transparent url(../img/cataloglang/de/fidocatalogo.jpg) top left no-repeat;}
#divflagcatalogde { background: transparent url(../img/cataloglang/de/flagcatalogo.jpg) top left no-repeat;}
#divpraticocatalogde { background: transparent url(../img/cataloglang/de/praticocatalogo.jpg) top left no-repeat;}
#divsemplicecatalogde { background: transparent url(../img/cataloglang/de/semplicecatalogo.jpg) top left no-repeat;}
#divsmartcatalogde { background: transparent url(../img/cataloglang/de/smartcatalogo.jpg) top left no-repeat;}
#divbookcatalogde { background: transparent url(../img/cataloglang/de/bookcatalogo.jpg) top left no-repeat;}

.linktoproducts { margin: 10px; color: black; font-variant:small-caps; text-decoration:none; font-weight:bold; font-size:20px;}
.linktoproducts:hover { text-decoration: underline;}

/* JavaScript Menu */


#catalogList {
	margin: 0;
	padding: 10px 0 0 30px;
	float:left;
}
 
#catalogList li {
	display: block;
	margin: 0;
	margin-top: -1px;
	padding: 4px;
	width: 120px;
	background: #222;
	color: #888;
	border: solid #efefef 1px;
}
#catalogList li a {
    text-decoration: none;
	color: white;
	min-width: 120px;
	width: 120px;
}
#catalogList li a:hover {
    text-decoration: underline;
}
/*____________________tabella dei prodotti________________________________*/
table {
  border: none;
  padding: 0;
  width: 700px;
  max-width: 700px;
  text-align: left;
  float: right;
  margin-top: -210px;
  margin-right: 20px;
}
th {
  font-weight: bold;
	font-size: 16px;
  color: #006699;
  font-variant: small-caps;
  border-bottom: solid 1px #242424;
  min-height: 28px;
	padding-bottom: 6px;
}
td {
  color: black;
  min-height: 18px;
}
.tdsx {
  text-align: right;
  width: 130px;
  font-weight: bold;
}
.tddx {
  text-align: left;
  width: 560px;
}
.tdspacer {
  width: 10px;
}
.odd {
  background-color: #62A1C0;
}
#contacttable {
 width: 460px;
 float: none;
 margin: 0;
 padding: 0;
}
#contentflash {
width: 710px;
margin: 10px auto;

}