/* CSS Document */

/* GLOBALI */
body {margin:0 0 10px 0; font-family:Tahoma, Verdana, sans-serif; font-size:12px; color:#494949;background-color:#F0F8FF; }
.purificatore {font-size: 0; height:0; clear:both; border: 0; margin:0; line-height:0; }
.contenitorepagina {width:95%; margin:auto; background:#FFFFFF; padding:0 10px 10px 10px; }
.navigazione1 {margin-top:10px; }
.navigazione2 {margin-top:10px; }
.colonnasinistra {width:240px; margin-right:0; float:left; width: 210px;}
.colonnacentrale1 {font-size: 100%;  padding:0 260px; padding: 0 230px;}
.colonnacentrale2 {padding:0 0 0 250px; margin:0 0 0 10px; padding: 0 0 0 220px;}
.colonnadestra {width:240px; margin-left:0; float:right; width: 210px}
h2 { font-family: Georgia, serif; font-style: italic; color: #275473; /*text-transform:uppercase;*/ font-size:16px; letter-spacing:0.5px; /*font-weight:lighter;*/  margin:0 0 10px 0; padding-bottom:5px; border-bottom:1px solid #c0d7e5; }
h3 { font-size: 14px; }
a {
	color: #494949;
	padding: 0;
	text-decoration: underline;
}
a:hover {
	color: #000;
/*	background-color: #FFEA6C;*/
}
a img {border:none;}

.boxsinistra a:hover {
	background-color: #FFF;
}

.btn_cerca { background: url('../../img/btn-cerca.gif') no-repeat top left; width: 64px; height: 20px; padding: 0 }

/* HEADER */
#header {padding: 0 10px 0 10px; margin: 0 auto; width: 95%; background:#02387b; height:30px; font-size:10px; font-weight:bold; background: #275473; /* background: url(/img/up.jpg) right no-repeat #FFFFFF; */ background-color: #FFFFFF; color: #000000; border: 1px solid #B0C4DE; border-top: none;}
#header .menu {float:left; }
#header ul {margin:0; padding:9px 0 0 10px;}
#header li {margin:0; padding:0; float:left; list-style:none; padding-right:20px;}
#header a {text-decoration:none; color:#FFFFFF; white-space: nowrap; color: #275473}
#header a:hover {text-decoration:underline;}
#header img {border:none; padding-right:5px;}
#header .fonts {margin:0; padding:5px 10px 0 0; color:#FFFFFF; float:right; color: #275473; }
#header .piccolo {font-size:10px; padding:0 5px; color: #275473;}
#header .grande {font-size:14px;padding:0 5px; color: #275473;}

/* FASCIA LOGO CON CERCA */
#fascialogo {padding: 0 10px 0 10px; margin: auto; width: 95%; height:110px; background:url(../../img/middle_l.jpg) right no-repeat #FFFFFF; margin-top:5px; margin-bottom: 5px;}
#fascialogo .titolo {float:left; padding-left:10px; padding-top: 15px}
#fascialogo .logolignano {float:left; padding-left: 10px; padding-top: 15px}
#fascialogo h1 {font-family: Georgia, serif; margin:0; font-size:30px; font-weight: lighter; color:#275473;}
#fascialogo p {margin:0;font-size:12px;color:#000000;}
#fascialogo form {margin:0;}
#fascialogo .cerca {padding:25px 40px 0 0; float:right; font-weight: bold; color: #FFFFFF;}
#fascialogo .cerca a {color: #275473; font-weight: bold; color: #FFFFFF;}
#fascialogo .campocerca {border:1px solid #02387b; padding:2px 5px;}
#fascialogo .bottone {margin-left:10px; color:#000000;}

/* MENU ORIZZONTALE */
#menuorizzontale {padding: 0 10px 0 10px; margin: auto; width: 95%;  background: #ffffff; margin-bottom: 5px; clear: both;}
#menuorizzontale ul {margin:0px; padding:0px; }
#menuorizzontale li {text-align: center; width:16.6666%; font-size:110%; margin:0px; padding:0px; float:left; list-style: none; background: #275473; font-weight: bold; }
#menuorizzontale img {border:none;}
#menuorizzontale li a { height: 30px; border-style: solid; border-width: 1px; border-color: #B0C4DE; padding:1% 2% 1% 2%; display:block; text-decoration:none; color: #02387b; background: #F0F8FF;}

#menuorizzontale a.arancio  {border-bottom: thick solid #FF8C00;}
#menuorizzontale a.arancio:hover {background: #FEC168; color: #000000 }

#menuorizzontale a.giallo  {border-bottom: thick solid #FFD700;}
#menuorizzontale a.giallo:hover  {background: #FFEA6C; color: #000000;}

#menuorizzontale a.giallo-s {border-bottom: thick solid #FFD700; }
#menuorizzontale a.giallo-s:hover {background: #FFEA6C; color: #000000; }

#menuorizzontale a.viola  {border-bottom: thick solid #BA55D3; }
#menuorizzontale a.viola:hover  {background: #D8BFD8; color: #000000;}

#menuorizzontale a.verde  {border-bottom: thick solid #22B822; }
#menuorizzontale a.verde:hover  {background: #98FB98; color: #000000;}

#menuorizzontale a.blu  {border-bottom: thick solid #4682B4; }
#menuorizzontale a.blu:hover  {background: #B0C4DE; color: #000000;}

#menuorizzontale a.cremisi  {border-bottom: thick solid #DC143C; }
#menuorizzontale a.cremisi:hover {background: #F08084; /*#007f56;*/ color: #000000;}



#menuorizzontale p {background:#02387b; height:20px; margin:0 0 10px 0; line-height:0px; padding:0px; font-size:0px;}
#menuorizzontale li a:hover {background: #275473; color: #FFF5EE; }

/* FOOTER */
#footer {width:95%; margin:5px auto; background:url(../../img/down.jpg) right no-repeat #FFFFFF;  padding:10px; }
#footer ul {margin:0px; padding:0px;}
#footer li { text-align: left; list-style:none; width:16.6666%;font-size:10px; background-color:#F0F8FF; float:left; font-weight: bold;}
#footer li a {text-decoration:none; display:block; padding:5px 0 5px 20px; background:url(img/bullet-arancion.gif) 10px 11px no-repeat #F0F8FF; color:#02387b;border: 1px solid #B0C4DE;}
#footer li a:hover {text-decoration:none; display:block; background:url(img/bullet-arancion.gif) 12px 11px no-repeat #fbfbfb; color:#275473;} 

#footer .sinistro {float:left; padding:10px 0 5px 5px;}
#footer .destro {float:right; padding:10px 0 5px 5px; color: #FFFFFF;}

/* MENU LATERALE */
#menulaterale {}
#menulaterale ul {margin:0; padding:0;}
#menulaterale h1 {border-style: solid; border-width: 1px; border-color: #B0C4DE; background: #275473; margin:0; padding:6px 10px 6px 25px; font-size:14px; font-weight:bold; color:#FFFFFF;}
#menulaterale li {list-style:none; font-size:90%; border-width: 1px; border-left-style: dashed; border-color: #2E8B57; border-style: none solid solid solid; border-color: #B0C4DE; font-weight: bold; }
#menulaterale a {background: #F0F8FF; color:#02387b; padding:5px 0 5px 25px; text-decoration:none; display:block;}
#menulaterale a:hover {background: #275473; color: #FFFFFF; }
#menulaterale a.sottomenu {color:#02387b; padding:5px 0 5px 35px; text-decoration:none; display:block; background:url(img/bullet-arancione.gif) 22px 12px no-repeat #fcfcfc;}
#menulaterale a.sottomenu:hover {background:url(img/bullet-arancione.gif) 25px 12px no-repeat #ffffff;color:#275473 /*#dd0000*/;}

/* BOX SINISTRA */
.boxsinistra { margin-top: 10px;}
.boxsinistra h1 {border-style: solid; border-width: 1px; border-color: #B0C4DE; background: #275473; margin:0; padding:6px 10px 6px 25px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.boxsinistra div {padding:6px 10px; font-size:11px; border-style: none solid solid solid; border-width: 1px; border-color: #B0C4DE;}
.boxsinistra p {margin:0; padding:0; text-align:justify; color:#494949;}
.boxsinistra img {border:2px solid #e5e5e5; margin:10px 0;}
.boxsinistra a {text-decoration:none;color:#02387b;}
.boxsinistra a:hover {color:#275473;}
.boxsinistra a b {text-decoration:underline; padding-left:10px; background:url(img/bullet-arancione.gif) no-repeat 0px 4px;}
.boxsinistra a:hover b {text-decoration:none; background:url(img/bullet-arancione.gif) no-repeat 2px 4px;}
.boxsinistra .eventidellavitasin {border: none; text-align:center; float:left; padding:0 0 0 20px;}
.boxsinistra .eventidellavitasin img {margin:0; padding:10px 0; border:none;}
.boxsinistra .eventidellavitadx {border: none; text-align:center; padding:0 0 0 30px;}
.boxsinistra .eventidellavitadx img {margin:0; padding:10px 0; border:none;}
.boxsinistra .purificatore { border: none }

/* CONTENUTI HOMEPAGE */
.inevidenza {margin-bottom:20px; padding-left:20px; background:url(img/freccia-blu.gif) no-repeat 0px 3px; text-align:justify;}
.inevidenza b {color:#02387b;}
.notiziahome {margin-bottom:12px; text-align:justify;}
.notiziahome h3 {font-size:12px; color:#02387b; margin:0; padding:0;}
.notiziahome p {margin:3px 0; padding:0;}
.notiziahome span {display:block; text-align:right;}

/* stili d amettere i ncss principale */
#listacontenuti h1 {
	font-family: Georgia, serif;
	font-size: 22px;
	color: #275473;
	letter-spacing: 1.5px;
	font-weight: lighter;
	font-style: italic;
	border-bottom: 1px dotted #275473;
}

.news-home-title {
	padding: 4px;
	font-family: Georgia, serif;
	font-weight: lighter;
	font-size: 18px;
	font-style: italic;
}

/* CALENDARIO */
#calendario {margin-bottom:12px; background-color:#f0f0f0;}
#calendario table {width:100%; border:2px solid #e5e5e5; text-align:center;}
#calendario table th {color:#02387b; height:20px;background-color:#e5e5e5;}
#calendario table td {height:20px;background-color:#fbfbfb;}
#calendario table td a {display:block;}
#calendario table td a:hover {display:block; background-color:#e5e5e5;}

/* FOTO */
.foto {text-align:center;}
.foto img {border:2px solid #e5e5e5;}
.foto a:hover img {border:2px solid #275473;}



/* NEWS */
#listacontenuti .news-list-container ul {
	list-style-type: none;
	padding: 0;
}

#listacontenuti .news-list-container li a {
	color: #494949;
	padding: 0;
	text-decoration: none
}

.news-list-container {
	background-color: #FFF;
}

.news-title {
	font-size: 120%;
	font-weight: bold;
}

.news-date {
	font-size: 90%;
	margin: 0 0 0 25px;
	padding-bottom: 5px;	
}

.news-category {
	font-size: 80%;
	margin: 0 0 0 25px;
}

.news-subheader {
	font-size: 90%;
	margin: 0 0 0 25px;
	padding-bottom: 5px;
}

/* PAGEBROWSER */

.tx-ttnews-browsebox {
	background-color: #FFF;
	border: none;
	text-align: center;
}

.tx-ttnews-browsebox a {
	text-decoration: none;
}

/* NAVIGAZIONE PAGINE INTERNE */
#tuseiqui {color: #000000; border-style: solid; border-width: 1px; border-color: #B0C4DE; margin-bottom:20px;  padding:6px 10px 6px 25px; background:url(img/freccia-celeste.gif) no-repeat 10px 9px #F0F8FF; }
#tuseiqui a { color: #000000; padding-left: 1%; text-decoration: underline; }
#tuseiqui a:hover { text-decoration: none; }
#listacontenuti {}
#listacontenuti ul {margin:0; padding:0 10px; list-style-type: square; }
#listacontenuti ol {margin:0; padding:0 20px; list-style-type: decimal; }
#listacontenuti li {padding:3px 0; margin-left: 10px;}
#listacontenuti li a {padding-left:10px; background:url(img/bullet-blu.gif) left center no-repeat;}
/* #listacontenuti li a:hover {background:url(img/bullet-blu.gif) 2px center no-repeat;} */
.fotoparagrafosemplice {float:right; margin:0 0 20px 20px;}
.fotoparagrafosemplice img {border:2px solid #e5e5e5;}
.paragrafosemplice {margin:3px 0 20px 10px;}
.paragrafosemplice h4 {color:#02387b; margin:5px 0; font-size:12px;}
.paragrafosemplice p {margin:5px 0;}
.paragrafosemplice .linkparagrafosemplice a {padding-left:10px; background:url(img/bullet-blu.gif) left center no-repeat;}
.paragrafosemplice .linkparagrafosemplice a:hover {background:url(img/bullet-blu.gif) 2px center no-repeat;}

/* MENU A TENDINA */
UL.puntimenu UL { position: absolute; visibility: hidden }
LI.tendina:hover UL {visibility: visible }

#menuorizzontale ul .tendina { display: block; text-align: left; }
#menuorizzontale li .tendina
{ 
	text-align: left;
	font-size:90%;
	margin:0px;
	padding:0px;
	float:none;
	list-style: none;
	width: 200px;	
	z-index: 1000;
	/* margin-bottom: -1px; */ /* un pixel in meno... per risolvere su IE, trovare un hack per altri? */
}

/* Hack per IE6, gli nascondo la larghezza in % */
html>body #menuorizzontale li .tendina { width: 100% }
html>body #menuorizzontale ul .tendina_i { width: 15.6%; z-index: 100; }

#menuorizzontale li .tendina { width: 100%; }

/* MAILFORM */

.csc-mailform-field {
	margin: 5px 0 5px 0;
}

.csc-mailform-field label {
	display: block;
	float: left;
	width: 140px;
	text-align: right;
	font-weight: bold;
}

.csc-mailform-field input {
	margin-left: 10px;
	border-style: inset;
	border-width: 1px;
}

.csc-mailform-field textarea {
	margin-left: 10px;
	border-style: inset;
	border-width: 1px;
}

.csc-mailform-field input#mailformformtype_mail {
	margin-left: 150px;
	border-style: outset;
}

.csc-mailform-field input#mailformPrivacy {
	margin: 15px 0 15px 10px;
}

.csc-mailform-label {
	margin-left: 150px;
}



/* STILI SPECIFICI PER LE PAGINE INTERNE */

/* TABELLA ORARIO DI APERTURA DEGLI UFFICI */
.tab-full {
	background: #B0C4DE;
	text-align: center;
	padding: 10px;
}
.tab-empty {
	background: #DDDDDD;
	text-align: center;
	padding: 10px;
}

.foto img#fotoLignano { border: none };


/* ALLINEAMENTI */
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}