#header,
#footer,
#cnt {
	margin		: 0 auto;
	width		: 960px;
}

#main {
	background		: url(/img/hp/graydot.gif) 596px top repeat-y;
}

	h1.afir {
		display			: block;
		width			: 494px;
		margin			: 0 auto;
		height			: 112px;
		margin-top		: -20px;
		text-indent		: -9998em;
		background		: url(/img/hp/esci-e-gioca.png) top left no-repeat;
	}

	#bodywrapper {
		margin			: 0 auto;
		width			: 1020px;
		overflow		: hidden;
		height			: auto;
		border : 1px solid #767676;
	}


	#coldx {
		width			: 363px;
	}

	#colsx {
		width			: 596px;
		margin-left		: 1px;
	}

	#coldx .box { margin-left	: 20px; }
	#colsx .box { margin-right	: 20px; }

	.box {
		position		: relative;
	}


	/*** box sinistro, pulsanti ***/

		#boxsx div.fl {
			width			: 211px;
			height			: 316px;
			margin-right	: 10px;
			text-align		: center;
			position		: relative;
		}

		#boxsx form {
			width			: 335px;
			height			: 300px;
			padding-top		: 16px;
			position		: relative;
			display			: block;
			background		: url(/img/hp/diagonalrows.gif) top left;
		}

			#giocologgato fieldset,
			#boxsx form fieldset {
				text-align		: left;
				padding			: 0 17px;
			}

	#boxsx div.fl img {
		top				: -16px;
		left			: -24px;
		position		: absolute;
		z-index			: 3;
	}

	#impara a,
	#allenamenti_hp p a,
	#iscrivi a,
	#continuagioco,
	#boxsx div.fl a {
		position		: absolute;
		z-index			: 4;
		left			: 0;
		bottom			: 15px;
		display			: block;
		padding			: 0 25px;
		height			: 30px;
		line-height		: 30px;
		margin			: 0 18px;
		background		: #000;
		color			: #fff;
		border			: 0;
		border-bottom	: 4px #fff solid;
		border-right	: 4px #fff solid;
		text-transform	: uppercase;
		text-decoration	: none;
		font-size		: 1em;
		cursor			: pointer;
	}

	#continuagioco {
		padding-bottom	: 0;
		width			: 103px;
		height			: 35px;
		top				: 267px;
		font-size		: 0.9em;
	}

	#iscrivi a {
		background		: #df0001;
	}

	#boxsx label {
		display			: block;
		font-size		: 1.8em;
		font-weight		: bold;
		margin-bottom	: 6px;
	}


	#choosefriend {
		padding			: 4px;
		border			: 1px #bdbdbd solid;
		font-size		: 1.1em;
		color			: #868686;
		width			: 280px;
	}

	#boxsx fieldset span {
		float			: left;
		width			: 290px;
		padding			: 2px;
	}

	#boxsx fieldset span.wrong {
		border 			: 2px solid #d12420;
		padding			: 0;
	}

	span #choosefriend {
		width			: 285px;
	}
		span.wrong #choosefriend {
		width			: 280px;
	}


	/** box bottom **/

	#boxbt {
		margin			: 20px 1px 0 0;
		padding			: 20px 0 0 0;
		position		: relative;
	}

	#boxbt p.fr {
		width			: 238px;
		height			: 274px;
		margin-right	: 17px;
		margin-top		: -60px;
		background		: url(/img/hp/prodotto.png) top left no-repeat;
		position:relative;
	}

		#boxbt p.fr span {
			font-size		: 1.1em;
			display			: block;
			width			: 175px;
			text-align		: left;
			margin			: 212px 0 0 40px;
		}

	#boxbt p.fl {
		width			: 355px;
		height			: 195px;
 		position		: absolute;
		z-index			: 3;
		left			: -6px;
		top				: 14px;
		background		: url(/img/hp/domande.png) top left no-repeat;
	}

		#boxbt p.fl span {
			display			: none;
		}

		#boxbt a {
			position		: absolute;
			z-index			: 2;
			left			: 0;
			top				: 194px;
			height			: 40px;
			line-height		: 40px;
			display			: block;
			background		: #fff;
			text-decoration	: none;
			width			: 340px;
			font-size		: 1.1em;
		}

			#boxbt a,
			#boxbt a:link,
			#boxbt a:visited,
			#boxbt a:hover,
			#boxbt a:active {
				color			: #000;
			}

		#boxbt a strong {
			color			: #df001a;
		}

	/*** box destro ***/

	#boxdx {
		height		: auto !important;
		*height		: 77.4em;
		min-height	: 77.4em;
		text-align	: left;

	}
	
	#boxdx #regalosport{
		margin-top:15px;
		}

	#iscrivi {
		position		: relative;
		width			: 323px;
	}

	#img_pallone {
		position		: absolute;
		top				: 390px;
		right			: -38px;
	}

	#boxdx h2 {
		font-size		: 1.6em;
		width			: 170px;
		color			: #000;
		line-height		: 1.2em;
		margin-top		: 5px;
		padding			: 5px 0 5px 30px;
		background		: url(/img/hp/arrows-1.gif) left 8px no-repeat;
	}

		#boxdx h2 a {
			text-decoration		: none;
		}

		#boxdx h2 a,
		#boxdx h2 a:link,
		#boxdx h2 a:visited,
		#boxdx h2 a:hover,
		#boxdx h2 a:active {
			color			: #000;
		}

		#regalosport p {
			margin-left		: 30px;
			font-size		: 1.1em;
			line-height		: 1.4em;
			width			: 200px;
		}

		#saltabordo {
			margin-top		: 10px;
			position		: absolute;
			z-index			: 3;
			width			: 350px;
			left			: 0;
		}

		#saltabordo a {
			position		: absolute;
			right			: 0;
			top				: 55px;
			display			: block;
			width			: 140px;
			line-height		: 1.4em;
			font-size		: 1.1em;
		}

		#saltabordo a,
		#saltabordo a:link,
		#saltabordo a:visited,
		#saltabordo a:hover,
		#saltabordo a:active {
			color		: #000;
			text-decoration	: none;
		}

		#saltabordo a strong {
			display			: block;
			padding-right	: 40px;
			background		: url(/img/hp/arrows-3.gif) center right no-repeat;
		}

