/* Nome Cliente srl STS Service Tools */
/* Creato:			08/06/2009 */
/* Autore:			simone@evoluzionetelematica.it */

/* Ultima Modifica:	03/06/2010	Autore: G Villa */

/****************************  INTERNE ***************************************/

h1 {width:940px; line-height:50px; margin:0 auto; text-indent:255px; background:#e5e5e5 url('../img/bg-h1.gif') 0 0 no-repeat; font-weight:normal;}
h2 {clear:both; margin:0 0 20px 0;}

#contenuti {width:940px; margin:0 auto; padding:0; line-height:1.5; font-size:.75em;}
#contenuti #colCentro {display:inline; float:left; width:430px; margin:0 255px; padding:20px 0 0 0; background:url('../img/bg-col-centrale.gif') 0 0 no-repeat;}
#contenuti #colCentro.singola {width:685px; margin:0 0 0 255px;}
#contenuti #colSinistra  {display:inline; float:left; width:235px; margin:0 0 0 -940px;}
#contenuti #colDestra  {display:inline; float:left; width:235px; margin:0 0 0 -235px; padding:20px 0 0 0;}

#contenuti #colCentro.elencorivenditori {display:inline; float:left; width:330px; margin:0 255px; padding:20px 0; background:url('../img/bg-col-centrale.gif') 0 0 no-repeat; position:relative}
#contenuti #colDestra.elencorivenditori  {display:inline; float:left; width:335px; margin:0 0 0 -235px; padding:20px 0 0 0;}

#contenuti #colDestra.elencorivenditori div {clear:left; padding: 10px; background: #fff; width:300px;}
#contenuti #colDestra.elencorivenditori h2 {margin:0 0 2px 0; font-size:14px}
#contenuti #colDestra.elencorivenditori h3 {margin:0 0 8px 0}

#contenuti #colDestra.elencorivenditori ul {margin:0 0 16px 0; padding:0 0 4px 0; border-bottom:1px dotted #c1c1c1;}
.ragSociale {font-weight:bold;}
.mailRiv a{ background:url(../img/riv_email.jpg) 0 0 no-repeat; padding:0 0 0 20px; margin:0;}

ul.idTabs {position:absolute; width:330px; top:0; left:0; font-size:13px}
ul.idTabs li a {color:#000; font-weight:bold; text-decoration:underline;}
ul.idTabs li a:hover {color:#000; font-weight:bold; text-decoration:none;}

ul.idTabs li.Abruzzo {position:absolute; top:180px; left:184px}
ul.idTabs li.Basilicata {position:absolute; top:236px; left:250px}
ul.idTabs li.Calabria {position:absolute; top:282px; right:60px}
ul.idTabs li.Campania {position:absolute; top:220px; left:210px}
ul.idTabs li.Emilia-Romagna {position:absolute; top:102px; left:110px}
ul.idTabs li.Friuli-Venezia-Giulia {position:absolute; top:42px; left:160px}
ul.idTabs li.Lazio {position:absolute; top:190px; left:155px}
ul.idTabs li.Liguria {position:absolute; top:120px; left:55px}
ul.idTabs li.Lombardia {position:absolute; top:62px; left:75px}
ul.idTabs li.Marche {position:absolute; top:146px; left:174px}
ul.idTabs li.Molise {position:absolute; top:180px; left:220px}
ul.idTabs li.Piemonte {position:absolute; top:86px; left:25px}
ul.idTabs li.Puglia {position:absolute; top:206px; right:40px}
ul.idTabs li.Sardegna {position:absolute; top:264px; left:54px}
ul.idTabs li.Sicilia {position:absolute; top:344px; left:200px}
ul.idTabs li.Toscana {position:absolute; top:140px; left:115px}
ul.idTabs li.Trentino-Alto-Adige {position:absolute; top:32px; left:110px}
ul.idTabs li.Umbria {position:absolute; top:156px; left:144px}
ul.idTabs li.Valle-Aosta {position:absolute; top:40px; left:6px}
ul.idTabs li.Veneto {position:absolute; top:62px; left:130px}


/* COLONNA CENTRALE */

#sezioni {position:relative; float:right; display:inline; width:50%; margin:0 0 10px 15px;}
#sezioni li {margin:0 0 10px 0; padding:0 0 10px 0; list-style-position:outside; border-bottom:1px solid #e5e5e5;}
#sezioni li h2 {margin:0;}
#sezioni li span {display:block; line-height:1.25;}
#sezioni li a {display:block;}
#sezioni li img {display:block; width:215px; height:50px;}

#prodotti {}
#prodotti li {position:relative; float:left; display:inline; margin:0 5px 15px 0; /*width:110px;*/ height:105px; padding:0 5px 0 110px; list-style-position:outside;}
#prodotti.due-colonne li {width:215px;} /* prodotti disposti su 2 colonne */
#prodotti.tre-colonne li {width:110px;} /* prodotti disposti su 3 colonne */
#prodotti li h2 {margin:0;}
#prodotti li span {/*font-size:.938em;*/ font-size:1em;}
#prodotti li img {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:95px;
	border:1px solid #CCC;
	text-decoration:none;
}
#prodotti li.last {margin-right:0;}

.tabella-dati {clear:both; margin:0 0 30px 0; border-collapse:collapse;}
.tabella-dati caption {padding:30px 0 10px 0; font-size:1.25em; color:#003366}
.tabella-dati thead tr th {background-color:#CCC; border:1px solid #FFF;}
.tabella-dati thead tr th.riga {text-align:center;}
.tabella-dati tr {}
.tabella-dati tr th {margin:0; padding:3px; line-height:1.25; border:1px solid #CECECE;}
.tabella-dati tr th.riga {text-align:left; border:1px solid #CECECE; background-color:#FFF}
.tabella-dati tr td {margin:0; padding:3px; line-height:1.25; border:1px solid #CECECE; text-align:center}
.dispari {padding:3px;}
.dispari td {background:#E5E5E5;}
.pari {padding:3px;}
.pari td {background:#eee;}
td.rosso {background-color:#C00; color:#FFF}
td.blu {background-color:#00adee; color:#FFF}
td.red { color:#d2232b; font-style:italic;}
.tabella-dati tr td.vuoto{border:0;}

.legenda {margin:0 0 20px 0;}
.legenda li {line-height:18px; margin:3px 0;}
.legenda li.rosso {padding:0 0 0 25px; background:url('../img/legenda-rosso.gif') 0 0 no-repeat;}
.legenda li.blu {padding:0 0 0 25px; background:url('../img/legenda-blu.gif') 0 0 no-repeat;}

ul.elenco {margin:20px;}
ul.elenco li {list-style-type:disc}
ol.elenco {margin:25px;}
ol.elenco li {list-style-type:decimal}
ol.elenco li ul li {list-style-type:disc}

#accordion {margin:20px 0; border-top:1px solid #CCC;}
#accordion li {border-bottom:1px solid #CCC;}
#accordion li .toggler {line-height:3em; padding:0 0 0 50px; cursor:pointer; background:url('../img/menu-bullet.gif') 15px center no-repeat;}
#accordion li .element {}
#accordion li .element img {float:left; display:inline; margin:0 15px 0 0}

.indirizzoSede {position:relative; width:100%; margin:-20px 0 10px 0; color:#444}
.indirizzoSede .fotoSede {position:absolute; top:0; left:0px; margin:-7px 0 0 -125px;}
#colSinistra .indirizzoSede {margin-top:20px;}

/* FORM CONTATTI */
fieldset {margin:0 auto;}
fieldset legend {display:none}
fieldset p {margin:20px 0;}
fieldset label {position:relative; width:100%;}
fieldset label.localita {width:100%;}
fieldset label.messaggio {width:100%; margin:0 0 10px 0;}
fieldset label.emailNewsletter {width:98%; margin:0 0 10px 0;}
fieldset label input {display:block; width:100%; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCC}
fieldset label input.hidden {display:none;}
fieldset label textarea {display:block; width:100%; height:80px; font-size:1em; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCC}
fieldset label textarea {}
fieldset a {}

fieldset #checkSede {margin:10px 0;}
fieldset #checkSede #rbSedi input {border:0; margin:0 5px 0 0;}
fieldset #checkSede #rbSedi label {width:auto; display:inline; margin:0 5px 0 0; border:0;}

fieldset #posizioni {margin:10px 0 20px 0;}
fieldset #posizioni span {display:block; margin:0 0 5px 0; border:0;}

fieldset #informativa {float:none; clear:both; display:block; width:96%; height:50px; margin:0 0 10px 0; padding:2%; overflow:auto; border:1px solid #CCC; font-size:0.938em}
fieldset #informativa.newsletter {margin:20px 0 0 0; height:60px;}
fieldset label.radio {display:block; width:100%;}
fieldset label.radio input {display:inline; width:auto; margin:0 5px 0 0; vertical-align:middle;}
fieldset label.check {float:none; display:block; width:100%; margin:5px 0 0 0; font-size:0.938em}
fieldset label.check input {display:inline; width:auto; vertical-align:middle; border:0;}
fieldset input.btn-invio {display:block; width:80px; margin:15px auto 0 auto; padding:15px 10px;}

.red {color: #f00;}	
.errore {color: #f00;}	

/* COLONNA SINISTRA */
#contenuti #colSinistra #subMenu {margin:0 0 40px 0; color:#003366}
#contenuti #colSinistra #subMenu li {margin:2px 0 0 0; padding:3px 0 3px 15px; background:#e5e5e5 url('../img/menu-bullet.gif') 7px 10px no-repeat;}
#contenuti #colSinistra #subMenu li.attivo {background:#e5e5e5 url('../img/menu-bullet-sub.gif') 6px 10px no-repeat;}
#contenuti #colSinistra #subMenu li a {display:block; text-decoration:none}
#contenuti #colSinistra #subMenu li ul {margin:3px 0 -3px -15px; padding:5px 0; background-color:#FFF;}
#contenuti #colSinistra #subMenu li ul li {margin:0; padding:3px 0 3px 25px; background:#FFF url('../img/menu-bullet.gif') 15px 10px no-repeat;}
#contenuti #colSinistra #subMenu li ul li a {}

#colSinistra .approfondimenti {margin-top:20px;}
/* COLONNA DESTRA */
.approfondimenti {margin:0 0 20px 0; padding:5px; border:1px solid #cecece;}
.approfondimenti h3 {}
.approfondimenti ul {}
.approfondimenti ul li {margin:0; padding:5px 0; background:#FFF url('../img/bg-extra.gif') 0 0 repeat-x;}
.approfondimenti ul li.attivo {padding-left:14px; background:url('../img/menu-bullet.gif') 7px 12px no-repeat; color:#003366; font-weight:bold}
.approfondimenti ul li a {display:block; padding:0 0 0 14px; background:url('../img/menu-bullet.gif') 7px 7px no-repeat; text-decoration:none; color:#003366}
.approfondimenti ul li a:hover {color:#000}

.banner {margin:0 0 20px 0; border:1px solid #cecece; }
.banner img { margin-bottom:5px;}
.banner h3 { font-size:19px; color:#0e4c8f; font-weight:normal; padding:0 8px;}
.banner ul { margin:5px; }
.banner ul li {margin:0; padding:5px 0; background:transparent url('../img/bg-banner.jpg') 0 128px repeat-x;}
.banner ul li a {display:block; padding:0 8px; text-decoration:none; color:#003366}
.banner ul li a:hover {color:#000}




#contenuti #colDestra .spot {padding:10px 20px; border-left:1px solid #CECECE}
#contenuti #colDestra .spot img {display:block; margin:0 auto;}

#contenuti #colDestra #fotografie {margin:0 0 20px 0;}

#contenuti #colDestra a.bottone {display:block; margin:0 auto; line-height:44px; padding:0 0 0 60px; text-decoration:none;}
#contenuti #colDestra #contatta {margin:0 0 20px 0;}
#contenuti #colDestra #contatta a {background:#FFF url('../img/btn-mail.gif') 0 0 no-repeat; text-transform:uppercase; color:#FFF; font-weight:bold;}
#contenuti #colDestra #contatta a:hover {color:#FC0;}
#contenuti #colDestra #listini {margin:-15px 0 15px 0;}
#contenuti #colDestra #listini a {margin:5px auto 5px auto; background:#FFF url('../img/btn-pdf.gif') 0 0 no-repeat;}
#contenuti #colDestra #listini a:hover {}

#contenuti #colDestra #sezioni {width:215px;}

