/**
Foglio di stile per Ben10
**/

html {
      margin:0;
      padding:0;
      background:#0a3f78 url(img/bg.png) repeat-x top left;
	  font-family: "Trebuchet MS", sans-serif; }

body.homeBG{ 
	background:url(img/bgBody.jpg) no-repeat top center;} 
	
body.extraBG{ 
	background:url(img/bgBodyExtra.jpg) no-repeat top center;} 
	
body.comeBG{ 
	background:url(img/bgBodyCome.jpg) no-repeat top center;} 
	
body.giocoBG{ 
	background:url(img/bgBodyGioco.jpg) no-repeat top center;}
	
body.carteBG{ 
	background:url(img/bgBodyCarte.jpg) no-repeat top center;}
	
body.collezioniBG { 
	background:url(img/bgBodyCol.jpg) no-repeat top center;}
	
body.nuoviBG { 
	background:url(img/bgBodyNuovi.jpg) no-repeat top center;}	
	
.center { 
	text-align:center;} 
	
.left { 
	text-align:left;} 
	
.right	{ 
	text-align:right;} 
	
.hidden	{ 
	visibility:hidden}

h1 { 
	display:none;} 	
h3 {
	font-size:18px;
	font-weight:bold;}

a { 
	text-decoration:none;} 
	
/*Struttura*/
#mainContainer { 
	width:900px;
	min-height:860px;
	margin:0 auto;
	padding:0;} 
	
#mainContainer.laminContent { 
	/*height:1000px;*/} 	
	
#header {
	height:95px;
	padding:0 40px;
	z-index:20;
	position:relative;}
	
#content{
	padding:0 40px;
	/*min-height:465px;
	height:auto!important;
	height:465px;*/}
	
#footer{
	background:url(img/footerBg.gif) repeat-x top left;
	height:55px;
	padding:0 40px;
	clear:both;}

	
/*Elemnti dell'header*/
#logo{
	height:174px;
	width:143px;
	position:relative;
	float:left;
	border:0;}
	
#logo a{
 	display:block;
	height:174px;
	width:143px;
	border:0;}

#header form 	{
	margin:0 0 0 545px;
	padding:8px 0 0;  
	border:0;
	/*background:transparent url(img/mail.gif) no-repeat 10px 15px ;*/}
	
#header form #mail{
	border-top:1px solid #031539;
	border-left:1px solid #031539;
 	border-bottom:1px solid #3d739f;
	border-right:1px solid #3d739f;
	width:160px;
	padding:5px 10px;
	height:14px;
	margin:8px 12px;
	font-size: 14px;			
	color: #fff;			
	font-weight: bold;
	background:#2a5581;
}

#header form 	#invia{
	margin:0;
 	border:0;
	width:38px;
	height:20px;
	padding:0 0 3px;
	background:transparent url(img/invia.gif) no-repeat top left;
	font-size: 10px;			
	color: #fff;			
	font-weight: bold;
	line-height:20px;
	vertical-align:middle;}	
	
#menu  {
	margin:0 0 0 150px;
	padding:20px 0 0;}

#menu  .button{
	float:left;
	border:0;
	color:#fff;
	margin:12px 20px 0;
	padding:0;
}
	
	
#menu  .button a{
	display:block;
	height:100%;
	width:100%;
	font-size:15px;
	line-height:17px;
	font-weight:bold;
	color:#000;
	text-shadow:0px 1px 1px #fff;
	padding:0;
}
	
#menu  .button.sl{
	border-bottom:1px solid #000;
}	

#oldColl {	
	height:40px;
	width:120px;
	margin:0 0 0 680px;}
	
#oldColl a {	
	height:40px;
	width:120px;
	display:block;}

/*Elementi del content*/

#swf_visual {
	position:relative;
	top:-45px;
	left:-50px;
	z-index:10;
	cursor:pointer;
}
	
#swf_visual object{
	cursor:crosshair;
}

#visual {
	height:430px;
}

#visual a {
	display:block;
	height:360px;
	width:800px;
	border:0;
	position:relative;
	top:0;
	left:0px;}
	
#secondMenu {
	float:left;
	padding:0 0 30px;
}

#box1, #box2,#box3  {
	width:260px;
	height:122px;
	float:left;
	position: relative;
	top:0;
	background:url(img/buttonBG.png) no-repeat top left;
}
	
#box1, #box2{
	margin-right:17px;
}
	
#box3{
	margin:0;
}	
	
