body{font-family: tahoma,arial,sans-serif;font-size: 10px;text-align: center; background: #325D8E; }
img {border: 0; margin: 0;}
div#contenitore { border: 1px solid black; width: 870px;position: relative; margin: 0 auto; text-align: left; background: #ffffff;}
div#footer{ clear: both; margin-top: 15px; text-align:center; height: 19px; width: 100%; border-top: 2px solid #325D8E; font-size: 10px; color: #325D8E; padding-top: 2px;}
.nocss { display: none;}
img.dx { float: right;}
img.sx { float: left; margin: 10px;}
p { font-size:9pt; margin-left: 20px; margin-right: 20px; margin-top:5px; margin-bottom:5px;}
h1 { color: #325D8E; font-size:15pt; margin-left: 30px; margin-right: 20px; margin-top:5px; margin-bottom:15px;}

/* HEADER */
div#header {border-bottom: 3px solid #000;width: 770px; height: 121px; margin: 0 auto; background:  url(img/header.jpg); margin-bottom: 20px;}
ul#navigazione {margin: 0;padding: 0; list-style-type: none; position: absolute; right: 50px; top: 81px; font-size: 12px;}
ul#navigazione li {display: inline; padding: 0; padding-top: 8px; height: 30px; width: 90px; text-align: center; vertical-align: middle;}
div#progettazione { margin: 0; height: 15px; margin-bottom: 8px;}

/* INDEX */
div#coldxindex {text-align: center; float:right; width: 150px; margin-right: 3px; margin-top: 10px; font-size: 10px; background: #E9F1F7;}
div#coldxindex ul {list-style-type: none; padding: 0; margin: 0;}
div#coldxindex li { margin-bottom: 10px;}
div#coldxindex h2 { display: block; width: 100%; color: #fff; border-bottom: solid 4px #fff; background: #325D8E; margin: 0px; margin-bottom: 20px; font-size: 10pt; text-transform: uppercase; font-weight: bold;}
div#quadratinoindex {  background: #E9F1F7; float: left; text-align: center; margin: 10px;  margin-right: 20px; width: 140px; height: 100px;} 
div#blurb { float: right; margin: 10px; background: url(img/wbbg.gif); width: 500px; height: 100px;} 
div#blurb p { margin: 0; padding: 10px; padding-top: 12px; width: 370px; height: 100px; font-size: 9pt; color: red; font-weight: bold;} 
div#colpromo { float: left; margin-left: 5px;  width: 290px;  border-right: 2px solid #CCCCFF; text-align: center;}
div#colprodotti { float: right; margin:0px; width: 300px;  text-align: center;}
div.imgindexbig { width: 260px; height: 150px;}
div.txtindexbig { width: 260px;  margin-bottom: 20px;}
div.imgfotov { float: left; width: 140px; height: 130px; }
div.txtfotov { float: left; width: 140px; height: 80px; }
div.imgclima { float: right; width: 140px; height: 130px; margin-right: 2px;}
div.txtclima { float: right; width: 140px; height: 80px; margin-right: 2px;}
div#colprodotti2 { background: #ff0;border: 4px solid #000; float: right; width: 390px;  text-align: center;margin:10px;}
div.txtindexbigred { width: 360px; font-size: 11pt; margin: 20px; color: #2200ff; font-weight: bold;}
div.txtindexbigred2 { width: 360px; font-size: 12pt; margin-bottom: 20px; margin-top: 20px; color: #ff0022; font-weight: bold;}


/* CATALOGO */
div#catalogosx { float: left; width: 140px; margin: 10px;}
div#catalogodx { float: right; width: 640px; margin: 10px; text-align: right;}
div#catalogoup { width: 100%; border-bottom: solid 1px #325D8E; text-align: right; margin-bottom: 5px;}
hr.catalogo {   height: 2px; width: 400px; color: #325D8E; margin-right: 20px;}
h2.categoriacatalogo { font-size: 20pt; color: #325D8E; margin: 0px; margin-right: 30px;}
div#catalogobottom {clear: both;  width: 100%; border-top: solid 1px #325D8E; text-align: right; margin-top: 15px; font-size: 9px; padding-top: 5px; color: #325D8E;}
div.prodotto {  clear: both; width: 630px; color: #325D8E; margin: 5px; border-top: solid 1px orange; text-align: left;}
div.prodotto b{ font-size: 15px; color: #FF5A00; float: right; margin: 5px; font-weight: bold;}
div.prodotto ul{ font-size: 10px; color: green; float: left; margin-top :2px; margin-left: 40px;   list-style-type: none;}
div.prodotto img { float: left; margin-top: 5px;}
div.prodotto li { margin-top: 5px;}
div.prodotto u { font-size: 13pt; color: #325D8E;  font-weight: bold; text-decoration: none;}
div.prodotto p { color: #325D8E; font-size: 10pt; margin-top: 10px;}
div.prodotto a:hover { background: #86AFDE; font-size: 10pt; text-decoration: none;}


div#ordini { border: solid 1px #325D8E; margin-bottom: 20px; padding-bottom: 10px;}
div#ordini ul {list-style-type: none; margin: 0px; padding:0;}
div#ordini li {display: block; border-bottom: solid 1px #FF5A00; padding: 5px; color: #F32E00; text-transform: uppercase;}
div#ordini a {text-decoration: none; text-transform: uppercase; color: #325D8E;}
div#ordini a:hover {display: block; text-decoration: none; text-transform: uppercase; background: orange;}


div#catnav { border: solid 1px #325D8E; margin-bottom: 20px; padding-bottom: 10px;}
div#titnav { border: solid 1px #325D8E; height: 40px; background: orange; text-align: center;}
div#titnav h1 { color: #325D8E; text-transform: uppercase; font-size: 12px; margin-top: 5px; margin-bottom: 5px;}
div#catnav ul {list-style-type: none; margin: 0px; padding:0;}
div#catnav li {display: block; border-bottom: solid 1px #FF5A00; padding: 5px; color: #F32E00; text-transform: uppercase;}
div#catnav a {text-decoration: none; text-transform: uppercase; color: #325D8E;}
div#catnav a:hover {display: block; text-decoration: none; text-transform: uppercase; background: orange;}
div.txtoffcat {  margin: 0; width: 138px; background: #EBEBEB; border: solid 1px #7D7D7D; padding: 0px; }
div.txtoffcat p{  margin: 8px; font-size: 10px;}
div.nome {float: right; width: 300px;}

/* SCHEDE */
div#schedatit {width: 500px; padding: 15px; background: url(img/schedabg.jpg); text-align: left; border: solid 1px black; border-bottom: 0px;} 
div#schedatit h2{font-size: 14pt; padding-left: 20px; border-left: solid 3px orange; font-weight: bold; text-transform: uppercase; color: #FF6000;} 
div#schedacarat {width: 500px; padding: 15px; background: #fff; border: solid 1px black; border-top: 0px; text-align: left;} 
div#schedaimg {width: 500px; padding: 15px; background: #fff; border: solid 1px black; border-top: 0px;border-bottom: 0px; text-align: center;} 
h3.caratteristiche {font-size: 10pt; padding-left: 20px; font-weight: bold; text-transform: uppercase; color: orange;} 
div#schedafooter {width: 500px; text-align: center; border: solid 1px black; border-top: 0px; background: url(img/schedabg.jpg); }
h4.caratteristiche {font-size: 8pt; padding-left: 20px; font-weight: bold; text-transform: uppercase;} 

/* ABOUT */
p.about {margin: 15px; font-size: 12pt;}
div#datiazienda {border: solid 1px #325D8E; text-align: center; float: right;   background: #C7E3FA; width: 300px; margin: 5px; padding:5px; color: #A82801; font-weight: bold; }
div#datiazienda h2 {font-size: 10pt; font-weight: bold; text-transform: capitalize; color: #FF9C01;}
div#datiazienda p{font-size: 8pt;}
hr.about { width: 70%; text-align: center; height: 4px; border: solid 1px #325D8E;background: #C7E3FA;}
p.abouthi{font-size: 15pt; color: #A82801; text-align: center;}

/* SERVIZI */
h2.servizi{width:540px;padding-left: 15px; background: url(servizi/servizititbg.jpg) no-repeat; font-size: 13pt; color: #DE3C0A; margin-left: 50px;}
div#servizi {float: right; width: 640px; margin-right: 20px; margin-top: 5px;}
p.servizi {margin-bottom: 8px; font-size: 11pt; color: #325D8E;}
div#serviziautoriz {border: solid 1px #325D8E; text-align: center;  background: #C7E3FA; width: 100%;  padding:5px; color: #A82801; font-weight: bold; }
div#serviziautoriz h2 {font-size: 10pt; font-weight: bold; text-transform: capitalize; color: #FF9C01;}
div#serviziautoriz p {font-size: 8pt; margin-bottom: 15px;}
p.serviziintro {text-align: center; font-size: 12pt; margin: 0px; margin-bottom: 20px;}
div#servizi img {float: right; margin-top: 15px;}

/* PROMOZIONI */
p.promo {clear: both; margin: 5px; font-size: 11pt; color: #325D8E;}
h2.promo{padding-left: 15px; background: url(promozioni/promozionititbg.jpg); font-size: 13pt; color: #DE3C0A; margin-left: 50px;margin-top: 6px; }
div#promo {float: right; width: 640px; margin-right: 20px; margin-top: 5px; text-align: center;}
div.promotit {float: left; width: 100%; text-align: left; border-top: solid 1px #325D8E;}
div#promo a {float: right; margin-top: 5px; margin-bottom: 5px; }


/* FOTOVOLTAICO */
div#ministero { border: solid 1px #325D8E; width: 500px; font-size: 10pt; margin-left: 20px; padding: 30px;  background: #D3E0F3; }
div#ministero2 { float: right; border: solid 1px #325D8E; width: 200px; font-size: 8pt; margin-right: 10px; padding: 30px;  background: #325D8E; color: #ffffff; }
div#coldxfv { float: right;  width: 120px; font-size: 8pt; margin-right: 10px; }
div#coldx2fv { float: right;  width: 120px; font-size: 8pt; margin-right: 10px; clear: both}
p.fv { font-size:11pt; margin-left: 40px; margin-right: 40px; margin-top:10px; margin-bottom:15px;}

/* CONTATTI */
div#cartina{ text-align: right; float: right;  width: 453px; margin-right: 10px;}
div#dati {  float: left; margin-left: 10px; width: 250px; background: #F2F6F8;}
div#orari {  float: left; width: 250px; text-align: left;background: #F2F6F8;}
div#orari p{ font-size: 14px; margin-bottom: 20px; text-align: center;}
div#dati p{ font-size: 14px; margin-bottom: 20px;}
h2.contatti{margin-left: 20px; margin-top: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #325D8E; display: block; border-bottom: solid 1px #325D8E;}
h3.contatti { font-size: 12px; margin-bottom: 20px;font-weight: bold; text-align: center; text-transform: uppercase; color: #325D8E; display: block; margin-top: 40px;}

/* LINKS */
div#links { width: 830px; margin: 20px; background: #FEF2F2;}
div#links ul { list-style-type: none;}
div#links li { display: inline;}
div#links h2 { margin-left: 20px; margin-top: 4px; color: orange; font-size: 15px; }