@charset "utf-8";
/* CSS Document */
body {margin:5px 0; padding:0; font-size: 76%; color:#000000; background: #fff;
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',LucidaGrande,Geneva,Arial,Verdana,sans-serif;
	}

/* -------- Container ---------- */
#container {width:980px; margin: 0 auto; background: #F7F7F7; border: 1px solid #e4e4e4; }

/* -------- Header ---------- */
#header {background:#EFEFEF; height: 60px; padding: 8px;}
	#header h1 {margin:0; padding:0;}
	#header form { float: right; display: block; margin: 6px; padding: 8px; }

/* -------- Menu Alto ---------- */
#menu-alto {padding: 6px 6px; color:#ffffff; background:#333333; }
	#menu-alto ul {margin: 0 auto; padding:0;}
	#menu-alto li {margin: 0; padding:0 8px; list-style-type: none; display: inline}
	#menu-alto a {text-decoration: none; color:#ffffff; font-weight:bold}
	#menu-alto a:hover {text-decoration: underline;}

/* -------- Menu Alto Secondario ---------- */
#menu-alto-secondario {padding: 4px 6px; color:#ffffff; background:#CCC; }
	#menu-alto-secondario ul {margin: 0 auto; padding:0;}
	#menu-alto-secondario li {margin: 0; padding:0 6px; list-style-type: none; display: inline}
	#menu-alto-secondario a {text-decoration: none; color:#000; }
	#menu-alto-secondario a:hover {text-decoration: underline;}

/* -------- Content a 3 Colonne ---------- */	
#content-3-col {border: 2px solid #666666; background: #D8D8D8;
	width: 47.6% !important; width: 46.8% ; margin: 6px 25.5% !important; margin: 6px 25.6%}

/* ---------- Content a 2 Colonne ---------- */
#content { width: 652px; margin: 6px 0 6px 6px}


/* --------- PAGINA RICERCA TAG --------- */
#pagina-ricerca-tag	{padding: 0.5%; border: 2px solid #666666; background: #D8D8D8;
	width: 72.6% !important; width: 72.2%; margin: 6px 25.5% 6px 0.5%}
	.elenco-tag-ricerca {float:left; width: 200px}
	.box-articolo-square {padding: 4px; background: white; margin: 2px 0; min-height: 82px}
	.box-articolo-square .img {float:left; margin: 0 4px 4px 0}
	#pagina-ricerca-tag	.elenco-articoli {margin-left: 200px}


/* -------- nav ---------- */
#nav {float: left; width: 23%; padding: 0.5%; border: 2px solid #666666; background: #D8D8D8;
	margin: 6px 0.5% 6px 0.5% !important; margin-left: 2px; margin-right: 2px}
	#nav ul.menu-nav {margin: 6px 0; padding: 4px; background: #FFFFFF; border: 1px solid #666666;}	
	#nav ul.menu-nav li {margin: 0px; padding:2px 4px; list-style-type: circle; 
		list-style-position: inside}	
	#nav ul.menu-nav a {color: #000033; font-weight: bold}
	#nav ul.menu-nav a:hover {text-decoration: underline; color: #000033; font-weight: bold}

/* -------- extra ---------- */
#extra {float: right; width: 300px; background: #e4e4e4; margin: 6px 6px 6px 0; padding: 4px; border: 1px solid #ccc }
	#extra .box {background: #eee; padding: 3px}
	#extra .titolo {color:#333; font-size: 16px; font-weight: bold; padding: 6px 4px 2px 4px; margin:0}
	.tag-elenco {float: left; padding: 2px 10px 2px 0; white-space: nowrap}
	.tag-elenco:last-child {padding: 2px 0;}
	#extra ul.menu-extra {margin:0; }	
	#extra ul.menu-extra li {margin: 0px; padding:2px 4px; list-style-type: circle; 
		list-style-position: inside}	
	#extra ul.menu-extra a {color: #000033; font-weight: bold}
	#extra ul.menu-extra a:hover {text-decoration: underline; color: #000033; font-weight: bold}

/* ---------- Briciole di Pane ---------- */
#briciole {padding: 4px 6px; background: #FFFFFF; border: 1px solid #ccc;}
	#briciole #benvenuto {font-size: 14px; font-weight: bold} 

/* ---------- Menu di Navigazione Home ---------- */
#navigazione {border: 1px solid #666666; margin:5px; background: #FFFFFF; padding: 4px}
#navigazione h1 {margin: 2px 0; font-size: 14px; color: #333333; text-align: left;}
#navigazione .canale {margin-bottom: 4px; border: 1px dotted #FAA3A3; padding: 2px}
#navigazione .canale .titolo {color: #666666; font-weight: bold}
#navigazione .canale .titolo a {color: #666666;}
#navigazione .canale .sezioni {color: #666666;}
#navigazione .canale .sezioni {margin:0; padding:0}
#navigazione .canale .sezioni li {margin:0; padding:0; list-style-type: none}