#box1 a, #box2 a,#box3  a {
	display:block;
	font-size:18px;
	line-height:22px;
	text-shadow:0px 1px 1px #fff;
	color:#000;
	padding:25px 100px 30px 26px;}	

#box1 a{
	height:67px;	
	padding:25px 100px 30px 26px;
	background:url(img/cnLogo.png) no-repeat 173px 35px;
}

#box2 a{
	height:64px;	
	padding:40px 157px 30px 26px;
	background:url(img/bgVideo.png) no-repeat 147px 27px;
}
	
#box3 a{
	padding:22px 64px 30px 26px;
	background:url(img/bgMostro.png) no-repeat 18px 24px;
	font-size:14px;
	font-weight:bold;
}
/*Visual della pagina SCOPRI COME GIOCARE*/	

#scrollbar {  
	font-size:14px;
	color:#002a52;
	line-height:1.6em}

.green{  
	color:#b1d356;
	font-weight:bold;
	font-size:14px;}
	
#scrollbar p{  
	margin:15px;}


/*Visual della pagina IL GIOCO*/	
	
#visualTop {
	border:0;
	height:424px;}
	
#player {
	background:url(img/bgPlayer.png) no-repeat top left;
	height:288px;
	width:382px;
	margin:130px 0 0 295px;
	padding:7px;
}


	
/*Visual della pagina COLLEZIONI*/	
	
#visualCol {
	height:580px;
	padding:100px 0 0 220px;;
}

.collectionBox {
	width:570px;
	height:260px;
	clear:both;
}
	
.collectionBox  .image{
	background:url(img/bgImg.png) no-repeat top center;
	height:186;
	width:282px;
	padding:16px 13px 9px 16px;
	float:left;
}

.collectionBox  .text{
	margin:0 0 0 340px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:0 40px 0 0;
}

.collectionBox  .text h2{
	color:#b1d356;
	font-size:20px;
	font-weight:bold;
	line-height:60px;
}

.collectionBox  .text p.testo{
	height:120px;
}

p.gioca  a{
	background:url(img/linkGioca.png) no-repeat top center;
	display:block;
	height:31px;
	width:151px;
	float:right;
}
	
	
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.count {margin:15px 0 0 530px}
}
	
.count 	p {
	color:#002a52;
	font-size:13px;
	padding:0px 20px;
	font-weight:bold;}
	
#contentBox 	{
	width:620px;
	margin:0 0 0 60px;
	padding:0 40px;
	float:left;}
	
#boxGioco1, #boxGioco2,#boxGioco3  {
	width:193px;
	height:70px;
	float:left;
	position: relative;
	top:0;}
	
#boxGioco1 a, #boxGioco2 a,#boxGioco3  a {
	width:193px;
	height:70px;
	display:block;}	

#boxGioco1 {
	margin-right:17px;}

#boxGioco2{
	margin-right:17px;}
	
#boxGioco3{
	text-align:left;
	padding:0;
	line-height:80px;}
	
#visualBottom 	{  
	height:720px;
	border:0;
	background:url(img/bgDivGioco.jpg) no-repeat top center;}
	
#osVersion {
	padding:70px 95px 0 ;}	
	
.downloadBox {
	width:193px;
	height:50px;
	float:left;
	position: relative;
	top:0;
	margin-right:17px;}
	
.downloadBox  a {
	width:193px;
	height:50px;
	display:block;}		
	
#requisiti{  
	clear:both;
	font-size:14px;
	color:#002a52;
	width:460px;
	padding:40px 200px 0 40px;
	margin:0 auto 0;
	line-height:1.3em}
	
#requisiti p{  
	margin:15px 0;}

.lastText {
	margin:110px 0 0;}	
	
.lastText h3 {
	margin:0!important;}	

.lastText p {
	margin:0!important;}	

.big {
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px!important;}
	
.buttonOS {
	background:url(img/buttonMacPc.png) no-repeat top left;
	height:55px;
	width:810px;
	margin:30px 0 0;}	
		
/*Visual della pagina EXTRA*/
		
#visualExtra {
	height:580px;
	padding:40px 0 70px 6px;
}	
	
#visualExtra h2 {
	color:#b1d356;
	font-weight:bold;
	font-size:18px;
	line-height:75px;
	background:url(img/bgTitle.png) no-repeat bottom left;
	margin:0 0 10px;
}	
	
#emoticons	{
	margin:30px 0 0 280px;
}

.listIco  {
	height:115px;
	width:460px;
	background:url(img/listIco.png) no-repeat top left;
}
	
.listIco  li{
	display:block;
	height:48px;
	width:48px;
	float:left;
	margin:1px 14px 11px 1px;}
	
