/*---------azzeramento margini e padding--------------*/
html, body, h1, h2, h3, h4, h5, h6,
p,img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--------------------------------------------------*/
/*-------centratura IE, font e background body------*/
body {
	color: #666;
	background: #D9D9D9 url(../img/bkg.jpg) repeat-x left top;
	font: 76%/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/*--------------------------------------------------*/
/*--stili generici titoli, paragrafi, link, liste, testo...--*/
h1, h2, h3, h4, h5, h6, p{
	margin: 0.6em 0 0.25em;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	color:#807F84;
	font-size:1.4em;
}
#colonnaSx h2 {
	color:#F03F35;
}
h3 {
	color:#F03F35;
	font-size:1.28em;
	line-height:1.3em;
	margin-top:1em;
}
h4 {
	color:#594F52;
	font-size:1.15em;
	line-height:1.3em;
	margin-top:1.2em;
}
.valdocco{
	background: url(../img/bkg_titoli.gif) no-repeat left 2px;
	padding-left: 25px;
}
.news h3 span, .valdocco span {
	color: #333333;
}
.news h3 span {
	color:#666666;
	padding:0 0.23em;
	border-left:5px solid #F03F35;
	line-height:1.8em;
	background-color: #F0F0F0;
}
a {
	text-decoration:none;
	color:#333333;
}
a:hover, a:focus {
	text-decoration:underline;
}
/*:focus {
	outline: #FFF solid 1px;
}*/
ol, ul {
	list-style: none;
}
.nascosto {
	position:absolute;
 	left:-10000px;
 	top:-10000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
.cinque_per_mille {
	background:url(../images/cinque_x_1000.png);
	width:212px;
	height:89px;
	position:absolute;
	display:block;
	overflow:hidden;
	line-height:300px;
	right:17px;
	top:14px;
}	
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #333333;
}
.bold{
	font-weight:bold;
}
.right{
	text-align:right;
}
strong.grigio {
	color: #666;
}
div.hr {
	border-bottom: 3px double #E7E7E7;
	margin-top: 1em;
	clear:both;
}
div.hr hr{
	display:none;
}
/*--------------------------------------------------*/
/*--------larghezza e centratura container----------*/
#container{
	width:772px;
	overflow:auto;
	margin: 13px auto;
	text-align:left;
}
/*--------------------------------------------------*/
/*-------------header e menu di testa---------------*/
#header {
	background-image: url(../img/bkg_header.png) !important;
	background: url(../img/bkg_header.gif) no-repeat left top;
	padding:20px 17px 0;
	position:relative;
}
#menu1, #menu2, #sottomenu {
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#menu1 li, #menu2 li, #sottomenu li{
	display:inline;
}
#menu1 li a, #menu2 li a, #sottomenu li a, #menu1 li span.attivo, #menu2 li span.attivo, #sottomenu li span.attivo{
	padding:0 0.25em;
	color: #333333;
}
#menu2 li a{
	color: #FFF;
}
#menu1 li a:hover, #menu1 li a:focus, #menu2 li a:hover, #menu2 li a:focus, #sottomenu li a:hover, #sottomenu li a:focus, #menu1 li span.attivo, #menu2 li span.attivo, #sottomenu li span.attivo, #menu1 li a.attivo{
	background: #F03F35;
	color:#FFF;
	text-decoration:none;
}
#header div {
	background: url(../img/testa.jpg) no-repeat left top;
	height: 102px;
	position:relative;
}
#menu2 {
	position: absolute;
	right: 0px;
	bottom: 5px;
}
/*-gioco calendario-*/
#menu1 .calendario{
	width:175px;
	height:93px;
	position:absolute;
	top:11px;
	right:12px;
}
#menu1 .calendario a{
	display:block;
	height:100%;
	width:100%;
	padding:0;
	background:url(../img/claim-calendario.gif) no-repeat left top;
	text-indent:-9000em;
	text-align:left;
}
#menu1 .calendario a:hover{
	background:url(../img/claim-calendario.gif) no-repeat left top;
}
/*--menu sezione--*/
#sottomenu{
	border: 1px solid #CCCCCC;
	border-style:solid none;
	text-align:left;
	padding: 0.2em 0;
	margin: 1em 0 1.5em;
}
#sottomenu li{
	margin-left:0.5em;
}
#sottomenu li.primo{
	margin-left:0;
}
#sottomenu li a:hover, #sottomenu li a:focus, #sottomenu li span.attivo{
	background:#594F52;
}
/*----------------*/
/*-----social-----*/
#social {
    height: 24px;
    position: absolute;
    z-index: 15;
    right: 17px;
    bottom: -34px;
}
#social li {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    float: left;
}
#social li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-indent: -9000em;
    background-image: url("../img/social.png");
    background-repeat: no-repeat;
	outline:none;
}
#social li.youtube a {
    background-position: 0 top;
}
#social li.youtube a:hover {
    background-position: 0 bottom;
}
#social li.facebook a {
    background-position: -24px top;
}
#social li.facebook a:hover {
    background-position: -24px bottom;
}
/*----------------*/
/*--------------------------------------------------*/
/*------------------navigazione laterale-----------------------*/
#colonnaSx{
	width:188px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}
