/* l'elemento body */
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	font: 80% Arial, sans serif;
	text-align: left;
	
}

/* varie */
div  p, div h1, div h2 {
margin: 0;
padding: 0;
}

/* intestazione */

#intestazione {
	width:100%;
	text-align: left;
	float: left;
	background: #fff;
}

#sx {
	float: left;
	width: 100%;
}

#foto, #dx {
	display: none;
}

/* corpo home */

#corpoh {
	float:left;
	width: 100%;
	background: #e3e8e8;
}

#colonna-1h {
	float:left;
	width:60%;
	background: transparent;
	
}

#colonna-2h {
	float:left;
	width: 40%;
	background: #fff;
}

/* corpo */

#centrato {
	width:100%;
	text-align: left;
	background: #fff;
	float: left;
}

#corpo {
	width: 90%;
	background: #fff;
	margin: auto;	
	margin-top: 1em;
	margin-bottom: 0.3em;
	
}

#colonna-1 {
	float:left;
	width:440px;
	background: #fff;
}

#colonna-2 {
	margin-left:490px;
	background: #fff;
	padding: 10px;
}

#colonna-1a {
	float:left;
	width:48%;
	background: #fff;
	
}

#colonna-2a {
	margin-left:48%;
	background: #fff;
	padding: 0 2%;
	
}

#pie {
	border-top: #ff5380 solid 1px;
	clear: left;
	background:#fff;
	width: 100%;
	margin: 1em 0 0 0;

}

#pie p {
	padding-left: 4px;
}