.listIco  li a{
	display:block;
	height:48px;
	width:48px;}
	
#wallpaper	{
	margin:14px 0 0 280px;
	height:175px;
}	
	
.singleWall	{
	width:153px;
	float:left;
}

.singleWall	li {
	color:#002a52;
	font-size:11px;
	line-height:14px;
}
	
.singleWall	a {
	color:#fff;
	font-size:11px;}

.singleWall	a:hover {
	text-decoration:underline;}	
	
/*Elementi del footer*/

#sound {
	padding:5px 40px 0;
	clear:both;
	text-align:right;
	border:0;
	margin:0;
	height:16px;}

#footer	ul{
	background:url(img/loghi.png) no-repeat bottom left;
	height:62px;
	margin:10px 0 0;}
	
#footer ul li {
	float:left;}
 
.cartoon  {
	width:150px;}
	
.cartoon a { 
	display:block;
	width:180px;
	height:62px;}
	
.total  {
	width:500px;
	text-align:right;}
	
.total a { 
	display:block;
	width:159px;
	height:55px;
	margin:0 0 0 340px;
}

.edibas {
	width:100px;}
	
.edibas a { 
	display:block;
	width:97px;
	height:62px;}	 
	
	
/*Carte Attive*/


#visualCarte {
	margin:65px 0 0;
	padding:30px 0 0;
	height:860px;
}

	
#logoFluo {
	float:left;
	border:0;
	height:80px;}	
	
#intro {
	margin:30px 34px 0 210px;
	padding:0 0 0 133px;
	font-size:14px;
	color:#fff;
	background:url(img/logoVirtual.png) 0 0 no-repeat; 
}	

#intro .yellow, .bollinoNew .yellow{
	font-weight:bold;
}	
	
	
#intro h2 {
	background:url(img/titleIntro.png) 0 0 no-repeat; 
	text-indent:-9999px;
}	
	
#introFluo {
	height:61px;
	margin:40px 100px 0 170px;
	padding:0;
	font-size:14px;
	color:#002a52;}	
	
#introFluo h2 {
	background:url(img/titleIntroFluo.png) no-repeat bottom left; 
	text-indent:-9999px;
	height:21px;
	margin:0 0 0 100px;
	padding:20px 0 0;}		
		
.yellow {
	color:#b1d356;}	

div#slider_holder, div#slider_holder_1 {
	position: relative;
	margin:10px 0 0 245px;}

div#slider_holder_1 {
	margin-top:0px;
	clear:both;}	
	
#prevBtn, #nextBtn, #prevBtn_1, #nextBtn_1 {
	display:block;
	width:18px;
	height:29px;
	position:absolute;
	left:-20px;
	overflow:hidden;
	top:50px;}
	
#prevBtn, #prevBtn_1 {
	background:url(img/arrow_left.png) 0 0 no-repeat;}	
	
#nextBtn, #nextBtn_1 {
	left:472px;
	background:url(img/arrow_right.png) 0 0 no-repeat;}	

#prevBtn a, #nextBtn  a, #prevBtn_1 a, #nextBtn_1  a{
	display:block;
	width:18px;
	height:29px;
	position:hidden;
	text-indent: -900em;}

#prevBtn a, #prevBtn_1 a  {
	background:url(img/arrow_leftActive.png) 0 0 no-repeat;}	

#nextBtn  a, #nextBtn_1 a	{
	background:url(img/arrow_rightActive.png) 0 0 no-repeat;}

#prevBtn a:hover, #nextBtn  a:hover, #prevBtn_1 a:hover, #nextBtn_1  a:hover	{
	background-position: 0 -33px;}	
	
	
#slider, #slider_1{
	margin:0;
	width:470px;
	height: 133px;
	overflow:hidden;}
	
#slider{
	height: 153px;}	

	#slider img, #slider_1 img{
	margin:0 0 -10px;}	

#slider li, #slider_1 li{
	text-align:center;
	font-size:10px;
	color:#002a52;
	cursor:pointer;}	
	
#slider li.selezionato, #slider_1 li.selezionato{
	color:#b1d356;
	font-weight:bold;}	
	
	
#divCarta	{
	width:760px;
	height:310px;
	margin:59px 0 0 265px;
	color:#002a52;
	font-size:13px;
	clear:both;
}
	
#divCarta h2	{
	color:#0c5b15;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	text-transform:uppercase;
	background:url(img/bgTitleCard.png) no-repeat bottom left;
	padding:0 0 11px;
}	