/******************* hp loggata *******************/

#allenamenti_hp {
	background		: #fff url(/img/hp/allenamenti.jpg) 10px top no-repeat;
	padding-top		: 0;
	padding-bottom	: 0;
	text-align		: left;
	position		: relative;
	height			: auto !important;
	height			: 30em;
	min-height		: 30em;
	overflow		: visible;

	}

	#allenamenti_hp div {

		border			: 0;
		width			: 556px;
		*width			: 544px;
		border-bottom	: 10px #fff solid;
	}


	#allenamenti_hp img,
	#allenamenti_hp h2,
	#allenamenti_hp span/* ,
	#allenamenti_hp p */ {
		position		: absolute;
		display			: block;
	}

	#allenamenti_hp img {
		width			: 238px;
		height			: 125px;
		top				: -8px;
		left			: -25px
	}

	#allenamenti_hp h2 {
		top				: 42px;
		left			: 245px;
		font-size		: 1.8em;
		line-height		: 1em;
		width			: 170px;
	}

	#allenamenti_hp span {
		left			: 245px;
		top				: 90px;
		font-size		: 1.1em;
	}

	#allenamenti_hp p  {
		margin-left		: 12px;
		width			: 100%;
		padding-bottom	: 15px;
		*padding-bottom	: 0;
	}

	#allenamenti_hp dl {
		padding-top		: 135px;
		margin-bottom	: 20px;
		left			: 0;
		width			: 556px;
	}

		#allenamenti_hp dt,
		#allenamenti_hp dd {
			float			: left;
			display			: inline;
			padding-left	: 20px;
			height			: 24px;
			line-height		: 24px;
			background		: #fff;
			border-bottom	: 1px #d5d5d5 solid;
		}

		#allenamenti_hp dt {
			width			: 140px;
			font-size		: 1.4em;
			clear			: left;
			font-variant	: small-caps;
			background-image	: url(/img/hp/plus-minus-equal.gif);
			background-repeat	: no-repeat;
		}

			#allenamenti_hp dt.plus { background-position: right 0; }
			#allenamenti_hp dt.minus { background-position: right -24px; }
			#allenamenti_hp dt.equal { background-position: right -48px; }

		#allenamenti_hp dd {
			font-size		: 1.1em;
			width			: 116px;
		}
		#allenamenti_hp dd.prova {
			width			: 240px;
		}

			#allenamenti_hp dd a {
				display			: block;
				padding-left	: 20px;
				text-decoration	: none;
				background		: url(/img/black-plus.gif) center left no-repeat;
			}

			#allenamenti_hp dd a,
			#allenamenti_hp dd a:link,
			#allenamenti_hp dd a:visited,
			#allenamenti_hp dd a:hover,
			#allenamenti_hp dd a:active {
				color			: #000;
			}


		#allenamenti_hp p a {
			position		: static;
			float			: left;
			display			: inline;
			margin			: 0 0 0 8px;
		}


		#impara {
			background		: #fff;
			width			: 576px;
			margin-top		: 15px;
			text-align		: left;
			margin-left		: 0;
			
		}

				#impara img {
					position		: relative;
					z-index			: 2;
					top				: -14px;
					right			: 4px;
				}

				#impara h2 {
					padding			: 20px 0 0 30px;
					font-size		: 1.8em;
					line-height		: 1em;
					width			: 240px;
				}

				#impara a {
					position		: static;
					float			: left;
					border-color	: #cacaca;
					margin			: 15px 0 0 30px;
				}


	#giocologgato  {
		margin-top		: 15px;
	}

	#giocologgato form {
		background		: url(/img/hp/diagonalrows.gif) top left;
		padding-bottom	: 15px;
		height			: auto;
	}

	#giocologgato img.png {
		margin			: 10px 0 0 0;
	}

	#giocologgato .mypgcontainer {
		width			: 480px;
		margin			: 5px 0;
	}

		#giocologgato #mypg {
			width		: 440px;
		}

	#giocologgato label {
		float			: left;
		font-size		: 1.8em;
		font-weight		: bold;
		margin-bottom	: 6px;
		margin-right	: 15px;
	}

	#giocologgato ul label {
		margin-right	: 0;
	}


	#giocologgato #continuagioco {
		float			: left;
		display			: inline;
		position		: static;
		margin			: 15px 0 0 18px;
	}



