/* @group reset */

/* 
    AUTHOR: Alex Zambonin
            alex.zeta@inwind.it
*/
/*
COLORI UTILIZZATI:
nero 	#252525
grigio	#616366
hover	#8da6b9
rosso	#c80a20
azzurrino	#c9e4f7
*/
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
@charset "UTF-8";
* { margin: 0; padding: 0; color: #252525;}
body { font: 62.5% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif, sans-serif; }
ol, ul { list-style: none; margin: 0; padding: 0; }
p {	font-size: 1.1em; line-height: 1.3em; margin: 0; margin-bottom: 1.3em;}
a { outline: none; text-decoration: none; }
img { border: none;}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; line-height: 0;}
.transpBlack { background: url(transpBlack.png); }
.rientra { margin-left: 16px;}
/* END TOOLBOX */
.bottone {
	background:red none repeat scroll 0 0;
	color:white;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:163px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px;
	border: 1px solid #A51A20;
	margin-bottom: 15px;
}

.bottone:hover {
	background-color: #A51A20;
}
/* @end */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */


html, body, #container {
	height:100%;
	margin:0;
	min-height:100%;
	padding:0;
	width:100%;
}

html > body #container {
  height:auto;
}

body {
  background-color: #ff0018;
}

#pixelgap {
	background: #ff0018 url(../images/site_bg.jpg) repeat-y scroll center;
	width: 880px;
	margin: 0 auto;

}


#container {
	width: 880px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 99px;
	z-index: 10;
}


#colonna {
	width: 188px;
	float: left;
	padding-left: 79px;
	margin-top: -30px;
	height: auto;
margin-bottom: 70px;
  }


#contenuto {
	width: 529px;
	float: right;
	padding-right: 65px;
	margin-top: -30px;
	height: auto;
	display: inline;
	position: relative;
	margin-bottom: 70px;
}



#contenutopienapagina {
	width: 740px;
	float: left;
	padding-left: 75px;
	margin-top: -30px;
	height: auto;
	display: inline;
	margin-bottom: 110px;
}




#footercontainer {
	bottom: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1;
}


#video {
	width: 300px; height: 210px;
	position: absolute;
	top: 123px; left: 466px;
	z-index: 100;
}

#videocontainer {
 	background: url(../images/lslvideo-bg.jpg) no-repeat center;
 	float: left;
 	width: 880px; height: 363px;
 	z-index: 100;
 	position: relative;
 	top: 10px;
 	/*margin-top: -70px;*/
}

#footer {
	background: url(../images/footer-bg.jpg) no-repeat center;
 	height: 162px;
	width: 880px;
	margin: 0 auto;
	z-index: 1;
}

#footer p {
	padding-top:77px;
	color: #616366;
	border-right-color: #8DA6B9;
}

#articolirss {
	margin-left: 14px;
	background: transparent url(../images/lineaverticale.gif) repeat-y scroll 51px 0;
	width: 516px;
	float: left;
}

	#articolirss1 {
		float: left;
		width: 291px;
		padding: 0 5px 0 5px;


}
	#articolirss2 {
		float: right;
		width: 199px;
		padding: 0 5px 0 5px;
		text-align: center;

}


/* END STRUCTURE */


#personaggiosx {
	float: left;
	width: 255px; height: 618px;
	  display: inline;
	  margin-left: 10px;
}

#personaggiodx {
	float: right; 
	width: 475px; height: 618px;
  	display: inline;
}

#personaggiodx div {
	margin-top: 18px;
}

#personaggiodx div p {
	font-size: 1em;
	padding: 2px 10px;
}
/* @group form */

div#formmail {
	float: left;
}


fieldset {
	float: left;
	width: 730px;
	border: none;
}

	fieldset div {
		float: left;
		margin: 5px 0;
	}
	
fieldset legend {
	font-size: 1em;
	padding-left: 20px;
}

label {
	float: left;
	width:188px;
    display: inline;
	background-color: #c9e4f7;
	padding-left: 14px;
	margin-left: -10px;
	font-weight: bold;
	font-size: 1.3em;
	font-style: normal;
	line-height: 1.7em;
	border: 2px solid #c9e4f7;
}

span.note {
	color: #616366;	
	line-height: 1em;
	font-size: 0.9em;
	font-weight: normal;
	margin-top: -4px;
	margin-bottom: 5px;
	display: block;
	
}

input, textarea { 
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif, sans-serif; 
	font-size: 1.2em;
	}

input {
	float: left;
	width: 412px; height: 1.2em;
	margin-left: 18px;
	border: 2px solid #c9e4f7;
	padding: 3px;
}
	
	input.invia {
		float: left;
		height: 2.2em;
		border: 2px solid #c9e4f7;
		color: #332504;
		width: 150px;
		margin-top: 18px;
	}

		input.invia:hover {
			border-color: white;
			background: #00CC00;
			color: #fff7a0;
		}


