/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: verdana,arial,sans-serif;font-size: 76%}
div#container{position: relative}

/*stili generici, su header e footer*/

div#header{height: 170px;width:100%;color: #000000;background-color: #FFFFFF;}
h3,h4{margin: 0;padding:0}
h3{padding-left:10px;font: bold  1.6em verdana,arial,sans-serif}
h4{font-size: 1.1em}
div#footer a{text-align: center;font-weight: bold;text-decoration: underline}

div#testata{position: absolute; top: 0px; text-indent: -5000px;height: 100px;
 width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;background:url("loghi/Intestazio.JPG") repeat;}


div#title{position: absolute; top: 102px; text-align: center;height: 35px;color: #5B0000;
 width: 750px; margin: 0 0 0 0; padding: 8px;
 background-color: #ffffff;}
h3,h4{margin: 0;padding:0}
h3{padding-left:10px;font: bold 1.6em verdana,arial,sans-serif;color: #5B0000;background-color: #ffffff}
h4{font-size: 1.1em}



/* Stili  spazio top content */


div#alto{width: 98%; padding-top: 18px;padding-bottom:8px; margin: 2px;text-align: center;
	}

div#col1{width: 96%; padding-top: 20px;padding-bottom:10px; margin: 2px; color: #ffffff;background-color: #cc0000
	}
div#col1a{width: 99%; padding-top: 10px;padding-bottom:12px; margin: 2px; color: #ffffff;background-color: #FFCB97
	}
div#col1b{width: 99%; padding-top: 10px;padding-bottom:10px; margin-bottom: 6px;margin-top: 6px; color: #000000;background:url("loghi/sfross.gif") repeat
	}
div#col1d{width: 99%; padding-top: 6px;padding-bottom:6px; margin-bottom: 6px;margin-top: 6px; text-align: center;color: #000000;background:url("loghi/sfross.gif") repeat
	}
div#col1c{width: 96%; padding-top: 10px;padding-bottom:10px; margin-bottom: 6px;margin-top: 8px; color: #000000;background:url("loghi/sfverd.gif") repeat
	}

div#col2{width: 98%; padding-top: 20px;padding-bottom:10px; margin-top: 2px; margin-bottom: 4px; color: #5B0000;background-color: #E4E4CB; text-align: center
	}
div#col2a{width: 98%; padding-top: 20px;padding-bottom:4px; margin-top: 2px; margin-bottom: 4px; color: #5B0000;background-color: #F4F4E8
	}

div#col3{width: 90%; padding-top: 20px;padding-bottom:10px; margin: 2px; color: #5B0000;background-color: #CCCC99
	}
div#col4{width: 98%; padding-top: 20px;padding-bottom:4px; margin-top: 2px; margin-bottom: 4px; color: #5B0000;background-color: #F4F4E8 ; text-align: center
	}

div#col5{width: 98%; padding-top: 10px;padding-bottom:4px; margin-top: 2px; margin-bottom: 4px; color: #5B0000;background-color: #FFFFFF ; text-align: center
	}

/*stili per i colori delle colonne*/

div#footer{background-color: #F1E4E4;}


/*stili specifici per il layout*/
div#navigation{position: absolute; top: 186px; left: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 6px}
div#extra{position: absolute; top: 188px; right: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 5px}
div#content{margin: 0 170px; border-style:solid; border-width:0 1px; background-color: #ffffff; border-color:#ccc; padding:1.5em 15px}
div#footer{padding: 5px 0;font-size: 88%;font-family: georgia,serif;color:#000000;background-color: #F1E4E4;text-align: center;}



/*stili per la navigazione*/
div#navigation ul{margin: 2px;padding: 8px; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#ffffff;background-color: #cc0000;font: normal bold 0.9em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color:#ffffff;background-color: #cc0000;text-decoration: underline}
div#navigation a#activelink{color:#ffffff;background-color: #cc0000;text-decoration: none}
div#navigation p{font-size:100%}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{color: #000000;background-color: #ffffff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
h2{margin: 0;padding:2;font: bold 1.2em verdana,arial,sans-serif;background-color: #ffffff; color: #990000}
div#extra ul{margin: 2px;padding: 16px; list-style-type: square; background-color: #ffffff; color: #990000}
div#etra li{margin: 0;padding: 0}
div#extra a:link {
FONT-WEIGHT: bold; 
FONT-SIZE: 90%; 
COLOR: ##990000;
background-color: #ffffff;
FONT-FAMILY: Verdana, Arial, sans-serif; 
TEXT-DECORATION: underline;
}

div#extra a:link {
	font-weight: normal; 
	font-size: 80%; 
	color: #990000; 
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: underline;
	background-color: #ffffff;
	}
div#extra a:visited {
	font-weight: bold;
	font-size: 80%; 
	color: #990033; 
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: underline;
	background-color: #ffffff;
	}