#colonnaSx ul{
	margin-bottom:1.4em;
}
#colonnaSx li{
	margin-bottom:0.83em;
}
#colonnaSx li a.info, #colonnaSx li span.info{
	display:block !important;
	display:inline;
}
#colonnaSx a.info:hover{
	text-decoration:none;
}
/*--------------------------------------------------*/
/*------------------contenuto-----------------------*/
#content{
	background-image: url(../img/bkg_content.png) !important;
	background: url(../img/bkg_content.gif) repeat-y left bottom;
	padding:10px 17px;
	width:738px;
	float:left;
/*	overflow:auto;
*/}
#pagina{
	width:527px;
	float:right;
	background: url(../img/bordo.jpg) no-repeat left 30px;
	padding: 0px 5px 0px 14px;
}
/*----min height----*/
/* Mozilla/Safari */
*>#pagina {
	min-height: 630px;
}
/* IE, con il filtro IE5/Mac */
* html #pagina {
	height: 630px;
}
a.info, span.info{
	font-size:0.9em;
	color:#333333;
	font-weight:bold;
	padding-left:10px;
	background: url(../img/freccina.gif) no-repeat left 4px;
}
a.info:hover, a.info:focus, #colonnaSx li:hover a.info, span.info, a.info.attivo{
	background-position: left -156px;
}
a.info.pdf{
	background: url(../img/pdf.gif) no-repeat left 1px;
	padding-left:17px;
}
a.info.pdf:hover{
	background-position: left -147px;
}
a.info.ppt{
	background: url(../img/ppt.gif) no-repeat left 1px;
	padding-left:17px;
}
a.info.ppt:hover{
	background-position: left -147px;
}
a.info.wmv{
	background: url(../img/wmv.gif) no-repeat left 1px;
	padding-left:17px;
}
a.info.wmv:hover{
	background-position: left -147px;
}
img.imgSx{
	float:left;
	margin:0.6em 10px 0.3em 0;
}
ul.foto{
	width:101%;
	overflow:auto;
	margin-left:-5px;
}
ul.foto li{
	float:left;
	margin:10px 0 0 5px;
	display:inline;
}
ul.foto.verticale li{
	margin-left:10px;
}
ul.foto.verticale{
	width:101.5%;
	margin-left:-10px;
}
/*ul.foto li.primo{
	margin-left:0;
}*/
ul.foto li a img, #colonnaSx li a img, a img.imgSx{
	border: 3px double #DDD;
}
ul.foto li a:hover img, ul.foto li a:focus img, #colonnaSx li a:hover img, #colonnaSx li a:focus img, #colonnaSx li:hover a img, #colonnaSx li span.attivo img, #colonnaSx li a.attivo img, a:hover img.imgSx{
	border: 3px double #8F8F8F;
}
ul.lista {
	margin-top:0.6em;
	overflow:hidden;
}
ul.lista li{
	background: url(../img/pallino.gif) no-repeat left 0.6em;
	padding-left: 12px;
	margin:0 0 0.8em 0.8em;
}
ul.lista a.info{
	color:#919191;
}
ul.lista a.info:visited{
	color:#888DA2;
}
/*-paginazione-*/
ul#pagination{
    margin: 1em 0;
    text-align: right;
	font-weight:bold;
	font-size:0.9em;
}

ul#pagination li{
    display: inline;
	margin-left: 0.5em;
	}

ul#pagination a{
	text-decoration: none;
	border: 1px solid #DDD;
	background: #FFF;
	padding: 1px 3px;
	color: #000;
}
ul#pagination a.nextprev, ul#pagination a.nextprev:visited{
	border-color: #FFF;
}
ul#pagination a:visited{
	color: #575757;
    border-color: #CCC;
}

ul#pagination a:hover, ul#pagination li#currentpage a, ul#pagination a.nextprev:hover{
	background: #F03F35;
	color: #FFF;
	border-color: #F03F35;
}

