/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE GENERALE DELL'HTML, BODY E GLOBAL.

#######################################################################
#####################################################################*/

html {
	height: 100%; 
	margin-bottom: 1px;}
	
body{
    background: #d5d5d5 url('/images/sfondo-sito.png') repeat-x;
    color: #676767;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:10pt;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;}
    

hr {
	background-color: #800000;
	color: #800000;
	border: none;
	height: 1px;
	width: 100%;}




/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLE INTESTAZIONI E TITOLI TESTO.

#######################################################################
#####################################################################*/                           

h1
{
    color: #993333;
    text-align: center;
    margin-top: 0;
    letter-spacing: 1px;
    font-size: 22px;
}

h2
{
    color: #482400;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    font-size: 18px;
}

h3{ color: #993333;
    text-align: left;
    margin: 0;
    padding:0;
    letter-spacing: 1px;
    font-size: 16px;}










/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DEL DIV CONTENTENTE L'HEADER.

#######################################################################
#####################################################################*/

#header{
    position: relative;
    width: 1024px;
    height: 180px;
    background-image: url("/images/header.png");
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    text-align: left;}
    
#headerContent
{   padding: 40px 40px 20px 40px;
    height:110px;}
    
#divLogoCircolo
{   float:left;
    height:110px;
    width:120px;}

#divHeaderCircolo
{   float:left;
    padding-left: 20px;
    height:110px;
    width:540px;}

.NomeCircolo
{   font-size:20pt;
    font-weight:bold;
    color:#ab0010;
}
a.NomeCircolo
{   text-decoration:none;
    }

.ContattiCircolo
{
    font-size: 12pt;
    color: #666666;
}

#linkFitab
{   float:left;
    margin-left:40px;
    width:220px;
    height:110px;
    cursor:pointer;
    }





/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DEL DIV MENU.

#######################################################################
#####################################################################*/

#divMenu
{width:980px;
 height:54px;
 color:White;
 margin: 0 22px 0 22px;
 background-image: url("/images/divMenu.png");
}

#Menu ul
{margin: 0;
padding: 0;
font-size: 12pt;
height:33px;
color:#e0f5fc;
padding-top: 10px;
list-style-type: none;
text-align: center; 
background-image: url("/images/sfondo-divMenu.png");
}

#Menu ul li{display: inline;}

#Menu ul li a{
text-decoration: none;
font-weight:bold;
padding: .2em 1em;
color: white;
}

#Menu ul li a:hover
{color  :#002dae;
    }
    
    
    









/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DEL WRAPPER.

#######################################################################
#####################################################################*/

#wrapper {
	background-image: url("/images/wrapper.png");
	width: 1024px;
	text-align: left;
	margin: 0 auto;}
	

	
	

/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DEL CONTENUTO PRINCIPALE 'MAIN'.

#######################################################################
#####################################################################*/

#main
{
    font-size: 10pt;
    color: #676767;
    float: left;
    width: 976px;
    min-height:500px;
    height:auto !important;
    height:500px;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    line-height: 1.5em;
    padding: 0 24px 0 24px; 
    text-align: justify;
}

#main p {
    margin-bottom: 0;
	margin-top: 0;}
	
#main a {
	color: #6599DC;
	text-decoration: none;
	font-weight: normal;}

#main a:hover {
	color: #993333;
	text-decoration: none;
	font-weight: normal;}
		
	
	
	
	
/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PRIMA COLONNA A SINISTRA.

#######################################################################
#####################################################################*/

#sidesx
{
    float: left;
    width: 448px;
    margin: 20px;
    min-height:400px;
    height:auto !important;
    height:400px;
    position: relative;
    background-image: url("/images/box-HomeDescrizioneCircolo.png");
    background-repeat: no-repeat;
}

#sidesx p {
	margin-bottom: 0;
	margin-top: 0;
}


#sidesx h1
{
    color: #666666;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 12px 0px 0px 70px;
    letter-spacing: 1px;
}






/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA SECONDA COLONNA A DESTRA.

#######################################################################
#####################################################################*/

#sidedx
{
    float: left;
    width: 448px;
    margin: 20px;
    min-height:330px;
    height:auto !important;
    height:330px;
    position: relative;
    background-image: url("/images/box-HomeNewsCircolo.png");
    background-repeat: no-repeat;
}

#sidedx p {
	margin-bottom: 0;
	margin-top: 0;
}