#TB_window { border:4px solid #FFF !important; }

#TB_title { display: none; }
#TB_ajaxContent { background:#FFFFFF none repeat scroll 0 0 !important; padding:4px !important; }
#TB_window { width: 996px !important; }
.TB_overlayBG {
	background-color:#000000;
	opacity:0.6;
}


/* ------------------------------------- */
/* ------ NUOVE REGOLE PER HP_v11 ------ */
/* ------------------------------------- */

.giocaCollezionaTitle {
	float: left;
	display: inline;
	margin: 12px 0 0 18px;
	width: 540px;
	height: 43px;
	background: url(../img/title_giocaCollezionaHP.png) no-repeat top left;
	text-indent: -9999em;
	line-height: 999em;
	overflow: hidden;
}

.lancioCodici {
	float: left;
	margin-top: 33px;
	width: 576px;
	height: 380px;
	background: url(../img/hp_lanciocodiciNew.png) no-repeat top left;
	_background: none;
	position: relative;
}

.lancioCodiciIE6 {
	position: static;
	background: url(../img/hp_lanciocodiciNew.png) no-repeat top left;
	width: 576px;
	height: 380px;
}

.lancioCodici .button,
.diventaCampione .button,
.organizzaGioco .button {
	font-size: 1em;
	text-indent: -9999em;
	line-height: 999em;
	overflow: hidden;
}