/* ---------- Box Articolo ---------- */	
.box-articolo {padding: 4px 6px; border: 1px solid #ccc; background: #FFFFFF; margin-top:6px}
.box-articolo .immagine-articolo {}
.box-articolo .contenuto-articolo {position: absolute; top: 32px; width: 187px}
.box-articolo h1 {color:#666666; font-size: 12px; margin: 0; padding:4px 0}
.box-articolo h1 a {color:#666666; text-decoration: none}
.box-articolo h1 a:hover {color:#666666; text-decoration: underline}
.box-articolo p {margin: 4px 0; padding:0}
.box-articolo p a {color: #333333}
.box-articolo .leggi-tutto {}

/* ---- Contenuto Articolo ---- */
.nocciolo {margin:5px 0 0 0; padding: 4px 6px; border: 1px solid #e4e4e4; background: #FFFFFF;}
.nocciolo div.testo {position: relative}
.nocciolo h2 {color:#003366; font-size: 13px; margin: 10px 0 2px 0; padding: 0}
.nocciolo h1 {color:#003366; font-size: 16px; margin: 0 0 4px 0; padding: 0}
.nocciolo img.main {float: left;}
.nocciolo img.main,.nocciolo img.sx,.nocciolo img.centro,.nocciolo img.dx {border: 1px solid #CCC;padding: 2px;}
.nocciolo img.main,.nocciolo img.sx,.nocciolo img.dx {margin: 5px;}


/* ---- Box Link Correlati/Approfondimenti ---- */
/* .nocciolo {background: #FFFFFF; border:1px solid #e1e1e1; padding: 8px; }*/
.nocciolo h1 {color:#104583; margin: 0; padding:0; font-size: 14px; /*height: 30px; line-height: 30px;*/}
.nocciolo ul {margin: 0; padding:0}		
.nocciolo ul li {margin:0 0 4px 8px; padding:0; list-style-type: circle; list-style-position: inside;}
.nocciolo ul li a {color:#104583; text-decoration: none}
.nocciolo ul li a:hover {color:#104583; text-decoration: underline}

/* -------- Box di segnalazione -------- */
#segnala-errori {margin: 12px 10px; width: 290px; height: 350px; overflow:hidden} /*dimensioni box: LxH : 334x360 px*/
#segnala-errori .intro {font-size:16px; line-height: 18px; height: 36px; text-align: center; margin: -2px 0 6px 0;}
#segnala-errori select {width: 289px; margin:0; padding:2px; border: 1px solid #CCC; font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px; height: 25px; line-height: 25px}
#segnala-errori .label {padding: 6px 0 2px 0; font-size: 14px; font-weight: bold}
#segnala-errori .invio-btn {height: 30px; line-height: 30px; padding-top: 10px;}
#segnala-errori .invio-btn input {margin:0; padding:2px 15px; height: 23px; background:#272727; display:block; 
	border-radius: 4px; color: #FFFFFF; font-family: Trebuchet MS, Helvetica, sans-serif; border: none;
	text-transform: uppercase; font-size: 14px; float: right; cursor: pointer}
#segnala-errori .campo-testo {width:284px; margin:0; padding:2px; border:1px solid #CCC; height: 20px; line-height: 20px;
	font-family:Trebuchet MS, Helvetica, sans-serif; font-size: 14px}
#segnala-errori textarea.campo-testo {height: 120px; margin:0; padding:2px; border: 1px solid #CCC; }

/* ------- Box Archivo Articoli Sezione -------- */
.box-archivio {border: 1px solid #666666; margin:5px; background: #FFFFFF; padding: 4px}
.box-archivio h3, .box-archivio p {margin:0; padding:0}
.banner-txt {background: #DFF4FF; border: 2px dashed #C7E1E7; margin:4px 8px; padding: 4px; text-align: center }

/* ---- Box Approfondimenti ---- */
.approfondimenti {/*text-align: center;*/ margin-bottom: 10px; padding-left:10px}
.approfondimenti a {color:#003366; text-decoration: underline}
.approfondimenti a:hover {color:#003366; text-decoration: none}

/* ---------- Menu di navigazione Articoli Archivio --------- */
#archive-navigation {border-top: #00236f 1px solid; height: 32px; line-height: 32px; 
		margin: 0px auto; font-family: "Trebuchet MS",sans-serif; clear: left}
	#archive-navigation #prev {float: left; margin-left: 12px} 
	#archive-navigation #next {float: right; margin-right: 12px}
	#archive-navigation a {color:#104583; text-decoration: none; font-weight: bold}
	#archive-navigation a:hover {text-decoration: underline}
	
/* ----------- Box Gallery ----------- */
.box-classic-gallery img, .box-full-gallery img {padding:1px; background: none; border: none; float: left; 
	margin:0 6px 5px 6px; border: 1px solid #CCCCCC}
.box-classic-gallery img.bestclear, .box-full-gallery img.bestclear {padding:0; background: none; border: none;
	float: none; margin:0; border:none}
.box-classic-gallery, .box-full-gallery { margin: 3px auto}
.box-classic-gallery h3, .box-full-gallery h3 { margin: 2px auto; padding:0;}
.box-full-gallery .divisorio {margin:0; padding:0; height:0; width:auto}

/* ----------- Box Gioco ------------- */
img.imgbig {display: block; float: none}
.opzioni ul li{width: 100%}

/* ---- Div Overlayer per privacy e gallery ---- */
#grigino-popup{width: 100%; height: 100%; position:fixed; top: 0; left: 0;
	background:#000000; opacity:0.6; filter:alpha(opacity=60); z-index: 100; cursor: pointer}
	
#box-privacy, .box-overlayer {position: fixed; top:50%; left:50%;z-index: 2000; background: #FFFFFF; border: 4px solid #999999; border-radius: 4px;}

#box-privacy span, .box-overlayer span {overflow: auto; display: block; height: 100%; padding: 0 8px; }
#box-privacy span p, .box-overlayer span p {margin: 0; padding: 6px}
#close-button, .box-overlayer .close-button {position: absolute; top: -12px; left: -12px; display: block; z-index: 3000; cursor: pointer}

/* ---- Box Gallery ---- */
#box-content-gallery {z-index: 1000; padding: 8px 25px; border: 4px solid #999999; border-radius: 4px; 
	position: absolute; top: 25px; left: 50%; width: 590px; margin-left: -307px; background: white;}
	#thumbs {float: right; width: 70px}
	#foto {width:500px}
#close-button-gallery {position: absolute; top: -12px; right: -12px; display: block; z-index: 3000; cursor: pointer}

.selectedLink {text-decoration: underline}
	
/* -------- footer ---------- */
#footer{clear:both; padding: 4px 6px; color:#CCCCCC; background:#333333; font-weight: bold; 
	text-align: center}
	#footer a {color: #CCCCCC}

/* --------- elementi comuni ----------- */

/* Menu di navigazione commenti o articoli archivio */
.navigation {text-transform: uppercase; height: 28px; line-height: 28px}
.archivio .navigation {text-transform: uppercase; font-size: 14px}
	.navigation .prev {float: left;} 
	.navigation .prev * {float: left; display: block; margin-right: 6px} 
	.navigation .next {float: right;}
	.navigation .next * {float: right; display: block; margin-left: 6px} 
	.navigation a {color:#333333; text-decoration: none; font-weight:bold}
	.navigation a:hover {text-decoration: underline}

h1 {color:#333; font-size: 16px; font-weight: bold; margin:0; padding:0}
h4 { margin:0; padding:0}

input, select, textarea {

font-family: tahoma;

font-size: 11px;

color: #000000;

}

.clear{	clear: both;}	
.clear-left{clear: left;}	
.divisorio {width:100%}

a {color:#666666; text-decoration: none}
a:hover {text-decoration: underline}

a img {border: none}

.bestclear {width: 100% !important; width: 90%; height:0px; float: none !important; 
	margin: 0; padding:0;
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0;}
	
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
* html .clearfix { zoom:1 }
*:first-child+html .clearfix { zoom:1}

.clearfixleft:after { visibility:hidden; display:block; font-size:0; content:" "; clear:left; height:0 }
* html .clearfixleft { zoom:1 }
*:first-child+html .clearfixleft { zoom:1}	

/* --------- tags items ----------- */
div.item{background-image: url(sfondo-item.gif);background-repeat:no-repeat;color:#000; height:18px; float:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; 
	line-height:18px; margin: 3px 3px 0 0; white-space: nowrap}
div.item span{background-image: url(sfondo-item.gif);background-position:top right;background-repeat:no-repeat;display:block;
	float: left}
div.item span span{background-position:bottom right;background-image:url(sfondo-item.gif); }
div.item span span span{background-position:bottom left;background-image:url(sfondo-item.gif);}
div.item span span span span{background:none; padding: 0 2px 0 10px; height:18px;}
div.item img.ics{border:0; cursor:pointer}

input.date {background-image: url("calendar-little.gif");background-repeat: no-repeat;background-position: left center;cursor: text !important;}