#sidedx h1
{
    color: #666666;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 12px 0px 0px 70px;
    letter-spacing: 1px;}

#NewsArchivio
{  text-align:center;
   height:50px;
   background-image: url("/images/ArchivioNews.png");
   margin-top:10px;
   vertical-align:bottom;
   font-size:12pt;
    }


#news-container{}
     
#news-container ul
{list-style: none; 
 padding: 0px; 
 margin: 0px;
}

    
.marginNews
{   padding-bottom:20px;
    
}





/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA SEZIONE BOTTOM.

#######################################################################
#####################################################################*/


#sideBottom
{   
    width:940px;
    margin:20px;
    }
    
#sideBottom h1
{   color: #666666;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    letter-spacing: 1px;     
}

#Photogallery
{   width:240px;
    height:130px;
    float:left;
}






/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DEL DIV 'FOOTER'.

#######################################################################
#####################################################################*/


#footer {
	background: url("/images/footer.png") no-repeat;
	clear: both;
	padding: 40px 0 0 0;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.7em;
	font-size: 8pt;
	color:#434343;
	width: 1024px;
	height: 67px;}

#footer a {
	color: #f2ead6;
	text-decoration: none;
	font-weight: normal}
	
#footer a:hover{
    color: #f2ead6;
    font-weight: normal;
    text-decoration: underline;
}











/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DI DIV E SEZIONI VARIE.

#######################################################################
#####################################################################*/

.clearBoth{clear:both; color:White;}

.Separatore
{   clear:both;
    width:970px;
    height:17px;
    background: url("/images/ombra-generica.png") no-repeat;
    }

.boxBottom
{   float:left;
    width: 150px;
    height:130px;
    margin-right: 20px;
    
        }
        
 .displayNone
 {display:none;
 }
 
 .visibilityNone
 {visibility:hidden;
     }
        
        
    
    
    
    
    
/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'CHI SIAMO'.

#######################################################################
#####################################################################*/


#ChiSiamoContent
{margin-left:40px;
 float:left;
 width:670px; 
    }
    
#ChiSiamoContent h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;
        }

#ChiSiamoContent h1 img
{vertical-align:middle;
 margin-right: 20px;
    }


#divMenuLeft
{width:190px;
 color:White;
 text-align:left;
 float:left;
 min-height:320px;
 height:auto !important;
 height:320px;
 background-image: url("/images/MenuLeft.png");
 background-repeat:no-repeat;
 padding:10px 0 0 10px;
 
}

#divMenuLeft ul
{margin: 0;
padding: 0;
font-size: 12pt;
color:#e0f5fc;
list-style-type: none;
text-align: left; 
/*background-image: url("/images/sfondo-divMenu.png");*/
}

#divMenuLeft ul li{margin-bottom:20px;}

#divMenuLeft ul li a{
text-decoration: none;
font-weight:bold;
/*padding: .2em 1em;*/
color: #666666;
}

#divMenuLeft ul li a:hover
{color  :#002dae;
 font-weight:bold;
 text-decoration:underline;
    }
    


/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'TORNEI SVOLTI'.

#######################################################################
#####################################################################*/


#TorneiSvolti
{margin:20px;}
    
#TorneiSvolti h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}

#divGrigliaTornei
{
    border: 1px solid #bbd9ee;
    padding: 3px;
    width: 480px;
} 

#divGrigliaPremiati
{width: 420px;
 border: 1px solid #bbd9ee;
 text-align:left;
 padding: 3px;
 float:left;}

.divGrigliaTesserati
{border: 1px solid #bbd9ee;
 text-align:left;
 padding: 3px;
}

.GrigliaH1
{
    color: White;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 10pt;
    font-weight:bold;
    margin: 0px;
    padding: 4px;
    background-image: url('../images/sfondo-divMenu.png');
    background-repeat: repeat-x;
} 

#TorneiSvolti h1 img
{vertical-align:middle;
 margin-right: 20px;
    }
    

 
 #divGrigliaTornei a{color:#18993b; font-weight:bold;}
 #divGrigliaTornei a:hover{color:#0066cc; text-decoration:underline; font-weight:bold;}
 
 
 /* STILE GRIGLIE*/
  
 .mGrid { 
    width: 100%; 
    background-color: #fff; 
    border:none;}

/* Stile celle griglia */
.mGrid td { padding: 4px; }