textarea {
	float: left;
	width: 412px; height: 200px;
	border: 2px solid #c9e4f7;
	padding: 3px;
	margin-left: 18px;
	}

img.captcha {
	border: 1px solid #8ca5b9;
}

img.banner {
	border: 1px dotted #575757;
	margin-bottom: 10px;
}

/* @end */

/* @group Splash */

body.splash {
	background-color: #2c0000;
	background-image: none;
	margin: 0 auto;

}

h1.splash-logo {
	width: 880px; height: 277px;
	background: url(../images/logo.jpg) no-repeat;
	text-indent: -9999px;
	position: relative;
}

a.splash-entra {
	display: block;
	background: url(../images/entra.jpg) no-repeat top;
	width: 880px; height: 62px;
	margin: 0 auto;
}

a.splash-entra:hover {
	background: url(../images/entra.jpg) no-repeat bottom;

}

img.splash-entra {
	width: 880px; height: 62px;
}

h1.splash-wowline {
	width: 880px; height: 456px;
	background: url(../images/wowline.jpg) no-repeat;
	text-indent: -9999px;
	position: relative;
}

/* @end */

/* @group Header */

#header {
	background: url(../images/header.jpg) no-repeat center;
	width: 880px; height: 421px;
	margin: 0 auto;
}

#header a {
	left: 65px;
} 

#header a.homepage {
	display: block;
	background: url(../images/nav_home.jpg) no-repeat top;
	position: relative;
	width: 75px; height: 42px;
	top: 295px;
	float: left;
}

#header a.homepage:hover {
	background: url(../images/nav_home.jpg) no-repeat bottom;
}

#header a.homepageattiva  {
	display: block;
	background: url(../images/nav_home.jpg) no-repeat bottom;
	position: relative;
	width: 75px; height: 42px;
	top: 295px;
	float: left;
	}

#header a.contatti {
	display: block;
	background: url(../images/nav_contatti.jpg) no-repeat top;
	position: relative;
	width: 112px; height: 42px;
	top: 295px;
	float: left;
}

#header a.contatti:hover {
	background: url(../images/nav_contatti.jpg) no-repeat bottom;
}



#header a.contattiattiva {
	display: block;
	background: url(../images/nav_contatti.jpg) no-repeat bottom;
	position: relative;
	width: 112px; height: 42px;
	top: 295px;
	float: left;
}

#header a.catalogo {
	display: block;
	background: url(../images/nav_catalogo.jpg) no-repeat top;
	position: relative;
	width: 79px; height: 42px;
	top: 310px;
	float: left;
}

#header a.catalogo:hover {
	background: url(../images/nav_catalogo.jpg) no-repeat bottom;
}


#header a.novita {
	display: block;
	background: url(../images/nav_novita.jpg) no-repeat top;
	position: relative;
	width: 65px; height: 42px;
	top: 310px;
	float: left;
}

#header a.novita:hover {
	background: url(../images/nav_novita.jpg) no-repeat bottom;
}

#header a.novitaattiva {
	display: block;
	background: url(../images/nav_novita.jpg) no-repeat bottom;
	position: relative;
	width: 65px; height: 42px;
	top: 310px;
	float: left;
}

#header a.comeacquistare {
	display: block;
	background: url(../images/nav_comeacquistare.jpg) no-repeat top;
	position: relative;
	width: 177px; height: 42px;
	top: 295px;
	float: left;
}

#header a.comeacquistare:hover {
	background: url(../images/nav_comeacquistare.jpg) no-repeat bottom;
}

#header a.comeacquistareattiva {
	display: block;
	background: url(../images/nav_comeacquistare.jpg) no-repeat bottom;
	position: relative;
	width: 177px; height: 42px;
	top: 295px;
	float: left;
}

#header a.ilpersonaggio {
	display: block;
	background: url(../images/nav_ilpersonaggio.jpg) no-repeat top;
	position: relative;
	width: 165px; height: 42px;
	top: 295px;
	float: left;
}

#header a.ilpersonaggio:hover {
	background: url(../images/nav_ilpersonaggio.jpg) no-repeat bottom;
}

#header a.ilpersonaggioattiva {
	display: block;
	background: url(../images/nav_ilpersonaggio.jpg) no-repeat bottom;
	position: relative;
	width: 165px; height: 42px;
	top: 295px;
	float: left;
}

#header a.fotogallery {
	display: block;
	background: url(../images/nav_fotogallery.jpg) no-repeat top;
	position: relative;
	width: 133px; height: 42px;
	top: 295px;
	float: left;
}
#header a.fotogallery:hover {
	background: url(../images/nav_fotogallery.jpg) no-repeat bottom;
}