div#extra a:hover {
	font-weight: bold; 
	font-size: 80%; 
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	background-color: #ffffff;
	}


/* Stili applicati a elementi grafici */

.hr1{
  	color: #cc9999;background-color: #ffffff
	}
.hr2{
  	color: #FF0000;background-color: #ffffff
	}


/* Stili applicati alle liste */



/* Stili applicati ai Font */

.titolo2 {color: #0000CC;background-color: #ffffff}
.titolo3 {color: #990000;background-color: #ffffff;letter-spacing: 0.5em;}
.titolo4 {color: #0000ff;background-color: #ffffff}
.titolo5 {color: #FF0000;background-color: #ffffff}




.font1{
	font-family: Verdana, Arial,sans-serif;	
	font-style: normal;
	font-weight: bold;
	}


 .font2{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%;
	font-style: normal;
	background: #000000;
	color: #ffffff;
	}

.font3{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%x;
	font-style: normal;
	text-indent: 5em;
		}
.font4{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%;
	font-style: normal;
	text-decoration: overline;
		}

.font5{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.3em;
		}

.font6{	
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
	word-spacing: normal;
	letter-spacing: 1em;
		}

.font7{
	font-family: Verdana, Arial, sans-serif;	
	font-size: 76%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	word-spacing: 1em;
	letter-spacing: normal;
		}

.fontnav{
	word-spacing: normal;
	letter-spacing: 0.4em;
	font-size: 86%;
		}
.evidenziato0{
	font-family: Verdana, Arial, sans-serif;	
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	background: #ffff00;
	color: #000000;
		}

.evidenziato2{
	font-family: Verdana, Arial, sans-serif;	
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	background: #ffffff;
	color: #ff0000;
		}

.evidenziato3{
	background: #00cc00;
	color: #ffffff;
		}


.evidenziato4{
	background: #ff0000;
	color: #ffffff;
		}


/* Stili form */



#form8 {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

input.text {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 30%;
}


input.pulsante {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 60%;
	border: 1px solid #000000;
	margin-top: 10px;
}

input.text:focus {
	background: #CCCCFF;
	color: #000000;
}

input.pulsante:hover {
	background: #CCCCFF;
	color: #000000;
}
input.pulsante:active {
	background: #00ffff;
	color: #000000;
}

p.richiesto {
	color: #000000;
	background: #99CCFF;
	font: bold 90% Arial, Helvetica, sans-serif;
}
p.opzionale {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #99ff66;
}



#form1 {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

.FIELDSET {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

.LEGEND {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 50%;
	margin-top: 10px;
	}

.textarea {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 00px;
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 5px;
	width: 80%;
}


input.text {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 80%;
}


input.pulsante {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 60%;
	border: 1px solid #000000;
	margin-top: 10px;
}

input.text:focus {
	background: #CCCCFF;
	color: #000000;
}

input.pulsante:hover {
	background: #CCCCFF;
	color: #000000;
}
input.pulsante:active {
	background: #00ffff;
	color: #000000;
}

p.richiesto {
	color: #000000;
	background: #99CCFF;
	font: bold 90% Arial, Helvetica, sans-serif;
	width: 80%;
}
p.opzionale {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #99ff66;
	width: 80%;
}






.h1{
margin: 0;padding:0;font: bold 180% verdana,arial,sans-serif
		}
.h2{
margin: 0;padding:0;font: bold 160% verdana,arial,sans-serif
		}
.h3{
margin: 0;padding:0;font: bold 145% verdana,arial,sans-serif
		}
.h4{
margin: 0;padding:0;font: bold 130% verdana,arial,sans-serif
		}
.h5{
margin: 0;padding:0;font: bold 110% verdana,arial,sans-serif
		}
.h6{
margin: 0;padding:0;font: bold 94% verdana,arial,sans-serif
		}

.nota{
margin: 0;padding:0;font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
		}


/* Stili applicati al Torneo di lettura*/


/* Stili applicati ai font*/

.fontR1{
	font-family: Verdana, Arial,sans-serif;	
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	background: #FFFFFF;
	}

/* Stili applicati ai titoli*/


.h2R{
	margin: 0;
	padding:0;
	font-family: Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 160%;
	color: #FF0000;
	background: #FFFFFF;
		}


.h3R{
	margin: 0;
	padding:0;
	font-family: Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 145%;
	color: #FF0000;
	background: #FFFFFF;
		}


.h4R{
	margin: 0;
	padding:0;
	font-family: Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 130%;
	color: #FF0000;
	background: #FFFFFF;
		}

.h5R{
	margin: 0;
	padding:0;
	font-family: Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #FF0000;
	background: #FFFFFF;
		}

/* Stili applicati alle liste*/

.ulR {
	list-style-type: square; 
	color:  #ff0000;
	background: #FFFFFF;
	}

/* Stili applicati ai link*/

.lnk0:link {
	font-weight: bold; 
	color: #ff0000; 
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: underline;
	background-color: #ffffff;
	}
a.lnk0:visited {
	font-weight: bold;
	color: #ff0000; 
	font-family: Verdana, Arial, sans-serif; 
	text-decoration: underline;
	background-color: #ffffff;
	}
a.lnk0:hover {
	font-weight: bold; 
	color: #ff0000;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
	background-color: #ccffff;
	}


/* Stili applicati alla mappa1*/


ul#mappa1 {
margin:0;padding:0;
list-style:none;
position:relative;
width:320px;height:467px;
background:url("torneo/immagini/squadre1.JPG") no-repeat;
} 
ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa1-link1 {
left:10px;top:5px;
width:94px;height:92px
}
li#mappa1-link2 {
left:133px;top:61px;
width:213px;height:137px
}
li#mappa1-link3 {
left:225px;top:2px;
width:309px;height:97px
}
li#mappa1-link4 {
left:4px;top:101px;
width:70px;height:189px
}
li#mappa1-link5 {
left:241px;top:107px;
width:316px;height:187px
}
li#mappa1-link6 {
left:18px;top:243px;
width:94px;height:324px
}
li#mappa1-link7 {
left:119px;top:251px;
width:214px;height:324px
}
li#mappa1-link8 {
left:237px;top:237px;
width:312px;height:332px
}
li#mappa1-link9 {
left:19px;top:348px;
width:89px;height:437px
}
li#mappa1-link10 {
left:118px;top:332px;
width:204px;height:411px
}
li#mappa1-link11 {
left:229px;top:375px;
width:307px;height:461px
}



