/*Stile Pagina 	- YELLOW KID abbigliamento 0-16 - Sviluppo Css: MOTOR MEDIA WEB Agency di Pesaro, Comunicazione e Web Design adatte alle tue esigenze...
  */

										/*____________________________________
														
											  YELLOW KID abbigliamento 0-16 
										_____________________________________*/



* {margin:0; padding:0;}

/*************************
	DIV GENERALI
**************************/

body {
overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
img {border:none;}


#MAIN_contenitore{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	
	}
#contenitore{
	width:891px;
	height:auto; /*DA SETTARE A AUTO*/
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto;
	
	}
#main_ombra {
	width:965px;
	height:auto;
	float:left;
	background-image:url(../img/bg_ombra.png);
	background-repeat:no-repeat;
	
}		
#main_home {
	width:auto;
	height:auto;
	float:left;
	margin:0px 0px 20px 11px; 

}	
#main {
	width:913px;
	height:auto;
	float:left;
	background-color:#ffffff;
	margin:0px 0px 10px 26px; 
}
/***************************
SUPERSIZE
****************************/		
		/*#content{
			margin:0px auto;
			height:100px;
			width:100%;
			bottom:5%;
			z-index: 3;
			position:absolute;
		}
		#contentframe{
			text-align:center;
		}
		*/
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 100px; 
			height: 100px;
			text-indent: -999em;
			background:url(../img/progress.gif) no-repeat center center;
		
		}
		
	#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
/*************************
	COLONNA SX
**************************/
#colonnaSX {
	width:270px;
	height:auto;
	float:left;
	
	
}
/*************************
	BOX_LOGO
**************************/
#box_logo {
	width:270px;
	height:100px;
	float:left;
	margin:16px 0 0 0;
}
#logoTop {
	width:270px;
	height:100px;
	float:left;
}
/********************************
MENU
********************************/
#menu {
	width:270px;
	height:100px;
	float:left;
	margin:31px 0 0 0;
}
#box_menu {
	width:200px;
	height:100px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	 
}
#box_menu ul {
	list-style:none;
	font-size:11px;
	
}
#box_menu li {
	width:172px;
	height:20px;
	float:left;
	border-bottom:solid 1px #D9D5DB;
	margin-bottom:3px;
	
}
#box_menu a {
	color:#8A8A87;
	text-decoration:none;
	margin:5px 0 0 5px;
	widows:100px;
	height:15px;
	float:left;
}
#box_menu a:hover {
	color:#999999;
}
#box_menu a#selezionato {
	color:#FFC82C;
}
/********************************
	NEWSLETTERS
********************************/
#box_newsletters{
	width:270px;
	height:383px;
	float:left;
	margin:36px 0 0 0;
}
#newsletters {
	width:270px;
	height:383px;
	float:left;
	background-image:url(../img/box_newsletters.jpg);
	background-repeat:no-repeat;
}
#bottoneIscriviti {
	width:85px;
	height:35px;
	float:left;
	background-image:url(../img/bottone_iscriviti_newsletters.jpg);
	background-repeat:no-repeat;
	margin:182px 0 0 165px;
}
#bottoneIscriviti a{ 
	color:#DB2483;
	font-size:12px;
	margin:10px 0 0 20px;
	width:30px;
	height:20px;
	float:left;
}
#bottoneIscriviti a:hover{
	text-decoration:none;
}
/*************************
	COLONNA DX
**************************/
#colonnaDX {
	width:595px;
	height:auto; /*da settare ad auto*/
	float:left;
	margin:0 0 0 26px;
}
/*************************
	SLIDE HOMEPAGE
**************************/ 
#SlideNews {
	width:595px;
	height:370px;
	float:left;
	margin:0 0 14px 0;
}
.slideImage {
	width:595px;
	height:370px;
	float:left;
	border:solid 1px #DDDDDD;
}
/*************************
	CONTENUTI
**************************/ 
#contenutiHome{
	width:595px;
	height:auto; /*da settare a auto*/
	float:left;
	background-color:#F7F7F5;
	border:solid 1px #DDDDDD;
}