.lancioCodici .button.continua2 {
	position: absolute;
	bottom: 22px;
	right: 98px;
	width: 90px;
	height: 33px;
	background: url(../img/btn_continua2.gif) no-repeat top left;
}

.lancioCodici p.vinciSubito {
	position: absolute;
	top: 103px;
	left: 27px;
	width: 260px;
	font-size: 14px;
	font-weight: bold;
	color: #5B1300;
}

.lancioCodici p span.red {
	float: none;
	font-weight: bold;
	color: #C10017;
}

.lancioCodici .button.gioca {
	position: absolute;
	top: 167px;
	left: 25px;
	width: 84px;
	height: 36px;
	background: url(../img/btn_gioca.gif) no-repeat top left;
}

.lancioCodici .linkRegolamento,
.lancioCodici .linkScopriPremi {
	position: absolute;
	left: 119px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 85px;
	height: 15px;
	padding: 1px 8px 0 8px;
	background-color: #000;
}

.lancioCodici .linkRegolamento {
	top: 187px;
}

.lancioCodici .linkScopriPremi {
	top: 167px;
}

.lancioCodici .linkRegolamento:hover,
.lancioCodici .linkScopriPremi:hover {
	text-decoration: none;
}

.lancioCodici p.giocaCodici {
	position: absolute;
	top: 272px;
	left: 27px;
	width: 210px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	color: #5B1300;
}

.lancioCodici .button.saldoPunti {
	position: absolute;
	bottom: 22px;
	left: 25px;
	width: 192px;
	height: 33px;
	background: url(../img/btn_saldoPunti.gif) no-repeat top left;
}

.diventaCampione {
	float: left;
	width: 299px;
	height: 116px;
	margin-top: 20px;
	background: url(../img/hp_diventaCampione.jpg) no-repeat top left;
	position: relative;
}

.organizzaGioco {
	float: left;
	display: inline;
	margin-top: 20px;
	width: 277px;
	height: 116px;
	background: url(../img/hp_organizzaGioco.jpg) no-repeat top left;
	position: relative;
}

