@import url("struttura820.css");
@import url("sidebar.css");
@import url("rightbar.css");

body {
	text-align: center;
	font-family:Verdana,Arial,Helvitica,sans-serif;
	background-image:url(../IMG/background.jpg);
	background-repeat:repeat-x;
	color:#213221;
	font-size:70%;
}

/* links */
a { 
	text-decoration: none;
	color:#213221;
}
a:hover {
	/*color: #9EC068;
	background-color: inherit;*/
}

p, h1, h2, h3 {
	margin: 10px 0px 0px 0px ;
	text-align:justify;
}

/* headers */
h1, h2, h3 {font: bold 1em Verdana; /*color: #000088; */}
h1 { font-size: 12px; } 
h2 { 
	font-size: 12px; 
	color:#B62117;
	height:19px; 
	border:0px; 
	line-height:22px; 
	padding-left:35px;
	padding-top:15px;
	background-image:url(../IMG/main.jpg);
	background-repeat:no-repeat;
}
h3 { font-size: 12px; padding:0px; }



h1#TitoloPagina{padding: 10px 10px 10px 10px ; font-size: 68px;}




p a{text-decoration: none; padding-bottom: 1px; }

ul, ol {
	margin: 0px 0px;
	padding: 0 0px;
	/*color: #4284B0;*/
}
ul span, ol span {
	/*color: #666666; */
}

/* images */
img 
{
	border: 2px solid #CCC;
}
img.imgContatti
{
	border: 0px solid #CCC;
}

img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #568EB6;
}


code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em Tahoma;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */
/*form {
	margin:5px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
*/
label {
	/*display:block;*/
	margin:0 0 20px;
}
input {
	padding: 2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	/*width: 300px;*/
	width: 90%;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #ccc;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	float:right;
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 5px; 
	width: 120px;
	border: 1px solid #333333; 
	background: #eeeeee;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 5px; 
	padding: 2px 2px; 
	font: bold 10px Verdana; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/

/* -------------------- - - - DIV ID HEADER : START - - - ---------------------*/
#header {
	/*position: relative;
	height: 26px;
	background-color:#487C9F;
	*/
}

#BannerTestata
{
	background-image:url(../../../images/headertestata.jpg);
	width:830px;
	height: 104px;
	background-repeat: no-repeat;
	background-position: center;

}



#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 26px Verdana;
	letter-spacing: -2px;
	top: 10px; left: 15px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0; 
	top:10px; right: 15px;
	/*color: #666666;*/
	font: bold 16px Tahoma; 
	text-transform: none;
	border:0px;	
}
/*#header form.searchform {
	position: absolute;
	top: 48px; right: -5px;	
}*/

#header ul {
	/*z-index: 999999;
	position: absolute;*/
   margin:0px 3px 0px 0px; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: 11px  verdana;	
	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:right;
   /*background: #A9BAC3;*/
   margin:0px 15px;
   padding:0 0 0 0px;
   text-decoration:none;
}
#header a span {
   float:right;
   display:block;
   /*background: #999999;*/
   padding: 4px 4px 4px 4px;
   /*color: #FFF;*/
}

#header a span {float:none;}

#header a:hover span {
	/*color:#A9BAC3;*/
}
#header a:hover {
   background-position:0% -42px;
}
/* -------------------- - - - DIV ID HEADER : STOP - - - ---------------------*/

/* -------------------- - - - DIV ID MAIN : START - - - ---------------------*/
#main {
	/*float: left;
	width: 50%;		*/
	margin-left: 10px;
	padding: 0;
}
/* -------------------- - - - DIV ID MAIN : STOP - - - ---------------------*/

/*.post-footer {
	padding: 5px; margin: 20px 15px 0 15px;
	border: 0px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	padding-left: 20px; margin: 0 15px 0 5px;
}
.post-footer .comments {
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	padding-left: 20px; margin: 0 10px 0 5px;
}

*/


