/*** Padovacalcio.it: linea grafica del site ***/

/*------------------------------------- GLOBAL ELEMENTS -------------------------------------*/

/* When using vertical percentage positions, or the vertical center or bottom positions, you also need the following in your CSS, to tell the browser to make the outer HTML element the height of the browser window
*/
html {
	height:100%;
	width:100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #fff;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: left;
}

.case1 {
	background-image: url('../_img/bg_1.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.case2 {
	background-image: url('../_img/bg_2.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.case3 {
	background-image: url('../_img/bg_3.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.case4 {
	background-image: url('../_img/bg_4.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.case5 {
	background-image: url('../_img/bg_5.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

.case6 {
	background-image: url('../_img/bg_6.jpg');
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

/*-- fix per FF, evita il bordo attorno ai link --*/
a:focus { outline: 0; }

a:link, a:visited{ 
	color: #CC0000;
}


a:hover { color: #008ACF;
		  text-decoration: none;
}


a img { border: 0; }


p, ol, ul, dl, blockquote {
	margin: 0;
	padding: 0;
}

hr { display: none }


h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}

p {
font-size: 1.2em;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.8em;
}
h4 {
font-size: 1.5em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}

li {
list-style-type: none;
}

/*------------------------------------- CLASS -------------------------------------*/

/*--- Torna al normale flusso ---*/
div.clear { clear: both; height: 0% }

/*--- Torna al normale flusso altezza stabilita---*/
div.clearspacer { clear: both; height: 25px; min-height:25px }

/*--- Occulta elemento a video ---*/
.no-display { display: none }

/*--- Position relative ---*/
.relativized { position: relative }



/*-----------------------------------   ELEMENT   ----------------------------------*/

#line{
	position:absolute;
	top:50%;
	width: 100%;
	height: 525px;
	min-height: 525px;
	margin-top:-254px;
}


#line_relative{
	position:relative;
	height: 525px;
	min-height: 525px;
}

	#line_bg{
		position: absolute;
		top:0px;
		left: 0px;
		width: 100%;
		height: 525px;
		min-height: 525px;
		/*background-color: #CC0000;*/
		filter:alpha(opacity=55); /* IE's opacity*/
		opacity: 0.55;
	}

	#line_content{
		position: absolute;
		top:0px;
		left: 0px;
		width: 100%;
		height: 525px;
		min-height: 525px;
	}





		#centerbox{
			width: 745px;
			height: 525px;
			min-height: 525px;
			margin: auto;
			
			color: #000;
		}



/*--- MENU ---*/
#menu_sezione{
	position:absolute;
	bottom:-18px;
	left:50%;
	width: 745px;
	height: 20px;
	min-height: 20px;
		color: #000;
	margin-left: -373px;
}

	#menu_sezione ul{
		width:745px;
}

	#menu_sezione ul li{
		display: inline;
	}
	
		#menu_sezione ul li a:link, #menu_sezione ul li a:visited{
			display: block;
			padding: 5px;
			float: left;
			background-image: url('../_img/bg_gif.png');
			background-repeat: repeat;
			text-transform: uppercase;
			border: 1px solid #ccc;
			border-top: none;
			margin-right: 3px;
			color: #FFF;
			text-decoration: none;
		}
		
		#menu_sezione ul li a:hover{
			color: #000;
			background-color: #fff;
			background-image:none;
		}




#flashposition {
	width: 745px;
	height: 525px;
	min-height: 297px;
	margin: auto;
	padding: 0;
	text-align: center;

}


/*--- SKIP ---*/
#skip{
	position:absolute;
	top:-18px;
	left:50%;
	width: 257px;
	height: 20px;
	min-height: 20px;

	margin-left: 115px;
	text-align: center;
}

	#skip a:link, #skip a:visited{
		color: #fff;
		text-decoration: none;
	}
	#skip a:hover{
		font-weight: bold;
		
	}
	
/*--- h1 h2 --- h2 visualizzato quando non c'� il flash player   */
h1{
	text-align: center;
	color: #000;
	visibility: hidden;
}

.contenutonoflash h2{
	text-align: left;
	margin-top: 220px;
	color: #fff;
}