#boxNews {
	width:595px;
	height:64px;
	float:left;	
}
#EvidenziatoreIcona {
    width:235px;
	height:64px;
	float:left;
	padding-left:10px;
}
#promozioneIcona {
	width:235px;
	height:63px;
	float:left;
	border-bottom:solid 1px #E1007A;
}
#NewsSX {
	width:335px;
	height:54px;
	float:left;
	margin-left:10px;
	padding:10px 0 0 5px;
}
#NewsSX h1 {
	font-size:14px;
	color:#1A171B;
	margin-bottom:5px;
	width:335px;
	height:16px;
	float:left;
}
#NewsSX a {
	font-size:14px;
	color:#6A655E;
	text-decoration: underline;
	font-weight: lighter;
	font-variant: normal;
}
#NewsSX a:hover {
	color:#6A655E;
	text-decoration: none;		
}
#NewsSX p {
	font-size:12px;
	color:#8A8A87;
	width:335px;
	height:33px;
	float:left;
}
#boxPresentazione {
	width:580px;
	height:35px;
	float:left;
	padding:20px 5px 5px 10px;
}
#boxPresentazione p {
	font-size:12px;
	color:#8A8A87;		
}
#boxPresentazione a {
	color:#8A8A87;
	text-decoration:none;
}
#boxPresentazione a:hover {
	color:#8A8A87;
	text-decoration:underline;
}
/*************************
  BOX FACEBOOK / DOVE SIAMO
**************************/ 
#boxFacebook_DoveSiamo {
	width:597px;
	height:135px;
	float:left;
	margin:12px 0 0 0;
}
/************FACEBOOK*************/
#boxFacebook {
	width:293px;
	height:143px;
	float:left;
	background-color:#F7F7F5;
	border:solid 1px #DDDDDD;
	margin-right:6px;
}
#titoloFacebook {
	width:273px;
	height:27px;
	float:left;
	margin: 0 0 11px 10px;
	border-bottom:solid 1px #E1007A;
}
#freccinaGrigia{
	width:10px;
	height:10px;
	float:left;
	margin:10px 0 0 0 ;
}
#titoloFacebook h2 {
	width:250px;
	height:20px;
	float:left;
	margin:7px 0 0 10px;
	font-size:13px;
	color:#E1007A;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
}
#facebook {
	width:273px;
	height:86px;
	float:left;
	margin:0px 0 0 10px;
	/*background-image:url(../img/img_facebook2.jpg);*/
}
#profile_pics {
	width:273px;
	height:50px;
	float:left;
	margin:0px 0 0 27px;
}
/************DOVE SIMAO*************/
#boxDoveSiamo {
	width:293px;
	height:143px;
	float:left;
	background-color:#F7F7F5;
	border:solid 1px #DDDDDD;
}
#titoloDovesiamo{
	width:269px;
	height:27px;
	float:left;
	margin: 0 0 11px 12px;
	border-bottom:solid 1px #E1007A;
}
#titoloDovesiamo h2 {
	width:230px;
	height:20px;
	float:left;
	margin:7px 0 0 10px;
	font-size:13px;
	color:#E1007A;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
}
#mappaDoveSiamo{
	width:267px;
	height:90px;
	float:left;
	border:solid 1px #DDDDDD;
	margin:0px 0 0 12px;
	}
	

/*************************
  PAG_INTERNE
**************************/ 
#contenutiInterno {
	width:auto;
	height:auto;
	float:left;
}
#contenutiInternoNonFisso{
	width:auto;
	height:auto;
	float:left;
}
/***********NAVIGAZIONE***/
#navigazione{
	width:575px;
	height:auto;
	float:left;
	background-color:#F7F7F5;
	border:solid 1px #DDDDDD;
	padding:3px 10px 3px 10px;
}
#navigazione ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style:none;
}
#navigazione li{
	color:#8A8A87;
	width:auto;
	float:left;
	margin-right:5px;
}
#navigazione a{
	color:#8A8A87;
}
#navigazione a:hover{

}
/*************************
  CONTENUTO PAG_INTERNO
**************************/
#titoloGrande {
	width:595px;
	height:34px;
	float:left;
	margin:27px 0 52px 0;
}
#titoloGrandeInt {
	width:257px;
	height:34px;
	float:left;
	
}
#titoloGrandeIntNews {
	width:314px;
	height:34px;
	float:left;
	
}
#titoloPagina {
	width:583px;
	height:16px;
	float:left;
	padding:0 0 0 12px;
	margin-bottom:14px;
}
#titoloPagina h1 {
	width:583px;
	height:16px;
	float:left;
	font-size:16px;
	color:#000000;
}
.linea {
	border-bottom:dotted 1px #DDDDDD;
	margin-bottom:10px;
}
#testo {
	width:578px;
	height:auto; /*CONTENUTI fisso*/
	float:left;
	padding:20px 5px 0 12px;
}
#testo p {
	font-size:12px;
	color:#8A8A87;
	margin-bottom:15px;
}
#testo p.padding_bottom {
	padding-bottom:10px;
}
#testo b{
	color:#8A8A87;
}
#testo a{
	color:#000000;
	text-decoration:none;
	font-weight: bold;	
}
#testo a:hover{
	color:#8A8A87;	
	text-decoration:underline;
}
#testo i {
	font-size:12px;
	color:#8A8A87;
	margin-bottom:8px;
}
/*********PAG_INTERNA____***/
#testoAnteprimaIntero {
	width:578px;
	height:auto; /*CONTENUTI fisso*/
	float:left;
	margin:10px 0 10px 0;
}
#testoNewsIntero {
	width:578px;
	height:auto; /*CONTENUTI fisso*/
	float:left;
		margin:10px 0 10px 0;
}
/*********FINE_PAG_INTERNA____***/

