/*
######## -- CSS written by TankLab -- ########
for the site: www.dinamicamente.net (2009)
*/


body{
	font-family:  Arial, Helvetica, sans-serif;
	background: #F8F8F8;
	color: #555;
	
	  }

#container
{
width:980px; /*Se non fisso la dimensione della pagina lo stile è LIQUID e sballa l'header!!!! */
/*width:90%;*/
margin:4px auto;
background-color: #F8F8F8; /*#FEFFFC;/*#EEE;*/ /* Quello attuale è il colore del logo di Shinystat!*/ 
color: #333;
border: 1px solid #2D69A1;
/*BORDI ARROTONDATI per Firefox e affini --per IE vale l'altro css*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(utils/ie-css3.htc);

/* OMBRA */
-moz-box-shadow: 4px 4px 8px #999; /* Firefox */
-webkit-box-shadow: 4px 4px 8px #999; /* Safari and Chrome */
box-shadow: 4px 4px 8px #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(utils/ie-css3.htc);
}

#container a {
color:#2058EF;
text-decoration: none;

}
#container a:hover {
color:#D82543;
text-decoration: none;
border-bottom: 1px dotted #999;
}

#top
{
/*width:980px;*/
height:180px; /* Impostare l'altezza corretta dell'immagine di sfondo dell'header */
background:url(immagini/sfondo.png); /*repeat-x; /*immagini/back_all.jpg*/
}
#top h1,#top h2
{
	font-family:Lucida Sans,Arial,Helvetica,sans-serif;
	text-align:left; /*center era meglio...*/
	font-size: 3.0em;
}
#top h1
{
padding: 20px 20px 12px 20px;
/*padding-top:30px;*/
margin: 0;
color: #fff;/**#e4e4e4;*/
font-size: 32px ;
}
#top h2
{
padding: 20px 20px 12px 20px;
font-size:16px;
color: #e4e4e4;/**#000;*/
font-style:italic;
margin-left:283px;
}
#header  ul
{   
    
	margin:0;
	padding:0;	
	list-style:none;
	
}
#header li
{
	display:inline;
	list-style-type: none;
	text-decoration:none;
    line-height: 46px;
    font-size: 1.0em;
	
}
#navcontainer
{
	background: #59A6CF ;
	padding:0 16px;
	/*BORDI ARROTONDATI per Firefox e affini --per IE vale l'altro css*/
	-moz-border-radius: 25px 10px;
	-webkit-border-radius: 25px 10px;
/*	border-radius: 25px 10px;
	behavior: url(utils/ie-css3.htc);*/

}
#header ,#menu a /*manca la virgola ---così rimangono attaccati"*/
{
color: #fff;
text-decoration: none;
padding: 12px 20px 12px 20px;
text-align: center;
font-weight: bold;
font-size: 11px;

}

#header a:hover{
	           background:url(immagini/menu_bg.gif) repeat;
		  /*BORDI ARROTONDATI per Firefox e affini --per IE vale l'altro css*/
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(utils/ie-css3.htc);

			 
			   }
#menu a:hover
{
color: black;
text-decoration: underline;
}

#leftnav ,#rightnav
{
width: 160px;
margin: 0;
padding: 1em;
font: 11px Arial, Helvetica, sans-serif;
}
#leftnav
{
float: left;


}
#rightnav
{
float: right;
}
#content
{
margin-top:77px;
margin-left:185px;/*185*/
margin-right:185px;
padding: 1em;
border: 1px solid #2D69A1;
/*border-top: 1px dotted #2D69A1; /* anche con SOLID è bello!
border-bottom: 1px dotted #2D69A1;
border-left: 1px dotted #2D69A1;
border-right: 1px dotted #2D69A1;*/
/*font: 11px Arial, Helvetica, sans-serif;*/
background: #fff;/* #F8F8F8; (grigio come le barre laterali)*/
/*BORDI ARROTONDATI per Firefox e affini --per IE vale l'altro css*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*border-radius: 10px;
behavior: url(utils/ie-css3.htc);*/

}
#content h1 {
	       color: #666;
	       font-size: 16px;/*1.5em;*/
	       height: 20px;
	       margin-top: 1.2em;
	       margin-bottom: 2px;
		   }

#content h2 {
	       color:#243E85; /*#612020;*/
	       font-size: 14px;/*1.2em;*/
	       height: 14px;
	       margin-top: 4px;
}

#content h3 {
	       color:#407795; /*#612020;*/
	       font-size: 12px;/*1.1em;*/
	       height: 12px;
	       margin-top: 4px;
}

#content p {
color:#484848; /*#111;*/
font-size: 11px;/*1.1em;*/
font: Arial, Helvetica, sans-serif, 11.5px;
}

#content .tab a, #content .tab a:hover {
color:#fff;
border:0;
text-decoration: none;
}


/*#content a {
color:#2058EF;
text-decoration: none;
font-size: 1.1em;
font: 11.5px Arial, Helvetica, sans-serif;
}
#content a:hover {
color:#D82543;
text-decoration: none;
font-size: 1.1em;
font: 11.5px Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #999;
}*/

#content li {
color:#111;
font: 11.5px Arial, Helvetica, sans-serif;
list-style-type: square;
}

/* Per le gallerie -------------------------------------*/
ol#gallery{
    width:460px; /*Se non lo fisso della dimensione maz del container CONTENT(610) dopo la 6° immagine si fotte tutto */
    margin: 0px 5%;
    padding: 0
    }

