﻿body {margin:0; padding:0; text-align:0; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:9pt; background:url(/images/immagine_pricipale01.jpg) top center #000000 no-repeat ;}
img.png,.png {behavior: url(/css/iepngfix.htc);}

#immagine_principale {position:absolute; top:0; left:0;	width:100%; z-index:0;}
#immagine_principale #slide {margin:0 auto; text-align:center; width:1200px;}
#wrapper {position:relative; margin:0 auto; width:970px; text-align:left;}
/*h1#logo a {position:absolute; top:24px; left:24px; display:block; width:255px; height:71px; background:url(/assets/images/logo_2010.gif); text-indent:-9999px; z-index:1;}*/
h1#logo a {position:absolute; top:24px; left:24px; display:block; width:100px; height:122px; background:url(/assets/images/logo_2012.png); text-indent:-9999px; z-index:1;}
#figura_giocatrice {position:absolute; top:-20px; right:-90px; z-index:4;}

/* --- MENU --- */

#menu {position:absolute; top:34px; left:290px; z-index:5;}
/*ul#menu li {padding:0 10px; display:inline;}
ul#menu li a {text-transform:uppercase; color:#fff; font-size:9pt;}*/
#sf_menu {position:absolute; top:20px; left:20px; width:950px; height:116px; background:url(/images/sf_menu.png);}

/* --- Fine MENU --- */

/* ------------------------ SIDEBAR ------------------------ */

#sidebar {position:relative; left:20px; margin:172px 0 0 0; float:left; width:266px;}

/* --- caratteristiche generali BOX --- */

#sidebar .box {position:relative; width:259px; margin:0 0 20px 0;}
#sidebar .box h3 {width:244px; height:36px; color:#fff; font-size:14pt; background:url(/images/sf_titolo.gif); padding:8px 0 0 15px;}
#sidebar .box .center-box {width:259px; background:#5a0706;}
#sidebar .box .bottom-box {position:relative; width:259px; height:34px; background:url(/images/sf_bottom-box.gif); text-align:center;}

/* --- Fine caratteristiche generali BOX --- */

/* --- box ULTIMO INCONTRO --- */

	#sidebar #ultimo_incontro {width:266px; height:181px; background:url(/images/sf_ultimo-incontro.png) no-repeat; margin:0 0 10px 0;}
	#sidebar #ultimo_incontro .box h3 {background:url(/images/sf_titolo-evidenza.gif);}
	#sidebar #ultimo_incontro .box .center-box {background:#fff; width:229px; height:75px; margin:0 2px; padding:10px 13px;}
	#sidebar #ultimo_incontro .box .center-box ul {width:220px; height:80px; margin:0; padding:0;}
	#sidebar #ultimo_incontro .box .center-box ul li, #sidebar #ultimo_incontro .box .bottom-box ul li {float:left; display:block; width:52px; height:42px; margin:0 11px; color:#fff; font-size:17pt; font-weight:bolder;}
	#sidebar #ultimo_incontro .box .center-box ul li.sudtirol {background:url(/images/maglietta_rossa.gif); padding:25px 0 0 0; width:88px; height:47px; text-align:center;}
	#sidebar #ultimo_incontro .box .center-box ul li.avversario {background:url(/images/maglietta_grigia.gif); padding:25px 0 0 0; width:88px; height:47px; text-align:center;}
	#sidebar #ultimo_incontro .box .bottom-box ul {height:34px;}
	#sidebar #ultimo_incontro .box .bottom-box ul li {padding:7px 0 0 0; margin:0 0 0 25px; font-size:8pt; height:27px; width:88px; text-align:center;}
	#sidebar #ultimo_incontro .box p {padding:5px 10px;}

/* --- Fine box ULTIMO INCONTRO --- */

/* --- box CLASSIFICA --- */

	#sidebar #classifica .box .center-box ul {border-bottom:2px solid black;}
	#sidebar #classifica .box .center-box ul li {width:256px; height:20px; border-top:2px solid black; margin:0 0 0 2px; list-style-type:none;}
	#sidebar #classifica .box .center-box ul li.rosso, .rosso {background:#ca0609;}
	#sidebar #classifica .box .center-box ul li.grigio, .grigio {background:#999999;}
	#sidebar #classifica .box .center-box .squadra_sudtirol, .squadra_sudtirol {font-weight:bold; color:#FFF; text-transform:uppercase; background:#000}
/* --- Fine box CLASSIFICA --- */

/* --- box GIOCATORE --- */

	#sidebar #giocatore .box .center-box .scheda {background:#fff; margin:0 2px; padding:10px 0;}
	#sidebar #giocatore .box .center-box .scheda #foto_giocatore {float:left; margin:0 10px; width:95px; overflow:hidden;}
	#sidebar #giocatore .box .center-box .scheda #dati_giocatore {float:left; margin:15px 5px; width:130px;}
	#sidebar #giocatore .box .center-box .scheda h6 {font-size:10pt;}
	#sidebar #giocatore .box .center-box .scheda p {margin:0; padding:0; font-size:8pt;}
	#sidebar #giocatore .box .center-box .scheda a {display:block; height:100px; color:#000; margin:0;}
	#sidebar #giocatore .box .center-box .scheda a:hover {color:#E32728;}
/* --- Fine box GIOCATORE --- */

/* ------------------------ Fine SIDEBAR ------------------------ */

/* --- SLOGAN --- */

#box_slogan {position:relative; float:right; margin:250px 0 0 0; width:667px; height:114px;}
#box_slogan h2, #box_slogan h3, #box_slogan a {position:absolute; z-index:2; top:20px; left:11px; font-weight:bolder;}
#box_slogan h3 {font-size:22pt; letter-spacing:-3px;}
#box_slogan h2 {top:42px; font-size:32pt; color:#fc080b; letter-spacing:-5px;}
#box_slogan a {font-size:15pt; left:220px; top:30px; display:block; border-left:1px solid #fff; padding:0 0 0 13px; line-height:17px; height:52px; font-weight:lighter;}
#sf_slogan {position:absolute; top:0; left:0; width:667px; height:114px; background:url(/images/sf_slogan.png);}

/* --- Fine SLOGAN --- */

/* ------------------------ CONTENT ------------------------ */

#content {position:relative; margin:0 0 30px 0; float:right; width:667px;}
#content h2 {margin:20px 0 0 5px;}
#sf_content {position:absolute; top:364px; right:0; width:667px; height:377px; background:url(/images/sf_content.png) no-repeat;}

/* --- menu lingue --- */

#content ul#menu_lingue {position:absolute; top:0; left:423px; width:75px;}

#content ul#menu_lingue li {list-style-type:none; display:inline; padding:0 10px; font-size:12pt;}
#content ul#menu_lingue li#first {border-right:1px solid #fff;}
#content ul#menu_lingue li.selezionato {color:#fc080b;}	
#content ul#menu_lingue li a {font-size:12pt; font-weight:lighter;}

/* --- Fine menu lingue --- */

#content #cont_testo {float:left; width:483px;}

/* --- content sidebar --- */

#content #content_sidebar {float:right; width:153px;}
#content #content_sidebar .box {width:153px; border-bottom:1px dashed #565656; padding:0 0 10px 0; margin:0 0 15px 0;}
#content #content_sidebar h3, #bottom h3 {font-weight:lighter; font-size:12pt; margin:0 0 5px 0;}
#content #content_sidebar p {color:#fff; font-size:8pt; padding:0; margin:0;}
#content #content_sidebar #newsletter .input_text {width:145px; border:1px solid #565656; background:#0d0d0d; padding:2px 3px; color:#E32728; font-size:8pt; height:12px; margin:0 0 3px 0;}
#content #content_sidebar #newsletter a {float:right; font-size:8pt;}
#content #content_sidebar #media ul li, #content #content_sidebar ul#tesseramento li, #content #content_sidebar ul#cd li {position:relative; width:153px; height:80px; list-style-type:none; margin:0 0 10px 0; border:0; overflow:hidden;}
#content #content_sidebar .box ul#tesseramento li {background:url(/images/imm_tesseramento.jpg) no-repeat;}
#content #content_sidebar .box ul#cd li {background:url(/images/imm_cd.jpg) no-repeat;}
#content #content_sidebar #media ul li#video {background:url(/images/imm_video.jpg) no-repeat;}
#content #content_sidebar #media ul li#photogallery {background:url(/images/imm_photogallery.jpg) no-repeat;}
#content #content_sidebar #media ul li h5, #content #content_sidebar ul#tesseramento li h5, #content #content_sidebar ul#cd li h5 {position:absolute; bottom:0; display:block; width:143px; height:20px; background:url(/images/sf_h5.gif); font-size:8pt; font-weight:lighter; padding:2px 0 0 10px;}
#content #content_sidebar #media ul li a, #content #content_sidebar ul#tesseramento li a, #content #content_sidebar ul#cd li a {display:block; width:153px; height:80px;}
#content #content_sidebar #media ul li a:hover, #content #content_sidebar ul#tesseramento li a:hover, #content #content_sidebar ul#cd li a:hover {color:#000;}

/* --- Fine content sidebar --- */

/* ------------------------ Fine CONTENT ------------------------ */

/* ------------------------ BOTTOM ------------------------ */

#bottom {margin:0 0 0 20px; border-bottom:1px solid #565656; padding:0 0 20px 0;}
#bottom div {background:#1a1a1a; padding:10px;}

/* ------------------------ Fine BOTTOM ------------------------ */


/* ------------------------ GENERICI ------------------------ */

.titolo {color:#433c2f; font-weight:bold;}
ul, ul li {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
img {margin:0; padding:0; border:0;}
a {text-decoration:none; color:#fff;}
a:hover {color:#fc080b;}

/* ------------------------ Fine GENERICI ------------------------ */
/* FORM */
	form {margin:0; padding:0;}
	#formcontatti {width:100%; margin-top:20px;}
	#formcontatti .contatti {float:left;width:230px; margin:0 10px 0 0; padding:0; line-height:14pt;color:#fff;}
	#formcontatti .contatti .input_text, #formcontatti .contatti .input_area {width:99%}
	#formcontatti .contatti .input_area {width:100%; height:100px}
	#formcontatti .contatti .input_area1 {width:100%; height:85px;}

	#box_errore {position:absolute; display:none; width:300px; left:650px; top:500px; height:150px; border:1px solid #E32728; text-align:left; background:#fff; z-index:5; }
	#div_titolo_errore {background:#E32728; color:#fff; padding:10px; }
	#div_errore {color:#000; padding:10px; text-align:center; position:relative; top:10px; }
	#bottone_errore {position:relative; top:30px; }
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#concept {font-size:10px; color:#fff; padding:10px 0; text-align:right; float:right; width:180px
}
#concept p {margin:0; padding:0; font-size:10px;}
#concept .linktp, #concept .linktp:link, #concept .linktp:visited {font-size:10px; font-family: Times New Roman; color: #666666; text-decoration: none;}
#concept .linktp:hover {color: #E97D00;}

/* ------------------------ concept by ------------------------ */
/* indirizzo */

#indirizzo {float:left; width:740px; padding:10px 0 10px 20px; font-size:10px}
/* ------------------------ BOX NEWS ------------------------ */

ul#news_box_home {margin:30px 0 0 0; padding:0; width:473px;}
ul#news_box_home li {position:relative; margin:0 0 25px 0; width:473px; height:75px; background:url(/images/box_news/sf_news.gif) right no-repeat #1a1a1a; list-style-type:none;}
ul#news_box_home li a {cursor:pointer;}
ul#news_box_home a .immagine_box_news {float:left; width:120px; height:75px; margin:0; padding:0; overflow:hidden;}
ul#news_box_home li .maschera_news {position:absolute; top:-9px; left:-10px; width:140px; height:93px; z-index:2; border:0;}
ul#news_box_home li .testo_news {float:left; width:315px; height:63px; margin:5px 0 0 13px; overflow:hidden; font-size:8pt;}
ul#news_box_home li .testo_news p {margin:0; padding:0;}
ul#news_box_home li .testo_news p.data {font-size:9pt; margin:2px 0 5px 0;}
ul#news_box_home li .testo_news p.titolo_news {font-size:11pt; margin:0 0 5px 0; font-weight:normal;}
ul#news_box_home li .piu {position:absolute; bottom:10px; right:10px; width:10px; height:10px;}
a#tasto_elenco {float:right; display:block; height:28px; cursor:pointer; font-size:8pt; margin:0 10px 0 0;}
a#tasto_elenco div.left {background:#1a1a1a; height:22px; padding:6px 0 0 0;}
	

/* ------------------------ Fine BOX NEWS ------------------------ */
/* foto */
	#foto h2 {font-size:12pt; margin:10px 0}
	#foto .foto {width:60px; height:60px; overflow:hidden; float:left; margin:4px;}
	#foto .foto img {border-left:3px #fc080b solid;}
	#foto .foto img:hover {border-left:3px #fff solid;}
	#foto .categoria_foto {width:145px; height:140px; float:left; margin:5px; overflow:hidden; text-align:center}
	#foto .categoria_foto .immagine_categoria {width:140px; height:100px; overflow:hidden;}
/* NEWS */
	ul#elenco_news {margin:15px; list-style:square}
	ul#elenco_news li {margin:10px 0;}
	#news #descrizione_breve {text-align:justify; line-height:13pt;}
	#news #descrizione {text-align:justify; line-height:13pt; font-family:Arial, Helvetica, sans-serif}
	#news ul#allegati { list-style:none; margin:10px 0}
	#news #immagine {border:1px #fff solid}
	#news #news_immagini {margin:10px 0;}
	#news #news_immagini img {margin:5px 5px 5px 0; border:1px #fff solid}
	#news #news_immagini img:hover, #news #immagine:hover {border:1px #fc080b solid}
/* VIDEO */	
	ul#elenco_video li p.titolo_video {color:#fc080b; font-weight:bold; text-align:center;}
	ul#elenco_video {list-style:square; margin:20px 10px 10px 50px; padding:0; line-height:15pt;}
	ul#elenco_video li {margin:10px 0;}
	ul#elenco_video li a:link, ul#elenco_video li a:visited {display:block; text-decoration:none;}
	ul#elenco_video li a:hover {color:#808080}
	ul#elenco_video li .titolo_evento {font-weight:bold; color:<%=colorebase1%>}
	ul#elenco_video li .descrizione_evento {font-size:8pt;}

	/* elenco */
	ul#elenco_tutti_video {list-style:none; margin:20px 10px; padding:0; line-height:15pt;}
	ul#elenco_tutti_video li {margin:10px 0; text-align:left; height:90px; background:#E4E4E4}
	ul#elenco_tutti_video li a {display:block}
	ul#elenco_tutti_video li img {float:left;}
	ul#elenco_tutti_video li p.titolo_video {color:#fc080b; font-weight:bold; float:left; margin:20px 10px 0 10px; width:320px; font-size:8pt;}

/* CLASSIFICA */
	#classifica_campionato {margin:20px 0;}
	#classifica_campionato table tr th,  #classifica_campionato table tr td {padding:5px 10px; text-align:left;}
	/* box */ 
	table#table_box_classifica {border-collapse:collapse; width:255px; margin:0 2px; border-bottom:2px black solid}
	table#table_box_classifica tr td {padding:3px 7px; border-top:2px black solid; color:#FFF}


	#classifica_campionato table tr td.allineamento_cnt, table tr th.allineamento_cnt {text-align:center}
	#classifica_campionato table tr td.allineamento_dx, table tr th.allineamento_dx, table tr td.allineamento_dx {text-align:right}
	#classifica_campionato table tr td.riga_sudtirol {color:#FFF; border:2px #fff solid; background:#000; text-transform:uppercase;}
/* ULTIMA GIORNATA */ 
	table#risultati_ultima_giornata {margin-left:5px; width:230px;}
	table#risultati_ultima_giornata tr td {font-size:8pt;}
	table#risultati_ultima_giornata tr td.riga_sudtirol {color:#E32728; text-transform:uppercase;}
/* PROSSIMO TURNO */ 
	table#prossimo_turno {margin-left:5px; width:230px;}
	table#prossimo_turno tr td {font-size:8pt;}
	table#prossimo_turno tr td.riga_sudtirol {color:#E32728; text-transform:uppercase;}
	
/* CALENDARIO */ 
	#calendario h3, #calendario h2 {text-align:center; margin:15px}
	#calendario .giornata {width:475px; float:left; margin:10px 0; height:200px; color:#333;}
	#calendario .giornata h5 {color:#fff}
	#calendario .giornata .elenco {border:1px #E32728 solid; padding:3px; background:#e3e3e3}
	#calendario .giornata .elenco table {width:100%}
	#calendario .giornata .elenco table tr td {font-size:9pt}	
	#calendario .giornata h4 {margin:5px; padding:0; color:#E32728; text-align:center}
	#calendario .giornata h5 {margin:0 0 5px 0; padding:0; text-align:center; font-size:8pt; font-weight:normal}
	#calendario .giornata .gol 	{width:16px; color:#E32728; margin:0; text-align:center; border:0;padding:2px 3px;}
	#calendario .giornata .elenco table tr td.riposa {color:#666; font-style:italic}
/* GIOCATORI */
	.giocatore {border:1px white solid; width:108px; height:182px; float:left; margin:5px; padding:0;}
	.giocatore a {display:block; height:165px;}
	.giocatore .foto_giocatore {width:108px; height:144px; overflow:hidden;}
	.giocatore .nome_giocatore {width:94px; padding:5px 3px; font-size:7pt; margin:0;}
	
	#scheda_giocatore {margin:0 0 10px 0;}
	#scheda_giocatore img {float:left; margin:0 10px 10px 0;}
	#scheda_giocatore p {float:left; line-height:15pt; margin:0; padding:0 10px 10px 0; width:300px}
	#scheda_giocatore p .dati_giocatore {font-weight:bold; color:#E32728}
	#scheda_giocatore p .descrizione {font-size:8pt;}
	#scheda_giocatore #giocatore_gallery {background:#999;}
	#scheda_giocatore #giocatore_gallery img {border:1px #fff solid; margin:5px;}
	#scheda_giocatore #giocatore_gallery img:hover {border:1px #E32728 solid}
/* newsletter */

	#frmNewsletter {line-height:17pt; margin:10px; width:400px}
	#frmNewsletter .input_text {width:85%}
	#frmNewsletter .input_area {height:120px;width:85%; font-size:8pt}
	#frmNewsletter .bottoni {text-align:left}

/* campi */
	#campo img {float:left; margin:10px 10px 10px 0}
	#campo p {float:left; line-height:15pt; width:350px}
	#campo p .nome_campo {color:#E32728; font-weight:bold; text-transform:uppercase}

	/* Pagine */
	
		#pagine {	position:relative; 	padding:0px; 	height:20px; 	bottom:10px; 	margin:25px auto 0 auto; 	width:100%; 	text-align:center; 	}
		#pagine ul {	margin: 0; 	color: #fff; 	font-family: verdana, helvetica, sans-serif; 	text-align:center; 	}
		#pagine ul li {	display: inline; 	padding: 0 10px 0 10px; 	color: #E32728; 	font-size: 8pt; 	text-decoration: none; 	border-right: 1px solid #E32728; 	}
		
		#pagine ul li a 	{color: #fff;}
		#pagine ul li a:hover	{color: #E32728;}

	.bottone	{font-size:10px; color:#E32728; width:90px; height:25px;}
	.bottoni {text-align:center; margin:20px auto;}

/* squadre */
	#squadra {margin:15px 0;}	


/* ------------------------ staff ------------------------ */

	ul#staff {margin:30px 0 0 0; padding:0; width:473px;}
	ul#staff li {position:relative; margin:0 0 25px 0; width:473px; height:75px; background:url(/images/box_news/sf_news.gif) right no-repeat #1a1a1a; list-style-type:none;}
	ul#staff li a {cursor:pointer;}
	ul#staff li .immagine_staff {float:left; width:70px; height:75px; overflow:hidden}
	ul#staff li .dati_staff {float:left; width:380px; height:63px; margin:5px 0 0 13px; overflow:hidden; font-size:8pt;}
	ul#staff li .dati_staff p {margin:0; padding:0;}
	ul#staff li .dati_staff p.nome {font-size:9pt; margin:2px 0 5px 0;}
	ul#staff li .dati_staff p.ruolo {font-size:10pt; margin:0 0 5px 0; font-weight:normal;}
	ul#staff li .piu {position:absolute; bottom:10px; right:10px; width:10px; height:10px;}

/* link */
	#elenco_link {margin:15px 0;}
	#elenco_link ul.link {margin:10px; list-style:none}
	#elenco_link ul.link li {margin:5px 0; color:#E32728}
	#elenco_link ul.link li .descrizione_link {margin:3px 0 0 18px; font-size:7pt; color:#fff}

.scritta_rossa {color:#fc080b;}
.scritta_maiuscola {text-transform:uppercase}
.rientro {margin:15px}

/* audio */
	ul#audio {margin:15px; list-style:circle}
	ul#audio li {margin:10px 0; font-weight:bold;}
	ul#audio li .fonte {font-size:8pt; font-weight:normal;}
	ul#audio li .descrizione {font-size:8pt; font-weight:normal;}
	ul#audio li a {color:red}
	
	
/*SPONSOR*/

ul.elenco_sponsor {float:left; margin:20px 0 0 5px;}
ul.elenco_sponsor li {position:relative; float:left; width:153px; height:80px; list-style-type:none; margin:2px; text-align:center;}
ul.elenco_sponsor li img {position:absolute; top:0; left:0; z-index:2;}

.box_sponsor ul li {position:relative; width:153px; height:80px; list-style-type:none; margin:0; padding:0; text-align:center; background:#fff;}
.box_sponsor ul li .angolo_sx_alto,
ul.elenco_sponsor li .angolo_sx_alto,
.box_sponsor ul li .angolo_sx_basso,
ul.elenco_sponsor li .angolo_sx_basso,
.box_sponsor ul li .angolo_dx_alto,
ul.elenco_sponsor li .angolo_dx_alto,
.box_sponsor ul li .angolo_dx_basso,
ul.elenco_sponsor li .angolo_dx_basso {position:absolute; width:5px; height:5px; z-index:3;}
.box_sponsor ul li .angolo_sx_alto,
ul.elenco_sponsor li .angolo_sx_alto {top:0; left:0; background:url(/images/angolo_sx-alto.png) no-repeat;}
.box_sponsor ul li .angolo_sx_basso,
ul.elenco_sponsor li .angolo_sx_basso {bottom:0; left:0; background:url(/images/angolo_sx-basso.png) no-repeat;}
.box_sponsor ul li .angolo_dx_alto,
ul.elenco_sponsor li .angolo_dx_alto {top:0; right:0; background:url(/images/angolo_dx-alto.png) no-repeat;}
.box_sponsor ul li .angolo_dx_basso,
ul.elenco_sponsor li .angolo_dx_basso {bottom:0; right:0; background:url(/images/angolo_dx-basso.png) no-repeat;}

.box_sponsor ul li .slideshow,
.box_sponsor ul li .slideshow {position:absolute; top:0; left:0; width:153px; height:80px; z-index:2;}

/*Fine SPONSOR*/

/* popup */
	#box_popup {position:absolute; top:200px; left:30%; margin:0; z-index:7;}
	#box_popup #chiudi {position:absolute; top:10px; right:10px;}
	#popup {padding:35px 20px 20px 20px; background:#000; border:3px solid #E32728; z-index:5;}

