/*----- 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 #0f3d89; background: url("/img/bkRowCit.gif") repeat-x top left}


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

#nwl {height: 27px; float: left; padding-top: 5px;margin-left: 10px;/* background: url("/img/bkNwlCit.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 #244A89; 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 #244A89}
          
/***Menu Left ************************************************************************************************************************************/

#menuLeft, #menuLeft ul {list-style-type: none; margin: 0px; padding: 0px;border-bottom: 1px solid #244A89}
#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}

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

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

.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 #244A89;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: #244A89}
.area:hover {}



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

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

p {padding: 0px; margin: 0px}

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: #244A89;  margin: 0px 0px 10px 0px; border-bottom: 1px solid #e6e8e1}
.titH3 {color: #2b2b2b; border-bottom: 1px dotted #244A89; font-size: 120%; margin: 10px 0px}

.tit {display: block; background-color: #EFEFEF;padding: 2px 0px;margin-bottom: 3px}

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

.ele1 {padding: 20px; margin: 0px; list-style-type: none}
.ele1 b {color: #244A89}


#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}

.list {margin:0px; padding: 15px 35px}
.list li {border-bottom: 1px solid #EAECF2}

.feste {list-style-type: none; margin:0px; padding: 0px}
.feste li {border-bottom: 1px solid #EAECF2; padding: 5px 0px}
.feste b {color: #244A89;font-size: 110%}

/* vivere in cittą ********************************/
 
#menuVivereCitta {float: left;border-bottom: 1px solid #d8d8d8; width: 750px;margin-top: 20px}
#menuVivereCitta ul {float:left;list-style-type: none; margin: 0px; padding: 0px; width: 100%}
#menuVivereCitta li {float: left; padding-bottom: 5px}
#menuVivereCitta a, #menuVivereCitta a:link, #menuVivereCitta a:visited {display: block;padding: 0px 3px; margin: 0px 40px}
#menuVivereCitta a:hover  {text-decoration: none; color: #9E0000;  background-color: #fff; }
#menuVivereCitta a#activelink2 {text-decoration: none; color: #9E0000;  background-color: #fff;}

#sottomenuVivereCitta {float:left;width: 728px;border-bottom: 1px solid #d8d8d8; padding: 0 0 5px 0}
#sottomenuVivereCitta ul {list-style-type: none; margin: 0px; padding: 0px; float:left; width: 100%}
#sottomenuVivereCitta li {float: left; margin: 0px 15px; padding-top: 5px}
#sottomenuVivereCitta a, #sottomenuVivereCitta a:link, #sototmenuVivereCitta a:visited { font-weight: normal;}
#sottomenuVivereCitta a:hover  {}
#sottomenuVivereCitta a#activelink2 {text-decoration: none; color: #9E0000;  background-color: #fff;}
#sottomenuVivereCitta img {float:left;vertical-align: middle; }

.tith3Vivere  {color: #1F3C58; margin: 5px 0px; padding: 0px; font-size: 110%; background-color: #f7f7f7;}

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

/***** link utili ****/
.linkUtil {border-bottom: 1px dotted #ddd; padding: 5px; margin-bottom: 5px;}
.titLink {font-size: 120%; margin: 10px 0px 5px 0px; background: #f0f0f0; padding: 1px 2px}

.linkImage {float: left; width: 48%; margin-right: 10px; text-align: center;margin: 10px 0px;}
.titSito {color: #5a2b34; margin: 0px; font-size: 110%}


/**** territorio ***/

.eleDoc {list-style-type: none; margin: 0px; padding: 0px 20px}
.eleDoc li {border-bottom: 1px dotted #ddd; padding: 4px }
.eleDoc img {border: 0px; vertical-align: middle; margin-right: 5px}
.eleDoc a:hover {text-decoration: none; color: #244A89}

/* calendario eventi **********************************/
.green {border-left: 15px solid #014E3B;margin: 15px 0px 5px 0px; padding-left: 8px; font-size: 110%}

#evCorso {padding: 6px;}
#evCorso b {font-size: 110%}
#evCorso ul {list-style-type: none; padding: 0px;margin: 0px}
#evCorso li {padding: 5px 0px; line-height: 16px}
#evCorso a:link, #evCorso a:visited {}
#evCorso a:hover {text-decoration: none;border-bottom: 1px dotted #8fb819;}
#evCorso img {vertical-align: middle;margin-right: 5px;}