@charset "utf-8";
/* CSS Document */

<!-- 
html, body {
height:100%;}
body  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
	color:#000;
	background-color:#f0efef;
	background-image:url(../images/back.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
hr {
color: #e1e1e1;}
h1 {
font-size:140%;
}
h2 {
font-size:120%;}

h3{
font-size: 110%;}

h4{
font-size: 100%;}

img {
border:none;
	   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.navRecord {
text-align:center;
background-color:#FFFF99;
color:#000;
padding:5px;
margin-top:15px;}

.maiusc {
font-variant:small-caps;}


a {
color:#000;}

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

.formA input, .formA select, formaA textarea {border:1px solid #0099FF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-size:1em;
   padding:2px 4px;
}
.formA .bottone {
cursor:pointer;
color:#fff;
background-color:#0066CC;
margin-top:15px;}

}

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-top:10px;
	margin-left: 8px;
	margin-bottom:8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
	margin-bottom:8px;
	margin-top:10px;
}
img.fltrt, img.fltlft {
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
}


table {
margin:10px 20px;}

td {
padding:5px 5px;
text-align:left;
color:#000;}
th {
background-color:#cedce8;
color:#000;
padding:3px 10px;
border-bottom:1px solid #999999;
font-size:0.9em;
}
.elenco {
background-color:#fff;}

.elenco td {
padding:3px 5px;
text-align:left;
color:#000;
border-bottom:1px solid #999999;
}

.elencon th {
background-color:#cedce8;
color:#000;
padding:3px 10px;
border-bottom:1px solid #999999;
font-size:0.9em;
}

acronym {
cursor:help;
border-bottom:1px dotted #ccc;}

small {
font-size:80%;}

.notifica {
width:80%;
margin:20px auto;
text-align:center;
background-color:#CC3300;
color:#fff;
font-size:1.5em;}

#contenitore { 
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
	width: 90%;  
	text-align: left;
	line-height:1.5;
box-shadow: #ccc 0px 0px 10px;
background: #ebebeb;
background: rgba(235,235,235,0.8);
text-align:center;
color:#006699;
}

#contenitore h1 {
text-align:center;
font-size:3em;
padding-top:100px;
color:#006699;}

#contenitore h2 {
text-align:center;
font-size:2em;
padding-top:20px;
margin-bottom:-20px;
color:#006699;}

#contenitore h3 {
text-align:left;
font-size:1.2em;
color:#006699;
padding-left:30px;}

#contenitore h4 {
text-align:left;
font-size:1.1em;
color:#006699;
padding-left:30px;}

.button {
border-radius:6px;
background-color:#003366;
color:#fff;
padding:5px 8px;
margin:0 10px;}

.button a, a.button {
color:#fff;
text-align:center;
text-decoration:none;}

.button:hover {
color:#fff;
background-color: #009999;
text-decoration:none;}

/* * ********************************** MENU NAV ORIZZONTALE********************************** */

#menu {
clear:both;
width:100%;
margin:0 auto;
background-color: #003366;
margin-top:10px;
color:#fff;
height:30px;
line-height:30px;

}
#menu ul li {
display:inline;
height:30px;
line-height:30px;
list-style:none;

}

#menu ul li a {
float:left;
display:block;
padding:0px 8px;
color:#fff;
text-decoration:none;
border-right:1px solid #CCCCCC;
}

#menu ul li a:hover {
background-color: #009999;

text-decoration:none;
}
 
/* * ********************************** INTESTAZIONE  ********************************** */

#intestazione { 
	width:900px;
	margin:0 auto;
	height:210px;
	color:#000;
	background-image:url(../images/back_intestazione.jpg);
	background-repeat:no-repeat;
	border-bottom:4px solid #fff;
	overflow:hidden;

} 
#intestazione h1 {
position:absolute;
top:-999px;
}







/* * ********************************** PIE DI PAGINA ********************************** */

 #footer {
 width:100%;
 margin:20px auto 0px;
 	font-size:1em;
	background-color:#f0efef;
	padding-top:140px;
	color: #2B394A;
	text-align:center;
	margin-bottom:20px;
} 
#footer p {
line-height:1.5;
}
#footer img {
border:none;
padding-right:6px;}

#footer a {
color:#2B394A;
background-color:#ebebeb;
text-decoration:none;
}
#footer a:hover {
color:#2B394A;
background-color:#ebebeb;
text-decoration:underline;
}


/* -------------RIQUADRO UTENTE LOGGATO--------------*/

#utente {
width:100%;
color:#006699;
margin:0px;
}

#utente p {
padding:5px 10px;
font-size:90%;}

#formLog input, #formLog select {
width:200px;
height:40px;
border:1px solid #0099FF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-size:1.5em;
   padding-left:4px;
}
#formLog .bottone {
cursor:pointer;
color:#fff;
background-color:#0066CC;
margin-top:15px;}

#formLog label {
margin:0;
font-size:1em;}
#formLog p {
margin:0;
text-align:center;}

/* -------------RIQUADRO PROMO--------------*/

#promo {


}

#promo h3 {}

#promo .button {
   border-top: 1px solid #96d1f8;
   background-color: #3e779d;
   padding: 2px 3px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
	color: white;
   font-size: 11px;
   font-family: Arial, serif;
   text-decoration: none;
   vertical-align: middle;
   margin-top:5px;
}

#promo .button:hover {
   border-top-color: #c71431;
   background: #c71431;
   color: #ffffff;
}


#promo p {
padding:5px 10px;
font-size:90%;}


#boxFb {
width:100px; 
height:30px;
float:left;
margin:3px 10px;}

#boxTwitter {
float:left;
margin:3px 10px;
width:100px; 
height:30px;
}

.commento {
	   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
	color:#fff;
	background-color:#0b7796;
font-style:italic; margin-top:20px;
padding:2px 10px;
}
.commento strong {
color:#FFFF00;}

#allegati li {
float:left;
margin-right:10px;
border:1px solid #6699CC;
list-style:none;
padding:8px;
text-align:center;
border-radius:10px;}