/* Footer */
#footer { 
	clear: both;
	padding-right:20px;
	height:72px;
	background-image:url(../IMG/background_footer.jpg);
	background-repeat:no-repeat;
	color:#B62117;
	font-size:10px;
	
}

#footer a { 
	text-decoration: none; 
	font-weight: bold;
	color:#B62117;
	
}
#footer .footer-left{
	float: left;
	width:100%;
	text-align:right;
}
#footer .footer-right{
	float: right;
	width: 25%;
	margin-right: 100px;
	
}


/* *-*-*-*-*-*- alignment classes -*-*-*-*-*-*-* */
.float-left		{	float: left; }
.float-right	{	float: right; }
.align-left		{	text-align: left; }
.align-right	{	text-align: right; }
.align-center	{	text-align: center; }
.align-justify	{	text-align: justify; }

/* additional classes */
.clear { clear: both; }

.RowBox{margin-top: 5px;}
.BoxWidth100perc{width: 99%}
.BoxWidth50perc{width: 49%}
.BoxWidth25perc{width: 24%}
.BoxWidth33perc{width: 32%}
.BoxWidth66perc{width: 65%}





/*.green {	color: #9EC630; }*/
.subMenuNavigation 
{
}

.navigation
{

}


.subMenuNavigation #slatenav
{
	width:824px;
	padding-left:6px;
	height: 38px;
	line-height:28px;
	font-size:11px; 
	font-weight:bold; 
	font-family:Verdana,Arial,Helvitica,sans-serif;
	text-transform:uppercase;
	background-image:url(../IMG/background_navigator.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	position:absolute;

	

}





.subMenuNavigation #slatenav ul
{
	margin:0px; 
	padding:0; 
	list-style-type:none; 
	width:auto;
}
.subMenuNavigation #slatenav ul li
{
	display:block; 
	float:left; 
	margin:0 1px 0 0;
}
.subMenuNavigation #slatenav ul li a
{
	display:block; 
	float:left; 
	text-decoration:none;
	color:#679A67;
	background-image:url(../IMG/navigator.gif);
	background-repeat:no-repeat;
	width:125px;
	text-align:center;
	height:25px;
	margin-bottom:10px;

	
	
}
.subMenuNavigation #slatenav ul li a:hover,.subMenuNavigation #slatenav ul li a.current
{
color:#C8DBC8;
background-image:url(../IMG/navigator_active.jpg);
background-repeat:no-repeat;
}




/* ---------------------- END Greenslate nav ---------------------- */






.navigation .center
{
	height:18px;
	background-color:#E2ECE2;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#FFFFFF;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	float:left;
	width:820px;
	margin-top:38px;
}

.navigation .left
{
	height:22px;
	background-image:url(../IMG/background_navigator_left.jpg);
	background-repeat:no-repeat;
	float:left;
	width:5px;
	margin-top:38px;
}

.navigation .right
{
	height:22px;
	background-image:url(../IMG/background_navigator_right.jpg);
	background-repeat:no-repeat;
	float:left;
	width:5px;
	margin-top:38px;
}





/*RICHIAMI: inizio*/
div.Richiami 
{
    padding-top: 6px;
    padding-right: 2px;
    padding-bottom: 6px;
    padding-left: 2px;
/*
    background-image: url(imgs/bg_tools.png);
    background-repeat: repeat-x;
*/
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #eeeeee;
   
    display: block;
    text-align: right;
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
}

div.richiamo 
{
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    display: inline;
    
}

div.richiamo_Digg
{
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    display: inline;
    
}






div.richiamo a 
{
    color: #aaa;
    text-decoration: none;
    font-size: 8pt;
}

div.richiamo a:hover
{
    color: #41637F;
    text-decoration: underline;
}

div.richiamo img
{
    vertical-align: middle;
    border: none;
}

/*RICHIAMI: fine*/

#h1_TitoloPagina{display:none}







.foto_soggetti{border:3px solid #000088; margin: 10px;}



h4{text-align:justify; font-size: 110%;}

.boxItemElencoSoggetti{
	
}

.boxItemElencoSoggettiLink a{}


#SezioniHomepage
{
	padding: 5px;
	min-height: 180px;
	border-right-color:#FFE479;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#FFE479;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color:#FFE479;
	border-bottom-style:solid;
	border-bottom-width:1px;
}


#SezioniHomepageNews
{
	padding: 5px;
	min-height: 180px;
	border-right-color:#C8DBC8;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#C8DBC8;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color:#C8DBC8;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#SezioniHomepageEvents
{
	padding: 5px;
	min-height: 180px;
	border-right-color:#C8DBC8;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#C8DBC8;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color:#C8DBC8;
	border-bottom-style:solid;
	border-bottom-width:1px;
}



#areamain
{
	padding:20px 5px;
	min-height: 180px;
	border-right-color:#FFE479;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color:#FFE479;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color:#FFE479;
	border-bottom-style:solid;
	border-bottom-width:1px;

}

div#header{margin-bottom: 20px;background-color: #99CC33;color: #FFF}

#boxLoghiRiuso
{
	margin: 200px auto 20px auto;
	background: #fff url(../../../images/bg_loghiriuso.jpg) no-repeat top; 
	width: 450px;
	height: 110px;
	border: 0px solid green;
	color: #333;
}

.BoxHeight300{min-height: 300px; width:450px}

.BorderedBox
{
	border: 1px solid blue;	
}

#boxPageTimeStamp
{
	margin-top: 20px;
	border-top: 3px solid #ccc;		
	color: #666;
	margin-left:5px;
}


.boxUtilities
{
	margin-top: 20px;
	border-bottom: 3px solid #ccc;
	background-color:#C8DBC8;
	margin-right:5px;

}

#GestioneDimensioneCaratteri{
	padding:10px;
}

#events-home{
width:215px;
float:left;
}

#events-home h2{
background-image:url(../IMG/main_news.jpg);
background-repeat:no-repeat;
}