#mappa1 a {
display:block;
width:80px;
height:90px;
}
#mappa1 .alt { display:none }







/* Stili applicati alla mappa2*/


ul#mappa2 {
margin:0;padding:0;
list-style:none;
position:relative;
width:400px;height:365px;
background:url("torneo/immagini/Ragliogioch1.JPG") no-repeat;
} 
ul#mappa2 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa2-gioco1 {
left:20px;top:272px;
width:73px;height:356px
}
li#mappa2-gioco2 {
left:95px;top:272px;
width:152px;height:356px
}
li#mappa2-gioco3 {
left:174px;top:272px;
width:232px;height:356px
}
li#mappa2-gioco4 {
left:253px;top:272px;
width:311px;height:356px
}
li#mappa2-gioco5 {
left:331px;top:272px;
width:388px;height:356px
}




#mappa2 a {
display:block;
width:70px;
height:100px;
}
#mappa2 .alt { display:none }



/* Stili form del torneo */



#form1T {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

input.text {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 54%;
}


input.pulsante {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 60%;
	border: 1px solid #000000;
	margin-top: 10px;
}

input.text:focus {
	background: #CCCCFF;
	color: #000000;
}

input.pulsante:hover {
	background: #CCCCFF;
	color: #000000;
}
input.pulsante:active {
	background: #00ffff;
	color: #000000;
}

p.ts {
	color: #000000;
	background: #FFFF99;
	font: bold 90% Arial, Helvetica, sans-serif;
}
p.tg {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCFFCC;
}

p.psw {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0000FF;
}



/* Stili form del super raglio */



#form1S {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

input.text {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 54%;
}


input.pulsante {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 60%;
	border: 1px solid #000000;
	margin-top: 10px;
}

input.text:focus {
	background: #CCCCFF;
	color: #000000;
}

input.pulsante:hover {
	background: #CCCCFF;
	color: #000000;
}
input.pulsante:active {
	background: #00ffff;
	color: #000000;
}

p.d1 {
	color: #000000;
	background: #FFFF00;
	font: bold 90% Arial, Helvetica, sans-serif;
}
p.d2 {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FF0000;
}

p.psw {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0000FF;
}






/* Stili form del torneo II gioco*/



#form2T {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

input.text {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 75%;
}


input.pulsante {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 60%;
	border: 1px solid #000000;
	margin-top: 10px;
}

input.text:focus {
	background: #CCCCFF;
	color: #000000;
}

input.pulsante:hover {
	background: #CCCCFF;
	color: #000000;
}
input.pulsante:active {
	background: #00ffff;
	color: #000000;
}

p.risp {
	color: #000000;
	background: #99CC99;
	font: bold 90% Arial, Helvetica, sans-serif;
}

p.risp2 {
	color: #000000;
	background: #FFCC99;
	font: bold 90% Arial, Helvetica, sans-serif;
}


p.psw {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0000FF;
}

















/* Stili titoli giochi torneo */


.h4G{
	margin: 0;
	padding:10px;
	font-family: Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 120%;
	color: #FFFFFF;
	background: #ff0000;
		}







/* Stili tabelle */


.tab1{
	margin: 0;
	padding:5px;
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: left;
	color: #000000;
	width: 90%;
		}