
/* #03395D blu scuro */
/* #e9e9e9 grigio chiaro di sfondo  */
/* #E3C404 giallo main */
/* color:#006699; link */

body{
  font-family:Arial, Helvetica, sans-serif;
  color:#333333;
  margin:0px;
  padding:0px;
  background-color:#E9E9E9;
  /*background:#FFFFFF url(../images/bg1.jpg) no-repeat left top;*/
  }
  


#Wrapper {
  background-color:#FFFFFF;
  position:absolute;
  padding:10px;
  padding-top:0px;
  width:960px;
  left:50%;
  margin-left:-480px;
  
}





/* -------------------------------------- principali ----------------------------- */


#Header{
background:#ffffff url(../images/bgHeader.gif) repeat-x left top;
height:120px;
   }

#Header #Logo{
background-image:url(../images/bgLogo.gif);
background-repeat:no-repeat;
background-position:left top;
height:120px;
}

#Header #Logo img{ margin-left:20px; margin-top:25px; }

#LoghiSocieta{
  position:absolute;
  right:30px;
  top:5px;
  }

#LoghiSocieta a img{
border:none;
}



/* ------------------------------------------ menu principale --------------------------- */

#Menu{
  height:34px;
  background-color:#000000;
  background-image:url(../images/bgMenu.gif);
  background-repeat:repeat-x;
  background-position:left top;
  border-bottom:4px solid #E9E9E9;
  position:absolute;
  z-index:1000;
  width:960px;
  top:120px;
  }
  
 
 
 
 /* --------------------------------------- top home page --------------------------------- */
 
 
#TopHP{
   height:195px;
   margin-right:2px;
   margin-top:35px;
   }

#TopHP div{
  float:left;
  margin-right:5px;
  height:195px;
  }

#TopHP #Slide{
 width:423px;
 background-color:#333333;
}


#TopHP #BoxNextMatch{
  background-color:#E9E9E9;
  width:215px;
}


#TopHP #BoxLastMatch{
   margin-right:0px;
   background-color:#333333;
   width:310px;
   float:left;
   height:195px;
}

#TopHP #BoxLastMatch #LastMatchFlashContent{
position:absolute;
}


/*   box prossime partite */


#BoxNextMatch div{
  padding:10px 10px 0px 10px;
  width:180px;
  height:155px;
  }

#BoxNextMatch span{ display:block; border-top:1px solid #CCCCCC; }


#BoxNextMatch hr { height:5px; border:none; clear:both; }


#BoxNextMatch span.data{ 
      font-size:12px; background-image:url(../images/ico_calendar.gif); background-repeat:no-repeat;
	  padding: 5px 5px 3px 25px;
	  width:40%;
	  float:left;
	  border:none;
	  }


#BoxNextMatch span.ora{ 
      font-size:12px; background-image:url(../images/ico_clock.gif); background-repeat:no-repeat;
	  padding: 5px 5px 3px 25px;
	  width:20%;
	  float:left;
	  border:none;
	  }

#BoxNextMatch p{
  clear:both;
  }

#BoxNextMatch span.squadra{  
  color:#006699;
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
  padding-top:3px;
  padding-bottom:3px;
  }

#BoxNextMatch span.luogo{ font-size:10px; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}


/* --------------------------------------------- h4, h4, h5 ----------------------------------------- */


h3.blue{
  height:28px;
  margin:0px;
  padding:0px;
  /*background:#03395D url(../images/bgH3.gif) no-repeat right top;*/
  background-color:#03395d;
  border-bottom:2px solid #E3C404;
  }


h3.blue span{
  font-size:10px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:8px;
  color:#70C7FF;
  display:none;
}

h3.blue img{ border:none; padding-top:2px; padding-left:5px;}



h4.blue{
  height:28px;
  margin:0px;
  padding:0px;
  background-color:#E9E9E9;
  border-bottom:1px solid #CCCCCC;
  }


h4.blue span{
  font-size:10px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:8px;
  color:#03395D;
  display:block;
}


h2.titolopagina{

color:#333;
font-size:20px;
margin:5px 0px;
letter-spacing:-1px;
padding:5px 0px;
border-bottom:1px dashed #333;


}


h3.sottotitolopagina{

color:#006699;
font-size:20px;
margin:5px 0px;
letter-spacing:-1px;
padding:5px 0px;
border-bottom:none;


}


/* ---------------------------------------- CONTENT (contenuto princiaple di pagina) --------------------------- */
#MainTable{
  margin-top:35px;
  background-color:#FFFFFF;
}


#Content{
  padding:10px;
  padding-right:30px;
  }

#ContentRight{
width:310px;
  }
  
  
#Content div.spacer, #ContentRight div.spacer{
height:20px;
clear:both;
}

