body{
font-size: 76%;
font-family: 'Trebuchet Ms', Verdana, Arial;
background: url('/img/bg.gif') repeat-x top left;
margin:0px
}

/*---------- Struttura  ----------*/

#corpo, #banner, #footer, #bannerini {width:900px}
#corpo, #banner, #sfondoRight, #footer, #bannerini {margin:0 auto;}

#banner {height: 155px;border-left: 1px solid #32332D;border-right: 1px solid #32332D;background: url('/img/pat.gif') repeat-x bottom left}

#sfondoRight {background: #fff url('/img/colright.gif') repeat-y top right;width: 902px}

#corpo {
  background: url('/img/colLeft.gif') repeat-y;
	border-top: 1px solid #32332D;
	border-right: 1px solid #32332D;
	border-bottom: 4px solid #32332D;
	border-left:1px solid #32332D;
}

#colLeft {
	width:170px;
	float: left;
	margin:0px;
	padding: 0px
}

#content {
  float: left;
  width: 534px;
	padding: 0px 8px 8px 8px
}

#colRight {
  height: 630px;
  background-color:#277555;
	width:177px;
	float:left;
	margin: 0px;
	padding: 0px
}

#footer {
	clear:both;
	text-align:center;
	font-size:90%;
	padding: 3px 3px 10px 3px;
}


/*---------- Specifiche\  ----------*/

/*p {margin: 0px; padding: 0px; display: block; float: left; border: 1px solid #c00; width: auto}*/

