/* Panathlon Club Novara CSS Document */

html, body{
	margin: 0;
	border: 0;
	color: #000099;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt; width: 100%; 
	}
	
/* class link */	
a.news:link     { color: #666666; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.news:visited  { color: #666666; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.news:hover    { color: #009900; text-decoration: none;font-size: 10pt; font-weight:bold;}

a.anni:link     { color: #FFFFFF; text-decoration: none;font-size: 12pt; font-weight:bold;}
a.anni:visited  { color: #FFFFFF; text-decoration: none;font-size: 12pt; font-weight:bold;}
a.anni:hover    { color: #00FF00; text-decoration: none;font-size: 12pt; font-weight:bold;}

a.newsB:link     {color: #000099;text-decoration: none;font-size: 14pt;font-weight: bold;}
a.newsB:visited  {color: #000099;text-decoration: none;font-size: 14pt;font-weight: bold;}
a.newsB:hover    { color: #009900; text-decoration: none;font-size: 14pt; font-weight:bold;}


a.destra:link     { color: #00CC00; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.destra:visited  { color: #00CC00; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.destra:hover    { color: #FFFFFF; text-decoration: none;font-size: 10pt; font-weight:bold;}

a.varie:link     { color: #333333; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.varie:visited  { color: #333333; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.varie:hover    { color: #009900; text-decoration: none;font-size: 10pt; font-weight:bold;}

a.fiab:link     { color: #0099FF; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.fiab:visited  { color: #0099FF; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.fiab:hover    { color: #009900; text-decoration: none;font-size: 10pt; font-weight:bold;}	

a.prossimi:link     { color: #6699CC; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.prossimi:visited  { color: #6699CC; text-decoration: none;font-size: 10pt; font-weight:bold;}
a.prossimi:hover    { color: #009900; text-decoration: none;font-size: 10pt; font-weight:bold;}	



td{
	font-family: "MS Sans Serif";
	font-size: 12pt;
    }	

p{
	text-align: justify;
	text-indent: 12px;
    }
.Stile1 {color: #33ff00; font-size:22px; font-weight:bold;}
.Stile2 {color: #FFFFFF; font-size:20px; font-weight:bold;}
.Stile2r {color: #FFFFFF; font-size:17px; font-weight:bold;}
.Stile3 {color: #ff9933; font-size:12px; letter-spacing: 8px;}
.Stile4 {color: #ff6600; font-size:12px}
.Stile5 {color: #FFFFFF; font-size:14px}
.Stile6 {color: #990033; font-size:20px}
.Stile6r {color: #990033; font-size:15px; font-weight:bold;}
.Stile6r-red {color: #FF0000; font-size:15px; font-weight:bold;}
.Stile6r-green {color: #009900;font-size:15px;font-weight:bold;}
.Stile6r-black {color: #000000; font-size:15px; font-weight:bold;}
.Stile6r-blue {color: #0000FF; font-size:15px; font-weight:bold;}
.Stile6rx-blue {color: #000099; font-size:28px; font-weight:bold;}
.Stile7 {color: #333333; font-size:20px; font-weight:bold;}
.Stile7r {color: #333333; font-size:17px; font-weight:bold;}
.Stile8 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#999999;font-weight:bold;}
.Stile8red {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#FF0000;font-weight:bold;}
.Stile9 {color: #333333; font-size:11px}
.Stile10 {color: #FF0000;font-size: 20px;font-weight: bold;
}
.Stile11 {color: #FF0000; font-size:40px; font-weight:bold;}
.Stile11BIANCO {color: #FFFFFF; font-size:40px; font-weight:bold;}
.Stile11pink {color: #EA50FF;font-size: 40px;font-weight: bold;}
.Stile12bx {font-family: Arial, Helvetica, sans-serif;font-size: 70px;color: #000099;font-weight: bold;}
.Stile12by {font-family: Arial, Helvetica, sans-serif;font-size: 60px;color: #000099;font-weight: bold;}
.Stile12rx {font-family: Arial, Helvetica, sans-serif;font-size: 70px;color: #FF0000;font-weight: bold;}
.Stile12 {font-family: Arial, Helvetica, sans-serif;font-size: 40px;color: #FF0000;font-weight:bold;}
.Stile13 {font-family: Arial, Helvetica, sans-serif;font-size: 22px;color: #33ff00;font-weight:bold;}

	
/*----------------------------------------------boxs*/
#container {
    /*border radius arrotonda gli angoli del contenitore angoli alto sx poi alto dx poi basso sx poi basso dx*/
	/*funziona con Opera e la versione + recente di IE*/
    border-radius: 0px 30px 30px 30px; 
    width: 1000px;
    height: 780px;
    /*le istruzioni seguenti pongono il contenitore dei vari blocchi che compongono la pagina sempre centrato sullo schermo*/
    position: absolute;
    left: 50%;
    margin-left: -500px;
    background:#000000;
    }
/* ------------- home page -------------*/	


	
#immaginelogo {
	height: 127px;
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
    }	

#sopratitolo {
	height: 20px;
	width: 580px;
	position: absolute;
	top: 0px;
	left: 200px;
	background-color: #0345B5;
    }

#titolo {
	height: 47px;
	width: 580px;
	position: absolute;
	top: 20px;
	left: 200px;
	background-color: #0345B5;
    }
	
#sottotitolo1 {
	letter-spacing: 5px;
	height: 62px;
	width: 580px;
	position: absolute;
	top: 65px;
	left: 200px;
	background-color: #0345B5;
    }	
	    
#sottotitolo2 {
	letter-spacing: 5px;
	height: 52px;
	width: 580px;
	position: absolute;
	top: 75px;
	left: 200px;
	background-color: #0345B5;
    }	
	
	
#xsopradestra-alto {
	/*border radius arrotonda gli angoli del contenitore angoli alto sx poi alto dx poi basso sx poi basso dx*/
	/*funziona con Opera e la versione + recente di IE*/
	border-radius: 0px 30px 0px 0px;
	height: 100px;
	width: 220px;
	position: absolute;
	top: 9px;
	left: 800px;
	padding: 0px;
	background-color: #0345B5;
	  }
#sopradestra-alto {
	border-radius: 0px 30px 0px 0px;
	height: 14px;
	width: 220px;
	position: absolute;
	top: 0px;
	left: 780px;
	padding: 0px;
	background-color: #0345B5;
    }

#destra-alto {
	height: 113px;
	width: 220px;
	position: absolute;
	top: 14px;
	left: 780px;
	background-color: #0345B5;
    }
#sopralineapulsanti {
	height: 5px;
	width: 1000px;
	position: absolute;
	top: 130px;
	left: 0px;
	background-color: #000000;
	padding: 0px;
	}


#lineapulsanti {
	height: 35px;
	width: 1000px;
	position: absolute;
	top: 135px;
	left: 0px;
	background-color: #000000;
	padding: 0px;
	}
	
#sopralineacondata {
	height: 15px;
	width: 210px;
	position: absolute;
	top: 170px;
	left: 0px;
	background-color: #000000;
    }
	
#lineacondata {
	height: 45px;
	width: 210px;
	position: absolute;
	top: 185px;
	left: 0px;
	background-color: #000000;
    }

#lineacondatadx {
	height: 60px;
	width: 790px;
	position: absolute;
	top: 170px;
	left: 210px;
	background-color: #000000;
    }	
/*------------------------------------------------------------------left*/

#left {
	height: 480px;
	width: 235px;
	border-radius: 15px 15px 15px 15px; 
	position: absolute;
	top: 230px;
	left: 5px;
	background-color:#FFFFFF;
    }

#libro {
	height: 270px;
	width: 200px;
	position: absolute;
	top: 255px;
	left: 20px;
	background-color:#FFFFFF;
    }

#titololibro {
	height: 20px;
	width: 235px;
	position: absolute;
	top: 525px;
	left: 5px;
	background-color:#FFFFFF;
    }

#intolimpiadi {
	height: 80px;
	width: 235px;
	position: absolute;
	top: 585px;
	left: 5px;
	background-color:#FFFFFF;
    }

#olimpiadi {
	height: 140px;
	width: 235px;
	position: absolute;
	top: 555px;
	left: 5px;
	background-color:#FFFFFF;
    }

#titoloolimpiadi {
	height: 20px;
	width: 235px;
	position: absolute;
	top: 675px;
	left: 5px;
	background-color:#FFFFFF;
    }
	
#webmaster {
	height: 40px;
	width: 140px;
	position: absolute;
	top: 730px;
	left: 7px;
	border-left: 10px solid #000000;
	background-color: #000000;
	padding: 0px;
    }	
	
	
#lineadifondo {
	height: 30px;
	width: 620px;
	border-radius: 15px 15px 15px 15px;
	position: absolute;
	top: 730px;
	left: 310px;
	background-color:#000000;
	padding: 0px;
    }	
	
	
/*---------------------------------------------------------------------------------------------middle*/

#middle0 {
	height: 430px;
	width: 360px;
	border-radius: 15px;
	position: absolute;
	top: 280px;
	left: 243px;
	background-color: #FFFFFF;
	padding: 0px;
    }

#middle1 { /*prossimi appuntamenti TITOLO*/
	height: 50px;
	width: 360px;
	border-radius: 15px;
	position: absolute;
	top: 230px;
	left: 243px;
	background-color: #FF0000;
	/*crea una riga verticale nera ai due lati*/
	border-left: 0;
    }
	
#middle2 { /*prossimi appuntamenti*/
	height: 300px;
	width: 360px;
	border-radius: 0px 0px 15px 15px;
	position: absolute;
	top: 260px;
	left: 240px;
	background-color:#FFFFFF;
	/*crea una riga verticale nera ai due lati*/
	border-left:3px solid #000000;
    }
	
#intmiddle2 { /*prossimi appuntamenti*/
	height: 280px;
	width: 340px;
	position: absolute;
	top: 270px;
	left: 250px;
	background-color:#FFFFFF;
	
    }
	
	
/*-------------------------------------------------right*/

#right {
	height: 480px;
	width: 390px;
	position: absolute;
	top: 230px;
	left: 606px;
	background-color: #FFFFFF;
	border-radius: 15px;
	}		
	
#right1 {
	height: 35px;
	width: 397px;
	border-radius: 15px 15px 0px 0px;
	position: absolute;
	top: 230px;
	left: 600px;
	background-color:#006600;
	border-left: 3px solid #000000;
	}	
	
#right2 {
	height: 220px;
	width: 397px;
	position: absolute;
	top: 260px;
	left: 600px;
	background-color:#000000;
	border-left:3px solid #000000;
    }	
	
#right2a {
	height: 907px;
	width: 397px;
	position: absolute;
	top: 480px;
	left: 603px;
	background-color: #CCCCCC;
    }	
	
#right3 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 490px;
	left: 603px;
	background-color:#CCCCCC;
	margin: 0;
    }	
	
#right3dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 490px;
	left: 680px;
	background-color:#CCCCCC;
    }	

#right4 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 570px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right4dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 570px;
	left: 680px;
	background-color:#CCCCCC;
    }	

#right5 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 650px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right5dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 650px;
	left: 680px;
	background-color:#CCCCCC;
    }	
	
#right6 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 730px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right6dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 730px;
	left: 680px;
	background-color:#CCCCCC;
    }	
	
#right7 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 810px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right7dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 810px;
	left: 680px;
	background-color:#CCCCCC;
    }		
	
#right8 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 890px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right8dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 890px;
	left: 680px;
	background-color:#CCCCCC;
    }		
	