#ContentRight hr{
  visibility:hidden;
  }
  
/* --------------------------------------------- news --------------------------------------- */
  
div.news{
  margin-bottom:20px;
  max-width:600px;
}

div.news span.data{ font-size:12px; letter-spacing:1px; color:#666666; }

div.news h3{
color:#006699;
font-size:20px;
margin:5px 0px;
letter-spacing:-1px;
padding:5px 0px;
border-bottom:1px dashed #CCC;
border-top:1px dashed #CCC;
}
  
div.news p{ font-size:13px; }


div.news a.continua{
  font-size:12px;
  color:#006699;
  }

div.news table td, div.news table th, div.news p, div.news span{
font-family:Arial, Helvetica, sans-serif;

}


/* ---------------------------------- ultime news home page overflow------------------------------------ */


div.lastnews{
  border:1px solid #e9e9e9;
  margin-bottom:20px;
  width:215px;
  }

div.lastnews div.scroll-pane{
  overflow:auto;
  height:295px;
  /*background-color:#e9e9e9;*/
  }

div.lastnews div.scroll-pane div{
  padding:5px;
  border:5px solid #e9e9e9;
  border-bottom:none;
  background-color:#FFFFFF;
  }

div.lastnews span.data{
  font-size:12px;
  color:#666666;
  display:block;
  letter-spacing:1px;
  font-weight:bold;
  }

div.lastnews a{
     color:#006699;
	 font-size:14px;
	 font-weight:bold;
  }

div.lastnews p{
  font-size:10px;
  padding:0px;
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  

div.lastnews span.categoria{
  font-size:10px;
  color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

div.lastnews span.categoria a{
  color:#006699;
  font-weight:bold;
  font-size:10px;
  }  

/* ---------------------------------- box lato destro ------------------------------------- */

div.bgceleste{
  padding:8px;
  background-color:#D2E6F3;
  }


div.bgceleste a.continua{
  display:block;
  padding:8px;
  background-color:#fff;
  margin-top:2px;
  clear:both;
  color:#006699;
  font-size:11px;
  }

div.bgceleste a.continua small{
font-size:10px;
text-decoration:none;
}

#BoxPhotogallery div.bgceleste{
   min-height: 190px;
   width:295px;
   }



#BoxPhotogallery a.borderwhite img{
  margin-left:5px;
  margin-bottom:5px;
  border:4px solid #FFFFFF;
  }
  
#BoxMerchandising{
height:295px;
  }

#BoxMerchandising div{ 
  height:150px;
  }

#BoxMerchandising img{
  margin-right:5px;
  }
  
#BoxMerchandising p{
  padding:0px;
  margin:0px;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

#BoxMerchandising p a{ color:#006699; font-weight:bold; }


/* -------------------------------------- box ultime news girano su lato destro -------------------------- */

.BoxLastNews span.titolonews, .BoxLastNews span.datanews, .BoxLastNews span.categorianews{
display:block;
}

.BoxLastNews span.datanews{
  font-size:12px;
  color:#333333;
  letter-spacing:1px;
}


.BoxLastNews span.titolonews, .BoxLastNews span.categorianews{
 
  font-size:14px;
  color:#333333;
  letter-spacing:-1px;
}

.BoxLastNews span.titolonews a{ color:#006699; font-weight:bold; }

.BoxLastNews div.scroll-pane{
  height:250px;
  overflow:auto;
  }
  


.BoxLastNews div.scroll-pane div{ padding:5px; border-bottom:1px solid #e9e9e9; }



/* ------------------------------------- form iscrizione newsletter lato destro ----------------------------------- */

#formSubscribe{
  margin:0px;
  padding:0px;
  }

#formSubscribe ul{
  margin:0px;
  padding:10px;
  list-style:none;
  }

#formSubscribe ul li{
  display:block;
  padding-bottom:3px;
  font-size:11px;
  }
  
#formSubscribe ul li label{
  display:block;
  float:left;
  width:80px;
  padding-top:5px;
  }
  
#formSubscribe ul li p{
padding-left:80px;
}

#formSubscribe ul li p a{ color:#006699; }


#formSubscribe ul li input[type=text]{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  }
  
/* --------------------------------- form generali -------------------------------------- */
  
form ul li input[type=text], form ul li textarea, form ul li select{
  	border: 1px solid #bbb;
	border-top: 1px solid #777;
	border-bottom: 1px solid #ddd;
	background: #fefefe url(../images/textbg.png) no-repeat top left;
	padding: 0.3em 0.3em;
}

form input[type=submit], form input[type=button]{
  background-color:#006699;
  font-size:11px;
  padding:2px;
  color:#FFFFFF;
  margin:10px;
  }





/* ---------------------------------- pagina galleria fotografica ---------------- */