a , a:link {text-decoration:none;color: #000}
a:hover {text-decoration: underline}

ul {list-style-type: square}

#logo {height: 128px;border-bottom: 8px solid #0F385F;}
h1 {margin:0px;padding:0px;}


.menuTop {height: 18px; background-color:#0F385F; width: 100%}
.menuTop span{margin: 0 30px 0 17px}
.menuTop span a {color: #fff}

.boxOrario {height: 18px; padding: 0px 7px 0px 22px; color: white; background: url('/img/melograno_sm.gif') no-repeat top left;}
.boxOrario2 {height: 18px; padding: 0px 7px 0px 2px; color: white; }
.boxOrario3 {height: 18px; padding: 0px 0px 0px 22px; color: white; background: url('/img/melograno_sm.gif') no-repeat top left;}

#boxServizi {width: 170px;height:79px; background: url('/img/sfondoServizi.jpg') no-repeat top left;margin: 15px 0 15px 0}
#boxServizi .titServizi {font-size: 140%;color:#fff;display:block;padding: 3px 0 0 5px;height: 29px}
#boxServizi span {height: 24px;display:block;padding-left: 8px}
#boxServizi a:hover {text-decoration: none}


#colLeft a {font-weight: bold;font-size: 110%;}
#colLeft a:hover {font-weight: bold;text-decoration: none}
#colLeft img {vertical-align:middle;}

/*#menu {margin:0px;padding: 0px}
#menu span {background: #0F385F url('img/bgMenuLeft.gif') no-repeat top right;border-bottom: 1px solid #fff;height:25px;display:block;padding-top: 5px}
#menu span a {color: #fff}*/

.menu2 { /* padding-bottom: 100px */ }
.menu2 span {background: url('/img/bk_grigio.jpg') no-repeat top left; display: block;height: 46px;margin-bottom: 2px;}
.num {text-align:center; padding-bottom:5px;}
.obb {padding: 8px 5px 0 5px;font-size: 125%}
.menu2 span a {color: #0F385F;}
.menu2 img {border: 0px}

/*.sottoMenu {list-style-type: none;margin:0px;padding: 0px;border-right: 4px solid #fff;background-color: #EAF1F7;display:block}
.sottoMenu li {padding:0px 0px 0px 15px;margin: 0px;}
.sottoMenu a {display:block;color: #383838;font-size: 110%;background-color: #EAF1F7;width: 100%;border-bottom: 1px solid #53544E;padding-left:3px}
.sottoMenu a:hover {color:#fff;background-color: #53544E;}
.sottoMenu a#activelink {color:#fff;background-color: #53544E;}*/


#menuRight ul {list-style-type: none;margin:0px;padding:0px}
#menuRight li {list-style-type:none;background: url('/img/bgMenuRight.gif') no-repeat top right;border-bottom: 1px solid #fff;height:20px;}
#menuRight ul a {font-weight: bold;font-size: 110%;padding-left:20px;color: #fff}
#menuRight ul a:hover {font-weight: bold;text-decoration: none}

.linkImg {padding:0px;margin:0px}/* per link contenente un'immagine all'interno del menu DX */

.noBordo {border: 0px;margin:0px;} /* per immagine che fa da link */

.clear {clear:both;}


/*------------- Centro ---------------------*/

#boxLeft  {border-left: 1px solid #0F385F; border-bottom:  1px solid #0F385F; border-right: 1px solid #0F385F}
#boxRight {border-left: 1px solid #277555; border-bottom:  1px solid #277555; border-right: 1px solid #277555}

#boxLeft, #boxRight {width: 262px;margin-bottom: 5px; height: 250px}

.titBoxLeft {background:#0F385F}
.titBoxRight {background:#277555}

.titBoxLeft, .titBoxRight {font-weight: bold;padding-left: 8px;color: #fff;height: 22px}

.txtBox {background-color: #fff; margin:0 1px 1px 1px;padding:4px; height: 220px;}
/*.txtBox a {display:block;padding-bottom: 10px}*/

.articolo {padding: 4px;width:96%;line-height: 15px;text-align:justify;}
.imgArt {padding: 0px 8px 5px 0px;margin-top: 2px;}


/*.txtBox:after {
Content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/

#prodotto {margin: 0 auto; width:90%; }
#prodotto img {border-left: 6px solid #0060AF; float:left;}
#prodotto .txt {text-align:justify; height:207px; border-top: 1px solid #00A65D;border-bottom: 1px solid #00A65D; border-right: 6px solid #00A65D; padding:10px}

.titProd, .absProd {display:block;text-align: center;font-weight: bold}
.titProd a  {color: #0060AF}
.absProd  a {text-decoration:none;}
.txtProd {line-height: 15px; font-family: Verdana, Arial; font-size: 90%; }
.txtProd a {text-decoration:none;}

.borsa {margin:10px 0 10px 0; background-color: #FEF8ED; border-top: 1px solid #53544F; border-bottom: 1px solid #53544F; padding: 2px 0 2px 0}

#content h2{margin: 0px; padding:0px;}
#content .ombra {border-bottom: 2px solid #e8e8e8; width:531px}
#content li {margin:0 0 10px 0}

.riga , #content h2, .articoloElenco {border-bottom: 1px solid #595A55;}

#menuInt a {font-weight: bold;}
#menuInt a:hover {text-decoration: none;color: #000}
#menuInt span {margin: 0px 27px;}

.imgGenSx, .imgGenDx {margin: 2px 10px 2px 10px}

.verde{color: #277555}

/*------ div a dimensione fissa ------*/
.fixed531 {width:531px;}
.fixed521 {width:521px;}

/*------ pagina LaVoce  ------*/
.pdf {float:left;margin-left: 10px;width:38%;text-align:center;}
.pdf a {font-weight: bold; color: #000}
.elenco {float:left;width: 50%;margin-right: 15px;margin-left: 15px;}
.elenco a {font-weight: bold;}
.elenco a:hover {color: #000;text-decoration: none}




/*-- font-size 120% --*/
.titBoxLeft, .titBoxRight, .absProd, .tit, #menuInt a {font-size: 120%}

/*-- float:left --*/
#colLeft, #boxLeft, .articolo, .articoloElenco, .imgArt, .imgEv, .imgGenSx, .left, .formLeft {float:left}

/*-- float:right --*/
#colRight, #boxRight, .imgGenDx, .right	{float:right}

/*-- grigio --*/
#boxServizi a:hover, .grigio, #menuInt a, .elenco a, .reader a  {color: #595A55}

/*-- font-size:170% --*/
.titProd a, #content h2, .archivio {font-size: 170%}

/*-- testo blu --*/
 .blu, #menuInt a#activelink2 {color: #0E4D8A}



/*------  news ------*/

.allegati {background-color: #f5f5f5;}
.titAllegati {display:block; border-bottom: 1px dotted #d4d4d4;color: #313131;font-size: 120%;padding: 3px 0px}
.reader {border-top: 1px dotted #0E4D8A;padding-top: 5px}
.allegati a {font-weight: bold}
.allegati ul {margin: 5px 0 0 20px}

.infoArt {margin: 5px 0px 5px 0px; padding:5px; border-top:1px solid #727272; border-bottom:1px solid #727272;background-color:#e5e5e5}
.imglettArt {float:right; margin: 18px 0 5px 5px}

.articoloElenco {margin: 5px 0 10px 0; padding-bottom: 10px; width:531px;}
.articoloElenco a {display: block;padding-bottom: 5px;}

.txtArt {float: right; width: 70%; margin-top: -2px}

.bordo {border: 3px double #383838}

.reader a{font-weight: normal; font-size: 90%;}
.reader a:hover {color: #000;text-decoration: none}

.vai,.vai:link,.vai:visited  {color: #1A503A;font-weight: bold}
.vai:hover    {text-decoration: none;color: #595A55}

input, textarea, select {	font-size: 90%; }

.formLeft {width: 200px}

/*------ eventi ------*/
.dida {font-size: 85%; font-style: italic; text-align:center; padding: 2px; color: #194C37;font-family: Verdana;}
.imgEv {padding: 0px 8px 5px 0px; margin-top: 2px;}
.imglettEvR {float:right; margin: 18px 0 5px 5px; text-align:center;}
.imglettEvL {float:left; margin: 18px 18px 5px 5px; text-align:center;}
.imglettGalEvL {float:left; margin: 5px 0 15px 0; width:33%; text-align:center;}
.imgSmall {width:140px}



/*------ dove siamo  ------*/

/*.sedi {background-color: #FFFAF3}
.sedi img {margin:2px 5px 0px 2px;}

.sedi, .filiali {width:50%;padding: 10px 0 10px 0;}
.sedi img, .filiali img {border: 1px solid #15AC29}

.filiali img {margin-right: 5px}*/

.sedi, .filiali {text-align:center;margin-left: auto; margin-right: auto}
.sedi h3, .filiali h3 {display:block; font-weight: normal;margin: 8px 0px 0px 0px}
.sedi img, .filiali img {padding: 10px;margin: 8px}

.sedi img {border: 6px double #ccc}
.filiali img {border: 1px solid #ccc}

.filiali h3 {color: #0F385F;font-size: 140%}
.sedi h3 {color: #194A36;font-size: 160%}

#numeri {}
#numeri ul{margin-top: 5px;margin-bottom: 10px;}
#numeri li {background-color: #e8e8e8}

/*-------- prodotti ----------------------------*/

.prodotti {width: 100%}
.prodotti_interni {width: 450px}
.intProd {width: 171px; vertical-align: middle; height: 42px; border: 3px double #9bb0c5; text-align:center; background: url('img/btn_prod.jpg') no-repeat bottom right;}
.homeProd {width: 125px; height: 75px; background-color: #ccc; border: 0px; text-align:center; }
.txtHomeProd:link, .txtHomeProd:visited {font-weight: bold; font-size: 120%;}
.prodotti a, .prodotti a:visited {margin-right: 4px;text-align: center;color: #383838;}
.prodotti a:hover {text-decoration: underline;}
.imgProd {float:right; margin: 5px 0 5px 5px}

/*.prodotti a, .prodotti a:visited {display:block;border: 3px double #9bb0c5;margin-right: 4px;text-align: center;color: #383838;background: url('img/btn_prod.jpg') no-repeat top right;height: 38px;padding: 5px 6px;}
.prodotti a:hover {text-decoration: none;color: #000;border: 3px double #9bb0c5;background: url('img/btn_prod_on.jpg') no-repeat top right}*/

h3 {display: block;margin-top: 5px; font-size: 110%;}

.navProdotti {border-bottom: 1px solid #e8e8e8;padding: 3px;width: 525px}

#flashcontent {}
#flashcontent a:link, #flashcontent a:visited {color: #0F385F;font-size: 110%;display: block; border-bottom: 1px dashed #C5C5C5;font-weight: bold;height: 25px;padding-top: 5px;padding-left: 10px}
#flashcontent a:hover {text-decoration: none; color: #277555}


.utili {padding: 3px;}
.utili a:link, .utili a:visited {color: #004588; font-size: 130%; font-weight: bold}


#bannerini  {position: absolute;bottom: 0px; left:0px; height: 130px}


/************ Progetto soci ***************************/

#soci {background: url('img/melog.jpg') top center; width: 417px; height: 411px; margin: 10px auto;}
#soci a:link, #soci a:visited {color: #0f385f; font-size: 140%;}
#soci a:hover {text-decoration: none;background-color: #fff}

#PrSoci {float:left; width: 531px;border-bottom: 1px solid #ccc;margin-top: 10px; height: 35px;}
.menuPrSoci {margin: 0px; padding: 0px; list-style-type: none;float:left; width: 531px;height:34px;}
.menuPrSoci li {float:left;display: block;}
.menuPrSoci a:link, .menuPrSoci a:visited {background-color: #EAF6FB;display:block;margin-right: 15px;font-weight: bold;padding: 8px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.menuPrSoci a:hover {}
.menuPrSoci a#activelink3 {background-color: #fff; border-bottom: 1px solid #fff;color: #0F385F;font-size: 110%}




/*------------  nuovo menù  ------------*/

.glossymenu{
  margin: 0px;
  padding: 0px;
  width: 170px; /*width of menu*/
  border-bottom-width: 0;
}

.glossymenu a.menuitem{
  background: #0F385F url('img/bgMenuLeft.gif') no-repeat top right;
  border-bottom: 1px solid #fff;
  height:25px;
  display:block;
  padding-top: 5px
}

.glossymenu a.submenuheader{
  color: #fff;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
  background: white;
  padding: 0px 0px 3px 0px
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
  list-style-type: none;
  margin: -1px 0px 0px 0px;
  padding: 0px;
  border-right: 4px solid #fff;
  background-color: #EAF1F7;
  display:block
}

.glossymenu div.submenu ul li{
  padding: 0px;
  margin: 1px 0px 1px 15px;
  border-bottom: 1px solid #53544E;
}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 0px;
padding-left: 1px;
}

.glossymenu div.submenu ul li a:hover{
  color:#fff;
  background-color: #53544E;
}

.glossymenu div.submenu ul li a#activelink {color:#fff;background-color: #53544E;}


.contact {text-align:center; padding: 25px 0px; border: 1px solid #ccc;width: 60%;margin: 0px auto}
.contact a:link, .contact a:visited {color: #004588; font-size: 130%; font-weight: bold}

.uffStampa { width: 50%;margin-left: 10px; border: 1px solid #ccc;padding: 20px 20px}
.uffStampa span {font-weight: bold; font-size: 130%}
.uffStampa a:link, .uffStampa a:visited {color: #004588; font-size: 130%; font-weight: bold}

/*------ FINANAZA ------ */

.chicco { list-style-type: none;margin: 10px;padding: 0px;}
.chicco li {background: url('/img/chicco.gif') no-repeat center left; margin: 0px; padding:0px 22px; vertical-align: top;border-bottom: 1px dotted #ccc}
.chicco a:link, .chicco a:visited {}
.chicco a:hover {text-decoration: none; color: #AD0D25}


/****** SEARCH **********************************************************/

.barra_ricerca {
  background-color: #EAF1F7;
  min-height: 30px;
  border: 1px solid #c9e2f3;
  margin: 3px 0px;
  background: #e4eef7 url("/img/bkCerca.gif") repeat-x top left;
  float: left; width: 99%
}

.barra_ricerca input {margin-top: 4px}
.barra_ricerca input {float: left}

 #search {float:left; width: 531px; padding: 0px;}
 #search h2 {font-size: 130%; display: inline; color: #0F385F; border: 0px; margin-right: 10px;}
 .searchTit {border-bottom: 1px dotted #ccc; margin-top: 10px;}
 #search ul {margin: 0px; padding: 5px 25px;}
 #search li {margin: 5px 0px; border: 1px solid #fff}
 .searchLink:link, .searchLink:visited {display: block;border-bottom: 1px solid #ccc; }
 .searchLink:hover {text-decoration: none; color: #AD0D25;  border-bottom: 1px solid #ccc}
 
 .searchElenco:link, .searchElenco:visited {display:block; border-bottom: 1px solid #0F385F; background-color: #EAF1F7;padding-right: 5px}
 .searchElenco:hover {color: #AD0D25;text-decoration: none}
 
 .risult {border-bottom: 1px solid #AD0D25; padding: 2px; font-size: 120%; font-weight: bold;width: 531px; float:left}
 .risult b {color: #AD0D25; }
 .risult a:link, .risult a:visited {display: block;float:right;width: 150px;font-size: 80%;text-align:right;padding-top: 4px}
 .risult a:hover {}
 
 .cartStampa:link, .cartStampa:visited {  color: #AD0D25;padding-right: 5px}
 .cartStampa:hover {color: #AD0D25;padding-right: 5px}
 
/* Newsletter */
#nwl {height: 30px; background: url('/img/bkNwl.gif') repeat-x top left;border: 1px solid #d8d8d8; width: 99%;}
#nwl h2 {color: #0052aa; float: left; font-size: 110%;font-weight: normal; border: 0px; margin-top: 6px; margin-left: 50px; margin-right: 10px}

#nwl div.formNwl {font-size: 90%; auto; margin-top: 4px }

#nwl label { float: left}

.inputNwl {width: 175px; float: left; height: 16px; border: 1px solid #d8d8d8; padding-top: 3px; padding-left: 2px; margin-right: 10px}
.btnRimuovi, .btnSottoscrivi, .btnC { height: 22px;background: #e3e3e3 url('/img/bkBtnNwl.gif') repeat-x top left; border: 1px solid #cecece;color: #3E3E3E; margin: 0px; padding: 0px;font-size: 90%; width: 70px; float: left}
.btnRimuovi {margin-right: 3px}


#alarm { text-align: center; margin-top: 15px}
#alarm img {margin-right: 5px; border: 0px; vertical-align: middle}
#alarm span {color: #b3132b; font-size: 120%;font-weight: bold}