#box_img_news {
	width:595px;
	height:370px;
	float:left;
	margin:0 0 20px  0;
}
.slideImageNews{
	width:570px;
	height:370px;
	float:left;
}
/***************_NEWS INTERNE_*****/
#boxNewsInterne {
	width:595px;
	height:64px;
	float:left;	
	background-color:#F7F7F5;
	border:solid 1px #DDDDDD;
	margin:10px 0 0 0;
}
#EvidenziatoreIconaInt {
    width:227px;
	height:56px;
	float:left;
	padding:8px 0px 0px 10px;
}
#promozioneIconaInt {
	width:auto;
	height:auto;
	float:left;
	border-right:dotted 1px #DDDDDD;
}
#NewsSXInt {
	width:328px;
	height:57px;
	float:left;
	margin-left:10px;
	padding:7px 0 0 10px;
}
#NewsSXInt h1 {
	font-size:12px;
	color:#1A171B;
	margin-bottom:2px;
	width:328px;
	height:16px;
	float:left;
}
#NewsSXInt a {
	font-size:12px;
	color:#6A655E;
	text-decoration: none;
	font-weight: lighter;
	font-variant: normal;
	
}
#NewsSXInt a:hover {
	color:#6A655E;
	text-decoration: underline;		
}
#NewsSXInt p {
	font-size:12px;
	color:#8A8A87;
	width:335px;
	height:33px;
	float:left;
}
#social {
	width:578px;
	height:auto; /*CONTENUTI fisso*/
	float:left;
}
.social_bookmarking{
	float:right;
	width:100px;
	height:auto;
	margin-top:5px;
	
	}
.social_bookmarking ul{
	float:right;
	list-style-type:none;
	}
.social_bookmarking li{
		float:right;
	margin-right:5px;
	padding-top: 3px;
	}
.social_bookmarking a{
		float:right;
	border:none;
	}
.social_bookmarking img{
	border:none;
		float:right;
	}

/******************* 
	PAG CONTATTI           
********************/

#contatti{
	background-color:#F7F7F5;
	height: auto;
	width: auto;
	border:solid 1px #DDDDDD;	
	float:left;	
	margin:0 0 10px 0;
}
#indirizzo{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
	width: 170px;
}

#indirizzo h3{
	font-size: 12px;
	padding-left:10px;
	padding-top:13px;
	padding-bottom:14px;
}

#indirizzo p{
	font-size: 11px;
	margin-left:10px;
	margin-bottom:5px;
}

#cartina{
	float: left;
	
}
#int_cartina{
	width: 394px;
	height:140px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666; 	
	float:left;
	}
#orario {
	width:545px;
	height:auto;
	float:left;
	background-color:#F7F7F5;
	border: solid 1px #dddddd;
	margin:0 0 0px 0;
	padding:10px;
}
#orario b{
	font-size:12px;
}
#orario p{
	font-size:11px;
	margin:0px;
}
#apertura{
	width:160px;
	height:auto;
	float:left;
	border-right: dotted 1px #dddddd;
	
}
#invernale{
	width:180px;
	height:43px;
	float:left;
	border-right: dotted 1px #dddddd;
	padding:0 0 0 10px;
}
#estivo{
	width:180px;
	height:auto;
	float:left;
	padding:0 0 0 10px;
}
#text_int_contatti{
	padding: 10px;
	margin-left:0px;
	float:left;
}
#text_int_contatti p{ 
	margin:0px;
	padding:0px;
	font-size:10px;
}


/*********************
	FORM - CONTATTI 
**********************/
.box_form{
	float: left;
	height: auto;
	width: auto;
	font-size: 11px;
	padding-bottom: 20px;
	margin:10px 0 0 4px;
	
}
.form{
	width:560px;
	height:auto;
	float:left;
	font-family:Arial;
	padding:0 0 0 12px;
	}
.form ul{
	list-style:none; 
}

.form li{
	float:left;
	width:280px; 
	height:30px;
	}