#SelectGalleria{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   position:absolute;
   margin-top:-25px;
   margin-left:200px;
   }
   
#SelectGalleria select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:340px;
}



div.PageList{
  padding:5px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
div.PageList span{
  display:block;
  font-size:10px;
  }
  
div.PageList p{
padding:3px;
margin:0px;
}

div.PageList p a{
  color:#006699;
  }


table.gallery{
margin-top:10px;
margin-bottom:10px;
  

}


table.gallery a img.thumb { border:5px solid #e9e9e9; }
table.gallery a span{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
color:#006699;
padding:3px 0px;
text-decoration:underline;
}



/* ------------------------------------ tabella testo ------------------------------ */

table.tabellatesto{
margin-top:10px;
margin-bottom:10px;
}

table.tabellatesto td{
  font-size:13px;
  color:#333333;
  }
  
table.tabellatesto td a{ color:#006699; }
  
table.bordergrigio td{
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #e9e9e9;
  }
  
  
table#TableOrganigramma{
margin-top:10px;
margin-bottom:10px;
}

table#TableOrganigramma td{
padding-top:3px;
border-top:1px solid #999;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#333;
  padding-bottom:5px;
  }


p.testopiccolo{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 }
 

/* -------------------------------------- LISTA GIOCATORI/STAFF IN PAGINA SQUADRA ------------ */

#BoxListPlayer, #BoxListStaff{
      margin-bottom:10px;
} 

#BoxListPlayer div, #BoxListStaff div{
  width:140px;
  float:left;
  height:320px;
  margin-right:5px;
}


#BoxListPlayer div table td, #BoxListStaff div table td{
  height:195px;
  padding:0px;
  margin:0px;
  border:1px solid #CCCCCC;
  }
  

#BoxListPlayer div p span, #BoxListStaff div p span{
  display:block;
  font-size:10px;
  }

#BoxListPlayer div p.nomegiocatore, #BoxListStaff div p.nomegiocatore{
    font-weight:bold;
  font-size:14px;
  color:#006699;
  letter-spacing:-1px;
}


/* ---------------------------------- tabella classifica in pagina campionato -------------------- */

#TabellaClassifica{

}


#TabellaClassifica td, #TabellaClassifica th{
  font-size:13px;
  color:#333333;
  padding:2px;
  border:1px solid #e9e9e9;
  }

#TabellaClassifica th{
 background-color:#e9e9e9;
 }
 
#TabellaClassifica tr.bold td{
  font-weight:bold;
  color:#006699;
  }


/* ------------------------------------- partite giocate in pagina campionato ------------------------ */

div.BoxPartiteGiocate{

 font-size:13px;
 color:#333333;
 clear:both;
 border-bottom:1px solid #e9e9e9;
 margin-bottom:3px;
 height:40px;
 

}

div.BoxPartiteGiocate span.datapartita{

   }


div.BoxPartiteGiocate p{
  margin:0px;
  padding:0px;
  }
  
div.BoxPartiteGiocate p.nomepartita a{
  font-weight:bold;
  color:#006699;
  text-transform:uppercase;
  display:block;
  float:left;
  width:400px;
  } 

div.BoxPartiteGiocate p.punteggiopartita{
  display:block;
  float:left;
  width:200px;
}

div.BoxPartiteGiocate p.punteggiopartita span{
  font-weight:bold;
  background-image:url(../images/bgPunti.gif);
  background-repeat:no-repeat;
  padding:6px;
  }


div.BoxPartiteGiocate p.punteggiopartita a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
padding-left:10px;

}


/* ------------------------------------- tabella calendario ----------------------------- */


#TabellaCalendario{

}

#TabellaCalendario td{
  padding:5px;
  font-size:13px;
  border:1px solid #e9e9e9;
  }
  
#TabellaCalendario tr.numgiornata td{
text-transform:uppercase;
font-size:15px;
  }

#TabellaCalendario tr.bold td{
color:#006699;
font-weight:bold; 
text-transform:uppercase;
  }

/* ---------------------------------- link secondari ------------------------------------ */


.ullinksecondari{
  margin:0px;
  padding:0px;
  }

.ullinksecondari li{
display:block;
float:left;
background-image:url(../images/bgLiSecondari.gif);
background-position:center center;
background-repeat:no-repeat;
font-size:11px;
 text-align:center;
 width:140px;
 padding-top:3px;
 padding-bottom:3px;
 margin-right:5px;
 margin-top:5px;
}

.ullinksecondari li span{display:none;}

.ullinksecondari li a{ color:#006699; font-weight:bold; text-decoration:none; text-transform:uppercase; }


/* ---------------------------------- tabella prodotti in merchandising ------------- */

#TableArticlesMerch{

  }