ul#pagination li#currentpage a{
	cursor: default;
}

/*--tabella dati in sintesi--*/
table.tab{
	width:527px;
	margin:1em 0;
	border-collapse:collapse;
	line-height:1.6em;
}
table.tab td, table.tab th{
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #DFDFDF;
	padding: 5px;
}
table.tab th{
	color:#333333;
	width:180px;
}
table.tab .ultimo{
	border:none;
}
table.tab th.sincert {
	background: url(../img/sincert.jpg) no-repeat 5px center;
}
/*--lista gruppo valdocco, div introduzione, lista mille e una coccola--*/
ul.box{
	margin-top:2em;
}
ul.box h3{
	margin-top:0.6em;
}
ul.box li, ul.box2 li{
	border-bottom: 1px solid #DFDFDF;
}
ul.box2.news ul li, ul.box2.news ol li{
	border-bottom:none;
	background: url(../img/pallino.gif) no-repeat left 0.6em;
	padding:0 0 0 15px;
	margin:0 0 0.8em 1em;
}
ul.box2.news ol li{
	background: none;
	list-style-type:decimal;
	padding:0;
	margin-left:2.5em;
}
ul.box2.news ul, ul.box2.news ol {
	margin-top:0.6em;
}
ul.box2 li ul.foto li{
	padding:0 0 0.4em;
	margin:10px 0 0 5px;
	background: none;
}
ul.box2 ul.foto.verticale li{
	margin-left:10px;
}
ul.box li{
	padding: 0px 0px 0.6em 145px;
}
ul.box li.vald{
	background: url(../img/logo_valdocco2.gif) no-repeat 6px 5px;
}
ul.box li.nuova{
	background: url(../img/logo_ns.gif) no-repeat 22px 5px;
}
ul.box li.pietra{
	background: url(../img/logo_pas.gif) no-repeat 30px 5px;
}
ul.box li.aet{
	background: url(../img/logo_aet.gif) no-repeat 15px 5px;
}
ul.box li.cpe{
	background: url(../img/logo_cpe.gif) no-repeat 12px 5px;
}
ul.box li.pipro{
	background: url(../img/logo_pipro.gif) no-repeat 6px 5px;
}
ul.box li.cps{
	background: url(../img/logo_cps.gif) no-repeat 6px 5px;
}
div.introduzione, ul.box2 li{
	padding: 110px 0 0.8em;
	background: no-repeat left 13px;
}
ul.box2.news li{
	padding: 0 0 0.8em;
	background: none;
}
ul.box2.news li.ultimo{
	border-bottom:none;
}
div.pronto{
	background-image: url(../img/foto_pronto.jpg);
	padding-top: 210px;
}
div.ludobus{
	background-image: url(../img/ludo.jpg);
	padding-top: 90px;
}
div.mille{
	background-image: url(../img/infanzia.gif);
	border-bottom: 1px solid #DFDFDF;
	padding-top: 115px;
}
div.mille div{
	background: url(../img/infanzia.jpg) no-repeat right bottom;
}
ul.box2 li.dora{
	background-image: url(../img/dorabimbi.gif);
}
ul.box2 li.lilliput{
	background-image: url(../img/lilliput.gif);
}
ul.box2 li.capriola{
	background-image: url(../img/capriola.gif);
}
ul.box2 li.millepiedi{
	background-image: url(../img/millepiedi.gif);
}
ul.box2 li.chiocciole{
	background-image: url(../img/chiocciole.gif);
}
ul.box2 li.girasoli{
	background-image: url(../img/girasoli.gif);
}
/*---------area riservata-----------*/
#area fieldset{
	padding-top:1.5em;
	width:100%;
	overflow:auto;
}
#area label, #area input {
	float:left;
	margin-bottom:1.5em;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#area label {
	width: 8em;
	clear:left;
	padding-top:3px;
	font-weight:bold;
}
#area input {
	width: 12em;
	border:1px solid #66769F;
	padding:2px;
}
#area input:focus {
	border:1px solid #594F52;
	background: #F7F7F7;
}
#area #entra {
	float:left;
	clear:left;
	display:inline;
	width: 5em;
	margin-left:15.5em;
	font-weight:bold;
	background-color: #F7F7F7;
}
/*--------------------------------------------------*/
/*------------------footer--------------------------*/
#footer{
	background-image: url(../img/bkg_footer.png) !important;
	background: url(../img/bkg_footer.gif) no-repeat left top;
	text-align: center;
	margin-top:0;
	float:left;
	width:100%;
}
#footer p{
	font-size:0.8em;
	margin-top:0;
	padding-top:25px;
}