#header a.fotogalleryattiva {
	display: block;
	background: url(../images/nav_fotogallery.jpg) no-repeat bottom;
	position: relative;
	width: 133px; height: 42px;
	top: 295px;
	float: left;
}

#header a.links {
	display: block;
	background: url(../images/nav_links.jpg) no-repeat top;
	position: relative;
	width: 88px; height: 42px;
	top: 295px;
	float: left;
}

#header a.links:hover {
	background: url(../images/nav_links.jpg) no-repeat bottom;
}

#header a.linksattiva {
	display: block;
	background: url(../images/nav_links.jpg) no-repeat bottom;
	position: relative;
	width: 88px; height: 42px;
	top: 295px;
	float: left;
}


/* @end */

/* @group News */

div.listanews {
	padding: 15px;
	margin-bottom: 15px;
	height: 100%;
	border-bottom: 1px solid #c9e4f7;
}




/* @end */



#my-glider {
	background: url(../images/sfumaturabox.jpg) repeat-x;
	position: relative;
	/*top: 45px;*/
	float: left;
	padding-bottom: 10px;
	width: 529px; 
	display: block;
	margin-top: 15px;

}
#navpagine {    
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 150px;
	margin: 0 auto;
}

#navpaginesx {
  width: 50px; 
  float: left;
  padding-right: 25px;
}

#navpaginedx {
  width: 50px; 
  float: right;
  padding-left: 25px;
}

a.fotolink {
	border: 1px solid #8ca5b9;
	display: block;
}



a.fotolink:hover {
	border: 1px solid #c80a20;
}

a.link {
	display: block;
	outline: none; 
	text-decoration: none;
	color: #252525;
}

a.link:hover {border-bottom:1px;} 
/* trucco per rollover in ie */

a.link:hover {
	color: #c80a20;
}

a.link:hover h1.marca {
	color: #8da6b9;
	border-right: 8px solid #c80a20;
}

a.link:hover h1.feedrss {
	color: #8da6b9;
	border-right: 8px solid #c80a20;
}

li.foto3colonne a.link:hover, li.foto3colonneultima a.link:hover {
	background-color: #8da6b9;
}

h1 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
}

	h2 {
		padding-bottom: 30px;
	}

/* @group titoli */


h3 {
	margin-bottom: 6px;
}
h3.news {
	width: 155px; height: 24px;
	background: url(../images/txtNews.png) no-repeat;
	text-indent: -9999px;
	margin-left: 15px;
}

h3.novita {
	width: 201px; height: 24px;
	background: url(../images/txtNovita.png) no-repeat;
	text-indent: -9999px;
	margin-left: 15px;
}

h2.home {
	font-size: 0px;
	width: 538px; height: 388px;
	background: url(../images/home.jpg) no-repeat;
	text-indent: -9999px;
	position: relative;
	top: -50px;
	margin-left: -9px;
}