.diventaCampione p,
.organizzaGioco p {
	position: absolute;
	top: 52px;
	left: 16px;
	width: 230px;
	height: 37px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

.organizzaGioco p {
	top: 40px;
	left: 18px;
}

.diventaCampione .button.continua2,
.organizzaGioco .button.continua2 {
	position: absolute;
	bottom: 7px;
	left: 15px;
	width: 90px;
	height: 33px;
	background: url(../img/btn_continua2.gif) no-repeat top left;
}

.organizzaGioco .button.continua2 {
	left: 18px;
}

.lanciBottom {
	float: left;
	width: 576px;
	height: 250px;
}

.lanciBottom a.scopriCampioni {
	float: left;
	width: 235px;
	height: 246px;
	background: url(../img/hp_scopriCampioni.png) no-repeat top left;
	text-decoration: none;
	position: relative;
	margin-left: -32px;
}

.lanciBottom a.scopriCampioni span {
	float: left;
	display: inline;
	width: 150px;
	font-size: 11px;
	color: #000;
	margin: 200px 0 0 55px;
}

.lanciBottom .comeMuovi {
	float: left;
	display: inline;
	margin-left: 22px;
	width: 177px;
	height: 223px;
	background: url(../img/hp_comeMuovi.png) no-repeat top left;
	_background: none;
	position: relative;
	margin-top: 23px;
	left: -6px;
}

.lanciBottom .comeMuoviIE6 {
	width: 177px;
	height: 223px;
	background: url(../img/hp_comeMuovi.png) no-repeat top left;
	position: static;
}

.lanciBottom .comeMuovi p,
.lanciBottom .creaMaglietta p {
	position: absolute;
	width: 150px;
	height: 33px;
	text-align: left;
	font-size: 11px;
	bottom: 5px;
	left: 18px;
}

.lanciBottom .comeMuovi p a,
.lanciBottom .creaMaglietta p a {
	float: none;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #DF001A;
}

.lanciBottom .creaMaglietta {
	float: right;
	width: 169px;
	height: 228px;
	background: url(../img/hp_creaMaglietta.png) no-repeat top left;
	_background: none;
	position: relative;
	margin-top: 18px;
}

.lanciBottom .creaMagliettaIE6 {
	width: 169px;
	height: 228px;
	background: url(../img/hp_creaMaglietta.png) no-repeat top left;
	position: static;
}

/*21.04.10*/
.giocaCollezionaTitle {
	float: left;
	display: inline;
	margin:32px 0 0 9px;
	width:488px;
	height:39px;
	background: url(../img/title_giocaCollezionaHP.png) no-repeat top left;
	text-indent: -9999em;
	line-height: 999em;
	overflow: hidden;}
#main{background:url(/img/hp/graydot.gif) 516px top repeat-y}
#colsx{width:516px;margin-left:1px}
#dyrc2010_wrapper{
	float:left;
	clear:both;
	width:493px;
	height:464px !important;
	height:472px;
	background:url(../img/hp/dyrc2010_wrapper.png) no-repeat 0 0 !important;
	background:url(../img/hp/dyrc2010_wrapper.png) no-repeat 0 1px;
	position: relative}
	#dyrc2010{
		width:493px;
		height:464px;
		background:url(../img/hp/dyrc2010.jpg) no-repeat 7px 29px !important;
		background:url(../img/hp/dyrc2010.jpg) no-repeat 7px 29px}
#ringo_extratime_wrapper{
	float:left;
	clear:both;
	width:501px;
	height:215px !important;
	height:198px;
	background:url(../img/hp/ringo_extratime_wrapper.png) no-repeat;
	position: relative;
	margin:10px 0 0 0}
	#ringo_extratime{
		width:493px;
		height:194px;
		background:url(../img/hp/ringo_extratime.jpg) no-repeat 0 31px;
		position		: relative;
	}
	
	
	
		#ringo_extratime a {
			width:493px;
			height:190px;
			display			: block;
			text-decoration: none;
			width			: 160px;
			height			: 30px;
			line-height		: 30px;
			background		: #000;
			border-right	: 3px #cacaca solid;
			border-bottom	: 3px #cacaca solid;
			bottom			: 15px;
			left			: 15px;
			position		: absolute;
			text-align		: center;
			font-size		: 1.1em;
			text-transform: uppercase
		}
		
		#ringo_extratime a,
		#ringo_extratime a:link,
		#ringo_extratime a:visited,
		#ringo_extratime a:hover,
		#ringo_extratime a:active {
			color			: #fff;
		}
		
#mycarousel h3{color:#d10018;font-size:11px;padding: 8px 0 0 5px}
#mycarousel h4{color:#000;font-size:11px;padding: 0 0 0 5px;font-weight: normal}
#mycarousel h5 a{
	color:#000;
	font-size:11px;
	padding: 0 0 10px 5px;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration: none;
	background:url(../img/arrow.gif) no-repeat 50px 2px;
	display: block;
	width:80px;
	margin:5px 0 0 0}
#mycarousel h5 a:hover{color:#666}
#mycarousel li{padding:0}
#coldx{width:486px}
#cnt, #footer{
	width:1003px !important;
	width:1030px}
#imparail_calcio, #scopri_lezioni_wrapper{float:left;clear:both}
#imparail_calcio{
	width:466px;
	margin:0 0 0 20px;
	height:424px;
	background:url(../img/imparail_calcio.jpg) no-repeat left top;
	position: relative}
