/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 /* FINE RESET */

*{margin:0;padding:0}

html{ width:100%; height:100%; background:#eaeaea;}
body{width:100%; height:100%; font-family:Verdana;}

img, div{ behavior: url(iepngfix.htc) }

img#sfondo{ width:100%; height:auto; position:absolute; z-index:0; float:left; top:0; left:0;}

#wrapper{ height:100%; width:100%; display:table; vertical-align:middle; background:#fff}
#outer{display:table-cell; vertical-align:top; }
#wrap{position:relative; left:50%; float:left;}    

#sfondo_sx{width:50%; height:100%; position:absolute; background:url(../Images/background_sx.jpg) repeat-x #FFF;}
#sfondo_dx{width:50%; height:100%; position:absolute; background:#FFF; left:50%}

/*#container{width:938px; min-height:789px; height:auto; position:relative; text-align:right; left:-50%; float:left;}*/

#container{width:938px; min-height:789px; height:auto; position:absolute; left:50%; margin:0 0 0 -469px; float:left}

#header {width:938px; height:205px; float:left; text-align:left}
#menu{position:absolute; left:262px; z-index:100}

#corpo{float:left; width:938px; min-height:433px; height:auto; color:#787878;}
#corpo p{width:800px; margin:100px auto 0 auto; text-align:left; font-size:13px; line-height:18px;}

#corpo #col_sx{float:left; width:268px; height:433px;}
#corpo #col_sx #pulsanti{margin:70px 0 0 80px}
#corpo #col_sx #pulsanti {border:none}
#corpo #col_sx #pulsanti #azienda, #aziende {float:left; width:84px; height:27px; margin:0 10px 0 0}
#corpo #col_sx #pulsanti #azienda{background:url(../Images/PulsanteAzienda.png) no-repeat;}
#corpo #col_sx #pulsanti #azienda:hover{background:url(../Images/PulsanteAzienda_hover.png) no-repeat}
#corpo #col_sx #pulsanti #azienda.az_selected{background:url(../Images/PulsanteAzienda_hover.png) no-repeat}
#corpo #col_sx #pulsanti #aziende{background:url(../Images/PulsanteAziende.png) no-repeat; width:80px; height:27px}
#corpo #col_sx #pulsanti #aziende:hover{background:url(../Images/PulsanteAziende_hover.png) no-repeat}
#corpo #col_sx #pulsanti #aziende.az_selected{background:url(../Images/PulsanteAziende_hover.png) no-repeat}
#corpo #col_sx ul{margin:70px 0 0 0}
#corpo #col_sx ul li{display:inline; float:left; font-size:12px; color:#787878; margin:5px 10px 0 0}
#corpo #col_sx ul li a{color:#787878}
#corpo #col_sx ul a img{visibility:hidden; float:left;  margin:0 2px 0 0}
#corpo #col_sx ul li a:hover img{visibility:visible}
#corpo #col_sx ul .selected{font-weight:bold; float:left;}
#corpo #col_sx ul .selected img{float:left;  margin:0 2px 0 0}



#corpo #col_sx #gallery{width:100%; padding:5px; height:auto; margin:50px 0 0 0}
#corpo #col_sx #gallery .foto{float:left; margin:0 5px 5px 5px; width:65px; height:50px; padding:10px 0; border:1px solid #ddd}

#corpo #col_sx h2{font-weight:normal; width:100%; text-align:right; color:#980000; font-size:30px; margin:80px 10px 0 0; float:right} 

#corpo #col_dx{float:left; width:550px; height:433px; text-align:center}
#corpo #col_dx p{ margin:70px 0 0 25px; text-align:left; font-size:12px; line-height:17px;}
#corpo #col_dx ul{width:580px; margin:10px 0 0 25px;}
#corpo #col_dx li{font-size:12px; color:#787878; text-align:left; line-height:17px; list-style-position:outside;}

#corpo #col_dx table{text-align:left; float:left; margin:70px 0 0 25px; font-size:13px; line-height:13.5px}
#corpo #col_dx td{padding:2px 3px}
#corpo #col_dx .head{font-weight:bold; border:1px solid #787878}
#corpo #col_dx .titolo{font-weight:bold;}
#corpo #col_dx .titolo2{font-weight:bold; text-align:right; line-height:24px}
#corpo #col_dx table a{color:#980000;font-weight:bold}
#corpo #col_dx table a:hover{color:#787878}


#corpo #col_dx #foto{width:541px; height:262px; padding:15px 5px; border:1px solid #ddd; float:left; margin:100px 0 0 25px}
#corpo #col_dx #descr{float:left; width:521px; text-align:left; font-size:12px; margin:15px 0 0 25px}

#corpo #col_dx #certificazioni{float:left; margin:80px 0 0 25px;}
#corpo #col_dx #certificazioni .certificato{ width:80px; height:103px; float:left; margin:0 10px 20px 10px; border:1px solid}

#form_contatti{position:absolute; width:300px; height:200px; top:570px; left:480px; font-size:13px}
#form_contatti .campo{float:left; width:300px}
#form_contatti label{width:80px; float:left; text-align:right; margin:0 10px 10px 0; font-weight:bold}
#form_contatti input{float:left; width:200px;}
#form_contatti textarea{float:left; width:200px}
#form_contatti #buttons{width:300px; text-align:right; float:left;}
#form_contatti #button{float:right; width:50px; margin:15px 5px 0 0}

#mappa{position:absolute; background:url(../Images/sfondo_mappa.jpg) no-repeat; width:350px; height:230px; top:585px; left:130px}
#mappa iframe{float:left; margin:7px 0 0 10px}
#mappa a{text-align:left; float:left; font-size:10px; color:#333; margin:5px 0 0 10px}


#corpo .image{width:800px; margin:60px auto 0 auto; text-align:center}

#footer{float:left; width:938px; background:#eaeaea; text-align:center; padding:10px; color:#787878; font-size:11px;}
#footer a{color:#787878; font-weight:bold}


#col_prodotti{float:left; width:612px; text-align:left; padding:30px 0 30px 0;}
#col_prodotti h2{font-size:23px; color:#74a3d9; font-weight:normal; float:left; width:100%}
#col_prodotti .prodotto{ float:left; margin:10px 3px 0 3px; padding:0; width:181px; height:95px}
#col_prodotti .prodotto a img{float:left; border:none; margin:0 0 5px 0; width:181px}
#col_prodotti .prodotto .titolo{width:181px; text-align:center; font-size:11px; text-transform:uppercase; }


#det_prodotto{float:left; text-align:left; margin:40px 0 0 0 }
#det_prodotto #back a{float:left; width:100%; font-size:10px; font-weight:bold; color:#000; margin:10px 0 0 0}
#det_prodotto #gallery{float:left; margin:25px 0 0 0; padding:0; padding:5px 0 }
#det_prodotto #gallery a img{border:none; margin:0 5px 0 0; float:left}
#det_prodotto #dettaglio{float:left; width:612px}
#det_prodotto #dettaglio a img, #det_prodotto #dettaglio img{float:left;}
#det_prodotto #dettaglio #testi{float:left; margin:5px 0 0 0; width:550px; }
#det_prodotto #dettaglio #testi #titolo{font-size:12px; float:left; margin:0 0 5px 0; width:100%; text-transform:uppercase; font-weight:bold;}
#det_prodotto #dettaglio #testi #desc{font-size:12px; text-align:justify; overflow:auto; width:530px; height:100px; padding:5px 10px 10px 5px; border:1px dashed #333}

#paginazione_foto{float:left; width:90%; font-size:11px; margin:5px 0 20px 0; border-bottom:1px solid; padding:2px 0 2px 0; text-align:center}
#paginazione_foto a{color:#000; text-align:center}


#error_shadow{position:absolute; top:0; left:0; width:100%; height:100%; z-index:80; visibility:hidden; background:#000; opacity: 0.7; filter: alpha(opacity=70); background:rgba(0,0,0,0.7);}
#box{background:#fff; position:absolute; top:50%; left:50%; width:200px; margin:-75px 0 0 -100px; border:4px solid #333; height:91px; padding:0 5px 0 5px;  z-index:90; visibility:hidden; cursor:pointer; font-size:13px}
#box #closeBtn {position:absolute; top:13%; left:109%; color:#000; z-index:90; font-size:10px; width:80px; height:20px; margin:-10px 0 0 -40px;}
#box #box:hover{cursor:pointer}
#box #error{position:absolute; font-size:15px; font-weight:normale; color:#cc0000; top:5%; left:4%; z-index:80}

a{text-decoration:none}
a:focus{outline:none; border:none}
.maiuscolo{text-transform:uppercase}
.celeste, .celeste a{color:#74a3d9; font-weight:bold}
.italic{font-style:italic; font-weight:bold;}
.grassetto{font-weight:bold}
.lowercase{text-transform:lowercase}

#welcome{margin:50px 0 0 0}
#msg{font-size:12px; color:#f00; text-align:left; margin:15px 0 0 0; float:left; width:612px}