.argomento2a {background:#fff; width:50%;padding:0; min-height: 14.8em; float:left;overflow:hidden;margin: 0; text-align: left; color: #333; border-top: 0.4em solid #ff5380;}
.argomento2b {background:#fff; width:50%;padding:0; min-height: 14.8em; float:left;overflow:hidden;margin: 0; text-align: left; color: #333; border-top: 0.4em solid #a6c82f;}
.argomento2c {background:#fff; width:50%;padding:0; min-height: 14.8em; float:left;overflow:hidden;margin: 0; text-align: left; color: #333; border-top: 0.4em solid #cc0033;}
.argomento2d {background:#fff; width:50%;padding:0; min-height: 14.8em; float:left;overflow:hidden;margin: 0; text-align: left; color: #333; border-top: 0.4em solid #0099cc;}

.argomento2a p, .argomento2b p, .argomento2c p, .argomento2d p {
	padding-left: 0.4em;
	text-align: left;
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

.argomento1 {background:#006699; width:14em;padding:0;float:left; border: 1px solid #fff; overflow:hidden;margin: 10px 4px 10px 0; min-height: 2em;}
.argomento2 {background:#fff; width:14em;padding:0;float:left; border: 1px solid #006699; overflow:hidden;margin: 10px 4px 10px 0; min-height: 2em;}
.argomento1 p, .argomento2 p  {
	line-height: 3em;
	text-align: center; 
	font-size: 1.2em;
}

.argomento1 a:link, .argomento1 a:visited, .argomento1 a:hover, .argomento1 a:focus, .argomento1 a:active {
		color: #fff;
}

/*------------------------------------*\
    $CAROUSEL
\*------------------------------------*/
.carousel{
    overflow:hidden;
    width:100%;
}
.panes{
    list-style:none;
    position:relative;
	margin:0;
	padding:0;
    width:200%; /* Number of panes * 100% */
    overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
        
    -moz-animation:carousel 24s infinite;
    -webkit-animation:carousel 24s infinite;
    animation:carousel 24s infinite;
}
.panes > li{
    position:relative;
    float:left;
    width:50%; /* 100 / number of panes */
	
}
.carousel img{
    width:100%;
    max-width:100%;
}
.carousel h2{
    font-size:1em;
    padding:0.5em;
    position:absolute;
    right:10px;
    bottom:10px;
    left:10px;
    text-align:right;
    color:#fff;
    background-color:rgba(0,0,0,0.75);
}

@keyframes carousel{
    0%    { left:0; }
    25%   { left:0; }
    50% { left:-100%; }
    75% { left:-100%; }
    100%  { left:0; }
}

#modulo {width: 98%; padding: 0; text-align: left;}
#modulo fieldset {float:left;width:100%; margin: 0;padding: 0; border: 0; background: transparent;}
#modulo legend{font: normal 180% Arial; color: #ff5380; margin: 0 0 0 0;}
#modulo legend.dopo {margin: 1em 0 0.5em 0 }
#modulo fieldset div{float:left;width:98%; background: transparent; padding: 2px 0; font: normal 14px/25px Arial, sans-serif; color: #000;}
#modulo fieldset input, textarea {border: 1px solid #ccc;}
#modulo fieldset textarea.post {width:100%; height: 200px;}
#modulo fieldset input.white {width:auto; border: 0;}
#modulo fieldset input.subject {width:100%;}
#modulo label{float:left;width:240px; display: inline;}
#modulo label.legal{display:block; clear: left; width: 100%;}
#modulo div.form-button input {font-weight: bold; padding: 0.3em; margin: 1em 0; background: #0099cc; color: #fff; width:140px; border: 0; text-align:center;}
#modulo select { line-height:20px; width:100px; padding:2px; border: 1px solid #ccc;} 




/* collegamenti */

a img {
	border: none;
	
}

img.news {
float: left;
margin: 0 4px 0 4px;
}

a:link {
	background: transparent;
	color: #ff5380;
	text-decoration: none;
}

a:visited {
	background: transparent;
	color: #ff5380;
	text-decoration: none;
}



a:hover, a:focus, a:active {
	background: transparent;
	color: #ff5380;
	text-decoration: none;
}

ul.no {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 1em;
}


/* formattazione */
p {
	text-align: justify;
	line-height: 1.6;
	font-size: 1.2em;
}

img {
     max-width: 100%;
}

img.float {
	max-width: 12em;
	
}

#colonna-1 ul li, #colonna-2 ul li {
	padding-bottom: 10px;
	font: normal 14px/25px Arial,sans-serif;
	color: #000;
	text-align: justify;
	margin-left: 15px;
	padding-left: 10px;
}

#colonna-1 ol li, #colonna-2 ol li {
	padding-bottom: 10px;
	font: normal 14px/25px Arial,sans-serif;
	color: #000;
	text-align: justify;
	margin-left: 15px;
	padding-left: 10px;
}


p.titolo {
	color: #333;
	font: normal 2.2em Arial;
}

p.subtitolo {
	font-size: 220%;
	color: #0099cc;
	margin: 10px 0;
	text-align: left;
}

p.titoloh {
	color: #333;
	font: bold 1em Arial;
	margin: 0 0 1.2em 0;
}

p.subtitoloh {
	font: normal 0.9em Arial;
	color: #444;
	text-align: left;
	margin: 0.4em 0;
}

p.subtitoloaf {
	font-size: 200%;
	color: #333;
	margin: 10px 0;
	
}

blockquote {
	font-size: 14px/25px;

}


pre {
	margin: 10px 0;
	background: #888;
	padding: 5px;
	font-size: 14px;
	width: 320px;
	font-size: 14px/25px;
	text-align: justify;
	line-height: 1.6em;
}

h1 {
font: normal 220% Arial, sans-serif;
color: #0099cc;
line-height: 1.6em;
}

h2 {
font: normal 180% Arial, sans-serif;	
color: #333;
line-height: 1.6em;
}

h3 {
font-size: 1.0em;
color: #ff5380;
}

h4 {
font-size: 0.8em;
color: #000;
}

p.mini {
	text-align: left;
	font-size: 1em;
	color: #000;
	
}

p.login {
	text-align: left;
	color: #000;
	margin: 1em 0;
}


p.center {
	text-align: center;
	padding: 0;
}

p.right {
	text-align: right;
	margin-right: 0.4em;
}

strong {
	font-weight: bold;
	color: #000000;
}

em {
	color: #000000;
	font-style: normal;
}

span.aa {
	color: #fff;
	background: #ff5380;
	padding: 0.4em;
}

span.ac {
	color: #fff;
	background: #cc0033;
	padding: 0.4em;
}

span.ad{
	color: #fff;
	background: #0099cc;
	padding: 0.4em;
}


span.yel {
	color: #FF9900;
}

span.red {
	color: #FF0000;
	
}

span.blue{
	color: #3366FF;
}

span.green {
	color: #669933;
}

span.pink {
	color: #e856a5;
}

span.arancio {
	color: #ff6600;
}

span.gray {
	color: #333333;
}

span.violet {
	color: #8064a2;
}

span.brown {
	color: #633c2f;
}

span.orange {
	color: #FF6600;
	font-weight: bold;
	font-family: Georgia, serif;
	font-size:	20px;
}

p.lab {
	padding: 5px 0;
	text-align: justify;
	font: normal 11px Tahoma, sans-serif;
	color: #000;
	line-height: 14px;
	
}

p.logo {
	padding: 4px 0 0 0;
	text-align: left;
	font: normal 26px Tahoma, sans-serif;
	color: #000;
	line-height: 14px;
	
}

table {
	width: 100%;
	background: transparent;
	border-collapse: collapse;
	border-color: #ccc;
}

td, th, th p, td p {
	text-align: center;
	background: #fff;
	border-collapse: collapse;
	border-color: #ccc;
}