#divCarta h2	.number {
	font-size:12px;
	text-transform:capitalize;
}

.textCard 	{
	width:260px;
	margin:0px 0 0 190px;
	padding:0 0 0 ;
	color:#0c5b15;
	font-size:12px;
	line-height:18px;
}

#contenutoCard {
	width:242px;
	padding:7px;
}

a#linkCard {
	display:block;
	height:95px;
	width:264px;
	background:url(img/clicca.png) no-repeat top right;
}

.bollino {
	background:url(img/logoFluo.png) no-repeat top right;
	width:270px;}		
	
.bollino p{
	width:250px;}		
	
.textCard p	{
	line-height:1.3em;}	
	
.swfCard {
	float:left;
	width:160px;
	height:230px;
	overflow:hidden;
	display:none;}
	
.newCard {
	font-size:14px;
	line-height:20px;
	color:#fff;
	margin:0 34px 0 180px;
	padding:0 70px 0 0px;
	background:url(img/bgNewAlien.png) no-repeat bottom center;
	height:249px;
}

.sagome {
	display:block;
	height:180px;
	width:500px;
}

.visibile {
	display:block;}
	
/*#swfcd3 	{
	background:url(img/card/cromoraggio.png) no-repeat -5px 0;}
#swfcd4 	{
	background:url(img/card/ecoeco.png) no-repeat -5px 0;}
#swfcd7{
	background:url(img/card/mutante.png) no-repeat -5px 0;}
#swfcd8{
	background:url(img/card/omosauro.png) no-repeat -5px 0;}
#swfcd9{
	background:url(img/card/pinnajet.png) no-repeat -5px 0;}
#swfcd10{
	background:url(img/card/scimparagno.png) no-repeat -5px 0;}
#swfcd5{
	background:url(img/card/fangofiammante.png) no-repeat -5px 0;}*/

/*Stili carte*/		
	
/*Alienx*/	
#slider li#vv1 img{
	background:url(img/card/alienx/alienx_normale.png) no-repeat top left;}	
#slider li.selezionato#cd1 img{
	background:url(img/card/alienx/alienx_selezionato.png) no-repeat top left;}		

/*cervellotico*/	
#slider li#vv1 img{
	background:url(img/card/cervellotico/cervellotico_normale.png) no-repeat top left;}	
#slider li.selezionato#cd2 img{
	background:url(img/card/cervellotico/cervellotico_selezionato.png) no-repeat top left;}		

/*Cromoraggio*/	
#slider li#vv1 img{
	background:url(img/card/cromoraggio/cromoraggio_normale.png) no-repeat top left;}	
#slider li.selezionato#cd3 img{
	background:url(img/card/cromoraggio/cromoraggio_selezionato.png) no-repeat top left;}		
	
/*EcoEco*/	
#slider li#vv1 img{
	background:url(img/card/ecoecho/eco_normale.png) no-repeat top left;}	
#slider li.selezionato#cd4 img{
	background:url(img/card/ecoecho/eco_selezionato.png) no-repeat top left;}

/*Fango Fiammante*/	
#slider li#vv1 img{
	background:url(img/card/fangofiammante/fangofiammante_normale.png) no-repeat top left;}	
#slider li.selezionato#cd5 img{
	background:url(img/card/fangofiammante/fangofiammante_selezionato.png) no-repeat top left;}

/*Gelone*/	
#slider li#vv1 img{
	background:url(img/card/gelone/gelone_normale.png) no-repeat top left;}	
#slider li.selezionato#cd6 img{
	background:url(img/card/gelone/gelone_selezionato.png) no-repeat top left;}

/*Mutante*/	
#slider li#vv1 img{
	background:url(img/card/mutante/mutante_normale.png) no-repeat top left;}	
#slider li.selezionato#cd7 img{
	background:url(img/card/mutante/mutante_selezionato.png) no-repeat top left;}

/*Omosauro*/	
#slider li#vv1 img{
	background:url(img/card/omosauro/omosauro_normale.png) no-repeat top left;}	
#slider li.selezionato#cd8 img{
	background:url(img/card/omosauro/omosauro_selezionato.png) no-repeat top left;}

/*Pinnajet*/	
#slider li#vv1 img{
	background:url(img/card/pinnajet/pinnajet_normale.png) no-repeat top left;}	
#slider li.selezionato#cd9 img{
	background:url(img/card/pinnajet/pinnajet_selezionato.png) no-repeat top left;}
	
/*Scimparagno*/	
#slider li#cd10 img{
	background:url(img/card/scimparagno/scimparagno_normale.png) no-repeat top left;}	