#TableArticlesMerch td{
  font-size:13px;
  background-color:#e9e9e9;
  width:33%;
  height:335px;
  }
  




#TableArticlesMerch td div.fotoprodotto{
  display:block;
  width:100%;
  background-color:#fff;
  }

#TableArticlesMerch td div.fotoprodotto img{ border:none; }

  
#TableArticlesMerch p.nomeprodotto{
  font-weight:bold;
  font-size:14px;
  color:#006699;
  letter-spacing:-1px;
  padding:5px;
  height:25px;
  }
  
#TableArticlesMerch p.taglia, #TableArticlesMerch p.prezzo{
  padding:0px 5px;
  margin:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  }


#TableArticlesMerch input.p_merchand{
  font-size:11px;
  background-color:#006699;
  color:#FFFFFF;
  position:absolute;
  margin-top:300px;
  margin-left:30px;
  padding:3px;
  }


/* --------------------------------------- pagina video ------------------------------------------------- */

#BoxLastVideo div.scroll-pane{
overflow:auto;
height:465px;
}



#TableVideo td{
  padding:3px;
  }
  
#TableVideo td .thumbnail{
  height:80px;
  width:100px;
  background-repeat:no-repeat;
  border:4px solid #e9e9e9;
  background-position:center center;
  }

#TableVideo td.border{
  border-top:1px solid #e9e9e9;
  height:1px;
  }
  

#TableVideo td a.title{
  font-size:14px;
  font-weight:bold;
  color:#006699;
  letter-spacing:-1px;
  text-transform:uppercase;
  }
  
  
#TableVideo td input[type=image]{
  position:absolute;
  border:none;
  margin-top:30px;
  margin-left:35px;
  }


#BoxPlayerVideo{
   width:605px;
   background-color:#000000;
   display:none;
   }

#BoxPlayerVideo #SWFVideoPlayer{
  margin-left:5px;
  }
  
#BoxPlayerVideo #BoxDataVideo{
  width:150px;
  float:right;
  margin-right:10px;
  }

#BoxPlayerVideo #BoxDataVideo h3{
  font-size:16px;
  color:#FFFFFF;
  font-weight:bold;
  }
  
#BoxPlayerVideo #BoxDataVideo p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}

#BoxDataVideo ol{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-top:10px;
  }

#BoxDataVideo ol li{ font-size:13px; }


/* ------------------------------------- form richiesta merchandising / form contatti generale ------------------------------- */

#formRequest{
  margin:0px;
  padding:0px;
  }

#formRequest #BoxProductSel{
  padding:5px;
  border:1px solid #e9e9e9;
  font-size:13px;
  color:#333333;
  height:180px;
  }
  
#formRequest ul, #formContact ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }


#formRequest ul li, #formContact ul li{
font-size:13px;
padding-bottom:3px;
padding-top:3px;
}

#formRequest ul li.obbligatorio, #formContact ul li.obbligatorio{
background-color:#e9e9e9;
   
}

#formRequest ul.border li, #formContact ul.border li{
border-bottom:1px solid #ccc;
}

#formRequest ul li label, #formContact ul li label{
  display:block;
  float:left;
  width:100px;
  margin-right:10px;
  padding-top:5px;
  }
  
#formRequest ul li p, #formContact ul li p{
  padding-left:110px;
  }
  
  
span.obbl{

  }
  
  
/* ---------------------------------- box tabellonisti --------------------- */

#ScrollerTabellonisti{
text-align:center;

}

#ScrollerTabellonisti img{
  padding:5px;
  }
  
  
  /* ------------------------------------------ varie -------------------- */
  
  
  img.bordogrigio{
  border:5px solid #e9e9e9;
  margin-bottom:8px;
  margin-top:8px;
  }
  
  

 /* ------------------------------------------- footer ---------------------*/
 
 #Footer{
   clear:both;
   margin-top:10px;
   padding:10px;
   font-size:0px;
   padding-top:10px;
   border-top:1px solid #CCCCCC;
   }
 
 #Footer p{
   width:250px;
   float:left;
   text-align:left;
   font-size:11px;
   height:65px;
   }
   
 #Footer p span{
   color:#666666;
   padding-left:2px;
   padding-right:2px;
   } 
   
 
 #Footer #p1{
   background-image:url(../images/logo_amatori2.gif);
   background-repeat:no-repeat;
   padding-left:65px;
   }
     
 #Footer #p2{
   background-image:url(../images/logo_educativo2.gif);
   background-repeat:no-repeat;
   padding-left:65px;
   }
   
 #Footer #p3{
   text-align:right;
   width:300px;
   }
 
  #Footer #p3 a{ font-weight:bold; }
   
 #Footer p a{
   color:#006699;
 }