/* Stile Header celle griglia */
.mGrid th { 
    font-size:10pt;
    font-weight:bold;
    letter-spacing:0px;
    padding:2px 4px;
    color:#0066cc;
    border-bottom:solid 2px #bbd9ee;}

.emptyRow
{min-height:100px; height:auto !important; height:100px;
    }

/* Stile righe standard - GRIGLIA TORNEI, GRIGLIA ARCHIVIO NEWS, GRIGLIA CALENDARIO */
.rowTornei, .rowNews, .rowCalendario {border-bottom:solid 1px #bbd9ee; min-height:52px; height:auto !important; height:52px;}
.rowTornei:hover, .rowNews:hover, .rowCalendario:hover {background-color: #EAF9FF;}

/* Stile righe alternate - GRIGLIA TORNEI, GRIGLIA ARCHIVIO NEWS, GRIGLIA CALENDARIO */   
.RowAltTornei, .rowAltNews, .rowAltCalendario {background: #F4F4F4; border-bottom:solid 1px #bbd9ee; min-height:52px; height:auto !important; height:52px;}
.RowAltTornei:hover, .rowAltNews:hover, .rowAltCalendario:hover {background-color: #EAF9FF;}

/* Stile righe standard - GRIGLIA PREMIATI */
.row{border-bottom:solid 1px #bbd9ee;}
.row:hover{background-color: #EAF9FF;}

/* Stile righe alternate - GRIGLIA PREMIATI */   
.RowAlt {background: #F4F4F4; border-bottom:solid 1px #bbd9ee;}
.RowAlt:hover {background-color: #EAF9FF;}

/* Stile DataPager */
.GridPager {height:60px; font-weight:bold; }
.GridPager > td > table td
{
    border: 1px solid #bbd9ee;
    width: 20px;
    text-align: center;
    background-color: White;
}
.GridPager > td > table td:hover
{
    border: 1px solid #bbd9ee;
    width: 20px;
    text-align: center;
    background-color: #ECFAFF;
}





/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'MMENU'.

#######################################################################
#####################################################################*/


#mmenu
{margin:20px;}    

#mmenu h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}




/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'NEWS'.

#######################################################################
#####################################################################*/


#xnews
{margin:20px;}    

#xnews h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}

#xnews h1 img
{vertical-align:middle;
 margin-right: 20px;
    }
    
#divGrigliaArchivioNews
{
    border: 1px solid #bbd9ee;
    padding: 3px;
}  
#divGrigliaArchivioNews a{color:#18993b; font-weight:bold;}
#divGrigliaArchivioNews a:hover{color:#0066cc; text-decoration:underline; font-weight:bold;}
 


/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'ARCHIVIO-NEWS'.

#######################################################################
#####################################################################*/


#archivio-news
{margin:20px;}    

#archivio-news h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}

#archivio-news h1 img
{vertical-align:middle;
 margin-right: 20px;
    }





/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'CALENDARIO'.

#######################################################################
#####################################################################*/


#xcalendario
{margin:20px;}    

#xcalendario h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}

#xcalendario h1 img
{vertical-align:middle;
 margin-right: 20px;
    }

#divGrigliaCalendario
{
    border: 1px solid #bbd9ee;
    padding: 3px;
}  
#divGrigliaCalendario a{color:#18993b; font-weight:bold;}
#divGrigliaCalendario a:hover{color:#0066cc; text-decoration:underline; font-weight:bold;}
    
    
    
    
    
/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'CONTATTI'.

#######################################################################
#####################################################################*/


#contatti
{margin:20px;}    

#contatti h1
{   color: #18993b;
    font: bold 14pt Georgia, Georgia, serif;
    text-align: left;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    letter-spacing: 1px;}
    
#contatti h1 img
{vertical-align:middle;
 margin-right: 20px;
    }
    
.indirizzo
{width: 400px;
 float:left;
 margin-right: 40px;
}
        
.mappa
{width: 488px;
 float:left;}



 
 
/*#####################################################################
#######################################################################

QUESTA SEZIONE DEFINISCE LO STILE DELLA PAGINA 'ELENCO SOCI'.

#######################################################################
#####################################################################*/
 
 
.divGrigliaSoci
{border: 1px solid #bbd9ee;
 text-align:left;
 padding: 3px;
}


.button
{
    border: 1px solid #2C7CCD;
    color: White;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;
    font-size: 10pt;
    padding: 4px;
    background: url('../images/sfondo-divMenu.png') repeat-x;
    cursor:pointer;
}