/*----- Struttura -----*/
body {
	font: 78% arial, verdana, geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #383838
}

#layout {width: 970px; margin: 0px auto; }

#header {width: 100%;height: 127px}

h1 {width: 262px; height: 91px; background: url("/img/stemma.gif") no-repeat left top; margin: 0px 0px 0px 5px; float: left}
h1 span {display: none; visibility: hidden}


#banner {height: 91px; background: url("/img/deco.gif") no-repeat bottom right; margin-bottom: 1px}


/*#menuTop, #banner, #content, #contFoot {width: 960px; margin: 0px auto;}
#content {background-color: #eef0e9}*/
         
#menuTop {float: right; }
#menuTop ul {list-style-type: none; margin: 0px; padding: 0px;border-left: 1px solid #e1e4e7; border-right: 1px solid #bdbfc2; float: left;}
#menuTop li {float:left; border-left: 1px solid #bdbfc2; border-right: 1px solid #e1e4e7;}
#menuTop a:link, #menuTop a:visited {color: #000;font-size: 105%; display: block; padding: 20px 30px 0px 30px; height: 22px;background: url("/img/bkBtnMenu.gif") repeat-x top left;float:left;}
#menuTop a:hover {text-decoration: none; background: url("/img/bkBtnMenuOn.gif") repeat-x top left}

#menuTop img {border: 0px; vertical-align: middle;text-decoration: none; margin-right: 6px}


#row {height: 32px; border: 1px solid #721216; background: url("/img/bkRowCom.gif") repeat-x top left}


/*newsletter*********************************************************************************************/

#nwl {height: 27px; float: left; padding-top: 5px;margin-left: 10px;/* background: url("/img/bkNwlCom.gif") right center no-repeat ;*/ width: 55%}
#nwl h2 {float: left; font-size: 100%; margin: 4px 20px 0px 0px; color: #fff}