.form  li label {
	float:left;  
	width:70px; 
	height:25px;  
	font-size:10px; 
}
.form  li label#labelAntispam {
	float:left;  
	width:120px; 
	height:20px;
	margin:1px 0 0 0;  
	font-size:11px; 
}
.form  li input {
	float:left;
	width:140px;
	height:17px;
	font-family:Arial;
	font-size:12px;
	border: 1px solid #DDDDDD;
	background-color: #F7F7F5;
}

.privacy {
	height:56px;
	width:477px;
	padding:7px;
	margin-bottom:10px;
	overflow:auto;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	float:left;
}


.form ul li p {
	padding-left:5px;
}
	
.button{
float:left;
margin:0px 0 0 197px;
width:300px;
height:25;

}

 .form li.bottone{
	float:left;
	width:138px; 
	height:25px;
}
 .form .button li.bottone input{
	float:left;
	width:138px; 
	height:22px;
}
.button li {
	float:left;
	margin-left:10px;
 }
.form ul li b {
	width:auto;
	float:left;
	font-weight: normal;
	margin:1px 0 0 0;
}
.messaggio {
	width:490px;
	height:100px;
	float:left;
	margin:0 0 10px 0;
}
.messaggio textarea#invioMess {
	width:490px;
	height:100px;
	margin:5px 0;
	border: 1px solid #DDDDDD;
	background-color: #F7F7F5;
	float:left;
	}


.check{}
.boxNotifica {
	width:563px;
	height:auto;
	float:left;
	margin-left:15px;
	padding:5px;
	background-color:#E1FFB3;
	border:solid 1px #88BA3A;
}
li#antispam{
	width:270px;
	height:30px;
	float:left;
	margin:20px 0 20px 100px;
}
.form ul li input#captcha {
	float:left;
	width:70px;
	height:20px;
	margin-right:10px;
}
#IMGcaptcha {
	float:left;
	width:50px;
	height:20px;
}	

/******************* 
	PAG_CATALOGHI 
*******************/
.boxlogoMarca{
	width:280px;
	height:80px; /*CONTENUTI fisso*/
	float:left;
	padding:20px 0 20px 12px;
	border-bottom: 1px dotted #DDDDDD;

}
.boxlogoMarca2{
	width:573px;
	height:auto; /*CONTENUTI fisso*/
	float:left;
	padding:5px 0 5px 12px;
	margin:0px 0 0px 0;
}
.boxlogoMarca2 a{ 
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

.boxlogoMarca2 a:hover{ 
	color:#000000;
	text-decoration:underline;
	font-size:12px;
}
.logoMarca {
    float:left;
	width:80px;
	height:80px;
	border: 1px solid #DDDDDD;
}
.link {
    float:left;
	width:170px;
	height:60px;
	padding:10px;
}
.link ul {
	list-style:none;
}
.link li {
	 float:left;
	width:100px;
	height:15px;
	font-size:12px;
	color:#8A8A87;
		margin-bottom:5px;
}

.link li a {
	font-size:12px;
	color:#8A8A87;
	text-decoration:none;
	font-weight: lighter;
	font-variant: normal;
	float:left;

}
.link li a.bold {
	font-weight:bold;
	font-size:14px;
}
.link a:hover {
	color:#6A655E;
	text-decoration:underline;	
}
/******************* 
	LOGIN 
*******************/

#AreaForm fieldset { 
	border:none;
}
#AreaForm ul {
	list-style-type: none;	
	}
#AreaForm li { 
	margin-bottom:5px;
	}
#AreaForm li label { 
	width:65px; 
	display:block; 
	float:left;
	}
#AreaForm .pulsanti { 
	padding-right:40px;
	}
#AreaForm .pulsanti li { 
	float:right; 
	margin-left:3px;
	}
.login_C {
	width:140px;
	font-family:Arial;
	font-size:12px;
	border: 1px solid #2d97fc;
	background-color: #F2EFE9;
}

/*************************
  FOOTER
**************************/ 
#footer{
	width:875px;
	height:auto;
	float:left;
	padding:15px 10px 15px 10px;
	margin:0 0 0 35px;
	/*background-color:#F7F7F5;*/
	background-color:#FABC1A;
}
#footerSX {
	width:700px;
	height:auto;
	float:left;
}
#footerSX p {
	font-size:11px;
	color:#ffffff;
}
#footerDX {
	width:150px;
	height:auto;
	float:left;
	color:#D9D5DB;
	float:right;
}
#footerDX p {
	font-size:10px;
	color:#ffffff;
	float:right;
}
#footerDX a#mappa{
	color:#ffffff;
	text-decoration:underline;
	font-size:10px;
}
#footerDX a#credit{
	color:#ffffff;
	text-decoration:underline;
	font-size:10px;
}
#footerDX a#mappa:hover {
	text-decoration:none;
}
#footerDX #credit:hover {
	text-decoration:none;
}