h2.motonews {
	font-size: 0px;
	width: 126; height: 24;
	background: url(../images/motonews.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	top: -3px;

}


h2.sponsor {
	font-size: 0px;
	width: 90; height: 24;
	background: url(../images/sponsor.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	top: -3px;
	margin-left: 14px;

}



h2.marchidistribuiti {
	width: 141px; height: 15px;
	background: url(../images/tit_marchidistribuiti.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.catalogoprodotti {
	width: 133px; height: 15px;
	background: url(../images/tit_catalogoprodotti.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.prodottinovita {
	width: 122px; height: 15px;
	background: url(../images/tit_prodottinovita.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.scegliregione {
	width: 134px; height: 15px;
	background: url(../images/tit_scegliregione.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.rivenditorilocali {
	width: 141px; height: 15px;
	background: url(../images/tit_rivenditorilocali.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.contattaci {
	width: 77px; height: 15px;
	background: url(../images/tit_contattaci.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.mailok {
	width: 94px; height: 15px;
	background: url(../images/tit_mailOK.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.mailko {
	width: 46px; height: 15px;
	background: url(../images/tit_mailKO.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.album {
	width: 78px; height: 15px;
	background: url(../images/tit_album.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.fotografie {
	width: 79px; height: 15px;
	background: url(../images/tit_fotografie.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.links {
	width: 133px; height: 15px;
	background: url(../images/tit_links.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
}

h2.titolofeed {
	background-color: #c9e4f7;
	font-weight: bold;
	margin-bottom: 14px;
}



/* @end */


h1.marca {
	background-color: #c9e4f7;
	padding-left: 14px;
	margin-left: -14px;
	font-weight: bold;

}

h1.marcanosfondo {
	padding-left: 14px;
	margin-left: -14px;
	font-weight: bold;

}

h1.marcabig {
	padding-left: 14px;
	margin-left: -14px;
	font-weight: bold;
	font-size: 2em;
	line-height: 0.8em
}

h1.marcadx {
	background-color: #c9e4f7;
	padding-left: 14px;
	font-weight: bold;
}




h1.feedrss {
	background-color: #c9e4f7;
	padding-left: 14px;
	font-weight: bold;

}

p.bricioledipane {
	font-size: 1em;
	line-height: 1em;
	margin-top: 5px;
	color: #8da6b9;
	text-transform: uppercase;
}

	p.bricioledipane a {
		color: #252525;
		}
		
		p.bricioledipane a:hover {
			border-bottom: 8px solid #c80a20;			
		}
	
p.categoria {
	font-size: 1.5em;
	color: #002590;
	text-transform: uppercase;
	line-height: 0.8em;
	margin: 0;
	padding: 0;
}


h1.nomeprodotto {
	font-weight: bold;
	font-size: 1em;
}

p.modello {
	margin-bottom: 2px;
}

p.descmarca {
	padding-top: 5px;
	color: #616366;
}

h1.descmarca {
	padding: 2px 0 16px 0;
	color: #616366;
	line-height: 1.6em;
}

p.prezzo {
	font-weight: bold;
	font-size: 1.8em;
	color: #616366;
	margin-bottom: 0;
	margin-top: 5px;
}

p.codice {
	font-size: 0.9em;
	color: #616366;	
}

p.note {
	color: #616366;	
}

p.data {
	font-size: 0.9em;
	color: #616366;		
}

p.novita {
	color: #c80a20;
	font-weight: bold;
	margin-top: -5px;
}


p.rssdata {
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 2px;
	color: #8da6b9;
	text-transform: uppercase;
}

p.rsstesto {
	line-height: 1.2em;
	margin-bottom: 10px;

}

div.fotomarca {
	width: 529px;
	padding-right: 65px;
	margin-bottom: 20px;
	display: inline;

}

	div.fotomarca img {
		width: 150px; 
	}


img.fotoprodotto {
	width: 150px;
}



img.fotoprodottonobordo {
	width: 150px;
	border: none;
}

img.fotocategoria {
	width: 120px;
	border: 1px solid #8ca5b9;
}

img.marcapiccola {
	width: 100px; 
	border: none;


}

div.listanosfondo {
	padding: 15px;
	height: 100%;
}


div.lista {
	background-color: #c9e4f7;
	padding: 15px;
	margin-bottom: 15px;
	height: 100%;
}

div.listanovita {
	padding: 15px;
	margin-bottom: 15px;
	height: 100%;

}

div.listanovita img.fascianovita {
	position: absolute;
	top: 14px; left: 14px;
	z-index: 1;
}

div.popup {
	background-color: #c9e4f7;
	padding: 30px;
	margin-bottom: 15px;
	height: 100%;
}

div.listanonlink {
	background-color: #F0F4F7;
	padding: 15px;
	margin-bottom: 15px;
}

ul.listaelementi3colonne {
	width: 529px;
	float: left;
	text-align: center;
	
}

li.foto3colonne {
	width: 163px; 
	float: left;
	text-align: center;
	background-color: #c9e4f7;
	border-right: 20px solid white;
	vertical-align: top;
	margin-bottom: 20px;
}

li.foto3colonneultima {
	width: 163px; 
	float: left;
	text-align: center;
	background-color: #c9e4f7;
	vertical-align: top;
	margin-bottom: 20px;

}

li.foto {
	text-align: center;
	float: left;
	width: 150px;
}

li.dettagli {
	width: 334px;
	float: right;
}

li.dettaglipienapagina {
	width: 490px;
	float: right;
}

/* ROUNDABOUT */
   .roundabout-holder {
	width: 480px;
	padding: 0;
	height: 150px;
	display: block;
	}
   .roundabout-moveable-item { 
	      /*height: 14em;*/ 
	      width: 10em;
	      padding: 1em; 
	      cursor: pointer;
	      background: transparent url(../images/sfumaturabox.jpg) repeat-x scroll 0 0;
	      border: 5px solid #c80a20;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */
		-khtml-border-radius: 10px; /* for old Konqueror browsers */ 
      
      text-align: center;
   }
   
   .roundabout-moveable-item:hover { 
 		border: 5px solid #616366;
}
   
   .roundabout-in-focus { cursor: auto; }
   
img.fotomarca-roundabout {
	width: 5em;
}

img.fotoprodotto-roundabout {
	width: 9em;
}

img.imgcentrale {
	padding:55px 0 0 212px;
	display: block;
}


h2.home {height: 50px;}