body {
margin : 0;
padding : 0;
font : 95% verdana, arial, sans-serif;
color : #000;
background-color: #366A93;

}

#contenitore {
width : 900px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
padding : 20px;
line-height: 1.7em;
color : #000;
background : #fff;
border: 1px solid #000;
}

#logo_cai{
float:right;
margin-top:40px;
margin-right: 40px;
width: 170px;
text-align: left;
}

#intestazione {
float : left;
width : 400px;
height : 194px;
padding : 0;
/ *background : #003250 url(img/tamaro_lema.jpg) no-repeat 0 0; */
margin: 10px;
}

#logo_cailuino {
float: left;
width: 150px;
padding : 0;
margin : 10px 0 10px 10px;

}

#info_sezione{
clear:both;
width: 95%;
margin-left : auto;
margin-right:auto;
min-height: 130px;
color: #006699;
padding: 1em;
font : 90% verdana, arial, sans-serif;
border-top:1px solid #006699;
border-bottom:1px solid #006699;
text-align:left;
}

#dati_sezione {
width: 600px;
margin-left: 150px;
text-align: center;
}

#contenuto {
padding : 5px;
margin-left : 210px;
margin-right : 250px;
/*margin-top: 35px;*/
background : #fff;
color : #666;
}


#contenuto_pagine {
padding : 5px;
margin-left : 210px;
margin-right : 10px;
/*margin-top: 35px;*/
background : #fff;
color : #666;
}

#barrasx {
float : left;
width : 200px;
margin : 0 5px 0 0;
padding : 5px;
color : #666;
background : #fff;
}

#barradx {
float : right;
width : 230px;
margin : 0 0 0 5px;
padding : 5px;
background : #fff;
color : #333;
}

#footer {
margin: 30px 0;
padding: 5px;
font : 75% verdana, arial, sans-serif;
clear : both;
color: #eee;
background : transparent;
border-top:1px solid #006699;
border-bottom:1px solid #006699;
}

#descrizione {
margin-left: 40px;
margin-bottom: 10px;
}
#sezionale  {
margin-left: 10px;
margin-bottom: 10px;
border: 1px dotted #3399cc;
padding: 10px;;
}

#testo_pagina {
margin-left: 40px;
margin-bottom: 10px;
border: 1px dotted #3399cc;
padding: 10px;;
width: 580px;
}
div.foto_attivita {margin-left: 40px; margin-top:23px; margin-bottom: 10px;}

#menu_sezione, #menu_servizi, #menu_attivita, #menu_informazioni  {
width : 200px;
padding : 10px 0 0 0;
}
#menu_sezione ul, #menu_servizi ul, #menu_attivita ul, #menu_informazioni ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu_sezione li, #menu_servizi li, #menu_attivita li, #menu_informazioni li {
margin : 0 0 1px 0;
}
#menu_sezione a, #menu_servizi a, #menu_attivita a, #menu_informazioni a {
width : 180px;
padding : 0.1em 0.8em;
text-decoration : none;
display : block;
color : #003399;
background : #99ccff;
}


#menu_sezione a:hover, #menu_servizi a:hover, #menu_attivita a:hover, #menu_informazioni a:hover, #menu_sezione a.seiqui {
background : #036;
color : #fff;
}
#menu_attivita a.seiqui {
background : #3399cc;
color : #fff;
}

#menu_link {
width : 230px;
padding : 10px 0 0 0;
background: #fff;
font-size: 80%;
}
#menu_link ul {
margin : 0;
padding : 0;
list-style-type : none;
}

#menu_link li.new {clear:both; padding-top:1.3em;}
#menu_link  a {
width : 210px;
/*padding : 0.1em 0.8em;*/
text-decoration : underline;
color : #003399;
background : #fff;
}
#menu_link  a:hover,   {
background-color:#9cf;
}
#menu_link img {
clear: both;
float: left;
margin: 5px;
padding-top:1px;
}
 #barradx h2 {
 display: block;
 margin : 0 0 0 10px;
 padding: 15px 5px 12px 10px;
font : normal 1em verdana, arial, tahoma, sans-serif;
color : #336699;
background : #fff;
font-weight:bold
 }
#barrasx h2 {
margin : 14px 0 0 10px;
font : normal 1em verdana, arial, tahoma, sans-serif;
color : #336699;
background : inherit;
font-weight:bold
}
h1 {
margin : 0 0 10px 10px;
font : normal 1.3em verdana, arial, tahoma, sans-serif;
color : #660000;
background : inherit;
}

.clear {
clear : both;
}
#info_sezione h1 {
font: 160% verdana, arial, sans-serif;
padding: 4px 5px 2px 1px; 
color: #003399;}

#info{
float:right;
right:10px;
width : 100px;
}

#info a {
color: #666;
text-decoration: none;
}
h2 {
margin : 0 0 10px 0;
font : normal 1em verdana, arial, tahoma, sans-serif;
color : #336699;
background : inherit;
}

#contenuto h2, #contenuto_pagine h2 {
width : 90%;
display:block;
text-align : center;
margin : 0 0 10px 10px;
font : normal 1em verdana, arial, tahoma, sans-serif;
color : #006699;
/*background : #f2f2f5;*/
font-weight: bold;
}

 #contenuto  a, #contenuto  a:visited, #contenuto_pagine  a, #contenuto_pagine  a:visited, #info_sezione a, #info_sezione a:visited
 {
 color : #006699;
 }
 
 #contenuto  a:hover, #contenuto_pagine a:hover, #info_sezione a:hover{
 color : #0033cc;
 }
 
 #contenuto h3 img {
 margin-right: 1em;
 }
h3 {
padding: 0;
margin: 0;
font : bold 0.9em verdana, arial, tahoma, sans-serif;
color : #336699;
background : inherit;
}

#sezionale h3 {
padding: 0;
margin: 20px 0 0 0;
font : bold 0.9em verdana, arial, tahoma, sans-serif;
color : #336699;
background : inherit;
}

#sezionale p {
margin-top:5px;
}
img {border:0; }
img.spazio {border:0;margin:20px;}
.news {padding: 1em;}
.rimando {
width: 95%;
text-align: right;}

#convenzioni {
margin-top:20px;
}

#convenzioni li {
margin-top:1em;
}
.continua
{
padding-left: 3em; color:#006699;
padding-top: 0;
margin-bottom:1em;
margin-top:0;
}

#slideshow { height: 230px; width: 500px; float:left; margin: 10px 10px 10px 110px; }
#slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; display: none }
#slideshow img.first { display: block }

.notizia {padding: 1em;}
.ulteriori {float: left; width: 50px;}
.titoli {float: left; }

h2 a:link,  h2 a:hover,  h2 a:visited
{
text-decoration:none;
font : normal 1em verdana, arial, tahoma, sans-serif;
color : #336699;
font-weight:bold}

img.sinistra {float:left; padding-right: 1em;}
img.destra {float:right; padding-left: 1em;}

fieldset {padding: 1em; margin:1em;}
span.evidenzia {font-weight: bold; background-color:#FFFACD; }

#map {
width: 540px; 
height: 360px;
border:1px solid #630;
margin :1em;
	}
	
#map a:active,#map a:link,#map a:hover,#map a:visited {text-decoration : underline;
		color: #663300;}