/* CSS by Davide Permunian 

Schema Colori:

#293663: Blu ufficiale
#375490: Azzurro scuro contenuti
#FEED37: Giallo ufficiale 
*/

@import url("reset.css");

body { font-family:Verdana, sans-serif; font-size: small; color: #293663; margin: 0; padding:0; background: #FEED37; color: #fff;}
body a { width:auto; outline:none;}
img { border:none; vertical-align: middle; }
form, input, select, textarea { margin: 0; padding: 0; }
td, tr, caption { padding:3px }

.spacer20 { height: 20px; }
.spacer40 { height: 40px; }
.spacer60 { height: 60px; }
.spacer80 { height: 80px; }
.spacer100 { height: 100px; }

#wrapper { width: 960px; margin: 0 auto; padding: 0;  }

#header_left { height: 70px; width:450px; float: left;}
#header_left a { height: 70px; width: 450px; float: left; background:url(../images/header_logo.gif) 0 0 no-repeat; }
#header_left a:hover { height: 70px; width: 450px; background:url(../images/header_logo.gif) 0 -70px no-repeat; }

#header_right { height: 70px; width:510px; float: right; background:url(../images/header_right_bg.gif) top center no-repeat; }

/* reset margini/padding + tolgo punto lista */
ul#nav, ul#nav li, ul#nav ul{  list-style:none; margin:0; padding: 0; }
/* MAINLIST: proprietà barra navigazione e link principali */
#nav { clear: both; float: left; height:60px; width:960px; line-height:40px; background:url(../images/nav_bg.gif) top center no-repeat;  }
/* MAINLIST: setto il float lista + riassetto la posizione in relativa da assoluta */
#nav li{ float: left; position: relative; padding:0;  }
/* MAINLIST: proprietà link principali - IMPORTANTE il BLOCK! */
#nav a{ display:block; padding: 0 15px; text-decoration: none; color:#fff; font-size: 120%;  }
/* MAINLIST: hover delle liste e dei link mainlist  */
#nav li:hover, #nav a:hover{ color: #FEED37;}
/* SUBLIST: posizione assoluta, coordinate e larghezza sublist */
#nav ul{position: absolute;top: 40px; left: -9999px; width: 180px; }
/* SUBLIST: proprietà sublist - IMPORTANTE il float NONE!*/
#nav li li{ float: none; height:28px; line-height: 28px; display:block !important; display: inline; /*IE*/}
/* SUBLIST: grandezza font sublist, eventuale padding e colori link*/
#nav ul, #nav li li a{ padding: 0 15px; font-size: 100%; _height: 28px; /*IE*/ }
#nav ul { padding: 0 0 5px 0; background:url(../images/nav_sublist_bg.gif) bottom center no-repeat;}
/* SUBLIST: hover dei link sublist */
#nav li li a:hover{ color: #FEED37}
/* SUBLIST: riporto il left a -1px (non 0 causa bordo) da -9999 visualizzandolo + imposto z-index (livello) >0 + eventuale background lista se visibile */
#nav li:hover ul, #nav li.sfhover ul{ left: -1px; z-index: 1; /*background: #fff;*/ } 

#contenuti_top { clear: both; height: 10px; width:960px; float:left; background: url(../images/content_top.gif) top center no-repeat; }
#contenuti_bottom { clear: both; height: 30px; width:960px; float: left; background: url(../images/content_bottom.gif) bottom center no-repeat; }

#contenuti { margin: 0; padding: 0 10px;
		   width: 940px; /* 960-20 padding - necessario per contenere il float left */
		   clear: both;
		   float: left;
	       min-height: 420px; /* for Mozilla */
           height: auto !important; /* Mozilla will ignore ONLY next istruction*/
		   height: 420px; /* for I.Explorer: needs overflow visible if boxes are more than min-height*/
           overflow:visible; /* for I.Explorer: box visible with more than min-height */
		   background: #375490;
}

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

#s3slider { width: 940px; height: 420px; margin:0 auto; padding:0; position: relative; overflow: hidden; background:url(../images/index.jpg) top center no-repeat;}
#s3sliderContent { width: 940px; position: absolute; top: 0; margin-left: 0;}
#s3slider .s3sliderImage { float: left; position: relative;	display: none;}
#s3slider .s3sliderImage span { position: absolute; left: 0; bottom:0; padding: 10px 13px; width: 940px; background-color: #fff;
    opacity: 0.7 !important;
	filter: alpha(opacity=70);
    /*-moz-opacity: 0.7;
	-khtml-opacity: 0.7;*/
    color: #293663; display: none; font-weight:bold; text-align:center;}
#s3slider .clear { clear: both;}

.message { margin: 100px auto; padding: 20px; height:100px; width:500px; text-align:center; }

.societa { width: 750px; margin: 10px auto; text-align:center;}
.cards { width: 250px; height: 290px; float: left; margin: 10px 0; }
.cards img { border: 1px solid #fff; margin-bottom: 10px; }

.team_sidebar { margin: 0; float: left; width: 400px; }
.team_sidebar p { margin: 10px; font-size: 90%; }
.team_sidebar h1, .societa h1 { margin: 0; padding: 3px 0; font-size: small; text-align: center; background:url(../images/team_h1_bg.gif) top left no-repeat; color: #293663; }
.team_sidebar table { text-align:center; }

.team_result { margin: 0; float: right; width: 530px; }
.team_result table { text-align:center; }
.table_head { background: #666; }

#news { margin: 0; padding:0; }
#news span { color: #feed37; background: #293663; }
#sponsor { margin: 20px; text-align:center; }
#sponsor img { padding: 5px; background: #fff;}

#footer { clear:both; text-align: center;  height: 120px; background: url(../images/footer_bg.gif) top center no-repeat;}
#footer p { font-size: 15px; text-align: center; padding-top: 25px; }
#footer a { color: #FEED37; text-decoration:none; }
#footer a:hover { color: #fff; text-decoration:underline; }

#scambiobanner {clear:both; text-align:center; height: 180px; color: #293663}

#developer { clear: both; text-align:center; margin-bottom: 10px; color: #666; font-size:9px; font-stretch:ultra-condensed;}
#developer a { color: #333; text-decoration: none; }
#developer a:hover { text-decoration: underline; }

#box { margin: 100px auto; padding: 20px; height:100px; width:500px; background:#FEED37; border: 1px solid #3B5998; text-align: center; }
#box input { padding: 2px; border: 1px solid #293663; background: #fff;}
.labelrow { width: 140px; height: 25px; text-align:right; clear:left; float: left; }
.inputrow { width: 300px; height: 25px;text-align: left; float: right; }
.subclass  { margin-top: 10px; }