#right9 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 970px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right9dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 970px;
	left: 680px;
	background-color:#CCCCCC;
    }		

#right10 {
	height: 90px;
	width: 120px;
	position: absolute;
	top: 1050px;
	left: 603px;
	background-color:#CCCCCC;
    }	
	
#right10dx {
	height: 90px;
	width: 270px;
	position: absolute;
	top: 1050px;
	left: 720px;
	background-color:#CCCCCC;
    }		
	
#right11 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 1140px;
	left: 603px;
	background-color:#CCCCCC;
	padding: 0px;
    }	
	
#right11dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 1140px;
	left: 680px;
	background-color:#CCCCCC;
    }		
	
#right12 {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 1220px;
	left: 603px;
	background-color:#CCCCCC;
	padding: 0px;
	 }
	 
#right12dx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 1220px;
	left: 680px;
	background-color:#CCCCCC;
    }		

#right12b {
	height: 80px;
	width: 80px;
	position: absolute;
	top: 1300px;
	left: 603px;
	background-color:#CCCCCC;
	padding: 0px;
	 }
	 
#right12bdx {
	height: 80px;
	width: 310px;
	position: absolute;
	top: 1300px;
	left: 680px;
	background-color:#CCCCCC;
    }	

#right13 {
	height: 480px;
	width: 400px;
	position: absolute;
	top: 1390px;
	left: 600px;
	background-color:#FFFF66;
	padding: 0px;
	}	
	
/*NOTA 1 padding incompatibile con Opera ed altri browser*/

/*-------------------------------------------------------------------------------------*/