#scopri_lezioni_wrapper{
	width:466px;
	margin:10px 0 0 20px;
	height:315px;
	background:url(../img/hp/scopri_lezioni_wrapper.png) no-repeat}
#scopri_lezioni{
	width:423px;
	height:290px;
	background:url(../img/hp/scopri_lezioni.jpg) no-repeat 0 16px;
	position: relative}

#scopri_lezioni ul{
	position: absolute;
	top:135px;
	left:30px;
	width:340px;
	float: left}
p.testo_lezioni{
	position: absolute;
	top:70px;
	left:30px;
	width:340px;
	color:#fff;
	font-size: 16px}	

		
#scopri_lezioni ul li{float:left;list-style: none;padding:0 5px 0 0}

a.tecnica, a.allenamento, a.strategia{display:block;width:107px;height:117px}
a.tecnica span, a.allenamento span, a.strategia span{display: none}
a.tecnica{background:url(../img/hp/tecnica.jpg) no-repeat}
a.allenamento{background:url(../img/hp/allenamento.jpg) no-repeat}
a.strategia{background:url(../img/hp/strategia.jpg) no-repeat}

.jcarousel-dyrc_dx h3{font-size: 16px;padding:0 0 10px 0}
.jcarousel-dyrc_dx h4{font-size: 12px;font-weight: normal}
.jcarousel-dyrc_dx h3, .jcarousel-dyrc_dx h4{padding:0 0 0 2px}	
a.logo_new{
	display:block;
	background: url(../img/logo-ringo.png) no-repeat;
	width: 221px;
	height:123px;
	cursor: pointer}
	
#dyrc_swf {
	position	: absolute;
	top			: 0;
	left		: 0;
	width		: 286px;
	height		: 454px;
	top			: 12px;
	left		: 6px;
}
.home_dx{
	float:left;
	display:inline;
	width:466px;
	/*margin:45px 0 0 20px;*/
	margin:33px 0 0 20px;
	}

.right_cont{
	float:left;
	display:inline;
	width:423px;
	background:url(../img/col_dx/bg_right_hp.png) top left no-repeat;
	height:507px;
	position:relative;
	margin:30px 0 0 0;
	}

.scuola_calcio{
	float:left;
	display:inline;
	margin:-19px 0 15px 10px;
	}

.scuola_element{
	float:left;
	display:inline;
	width:404px;
	height:124px;
	margin:0 0 10px 10px;
	}

.left_scuola_el{
	float:left;
	display:inline;
	width:191px;
	background:url(../img/col_dx/bg_scuola_el.jpg) top left no-repeat;
	height:124px;
	}

.left_scuola_el .claim{
	float:left;
	display:inline;
	margin:13px;
	width:165px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

.left_scuola_el .logo{
	float:right;
	display:inline;
	margin:0px 13px;
	}

.left_scuola_el .logo_1{
	float:right;
	display:inline;
	margin:0px 20px;
	}
	
.left_scuola_el .logo_2{
	float:right;
	display:inline;
	margin:0px 25px;
	}

.kaka{
	position:absolute;
	top:-74px;
	right:-107px;
	}

.guarda_cont{
	float:left;
	display:inline;
	width:404px;
	height:51px;
	background:url(../img/col_dx/bg_guarda.png) top left no-repeat;
	margin-left:10px;
	}

.guarda_cont a{
	float:left;
	display:inline;
	margin:11px 0 0 110px;
	}

.right_red{
	float:left;
	display:inline;
	width:403px;
	background-color:#df0023;
	padding:10px 10px 16px 10px;
	}

.right_red a{
	float:left;
	display:inline;
	color:#FFFFFF;
	margin:10px 8px 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	line-height:26px;
	}

.size1{
	font-size:24px;
	}

.size2{
	font-size:18px;
	}

.size3{
	font-size:20px;
	}
	
.size4{
	font-size:12px;
	}