.inputNwl {height: 14px; width: 180px; padding: 3px 0px 3px 2px; border: 1px solid #cecece; font-size: 90%; float: left; margin-right: 5px}
.btnRimuovi, .btnSottoscrivi { background: #D0D3D5; border: 1px solid #f7f7f7; font-size: 90%; width: 70px; float: left; text-decoration: none; margin: 2px 0px 0px 5px; color: #383838}

#boxCerca { float:right;padding-top: 4px;margin-right: 30px;}
#boxCerca h2 {margin: 5px 20px 0px 0px; color: #fff; font-size: 100%; float: left}
.boxInputCerca {width: 180px;float:left;height: 16px; width: 180px; padding: 4px 0px 2px 2px; border: 1px solid #cecece; font-size: 90%; margin-right: 10px}





/*
#menuTop2 {position:absolute;bottom: 2px; width: 100%; height: 30px}
#menuTop2 ul {list-style-type: none; margin: 0px; padding: 0px 0px 0px 239px;float: left; width: 722px}
#menuTop2 li {float:left;width: 140px;text-align:center; margin: 0px 1px}
#menuTop2 a:link, #menuTop2 a:visited {display: block; height: 26px; font-size: 120%; color: #fff;padding-top: 4px}
#menuTop2 a:hover {text-decoration:none; color:#8E183A; background:#fff}
#menuTop2 a#activeLink {text-decoration:none; color: #8E183A; background:#fff}*/


#container {padding-bottom: 15px;}
#wrapper {width: 970px; margin: 0px auto;}
#colLeft {width: 192px; float:left; padding-right: 8px;}
#content {width: 728px; float:left;border: 1px solid #e6e8e1; padding: 10px 20px;min-height: 600px}


footer {clear: both; font-size: 90%;margin-top: 5px}
.dRight {float:right;width: 335px; border-top: 6px solid #4c4d4e; text-align: right; padding-top: 10px}
.dRight img {vertical-align: middle; border: 0px}

.dLeft {float:left; width: 623px; border-top: 6px solid #821418; padding-top: 10px}

#footer ul {margin: 0px; padding: 0px; list-style-type: none; }
#footer li {float: left;margin: 0px 2px; padding-bottom: 3px}

#footer a:link, #footer a:visited {color: #383838; border-bottom: 1px dotted #383838}
#footer a:hover {text-decoration: none;  border-bottom: 1px dotted #821418}


/***Menu Left ************************************************************************************************************************************/

#menuLeft, #menuLeft ul {list-style-type: none; margin: 0px; padding: 0px;border-bottom: 1px solid #821418}
#menuLeft li {margin-bottom: 6px}
#menuLeft ul li {margin-bottom: 3px}
#menuLeft a:link, #menuLeft a:visited {display: block;font-weight: normal; padding: 2px}
#menuLeft a:hover {text-decoration: none}
#menuLeft a#active {text-decoration: none;}

.menu1:link, .menu1:visited {color: #383838;  border: 1px solid #d0d4d5; background-color: #e4e8ea;}
.menu1:hover {background-color: #d0d4d5;color: #2b2b2b}
.menu1#active {background: #d0d4d5}

.menu2:link, .menu2:visited {background: #a5191f; color: #fff; border: 1px solid #781315; font-size: 120%;margin: 10px 0px}
.menu2:hover {background: #781315}
.menu2#active {background: #781315}


#menuLeft ul {border-bottom: 1px solid #821418;padding-bottom: 2px}
.titMenu {font-size: 120%;  margin: 0px 0px 5px 0px; padding-top: 5px;border-top: 1px solid #821418;}

.menu:link, .menu:visited {color: #821418; }
.menu:hover {text-decoration: none}
.menu#active {background: #d0d4d5}


.blank {background-image: url("/img/blank.gif"); background-repeat: no-repeat; background-position: center right;}

/*#menuLeft {list-style-type: none; margin: 0px; padding: 0px; }
#menuLeft li {border-bottom: 1px solid #e6e8e1; text-align: right}
#menuLeft li.titMenu { background-color: #E6E8E1; padding: 2px 0px 0px 5px; border-right: 2px solid #821418;margin-bottom: 1px; text-align: left;font-weight: bold}
#menuLeft a:link, #menuLeft a:visited {display: block; padding-right: 10px; font-weight: normal}
#menuLeft a:hover {text-decoration: none;}
#menuLeft a#active {text-decoration: none;}*/


.area:link, .area:visited {color: #821418}
.area:hover {}



/***Generici (utili per tutti i comuni)**********************************************************************************************************/

ul {list-style-type: square;padding-left: 25px}

p {}

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

.clear {clear:both;}

.invisibile {visibility:hidden;display:none}

.boxInputMail {font-size: 85%; font-family: Verdana;height: 18px;padding-top: 3px;border: 1px solid #A5ACB2;}

.boxInputMail {width: 98%;}

.noCont {padding: 5px;text-align:center}

/* pagine ***************************************************************/

.titH2 {font-size: 150%; color: #821418; margin: 0px 0px 10px 0px;border-bottom: 1px solid #e6e8e1}
.titH2doc {font-size: 150%; color: #17526F; margin: 0px 0px 10px 0px;}
.titH3 {color: #2b2b2b; border-bottom: 1px dotted #821418; font-size: 120%; margin: 0px 0px 10px 0px}
.titIst {color: #2b2b2b; margin: 0px 0px 5px 0px;font-size: 120%;}
.tit { background-color: #EFEFEF;padding: 2px 0px;margin-bottom: 3px;color: #2b2b2b}
.titIci {display: block; background-color: #EFEFEF;padding: 2px 0px;margin-bottom: 3px;color: #2b2b2b}
.titDoc { background-color: #EFEFEF;padding: 1px 0px;color: #2b2b2b; font-size: 100%; margin: 5px 0px 0px 0px}

.menuInt {list-style-type:none; padding: 0px; margin: 0px 0px 10px 0px; float:left}
.menuInt li {float:left}
.menuInt a:link, .menuInt a:visited {display: block; border: 1px solid #E6E8E1; margin: 0px 40px;padding: 3px; color: #545454}
.menuInt a:hover {border: 1px solid #821418; color: #2b2b2b; text-decoration: none}
.menuInt a.active {border: 1px solid #821418; color: #2b2b2b; text-decoration: none}    

.imgLeft {float:left; margin-right: 5px; padding: 5px; border: 1px solid #d7d9d2}
.imgRight {float:right; margin-left: 5px; padding: 5px; border: 1px solid #d7d9d2}
.imgCenter {margin: 0px auto; display: block}

.sep {border-bottom: 1px dotted #821418;margin: 10px 0px; clear: both}
.imgRightDida {float: right; width: 100px; padding: 5px;border: 1px solid #d7d9d2; text-align: center}

.elenco {list-style-type: none; margin: 0px 0px 15px 0px; padding: 0px;}
.elenco li {border-bottom: 1px dotted #d7d9d2;padding: 3px 0px}
.elenco b {color: #851519}

.elenco a:link, .elenco a:visited {display: block;}
.elenco a:hover {text-decoration: none; background: #f0f0f0}

/*#uffici {list-style-type: none; margin: 0px; padding: 0px}
#uffici a:link, #uffici a:visited {border-bottom:1px dotted #821418;display:block;padding: 3px 0px 3px 0px;color: #454545;}
#uffici a:hover {border-bottom:1px solid #d7d9d2;display:block;color: #000;text-decoration:none}
#uffici h3 {font-size: 100%; margin: 0px;}*/

.orari {border-top: 1px dotted #d7d9d2; margin-top: 15px; padding-top: 5px}

#serv {margin: 0px 0px 0px 20px; padding: 0px}
#serv li {border-bottom:1px solid #d7d9d2;}
#serv a:link, #serv a:visited {display:block;padding:3px;color: #821418;padding-left: 10px}
#serv a:hover {display:block;text-decoration:none;color: #000;}
#serv h3 {font-size: 110%; margin: 0px;}

.guidaList {list-style-type: none; margin: 0px 0px 20px 0px; padding: 0px}
.guidaList a:link, .guidaList a:visited {border-bottom:1px dotted #821418;display:block;padding: 3px 0px;color: #454545;}
.guidaList a:hover {border-bottom:1px solid #d7d9d2;display:block;color: #000;text-decoration:none}
.guidaList h3 {font-size: 100%; margin: 0px;}

#guidaTop {text-align:center;border-top: 1px dotted #d8d8d8;border-bottom: 1px dotted #d8d8d8;background-color:#fff;padding: 5px 0px; margin-bottom: 10px}
#guidaTop a {color: #0E2D4A}
#guidaTop a:hover {color: #8C1F00;text-decoration:none;background-color: #fff}
.guidaActTop {font-size: 150%;background-color: #fff}

.infoArt {border-bottom: 1px solid #e6e8e1;padding: 3px 5px;background: #EFEFEF;margin-bottom: 10px}
.infoArt b {color: #880F2B}

.campiGuida {margin: 10px 0px;border-top:1px solid #d8d8d8; padding-top: 5px}

.doc {list-style-type: none; margin: 0px; padding: 0px}
.doc li {border-bottom:1px dotted #8C1F00; padding: 3px 0px;}
.doc a, .doc a:link, .doc a:visited {display:block;border: 1px solid #575656;width: 20px;float:left;padding: 0 3px;margin-right: 5px; background-color: #fff}
.doc a:hover {background-color: #575656; color: #fff; text-decoration: none}
.doc img {border:0px;vertical-align: middle; float:left; margin-right: 5px}


/* tab ****************************************************************/

.tab {
	border-collapse: collapse;
	width: 98%;
	margin: 0px auto;
  font-size: 90%
}

.tab caption {visibility: hidden}

.tab th,.tab td {padding: 3px;border-bottom: 1px solid #ccc;text-align: right}

.tab th {color: #781431;font-size: 110%}

.lright {border-right: 1px solid #ccc}
    
    
/******* pag statiche **************************************/

.tabPdf {width: 100%; border: 0px; margin: 10px auto}
.tabPdf td {border-bottom:1px dashed #E6E8E1; width:15px;border-top: 2px solid #fff}

.txtTd {vertical-align: middle; padding-left: 10px;font-size: 110%;padding-left: 10px}
.pdfTd { background-color: #EEF0E9;}

.staTop {float:left;clear:right;width: 100%}
.capo {padding-top:5px;text-align: center;background-color:#F0F6FF;border: 1px solid #AAB8F5;margin-top: 15px}
.divCont {background-color: #fff;text-align:left;padding: 5px 5px 5px 15px;}
.tit_red {color: #821418;font-weight: bold}
.capoTxt {padding-top:25px;width: 100%;text-align: center}
.capoTxt span {background-color:#F0F6FF;font-weight: bold; font-style:italic}

.number {list-style-type:lower-alpha;margin-left: 35px}


#nav {padding: 6px 0px;}  

#sezioni {list-style-type: none; margin: 0px; padding: 0px; float:right }
#sezioni li {float: left; margin-right: 2px}
#sezioni a:link, #sezioni a:visited {display: block; width: 97px; height: 50px; font-size: 110%; text-align: center; padding-top: 22px}
#sezioni a:hover {text-decoration: none}

.btn1:link, .btn1:visited {background: url("/img/bkBtnComune.gif") no-repeat top left; color: #fff}
.btn1:hover {background: #a5191f}
.btn3:link, .btn3:visited {background: url("/img/bkBtnNews.gif") no-repeat top left ; color: #383838}
.btn3:hover {background: #dbd9d0}
.btn2:link, .btn2:visited {background: url("/img/bkBtnCitta.gif") no-repeat top left ; color: #fff}
.btn2:hover {background: #2c5aa7}


#icone {float: right; padding: 1px 0px; margin-right: 5px}
#icone a:link, #icone a:visited {font-weight:normal;}
#icone a:hover {text-decoration: none}
#icone ul {list-style-type:none;float:right; margin: 0px; padding: 0px}
#icone li {float:left;margin-left:18px;}
#icone img {border: 0px; vertical-align: middle;margin-right: 1px}


#linkUtili {list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px;}
#linkUtili li { padding: 5px 0px 10px 0px; border-bottom: 1px dotted #e7e7e7}
#linkUtili h4 {color: #0069A1; margin: 0px; font-size: 110%}

.titLink {color: #2b2b2b;font-size: 120%; margin: 0px 0px 8px 0px; background: #F2F4EF; padding: 1px 3px}

/* Pagina Statistiche sulla popolaziione */

.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin: 20px 0px 20px 80px;
 padding: 3px 0;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 20px;
 border: 1px solid #E6E8E1;
 color: #545454;
 text-decoration: none;
}

ul.tabbernav li a:link { text-decoration:none; }
ul.tabbernav li a:visited { text-decoration:underline}

ul.tabbernav li a:hover
{
 border-color: #821418;
 color: #2b2b2b;
}
ul.tabbernav li.tabberactive a
{
 border-color: #821418;
 color: #000
}
ul.tabbernav li.tabberactive a:hover
{
 color: #2b2b2b;
 border-color: #821418
}
.tabberlive .tabbertab {
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.menuInt {list-style-type:none; padding: 0px; margin: 0px 0px 10px 0px; float:left}
.menuInt li {float:left}
.menuInt a:link, .menuInt a:visited {display: block; border: 1px solid #E6E8E1; margin: 0px 40px;padding: 3px; color: #545454}
.menuInt a:hover {border: 1px solid #821418; color: #2b2b2b; text-decoration: none}
.menuInt a.active {border: 1px solid #821418; color: #2b2b2b; text-decoration: none}    



/* vivere in cittą ********************************/

 
#menuVivereCitta {border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;text-align: center; width: 506px; margin: 0px auto; padding: 5px 0px 2px 0px}
#menuVivereCitta ul {list-style-type: none; margin: 0px; padding: 0px;float:left}
#menuVivereCitta li {float: left;}
#menuVivereCitta a, #menuVivereCitta a:link, #menuVivereCitta a:visited {display: block; margin: 0px 22px}
#menuVivereCitta a:hover  {text-decoration: none; color: #0069A1;}
#menuVivereCitta a#activelink2 {text-decoration: none; color: #0069A1;}

#sottomenuVivereCitta {border-bottom: 1px solid #e7e7e7;padding-bottom: 5px; margin-bottom: 20px;width: 90%; margin-right: auto; margin-left: auto;}
#sottomenuVivereCitta ul {list-style-type: none; margin: 0px; padding: 0px; float:left;}
#sottomenuVivereCitta li {float: left;padding-right: 15px; margin-right: 5px;margin-top: 5px}
#sottomenuVivereCitta a, #sottomenuVivereCitta a:link, #sottomenuVivereCitta a:visited {display: block;padding: 0px;  font-weight: normal;white-space: nowrap;}
#sottomenuVivereCitta a:hover  {color: #000;text-decoration: none}
#sottomenuVivereCitta a#activelink2 {text-decoration: none; color: #8C1F00;  background-color: #fff;}
#sottomenuVivereCitta img {float:left;vertical-align: middle; margin-top: 3px}


.top {text-align: right; padding: 0px; border-top: 1px solid #d8d8d8; margin-top: 5px}

/* Galleria fotografica **********************/


.boxMenuGal {float:left;width: 205px;}
.boxMenuGal img {vertical-align: middle }

.menuGal {list-style-type: none; margin: 0px; padding: 0px;}
.menuGal li {width: 205px; border:1px solid #c4c4c4;background-color: #fff; margin-bottom: 3px; padding: 2px 0px 2px 5px}
.menuGal a, .menuGal a:link, .menuGal a:visited {color: #5C5C5C;}
.menuGal a:hover {text-decoration: none; background-color: #c4c4c4; color: #000}
.menuGal a.active {color: #000;background-color: #c4c4c4;}

.menuSottoGal {list-style-type: square; padding: 0px 0px 0px 20px; margin: 0px; border-left: 1px solid #c4c4c4}
.menuSottoGal li {background-color: transparent; border: none;padding: 0px; margin: 5px 0px}

#gallery {float:left;width: 475px}
#gallery h3 {font-size: 110%; color: #0e2d4a; margin: 0px 0px 5px 0px}
#gallery  a, #gallery a:link, #gallery a:visited {display:block; background-color: #fff; float:left; width: 130px; border: 1px solid #b9b9b9; text-align: center; font-size: 80%; color: #5c5c5c; padding: 8px 2px 10px 2px; margin: 5px 7px}
#gallery img {border: 1px solid #f7f7f7}

.dida {line-height: 13px; padding-top: 3px}


/***Eventi della vita***************************************************************************************************/

.titTDm { color: #4C4C4C;}
.titTDc {text-align:center;padding: 0px;background-color: #E6E8E1; color: #4C4C4C;}

#tabCentroEvita {width: 100%; background-color: #fff; border-top: 1px solid #d8d8d8;margin-bottom: 10px}
#tabCentroEvita h3 {margin: 0px;font-size: 110%;}
.cella {padding:5px;width:5%;border-bottom: 1px solid #d8d8d8;vertical-align:top;width: 50%}
.bRight {border-right: 1px solid #d8d8d8;}

/* ICI WEB *****************************/


#iciList {margin: 10px 25px 10px 25px;}
#iciList li {padding: 3px; border-bottom: 1px dotted #e7e7e7; }
#iciList a:link, #iciList a:visited {color: #545454}
#iciList a:hover {text-decoration: none; color: #000}

.titIci {font-size: 110%}

.txtList {margin: 20px 0px 10px 25px;}
.txtList li {margin-bottom: 20px; border-bottom: 1px solid #EFEFEF}

.normalList {margin: 0px; list-style-type: disc}
.normalList li {border: 0px; margin: 0px; padding: 0px}


/*** ICI *********************/

.med {width: 100%; }
.med td, .med tbody th {padding: 3px; vertical-align: top; border-bottom: 1px solid #e7e7e7}
.med thead th {color: #2b2b2b; border-bottom: 1px dotted #821418; font-size: 120%; padding: 3px; text-align: left}
.med tbody th   {text-align: left; font-weight: normal; color: #821418;}
.med .noBorder {border:0px}   

.tdMed {background: #f7f7f7; padding: 3px; text-align: center}
.btnCenter {margin-top: 20px;text-align: center; padding-top: 5px;border-top: 1px dotted #821418;}

/*.med input, .med select {vertical-align: bottom;}*/


.med tbody th.noTit {border-bottom: 1px solid #e7e7e7;color: #000; background: #E8CFD6; font-weight: bold}
.med thead th.titRiep {border-bottom: 1px solid #e7e7e7; color: #000; font-size: 100%;background: #f7f7f7; }
.med thead th.cat {}
label {margin-right: 2px;}

.avviso {font-style:italic; font-size: 90%; padding-top: 15px;}  

#tab {width: 100%;background-color: #E7E7E7}
#tab thead th {padding: 2px; text-align: left;background-color: #7b7b7b; color: #fff; border: 0px}
#tab td {padding: 2px; background-color: #fff; vertical-align: top;text-align: left; border: 0px}
#tab tbody th {border: 0px; padding: 2px; text-align: left}

 /** sindaco risponde *********************/
 
.domSind {display: inline}
.domSind legend {font-size: 120%; color: #000; margin-bottom: 15px; padding: 0px 10px; background: #fff}
.domSind fieldset {padding: 15px 25px; border: 1px dotted #821418}
.domSind div { padding: 2px 0px 1px 0px; margin: 3px 0px}
.domSind textarea {width: 65%}
.input {float:left; display: block; margin-left: 210px}
.label {width: 200px; display: block; float:left; padding: 3px 0px}

.pag {background-color: #f0f0f0;float: left; width: 100%; margin-bottom: 10px}
.doma {color :#821418}

/* meteo *************************************************************************/

.tabM {width: 100%; background: #f0f0f0}

.tabM td {background: #fff; padding: 2px}

.tabM th {text-align: left; background: #312F2B; color: #fff; padding: 2px 3px}