#slider li.selezionato#cd10 img{
	background:url(img/card/scimparagno/scimparagno_selezionato.png) no-repeat top left;}	
	
#slider img{
	margin:16px 0 5px;}	

#slider li{
	margin:10px 0 0;
	width:94px;
	height:120px;}	
	
/*ben 10*/	
#slider li {
	background:url(img/megafluo/selezionate/ombra.png) no-repeat 16px 16px;}	
	
#slider li.selezionato{
	background:url(img/megafluo/selezionate/selezionato.png) no-repeat top center;}		

.bottomBox {	
	font-size:13px; 
	clear:both; 
	margin:0 0 0 220px; 
	font-weight:normal;
	padding:10px 15px 0;
	color:#002a52;
	width:470px;}
	
.firstLine {
	font-size:14px;
	font-weight:bold;}
	
	
/*Nuovi Alieni*/	

#visualNuovi {
	margin:80px 30px 0 150px;
}

.intro {
	font-size:14px;
	line-height:20px;
	color:#fff;
	padding:11px 55px 0 55px;
}


#alieniNuovi {
	padding:30px 0 0 45px;
}

#alieniNuovi li{
	float:left;
} 

#alieniNuovi li a{
	display:block;
	height:135px;
	width:75px;
	margin:20px 15px 0 0;
	cursor:pointer;
} 

#alieniNuovi li#na2 a{
	height:145px;
	width:80px;
	margin:0px 10px 0 0;
} 

#alieniNuovi li#na3 a{
	height:100px;
	width:110px;
	margin:20px 20px 0 0;
} 

#alieniNuovi li#na4 a{
	height:105px;
	width:70px;
	margin:20px 15px 0 0;
} 

#alieniNuovi li#na5 a{
	height:145px;
	width:50px;
	margin:0px 7px 0 0;
} 

#alieniNuovi li#na6 a{
	height:105px;
	width:105px;
	margin:25px 0 0 0;
} 

#visualNuovi #divCarta	{
	margin:0;
	padding:38px 0 0 90px;
}

#visualNuovi #divCarta h2	{
	color:#b1d356 ;
	font-size:22px;
	font-weight:bold;
	line-height:20px;
	background:none;
	padding:20px 0 0;
}

#visualNuovi .textCard	{
	color:#fff ;
	font-size:13px;
	line-height:20px;
	background:trasparent;
	padding:0 0 0 20px;
}

#visualNuovi #thumbCard {

	float:left;
	width:50px;
	height:10px;
	margin:20px 0 0;
}

.thumbCard {
	display:none;
}

.thumbCard.visibile{
	display:block;
}

.thumbCard a {
	display:block;
	height:56px;
	width:40px;
	cursor:pointer;
}



#th1 {
	background:url(img/alieniNuovi/diamante3.png) no-repeat top center;
}
#th1.selezionato {
	background:url(img/alieniNuovi/diamante3_color.png) no-repeat top center;
}

#th2.selezionato {
	background:url(img/alieniNuovi/diamante2_color.png) no-repeat top center;
}
#th2 {
	background:url(img/alieniNuovi/diamante2.png) no-repeat top center;
}

#th3 {
	background:url(img/alieniNuovi/diamante1.png) no-repeat top center;
}
#th3.selezionato {
	background:url(img/alieniNuovi/diamante1_color.png) no-repeat top center;
}


#th4{
	background:url(img/alieniNuovi/rath1.png) no-repeat top center;
}
#th4.selezionato{
	background:url(img/alieniNuovi/rath1_color.png) no-repeat top center;
}

#th5{
	background:url(img/alieniNuovi/rath2.png) no-repeat top center;
}
#th5.selezionato{
	background:url(img/alieniNuovi/rath2_color.png) no-repeat top center;
}

#th6{
	background:url(img/alieniNuovi/lodestar1.png) no-repeat top center;
}
#th6.selezionato{
	background:url(img/alieniNuovi/lodestar1_color.png) no-repeat top center;
}

#th7{
	background:url(img/alieniNuovi/lodestar2.png) no-repeat top center;
}
#th7.selezionato{
	background:url(img/alieniNuovi/lodestar2_color.png) no-repeat top center;
}


.indietro a {
	width:141px;
	height:14px;
	display:block;
	background:url(img/indietro.png) no-repeat top center;
}

.indietro{
	text-align:right;
	padding:40px 0 0 15px;
}

.bollinoNew {
	background:url(img/newBollino.png) no-repeat 0 0;
	padding:10px 0 30px 95px;
}