body { padding:0; margin:0; background:#010f2d; }

#homeWrap, #marchiWrap, #domoticaWrap, #doveSiamoWrap, #contattiWrap { width:878px; height:605px; margin:0 auto; padding:0; }
#homeWrap { background:url(images/wrap/home.jpg) left top no-repeat;  }
#marchiWrap { background:url(images/wrap/marchi.jpg) left top no-repeat; }
#domoticaWrap { background:url(images/wrap/domotica.jpg) left top no-repeat; }
#doveSiamoWrap { background:url(images/wrap/dove-siamo.jpg) left top no-repeat; }
#contattiWrap { background:url(images/wrap/contatti.jpg) left top no-repeat; }

#homeOmbra, #marchiOmbra, #domoticaOmbra, #doveSiamoOmbra, #contattiOmbra { width:599px; height:7px; float:right; font-size:0; }
#homeOmbra { background:url(images/ombra/home.jpg) no-repeat; }
#marchiOmbra { background:url(images/ombra/marchi.jpg) no-repeat; }
#domoticaOmbra { background:url(images/ombra/domotica.jpg) no-repeat; }
#doveSiamoOmbra { background:url(images/ombra/dove-siamo.jpg) no-repeat; }
#contattiOmbra { background:url(images/ombra/contatti.jpg) no-repeat; }

/**/
div, img, fieldset, form { border:0; margin:0; padding:0; }
fieldset { width:290px; padding:5px 0 0 0; float:left; }
table, tr ,td { margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0; vertical-align: top; }
a, p { font-size: 11px; font-weight:normal; text-decoration:none; font-family:"Tahoma";  color:#FFF; margin:0; padding:0; }
h1, h2, h3 { margin:0; padding:0; color:#FFF; font-family:"Tahoma"  }
h1 { font-size:14px; font-weight:bold; margin-bottom:10px; }
h2 { font-size:11px; }
ul,li { margin:0; padding:0; list-style-type: none; list-style-image: none; }
#mpstat {left:0; position:absolute; top:0; visibility:hidden}
.ac{text-align:center;}
.ar{text-align:right;}
.al{text-align:left;}
/**/

/*Logo*/
a#logo { width:125px; height:153px; float:right; font-size:0; margin-top:10px; margin-right:45px; margin-bottom:22px; }
/**/

/*Menu*/
#homeMenu, #marchiMenu, #domoticaMenu, #doveSiamoMenu, #contattiMenu { width:576px; height:30px; float:right; }
#homeMenu { background:url(images/menu/home.jpg) no-repeat;  }
#marchiMenu { background:url(images/menu/marchi.jpg) no-repeat; }
#domoticaMenu { background:url(images/menu/domotica.jpg) no-repeat; }
#doveSiamoMenu { background:url(images/menu/dove-siamo.jpg) no-repeat; }
#contattiMenu { background:url(images/menu/contatti.jpg) no-repeat; }

/*Bottone Home*/
a#homeBottAttivo, a#marchiBott { height:30px; width:68px; margin-right:16px; float:left; margin-left:90px; }
a#homeBottAttivo { background:url(images/menu/home/home-hover.jpg) no-repeat;  }
a#marchiBott { background:url(images/menu/marchi/home.jpg) no-repeat; }
a#marchiBott:hover { background:url(images/menu/marchi/home-hover.jpg) no-repeat; }

a#domoticaBott { background:url(images/menu/domotica/home.jpg) no-repeat; height:30px; width:68px; margin-right:16px; float:left; margin-left:90px; }
a#domoticaBott:hover { background:url(images/menu/domotica/home-hover.jpg) no-repeat; }

a#doveSiamoBott { background:url(images/menu/doveSiamo/home.jpg) no-repeat; height:30px; width:68px; margin-right:16px; float:left; margin-left:90px; }
a#doveSiamoBott:hover{ background:url(images/menu/doveSiamo/home-hover.jpg) no-repeat; }

a#contattiBott { background:url(images/menu/contatti/home.jpg) no-repeat; height:30px; width:68px; margin-right:16px; float:left; margin-left:90px; }
a#contattiBott:hover { background:url(images/menu/contatti/home-hover.jpg) no-repeat; }
/**/

/*Bottone Prodotti*/
a#marchiBottonAttivo { background:url(images/menu/marchi/marchi-hover.jpg) no-repeat; height:30px; width:69px; margin-right:16px; float:left; }

a#domoticaBotton { background:url(images/menu/domotica/marchi.jpg) no-repeat; height:30px; width:69px; margin-right:16px; float:left; }
a#domoticaBotton:hover { background:url(images/menu/domotica/marchi-hover.jpg) no-repeat; }

a#doveSiamoBotton { background:url(images/menu/doveSiamo/marchi.jpg) no-repeat; height:30px; width:69px; margin-right:16px; float:left; }
a#doveSiamoBotton:hover { background:url(images/menu/doveSiamo/marchi-hover.jpg) no-repeat; }

a#contattiBotton { background:url(images/menu/contatti/marchi.jpg) no-repeat; height:30px; width:69px; margin-right:16px; float:left; }
a#contattiBotton:hover { background:url(images/menu/contatti/marchi-hover.jpg) no-repeat; }

a#homeBotton { background:url(images/menu/home/marchi.jpg) no-repeat; height:30px; width:69px; margin-right:16px; float:left; }
a#homeBotton:hover { background:url(images/menu/home/marchi-hover.jpg) no-repeat; }
/**/

/*Bottoni Comuni*/
a#domoticaBottone, a#domoticaBottoneAttivo { width:72px; height:30px; margin-right:16px; float:left; }
a#domoticaBottone { background:url(images/menu/bottoni/domotica.jpg) no-repeat; }
a#domoticaBottone:hover { background:url(images/menu/bottoni/domotica-hover.jpg) no-repeat; }
a#domoticaBottoneAttivo { background:url(images/menu/bottoni/domotica-hover.jpg) no-repeat; }

a#contattiBottone, a#contattiBottoneAttivo { width:68px; height:30px; margin-right:16px; float:left; }
a#contattiBottone { background:url(images/menu/bottoni/contatti.jpg) no-repeat; }
a#contattiBottone:hover { background:url(images/menu/bottoni/contatti-hover.jpg) no-repeat; }
a#contattiBottoneAttivo {  background:url(images/menu/bottoni/contatti-hover.jpg) no-repeat; }

a#doveSiamoBottone, a#doveSiamoBottoneAttivo { width:81px; height:30px; margin-right:16px; float:left; }
a#doveSiamoBottone { background:url(images/menu/bottoni/dove-siamo.jpg) no-repeat; }
a#doveSiamoBottone:hover { background:url(images/menu/bottoni/dove-siamo-hover.jpg) no-repeat; }
a#doveSiamoBottoneAttivo { background:url(images/menu/bottoni/dove-siamo-hover.jpg) no-repeat; }
/**/

/*Contenuti*/
#homeCont, #marchiCont, #domoticaCont, #doveSiamoCont, #contattiCont { width:579px; height:325px; float:right; margin-top:6px; }
#homeCont { background:url(images/cont/home.jpg) no-repeat; }
#marchiCont { background:url(images/cont/marchi.jpg) no-repeat; }
#domoticaCont { background:url(images/cont/domotica.jpg) no-repeat; }
#doveSiamoCont { background:url(images/cont/dove-siamo.jpg) no-repeat; }
#contattiCont { background:url(images/cont/contatti.jpg) no-repeat; }
/**/

/*Link Mail*/
a.linkMail { color:#7aa9da; }
a.linkMail:hover { text-decoration:underline; }
/**/

/*Home*/
.home { width:407px; height:268px; margin-top:26px; margin-left:96px; padding:5px; background:url(images/cont2/home.jpg) no-repeat; }
.home p { font-size:11px; width:100%; background-color:none; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
/**/

/*Marchi*/
.marchi { width:527px; height:276px; margin:20px 0 0 28px; background:url(images/cont2/marchi.jpg) no-repeat; padding:10px 0 0 5px; }
.marchio .pag { width:132px; margin:0 auto; margin-top:10px; text-align:center; }
.marchio { width:110px; height:110px; float:left; border:1px solid #81acd8; display:inline; margin:10px 0 0 15px; }

a#fotoMarchio { width:110px; height:80px; float:left; }
.marchio .nomeMarchio { width:110px; height:30px; text-align:center; background:#001a3d; }
.marchio .nomeMarchio a:hover { text-decoration:underline; }

.pag { width:90%; margin:0 auto; margin-top:10px; text-align:center; }
a#num { width:20px; height:18px; margin:0 5px 0 0; color:#65cdff; font-size:12px; }
a#sel, a#num:hover { width:20px; height:18px; margin:5px 5px 0 0; color:#f07724; text-align:center;
text-decoration:underline; color:#65cdff; font-size:12px; }
/**/

/*Domotica*/
.domotica { width:407px; height:268px; margin-top:26px; padding:5px; margin-left:96px; background:url(images/cont2/domotica.jpg) no-repeat; }
.domotica p { font-size:11px; width:100%; background-color:none; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
/**/

/*Dove Siamo*/
.doveSiamo { width:532px; height:277px; margin:20px 0 0 28px; padding:5px; background:url(images/cont2/dove-siamo.jpg) no-repeat; }
.doveSiamo p { font-size:11px; margin-top:2px; width:40%; background-color:none; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.doveSiamo p.int { text-align:center; padding:0; }
.doveSiamo p.img { text-align:center; margin:20px 0 10px 0; padding:0; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.doveSiamo a { font-weight:bold; }
.doveSiamo a:hover { text-decoration:underline; }
/**/

.contatti { width:532px; height:238px; margin:20px 0 0 28px; padding:0 5px 5px 5px; background:url(images/cont2/contatti.jpg) no-repeat; }
.contatti .dx { width:241px; float:right; margin:0 auto; padding:25px 0 0 0; text-align:center; }
.contatti h1 { margin-bottom:0; }

/*Privacy / Note Legali*/
.privacy { width:407px; height:260px; overflow-y:auto; }
.privacy p { width:380px; margin-bottom:10px; }
.privacy h1 { font-family:"Tahoma"; }
/**/

/*Mappa Sito*/
.mappaSito {  width:407px; height:260px; }
.mappaSito p.titolo { font-size:11px; width:100%; background-color:none; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;  }
.mappaSito p.titolo a#mappa { margin:0; padding:0; font-size:12px; font-weight:bold; color:#FFF; }
.mappaSito a:hover { text-decoration:underline; }
.mappaSito p { margin:0 0 0 0; padding:2px 0 3px 0; width:380px; }
/**/

/*Footer*/
#homeFoot, #marchiFoot, #domoticaFoot, #doveSiamoFoot, #contattiFoot { width:808px; height:38px; float:right; margin:5px 0 0 0;
padding:0; }
#homeFoot { background:url(images/footer/home.jpg) no-repeat; }
#marchiFoot { background:url(images/footer/marchi.jpg) no-repeat; }
#domoticaFoot { background:url(images/footer/domotica.jpg) no-repeat; }
#doveSiamoFoot { background:url(images/footer/dove-siamo.jpg) no-repeat; }
#contattiFoot { background:url(images/footer/contatti.jpg) no-repeat; }

.footerSx { float:left; width:290px; height:28px; margin:7px 0 0 0; padding-left:100px; }
.footerDx { float:left; width:250px; height:28px; margin:7px 0 0 0; text-align:right; }
.footerDx b { color:#FFF; }
.footerSx p, .footerDx p, .footerCenter p { font-size:10px; font-weight:normal; width:100%; background-color:none; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.footerSx a { font-size:10px; font-weight:normal; }
.footerDx a { /*color:#afd2fa;*/ color:#65cdff; font-size:10px; }
.footerSx a:hover, .footerDx a:hover  { text-decoration:underline; }
.footerCenter { float:left; margin:11px 0 0 0; width:155px; text-align:center; }
/**/

/*Form*/
form div { margin-top:5px; float:left; clear:left; }
label { height:15px; width:70px; float:left; font-weight:bold; font-size:11px; color:#FFF; text-align:right; font-family:Tahoma; padding:0 3px 0 5px; margin:0; }
input { height:15px; width:200px; padding:0; margin:0; clear:right; float:left; font-family:'Tahoma', monospace; font-size:11px; border:1px solid #7aa9da; }
.errori { color:#C33; }
textarea { width:200px; height:70px; padding:0; margin:0; float:left; font-family:'Tahoma', monospace; font-size:11px; background:#FFF; border:1px solid #7aa9da; clear:right; overflow:auto; }
.button { width:43px; height:19px; border:0; background:url(images/invia.gif) no-repeat; margin:5px 0 0 235px; }
.required { color:#C33; }
/**/

/*  Lunghezze */
.w10 { width:10px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w76 {width:76px;}
.w80 {width:80px;}
.w80 {width:80px;}
.w90 {width:90px}
.w100 {width:100px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w260 {width:260px;}
.w280 {width:280px;}
.w285 {width:285px;}
.w300 {width:300px;}
.w400 {width:300px;}

/*Altezze*/
.h10 { height:10px; }
.h50 { height:50px; }
.h65 { height:65px; }
.h85 { height:85px; }
.h100 { height:100px; }
.h120 { height:120px; }
/*Margini*/
.m10 { margin: 0 0 0 10px;}
.m15 { margin: 0 0 0 15px}
.m25 { margin: 0 0 0 25px;}
.m30 { margin: 0 0 0 30px;}
.m45 { margin: 0 0 0 45px;}
.m50 { margin: 0 0 0 50px;}
.m70 { margin: 0 0 0 70px;}
.m80 { margin: 0 0 0 80px;}
.m90 { margin: 0 0 0 90px;}
.m95 { margin: 0 0 0 95px;}
.m100 {margin: 0 0 0 100px;}
.m118 {margin: 0 0 0 118px;}
.m120 {margin: 0 0 0 120px;}
.m130 {margin: 0 0 0 130px;}
.m135 {margin: 0 0 0 135px;}
.m150 {margin: 0 0 0 150px;}
.m160 {margin: 0 0 0 160px;}
.m175 {margin: 0 0 0 175px;}
.m180 {margin: 0 0 0 180px;}
.m190 {margin: 0 0 0 190px;}
.m200 {margin: 0 0 0 200px;}
.m210 {margin: 0 0 0 210px;}
.m230 {margin: 0 0 0 230px;}
.m250 {margin: 0 0 0 260px;}
.m270 {margin: 0 0 0 270px;}
.m285 {margin: 0 0 0 285px;}
.m300 {margin: 0 0 0 300px;}
.m310 {margin: 0 0 0 310px;}
.m380 {margin: 0 0 0 380px;}
.m385 {margin: 0 0 0 385px;}
.m400 {margin: 0 0 0 400px;}
.m500 {margin: 0 0 0 500px;}

.mr33 {margin-right:33px;}
.mr35 {margin-right:35px;}
.mr65 {margin-right:65px;}

.mt0 { margin-top:0; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt55{ margin-top:55px;}

.clear {clear:both; height:0; width:0; font-size:0; line-height:0; }