ol#gallery li{
    float:left;
    background-color: #000;
    color: #fff;
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none
    }

ol#gallery h3{
    margin: 0;
    padding: 3px 0 16px;
    background: #201709 url('immagini/galleria/film.gif') repeat-x bottom right;
    color: #fff;
    font: 12px light arial,sans-serif;
    text-align: center
    }

ol#gallery a{
    display: block;
    padding: 3px 6px 16px;
    background: #201709 url('immagini/galleria/film.gif') repeat-x bottom right
    }

ol#gallery a:hover{
    color: #fff; /*hack per ie5.5 e le regole sotto*/
    }

ol#gallery a img{
    border: 2px solid #000
    }

ol#gallery a:hover img{
    border-color: #F5FF3C; /*#FFFFA0*/
    }

/*--------------------------------------------------*/

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#leftnav h1 {
	color: #666;
	font-size: 11px;/*1.2em;*/
	height: 20px;
	margin-top: 1.2em;
}
#leftnav ul, #rightnav ul {
	
	margin: 0;
	padding: 0;
	list-style: none;
	width: 118px; /* Width of Menu Items */
/* 	border-bottom:1px solid #999 */

}
#leftnav li, #rightnav li {
	/*Per BOTTONI LEFT NAV---*/
	background-color:#F4F4F4;
	width: 118px;
	/*border:1px solid #999;*/ /*SE LO METTO QUI MI SBALLA IL SOTTOMENU*/
	list-style:none;
	/*border-top: none;*/
	margin: 0px;
	height:100%;
	position: relative;/*Per menu relativo*/
}

#leftnav li ul {
	position: absolute;
	left: 117px; /* Un pizel in meno della menu width */
	top: 0;
	display: none;
	
}
#leftnav li a, #rightnav li a {
	/**color: #777;*/
	color:#4283B9;
	display: block;
	font-size: 10px;/*0.9em;*/
	padding: 3px 6px 3px 14px;
	text-decoration: none;
/* 	border:1px solid #999; */
	border-bottom:1px solid #fff; /*none;*/
	
}
#leftnav li a:hover, #rightnav li a:hover {
	/*Per BOTTONI LEFT NAV (passaggio mouse)---*/
	background-color:#5692CF;/*#7EA0F7;*//*#E5ECF7; TROPPO CHIARO*/
/* 	padding: 4px 6px 3px 14px; */
	color: #111;
	border-bottom:1px solid #999;
}

/* -------- Fix per il fottuto Internet Explorer. ---------*
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/*--------------------------------------------------------*/

#leftnav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#leftnav li:hover ul, li.over ul { display: block; } /* The magic */

#rightnav .news h1{color: #666;
	font-size: 11px;/*1.1em;*/
	height: 20px;
	margin-top: 1.2em;}

#rightnav .news p /*,#leftnav p*/{font-size:/*1em;*/10px;color:#555;}

/*-------------- Box Testo Scorrevole -----------------*/
/* sfondi e bordi del div scorrevole */
#sfondo { 
	position:relative; left:3px; 
	z-index:1000; width:150px; height:150px;
  	background-color:#f4f4f4; /*#eee;*/ 
  	border:1px solid #999;
	/*BORDI ARROTONDATI per Firefox e affini --per IE vale l'altro css*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(utils/ie-css3.htc);

  } 
/* posizionamento del div scorrevole */
 #finestra { 
	position:absolute; left:8px; top:6px;
	width:140px; height:140px; z-index:1;
	clip:rect(0, 140px, 140px, 0); overflow:hidden;
	
  }

 #cnt { position:absolute; z-index:1; }

/* formattazione del testo da far scorrere */
#cnt div.item { width:140px; height:140px; color:#336 }

#cnt h3 {
	color:#243E85;
	align:center; 
	font-size:12px; 
	margin:0 0 .5em 0;
}  
#cnt p {
 	align:center;
	font-size:11px; 
	margin:.5em 0 0 0;
 }
#cnt ul {
	margin:.5em 0 0 0;
	padding:0;
	font-size:11px;
	border: none;
	
}
#cnt ul li { 
	margin: .5em 0 0 1em;
	list-style-type:none;
	
}
#cnt ul li a { border: none; background-color: none;}
}
/*---------------------------------------------------------*/


/*TESTO INCORNICIATO*/
cornice {
/*padding:10px 10px 15px 10px;*/
padding:3px 3px 5px 3px;
background:#E5ECF7;
border-left:2px solid #C7D9F5;
/*border-right:2px solid #C7D9F5;*/
font-style:italic;
color:#6B84A8;
letter-spacing:.1em;
/*text-align:center;*/
}

#footer
{
clear: both;
margin: 0;
color: #333;
margin-top:20px;
border-top: 1px dotted #2D69A1;
text-align:center;
font-size:9px;/*.7em;*/
}

		/* Proprietà immagini */
/*.border {
padding: 10px;
margin: 10px;
border: 1px solid #476042;
}*/
.imgleft { /*Attenzione!!! Per fare in modo che stiano sullo stesso livello del testo ci vuole un BR!!!*/
float: left;
/*border: 1px solid #90b905;*/
margin: 5px 10px 10px 15px; 
/*padding: 5px;*/
}

.imgright {
float: right;
/*border: 1px solid #90b905;*/
margin: 5px 10px 10px 15px;
/*padding: 5px;*/
}