@import url("tabelle.css");
@import url("shadowbox.css");
@import url("CycleIMG.css");
@import url("areaR.css");
@import url("Newsletter.css");

/* Colori: BLU #40719A VERDE #2EA85D ECOPOR #008443 NORMA #F4A42A BIO #48B671 POROTON #F2852A */

body {margin:0px 0px 0px 0px; font-family: Verdana, Tahoma, Arial; background-image: url(immagini/sfbody.gif); background-repeat: repeat;}

/* TAG COMUNI */
a {color:#B64141;}
sup,sub {line-height:5pt; font-size: 95%;}
p {font-size:9pt; text-align:justify; line-height:16pt; color:#58595B; margin-top:0px;}
h1 {font-size:15pt; color:#B64141; margin:0px;}
h2 {font-size:11pt; color:#B64141; margin:0px;}
h3 {font-size:10pt; color:#B64141; margin:0px;}
ul,li,ol {margin-top:0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px; margin-left:0px; padding-left:0px}
strong {color:#767676;}
.redValue {color:#B64141; font-weight:bold;}
.visibile {display:block;}
.invisibile {display:none;}
.CBoth {clear:both;}
.FLeft {float:left;}
.FRight {float:right}
img {border:none;}

/* STRUTTURA DI BASE DEL SITO */
#sfUp {background-image: url(immagini/sfUp.gif); background-repeat:repeat-x; width:100%; height:20px;}
#telaioEsterno {width: 1000px; background-color: white; margin:auto; overflow:hidden; background-image: url(immagini/Ombra.gif); background-repeat:repeat-y;}
#contornoEsterno {width: 900px; margin:auto; overflow:hidden;}

/* INTESTAZIONE 1000px */
#intestazione {width:900px; height:80px;}
#int_logo {width:450px; height:80px; float:left; background-image: url(immagini/LogoMASSERANO.gif); background-repeat:no-repeat; position:relative; top:25px;}
#int_MenuOr {width:450px; height:80px; float:right; font-size:10pt;}

/* MENU ORIZZONTALE ISTITUZIONALE */
#int_MenuOr ul {width:450px; /* WIDTH messo per comp. con Firefox */  list-style:none; position:relative; top:60px;}
#int_MenuOr ul li {display:inline;} /* Messo per IE7 */
#int_MenuOr ul li a {text-decoration:none; color: #6B6E70; float:right;}
#int_MenuOr ul li a:hover {color:#B64141; cursor:pointer; text-decoration:underline;}
#int_MenuOr ul li span {width:20px; text-align:center; float:right;}

/* Linea */
.linea {width:900px; height:1px; background-color:#000000; margin:4px 0px 4px 0px;}

/* MENU PRODOTTI 900px */
#boxMenuProdotti {width:900px; height:76px; border-bottom:solid 1px black; margin-bottom:20px;}
#boxMenuProdotti ul {list-style:none; font-size:8pt;}
#boxMenuProdotti ul li {display:inline;} /* Messo per IE7 */
#boxMenuProdotti ul li a {width:218px; margin:8px 5px 8px 0px; height:60px; float:left; text-decoration:none; color: #6B6E70;}

#boxMenuProdotti ul li .cls-normatris:hover {background-color:#F4A42A; color:White;}
#boxMenuProdotti ul li .cls-biotris:hover {background-color:#48B671; color:White;}
#boxMenuProdotti ul li .cls-ecopor:hover {background-color:#008443; color:White;}
#boxMenuProdotti ul li .cls-poroton:hover {background-color:#F2852A; color:White;}

#boxMenuProdotti ul li a img{float:left; margin-right:10px;}
#boxMenuProdotti ul li a span{font-size:9pt; font-weight:bold; margin-top:20px; display:block;}

/* CHIUSURA */
#boxChiusura {width:900px; clear:both; margin: 20px 0px 20px 0px; font-size:8pt; text-align:center; line-height:20pt; color:#7A7A7A; border-top: solid 1px black; padding-top:10px;}
#boxChiusura a img {vertical-align:middle;}

/* TELAIO PAGINE INTERNE */
#mnuInterno {width:200px; float:left; margin:15px 0px 20px 0px; list-style:none; font-size: 8pt; line-height:35px;}
#mnuInterno ul li a {width:160px; height:35px; margin-top:5px; background-image: url(immagini/SfPulsanti.gif); background-repeat:repeat-x; border:solid 1px #9C9C9C; text-decoration:none; color:Black; display:block; padding:0px 5px 0px 5px;}
#mnuInterno ul li a:hover {cursor:pointer; background-image:none; border:solid 1px #B64141; color:#B64141;}
#mnuInterno ul li.return a {background-image:none;}

#areaPgInterna {width:700px; float:right; margin:15px 0px 20px 0px; min-height:500px;}
.imgStaticheSx {float:left; margin:10px 20px 10px 0px;}
.imgStaticheDx {float:right; margin:10px 0px 10px 20px;}
.imgSingola {margin:10px 0px 15px 0px;}

#latoImmagine {float:left; width:280px; margin-right:20px;}
#latoTesto {float:right; width:400px;}

/* Pulsante Rete di vendita */
.btnRDV {width:120px; height:20px; background-image: url(immagini/pulsante.gif); font-size:7pt; font-weight:bold; color:White; text-align:center; line-height:20px; margin-top:10px; float:left; margin-right:10px;}
.btnRDV:hover {background-image:none; background-color:#EC8F19; cursor:pointer;}

/* Pulsante Scheda Tecnica */
.btnST {width:120px; height:20px; background-image: url(immagini/pulsante.gif); font-size:7pt; font-weight:bold; color:White; text-align:center; line-height:20px; margin-top:10px; display:inline-block; text-decoration:none;}
.btnST:hover {background-image:none; background-color:#EC8F19; cursor:pointer;}

/* Pulsante Elenco prodotti */
.btnEB {width:120px; height:20px; background-image: url(immagini/pulsante.gif); font-size:7pt; font-weight:bold; color:White; text-align:center; line-height:20px; margin:10px 40px 0px 40px; display:block;}
.btnEB:hover {background-image:none; background-color:#EC8F19; cursor:pointer;}

/* AREE HOMEPAGE */
.titoloArea {background-image: url(immagini/icnSpunta.gif); background-repeat:no-repeat; padding-left:30px; height:25px; margin-bottom:15px;}
.titoloArea > h1 {font-family:Times New Roman; font-size:18pt; font-weight:normal; color:#4A4A4A; line-height:25px;}

#areaServizi {width:270px; float:left; font-size:8pt; overflow:hidden; padding-right:35px;}
#areaServizi ul {list-style:none;}
#areaServizi ul li {clear:both;}
#areaServizi ul li img {float:left;}
#areaServizi ul li:hover {text-decoration:underline; cursor:pointer;}
#areaServizi ul li a {text-decoration:none; color:#4A4A4A;}

#areaServizi ul li.utAttivo {background-color:#F7F7F7; padding:5px; height:90px; margin-bottom:10px; border:solid 1px #CACACA;}

#areaNews {width:350px; float:left; font-size:8pt; line-height:14pt; padding-right:20px;}
#areaNews ul {list-style:none;}
#areaNews ul li {margin-bottom:20px;}
#areaNews ul li strong {color:black; display:block; margin-top:5px;}
#areaNews ul li a {text-decoration:none;}
a > .pulsante {width:120px; height:20px; background-image: url(immagini/pulsante.gif); display:block; font-size:7pt; font-weight:bold; color:White; text-align:center; line-height:20px; margin-top:10px;}
.pulsante:hover {background-image:none; background-color:#EC8F19;}
.classeNEWS {display:block; /* Messo solo per far andare il carosello */}

#areaBanner {width:225px; float:right;}
#areaBanner > a > img, #showcase {border:solid 1px #000000; margin-bottom:15px;}
#areaBanner > a > img:hover {border-color:#B64141;}

/*  CARTINA DI GOOGLE */
#ggMaps {border:solid 1px black; padding:4px;}

/* ELENCO PRODOTTI */
.boxCntBlocco, .boxCntBloccoEcopor {width:200px; float:left; margin:0px 30px 30px 0px; text-align:center; font-size:8pt;}
.boxCntTitolo {width:198px; padding:2px 0px 2px 0px; border: solid 1px black; background-color:#F4F4F4;}
.boxCntBlocco > a, .boxCntBloccoEcopor > a {text-decoration:none;}

.boxCntBloccoEcopor {margin-right:60px}

/* ELENCO PUNTATO */
ul.EPMaster {font-size:9pt; list-style-type: none; padding-left:20px; line-height:16pt; color:#58595B;}
ul.EPMaster li {text-indent:-15px;}

/* ARCHIVIO NEWS */
.testoArchivioNews {padding:5px;}
.testoArchivioNews > h3 {color:#747474;}
.testoArchivioNews > p > a {text-decoration:none;}
.Grigio {background-color:#F7F7F7;}

/* REGISTRAZIONE */
a.lnkBlu{padding-left:20px; color:#666; font-size:9pt; font-weight:bold; display:inline;}

/* ICONA FOTO */
.icCamera {width:56px; height:56px; background-image: url(immagini/IcCamera.gif); background-repeat:no-repeat; background-position:center center; border: solid 1px #B8B8B8; float:right;}
.icCamera:hover {border-color: #B64141; cursor:pointer;}

.box200 {width:200px; margin:10px 30px 0px 0px; float:left; text-align:center;}

/* EVENTI */
.eventiSx {float:left; width:480px; margin-right:20px;}
.eventiDx {float:right; width:200px;}