@CHARSET "UTF-8";

/* Stile 1 - v1 10-08-2019 
   Sfondo celeste scuro:    #062B3D     body background, container e wrapper
   Testo bianco:            #FFFFFF     body
   Scritte giallo ocra:     #EFBF6B     link e visited
   Scritte giallo ocra 2:   #E5C889     menu a
   Scritte giallo scuro:    #F4C538   
   Scritte oro:             #BBA575     subtitle
   Scritte oro scuro:       #AF9A6B     
   Scritte gialle:          #EBB514     
   Scritte celeste forte:   #22DFF4     h2, link hover, facebook link, menu a hover testo
   Celeste scuro 2:         #0D4459     
   Celeste medio:           #175D76     menu a hover background
   Celeste medio 2:         #3A5F71     header
   Celeste medio 3:         #3B6979     
   Celeste chiaro:          #69C6E5
   Giallo chiaro:           #F7D074     menu li
   Celeste:                 #C0DFFD     
   Celeste 2:               #89B8C6     footer
   Celeste 3:               #75A0AD     topbar
   Testo celeste scuro:     #003366     footer testo
   Arancione:               #FF5C00
*/

html,body{margin:0;padding:0}
html{height: 100%; margin-bottom: 1px} /*per la scrollbar laterale in Opera e Mozilla*/
body{padding-bottom: 20px; font: 16px "Trebuchet MS",Verdana,Arial,sans-serif;
    text-align: center; background: #062B3D; color: #FFF}	/* color: #3f3f3f */
h1,h2,h3,h4{margin: 0}
h1{font-size: 300%; font-weight:bolder; }
h2{font-size: 160%; margin-top:10px; color: #22DFF4; letter-spacing: .4em}
h3{font-size: 130%; color: #22DFF4; letter-spacing: .2em}
h4{font-size: 110%; color: #22DFF4}
h5{font: 18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
	color: #22DFF4; line-height:24px; letter-spacing: .2em}
h6{font-size: 100%; font-weight:bold; letter-spacing: .1.5em}
p{margin: 0; padding: 0 0 1em; line-height: 1.5}
a{color: #EFBF6B; font-weight:bold }
a:hover {color: #22DFF4;}
a:visited {color: #EFBF6B}
a:visited:hover {color: #22DFF4;}

a.textlink {color: #EFBF6B; font-weight:normal; text-decoration: none }
a.textlink:hover {color: #22DFF4; font-weight:normal; text-decoration: underline}
a.textlink:visited {color: #EFBF6B; font-weight:normal; text-decoration: none}
a.textlink:visited:hover {color: #22DFF4; font-weight:normal; text-decoration: underline}

a.nounderline {text-decoration: none }
a.nounderline:hover {text-decoration: underline}
a.nounderline:visited {text-decoration: none}
a.nounderline:visited:hover {text-decoration: underline}
	
/* CLASSI GENERICHE */

.center {text-align: center}
.centrato {text-align: center; margin: 0 auto}
div.centrato {display: table; margin: 0 auto; width: auto}
div.centrato table {margin: auto}

.title {font-size: 110%; color: #22DFF4; font-weight:bold; }
.subtitle {font-size: 80%; color: #BBA575; font-weight:bold; }
.smallTitle {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #BBA575;	line-height:16px; letter-spacing: .2em}
.sezione { /* subHeader */
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #22DFF4;	line-height:16px; letter-spacing: .2em}

.errore {color: red}
.avviso {color: yellow}

td {font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;	}
.pari td{font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #0D4459; }	/* #E8FDFF */
.dispari td{font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #175D76; }	/* #DDFFCC */

/* LAYOUT E SEZIONI INVARIANTI */

#container {margin: 0 auto; padding: 0; width: 1000px; background-color: #0D4459 }

#header {background: #3A5F71 /*url(../_img/header1.png) repeat top left*/; width: 100%; margin: 0;}
			/* width: 100%; float: left; clear:both}  height: 150px; position: fixed; z-index: 9} */
#header img#logo {margin: 0; float: left; height: 122px}
#header img#titolo {margin: 0; width: 60%; height: 122px}
#header img#logo2 {margin: 30px; width: 10%; float: right}

#topbar {height: 15px; background: #75A0AD; width: 100%; float: left; margin: 0; color: #FFF;}
		/* vertical-align: bottom; height: 17px; position: fixed; top: 132px; z-index: 10} */
#topbar div#adtopbar {width: 50%; float: left; } 
#topbar div#dataora {font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: bottom; 
			float: right; padding: 0px 5px; margin: 0px; } /* white-space: nowrap;} */

#wrapper {float: left; width: 100%; background-color: #062B3D }

#menu {background: #0D4459; float: left; width:160px; margin: 0 }
			/* display: inline; padding-bottom: 20px; position: fixed; top: 152px; height: 2000px} */
#menu ul{list-style-type: none; margin: 20px 0px 0px 0px; padding: 0}
#menu li {border-bottom: 2px solid #C0DFFD; margin: 0 }	
#menu li a { font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #F7D074; line-height:10px; letter-spacing:.1em;
			text-decoration: none; display:block; padding:8px 6px 10px 26px;}	
#menu li a:hover {	background: #175D76 url(../_img/arrow.gif) 14px 45% no-repeat; color:#22DFF4; }
/*
div#menu h4{margin-top: 10px; font-size: 120%; font-weight:lighter; color: #00A}
div#menu ul{list-style-type: none;margin:0;padding:0}
div#menu li{margin:0;line-height: 1.3}
div#menu a{text-decoration:none;color: #394A5A;padding-left:12px;line-height: 1.6;
    background: url(bullet.jpg) no-repeat top left}
div#menu a:hover{color: #000;text-decoration: underline}
*/

#content{min-height: 480px; width: 830px; float: left; padding: 0; margin: 20px 0px 10px 10px; border: 0px solid }

#main{width: 640px; float: left; padding: 0; margin: 0 10px 0 0; border: 0px solid }

#sidebar {background: #0D4459; float: right; width: 180px; 
			font: 12px Verdana, Arial, Helvetica, sans-serif; color: #F7D074; 
				padding: 0; margin: 0; display: inline; border: 0px solid}
#sidebar div#sidelink img{width: 110px; height: 110px; margin: 5px; border: 0}

#footer{clear: both; text-align: center; border-top: 1px solid #ccc; 
    background: #75A0AD; color: #003366; font-size: 90%;
    padding: 10px }
#footer div#counter {float: left; width: 30%; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; margin: 0px }
#footer div#signature {float: none; font: 12px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; margin: 0px }
#footer div#pdg {float: right; width: 30%; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; margin: 0 10px }
	
/* Class Styles */

.facebook {
	background-color: #ffffff;
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;	margin: auto;
	width: 520px; 
	}

.facebook_tagboard {
	background-color: #ffffff;
	font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;	margin: auto;
	width: 520px; 
	height: 400px; 
	overflow: scroll;
	}
a#facebook {color: #22DFF4; font-weight: bold}
	
.tagboard {font:15px Verdana, Arial, Helvetica, sans-serif;	color:#FFF}

/* classifica */
#classifica td { font: 14px Verdana, Arial, Helvetica, sans-serif; color:navy; text-align: center; }

#classifica td.pos{color: #BBA575;	}	
#classifica td.squadra{color: #FFF;	}	
#classifica td.punti{color: #FF0; padding: 0 10px }	
#classifica td.giocate{color: #FFF; padding: 0 10px 0 0 }	
#classifica td.vinte{color: #008; background-color: #89B8C6; }
#classifica td.pareggiate{color: #005; background-color: #89B8C6; }
#classifica td.perse{color: #002; background-color: #89B8C6; }
#classifica td.golfatti{color: #090; background-color: #3B6979; }
#classifica td.golsubiti{color: #822; background-color: #3B6979; }
#classifica td.vintecasa{color: #008; background-color: #89B8C6; }
#classifica td.pareggiatecasa{color: #005; background-color: #89B8C6; }
#classifica td.persecasa{color: #002; background-color: #89B8C6; }
#classifica td.golfatticasa{color: #090; background-color: #3B6979; }
#classifica td.golsubiticasa{color: #822; background-color: #3B6979; }
#classifica td.vintefuori{color: #008; background-color: #89B8C6; }
#classifica td.pareggiatefuori{color: #005; background-color: #89B8C6; }
#classifica td.persefuori{color: #002; background-color: #89B8C6; }
#classifica td.golfattifuori{color: #090; background-color: #3B6979; }
#classifica td.golsubitifuori{color: #822; background-color: #3B6979; }
#classifica td.mediainglese{color: #BBA575; padding: 0 10px }
#classifica td.diffreti{color: #FFF; }
#classifica td.punteggio{color: #22DFF4; padding: 0 10px; text-align: left; }

/* classifica senza sfondo */
/*
#classifica td.pos{color: #BBA575;	}	
#classifica td.squadra{color: #FFF;	}	
#classifica td.punti{color: #FF0; padding: 0 10px }	
#classifica td.giocate{color: #FFF; padding: 0 10px 0 0 }	
#classifica td.vinte{color: #BBA575; }
#classifica td.pareggiate{color: #BBA575; }
#classifica td.perse{color: #BBA575; }
#classifica td.golfatti{color: #090; }
#classifica td.golsubiti{color: #822; }
#classifica td.vintecasa{color: #BBA575; }
#classifica td.pareggiatecasa{color: #BBA575; }
#classifica td.persecasa{color: #BBA575; }
#classifica td.golfatticasa{color: #090; }
#classifica td.golsubiticasa{color: #822; }
#classifica td.vintefuori{color: #BBA575; }
#classifica td.pareggiatefuori{color: #BBA575; }
#classifica td.persefuori{color: #BBA575; }
#classifica td.golfattifuori{color: #090; }
#classifica td.golsubitifuori{color: #822; }
#classifica td.mediainglese{color: #BBA575; padding: 0 10px }
#classifica td.diffreti{color: #FFF; }
#classifica td.punteggio{color: #22DFF4;  padding: 0 10px; text-align: left; }
*/

/* gironi */
.girone {font: 16px Verdana, Arial, Helvetica, sans-serif;
			color: #0528a0; font-weight: bold; letter-spacing: .2em}
#gironicoppa td{text-align: center; font-size: 14px}
#gironicoppa td.pos {color: navy}
#gironicoppa td.squadra {color: navy}
#gironicoppa td.totale {color: blue}
#gironicoppa td.giocate {color: #4477ff}
#gironicoppa td.punteggi {color: navy}

.colorecoppa { background-color: #999 }
.colorecoppa1 { background-color: #ffa }
.colorecoppa2 { background-color: #faa }
.colorecoppa3 { background-color: #aaf }
.colorecoppa4 { background-color: #afa }
.colorecoppa5 { background-color: #aff }
.colorecoppa6 { background-color: #faf }
.colorecoppa7 { background-color: #fca }
.colorecoppa8 { background-color: #acf }
.colorecoppa9 { background-color: #ffa }
.colorecoppa10 { background-color: #faa }
.colorecoppa11 { background-color: #aaf }
.colorecoppa12 { background-color: #afa }
.colorecoppa13 { background-color: #aff }
.colorecoppa14 { background-color: #faf }
.colorecoppa15 { background-color: #fca }
.colorecoppa16 { background-color: #acf }	
.colorecoppa16 { background-color: #acf }	

/* tabellone coppa */
table.tabellone  { background-image: url("../_img/coppa.png");   background-repeat: no-repeat;}
table.tabellone#semifinali  { background-image: url("../_img/coppa_semifinali.png");  background-repeat: no-repeat;}
table.tabellone#ottavi,#sedicesimi { background-image: url("../_img/coppa_ottavi.png");  background-repeat: no-repeat;}
.tabellone td {font:15px Verdana, Arial, Helvetica, sans-serif;	color: #003366; }
.tabellone td.turno {color: #22DFF4; font-weight: bold; text-decoration: underline; }
.tabellone td.giornate {color: #003366; font-style: italic; }
.tabellone td.posto {color: #FF0; text-align: right; font-style: italic; }
.tabellone td.partita { border: 3px solid #005588 }
.tabellone td.sfondocella { background-image: url("../_img/sfondocella.png"); }
.tabellone td.linea img {content: url("../_img/linea.gif"); }
.tabellone td.tratto {background-image: url("../_img/tratto.gif"); background-repeat: repeat-y; background-position: center; }
.tabellone td.lineaT img {content: url("../_img/lineaT.gif"); width: 100%; height: 100% }

/* formazioni */
#campo { background-repeat: no-repeat; 
		 background-image: url("../_img/campo.jpg");
		 background-size: 600px 1010px; }
		 
#campo2 { background-repeat: no-repeat; 
		 background-image: url("../_img/campo.jpg");
		 background-size: 600px 1210px; }

#formazione td { color:#FFF; font:15px Verdana, Arial, Helvetica, sans-serif; }
	
#panchina td { font: 12px Verdana, Arial, Helvetica, sans-serif; }

/* partita (risultati) */
table.partita { width: 770px; border-collapse: collapse }
table.partita td { border-spacing: 0; padding: 2px }
table.partita tr.intestazione{ height: 80px; color: #FFF; background-color: #023; }	
table.partita tr.intestazione th { font: 18px Verdana, Arial, Helvetica, sans-serif;
                              font-weight: bold; vertical-align: middle }
table.partita tr.intestazione th.gol { font-size: 50px; text-align: right }
table.partita tr.intestazione th.gol- { font-size: 30px }
table.partita tr.intestazione th.gol2 { text-align: left }
table.partita td { vertical-align: center }

tr.formazione { width: 350px; vertical-align: top}
tr.formazione tr.sostituito td { color: #6688AA }
tr.formazione table { width: 350px; border-collapse: collapse }
tr.formazione table th { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #22DFF4; letter-spacing: .2em; 
                         height: 30px; text-align: left; border-spacing: 0; padding: 3px }
tr.formazione table td { border-spacing: 0; padding: 3px }
tr.formazione tr.calciatore { text-align: left }
tr.formazione tr.calciatore:nth-child(even) { background-color: #002838 }
tr.formazione tr.calciatore:hover { background-color: #0D4459 }
tr.sostituzioni table th { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #22DFF4; letter-spacing: .2em; 
                         height: 20px; text-align: left; vertical-align: bottom; border-spacing: 0; padding: 3px }
tr.sostituzioni td.sostituito { color: #6688AA }

tr.punteggi { text-align: right; vertical-align: top }
tr.punteggi td { border-spacing: 0; padding: 2px}
tr.punteggi table { margin-left: auto }
tr.punteggi table th { font-weight: bold }
tr.commento table th { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #22DFF4; letter-spacing: .2em; 
                         height: 30px; text-align: left; border-spacing: 0; padding: 3px }

/* script foto */
#foto {
	display: block;
	position: fixed;
	left: 50px;
	top: 50px;
}

/* news */
/*
div.news{margin:15px 0;padding: 0 5px;border:1px solid #eee;background: url(newsbk.jpg) repeat-x top}
*/
div.news h1 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #22DFF4; line-height:24px; letter-spacing: .2em; line-height:50px;}
div.news .titolo{ font:15px Verdana, Arial, Helvetica, sans-serif; color:#FF0; }
div.news .sottotitolo{ font:15px Verdana, Arial, Helvetica, sans-serif; color:#22DFF4; }
div.news .ora{ font:12px Verdana, Arial, Helvetica, sans-serif; } /* color:#003366; */
div.news .testo{ font:15px Verdana, Arial, Helvetica, sans-serif; } /* color:#003366;  */


.bodyText {	font:15px Verdana, Arial, Helvetica, sans-serif;
			color:#FFF; line-height:20px; margin-top:0px;}
	
.pageName{font: 18px Verdana, Arial, Helvetica, sans-serif;
			color: #22DFF4;	line-height:24px; letter-spacing: .2em}
	
.subHeader {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #22DFF4;	line-height:16px; letter-spacing: .2em}

.quote {font: 20px Verdana, Arial, Helvetica, sans-serif;
		color: #759DA1;	line-height:30px}
	
.smallText {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF}
	
.navText {font: 15px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	line-height:16px; letter-spacing: .1em;	
			text-decoration: none }
			
.testoA1 {font: 17px Verdana, Arial, Helvetica, sans-serif}
.testoA2 {font: 17px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	letter-spacing: .2em}
.testoA3 {font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	font-size: 14px; font-weight: bold;
			letter-spacing: .2em; line-height:16px}
.testoB1 {font: 18px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	line-height:30px}
.testoB2 {font: 17px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	line-height:30px; letter-spacing: .2em}
.testoB3 {font: 16px Verdana, Arial, Helvetica, sans-serif;
			color: #FFF;	line-height:16px; letter-spacing: .2em}
.testoC1 {font-size: 16px; color: #OOCC33; font-weight: bold}
.testoC2 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #OOCC33;	font-size: 14px; font-weight: bold; letter-spacing: .2em}
.testoC3 {font: 20px Verdana, Arial, Helvetica, sans-serif;
			color: #00CC33; line-height:24px; letter-spacing: .2em }
.testoD1 {font: 17px Verdana, Arial, Helvetica, sans-serif; }
.testoD1big {font: 32px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  }

/*stili per il form di contatto*/
/*
form,fieldset{margin-top:0;margin-left:0;padding: 0;border: 0px solid #000}
form label{float:left;width:80px;line-height:23px;margin-right:5px;text-align:right}
form input,textarea{margin-bottom:5px;border-style:solid;border-color: #8C8C8C #ABABAB #ABABAB #8C8C8C;
    border-width:2px 1px 1px 2px;background: url(inputbk.jpg) repeat-x bottom}
form br{clear:left}
input#submit{margin: 10px 0 0 90px;border: 1px solid #CCC;padding: 0 5px;
background: #E6E6E6 url(buttonbk.jpg) repeat-x center left}
*/

/*stili per la pagina dei prodotti*/
/*
dd,dl{margin:0;padding:0}
dl#prodlist{margin-bottom:1em}
dl#prodlist dt{clear:left;margin: 1em 0 0.3em;padding:0;font-weight:bold;font-size: 120%;color: #99BCD2}
dl#prodlist dd.image{float:left;display:inline;margin: 7px 0 0 5px;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}
dl#prodlist img{display: block;position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc; padding: 5px}
*/
/*stili per le news */
/*
div.news{margin-top:0.4em}
div.news h3{padding-left: 16px;background: url(newsbullet.jpg) no-repeat center left}
div.news h3 span.data{color: #AAA;font-weight: lighter;font-size: 75%}
*/



/* intestazioni tabelle celesti */
/*th { border: 1px solid cyan}*/
/* caselle tabelle gialle */
/*td { border: 1px solid yellow}*/
/* tabelle rosse */
/*table { border: 2px solid red}*/

/* mostra tutti i bordi */
/* table,tr,td { border: 1px solid yellow} */