#news-home{
margin-left:20px;
width:215px;
float:left;
}
.news-home{
margin-left:20px;
width:215px;
float:left;
}
#news-home h2{
background-image:url(../IMG/main_news.jpg);
background-repeat:no-repeat;
}
.news-home h2{
background-image:url(../IMG/main_news.jpg);
background-repeat:no-repeat;
}

#primopiano{
	padding-bottom:20px;
}

#primopiano #int{
	background-image:url(../../bisaccia/img/freccia_primopiano.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:left;
	padding-left:10px;
	font-style:italic;
}

#primopiano #desc{
	font-variant: small-caps
	padding-left:10px;
	font-style:normal;

}


.titolo_news{


}

.boxNews{
font-size: 11px;border: 0px solid red;
padding-bottom:10px;
}









#dettaglioStrutture{
float:left; 
height:85px;
margin-left:10px;
margin-top:10px;
width:265px;
}

#dettaglioStrutture #primo{
background-image:url(../../bisaccia/img/freccia_primopiano.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
display:block;
margin-bottom:5px;
}

#dettaglioStrutture #secondo{
display:block;
margin-bottom:5px;
}

#dettaglioStrutture #terzo{
background-image:url(../../bisaccia/img/freccia.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-position:left;
padding-left:10px;
display:block;
}

#dettaglioStrutture #quarto{
background-image:url(../../bisaccia/img/angolo.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
background-color:#F3F3F3;
text-align:right;
padding-right:30px;
}



#dettaglio_str{
font-size: 12px; 
font-weight: bold; 

background-image:url(../../bisaccia/img/freccia.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-position:left;
padding-left:15px;

}


#spTitolo{
font-size:12px;
margin-top:10px;
margin-bottom:20px;
}

.cLink { font-weight: bold; color: #B62117; font-size: 110%; text-decoration: none; border-bottom: 1px dotted;}
.cLink:hover { color: #B62117; text-decoration: none; border-bottom: 1px solid;}