@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

@font-face {
    font-family: 'AdobeCaslonProBold';
    src: url('acaslonpro-bold-webfont.eot');
    src: url('acaslonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('acaslonpro-bold-webfont.woff') format('woff'),
         url('acaslonpro-bold-webfont.ttf') format('truetype'),
         url('acaslonpro-bold-webfont.svg#AdobeCaslonProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AdobeCaslonProRegular';
    src: url('acaslonpro-regular-webfont.eot');
    src: url('acaslonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('acaslonpro-regular-webfont.woff') format('woff'),
         url('acaslonpro-regular-webfont.ttf') format('truetype'),
         url('acaslonpro-regular-webfont.svg#AdobeCaslonProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AdobeCaslonProSemibold';
    src: url('acaslonpro-semibold-webfont.eot');
    src: url('acaslonpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('acaslonpro-semibold-webfont.woff') format('woff'),
         url('acaslonpro-semibold-webfont.ttf') format('truetype'),
         url('acaslonpro-semibold-webfont.svg#AdobeCaslonProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:0.8em;
	background:#ddd url(../img/bg_body.jpg) center top no-repeat;
}

a:link, a:visited { color:#000; text-decoration:none; }
a:focus { outline: 0; }
a:hover, a:visited:hover { /*color:#ffd824;*/ color:#e2001a; text-decoration:none; }

h2.title {
	display:block;
	
	margin:0.5em 0 0;
	
	font-family: "AdobeCaslonProSemibold";
	font-size: 2.2em;
	
	color: #e2001a;
	
	/*
	height:30px;
	line-height: 30px;
	border: 1px solid #fc0;*/
}

/*
h2.chi-siamo { background:url(../img/title-chi-siamo.png) 0 0 no-repeat; }
h2.prodotti { background:url(../img/title-prodotti.png) 0 0 no-repeat; }
h2.come-la-pensiamo { background:url(../img/title-come-la-pensiamo.png) 0 0 no-repeat; height:32px; }
h2.filosofia_comm { background:url(../img/title-filosofia-commerciale.png) 0 0 no-repeat; margin-top:0.5em; }
h2.dove-siamo { background:url(../img/title-dove-siamo.png) 0 0 no-repeat; }
h2.contatti { background:url(../img/title-contatti.png) 0 0 no-repeat; }
h2.collaborazioni { background:url(../img/title-collaborazioni.png) 0 0 no-repeat; }
h2.locali-consigliati { background:url(../img/title-locali-consigliati.png) 0 0 no-repeat; height:32px; }
h2.benvenuti { background:url(../img/title-benvenuti.png) 0 0 no-repeat; height:64px; }
h2.news { background:url(../img/title-news.png) 0 0 no-repeat; }
*/

h2.benvenuti,
h2.dove-siamo {
	text-align: right;
}

#wrapper {	width:900px; margin:0 auto; margin-top:1em;	text-align:center;	}

#header, #main, #main_home, #footer { text-align:left; }
#header { height:120px;	padding:0 0 0 100px; }
#header #logo-active { position:absolute; left:50%; margin-left:-550px; width:155px; height:330px; top:10px; }
#header #logo-active span { display:none; }
#header #logo a {	display:block; width:477px; height:73px; background:url(../img/nome.png) 0 0 no-repeat; }
#header #logo a h1 { display:none; }
#header #nav { float:right; width:245px; height:580px; background:#666; position:relative; top:-10px; left:30px; /*background:url(../img/menu_pellicola.png) 0 0 no-repeat;*/ background:none; padding-bottom:10px;	}

#header #menu { position:absolute; left:50%; margin-left:-330px; top:120px; z-index: 999; }
#header #menu ul li {
	display:block;
	position: relative;
	list-style-type:none;
	float:left; 
	width:170px;
}

#header #menu ul li a#chi { display:block; width:45px; height:19px; background:url(../img/bt-chi.png); text-indent:-999em; }
#header #menu ul li a#dove { display:block; width:68px; height:22px; background:url(../img/bt-dove.png); text-indent:-999em; margin-top:-14px; }
#header #menu ul li a#come { display:block; width:73px; height:22px; background:url(../img/bt-come.png); text-indent:-999em; margin-top:-26px; margin-left: 5px; }

#header #menu ul li ul { display:none; }

#header #menu ul li:hover ul.a { display:block; position:absolute; left:-7px; top:15px; padding-top:18px; background:url(../img/submenu.png) 0 0 no-repeat; height:143px; z-index:30000; }

#header #menu ul li:hover ul.b { display:block; position:absolute; left:-7px; top:3px; padding-top:18px; background:url(../img/submenu-b.png) 0 0 no-repeat; height:143px; z-index:30000;  }

#header #menu ul li:hover ul#last {
	top:-9px;
}

#header #menu ul li ul li { float:none;padding:2px 10px; font-size:1.1em; }



/* ===================================== */

/*#main { margin:70px 200px 100px 40px; height:368px; overflow:auto; width:610px; }*/
#main,#main_home {
	margin:70px 200px 100px 50px;
	height:367px;
	width:605px;
	overflow:auto;
}
#main_home #spotlight { height:200px; margin-bottom:40px; }
#main_home #spotlight ul { list-style-type:none; display:block; margin-left:150px; }
#main_home #spotlight ul li { display:block; float:left; margin:4px 0; }

#main_home .pics { position:absolute; height: 372px; width: 222px; top:190px; margin-top:20px;  margin-left:-10px; overflow:hidden; }
#main_home #maschera { display:block; height:372px; width:222px; background:url(../img/maschera-slide01.png) 0 0 no-repeat; position:absolute;  top:190px; margin-top:20px; margin-left:-10px; z-index:10; }
#main_home .pics img { padding: 0px; border: none; width: 222px; height: 372px; top: 0; left: 0;}

#main_home #content {
	width:360px;
	margin-left:217px;
	padding-right: 10px;
}
#main_home #content_wide { width:580px; margin-left:0px; margin-top:30px; }
#main_home #content p {
	text-align:justify;
	line-height:1.4em;
	font-size:0.97em;
	margin-right:10px;
	margin-bottom: 1.4em;
}
#main_home #content hr { width:200px; background:#e2001a; border:none; display:block; height:1px; margin:1em auto; }
#main_home #content p a:link, #main_home #content p a:visited { color:#e2001a; text-decoration:none; }
#main_home #content p a:hover, #main_home #content p a:visited:hover { text-decoration:underline; }

#spotlight ul li a#aster:link, #spotlight ul li a#aster:visited { display:block; background:url(../img/menu_aster.jpg) 0 -9px no-repeat; width:66px; height:172px; text-indent:-9000px; margin-top:20px; }
#spotlight ul li a#aster:hover, #spotlight ul li a#aster:hover { background-position:0 -180px; }

#spotlight ul li a#fren:link, #spotlight ul li a#fren:visited { display:block; background:url(../img/menu_fren.jpg) 0 -9px no-repeat; width:66px; height:172px; text-indent:-9000px; margin-top:16px; }
#spotlight ul li a#fren:hover, #spotlight ul li a#fren:hover { background-position:0 -180px; }

#spotlight ul li a#kale:link, #spotlight ul li a#kale:visited { display:block; background:url(../img/menu_kale.jpg) 0 -7px no-repeat; width:66px; height:172px; text-indent:-9000px; margin-top:12px; }
#spotlight ul li a#kale:hover, #spotlight ul li a#kale:hover { background-position:0 -178px; }

#spotlight ul li a#ker:link, #spotlight ul li a#ker:visited { display:block; background:url(../img/menu_ker.jpg) 0 -8px no-repeat; width:66px; height:172px; text-indent:-9000px; margin-top:8px; }
#spotlight ul li a#ker:hover, #spotlight ul li a#ker:hover { background-position:0 -179px; }

#spotlight ul li a#nux:link, #spotlight ul li a#nux:visited { display:block; background:url(../img/menu_nux.jpg) 0 -5px no-repeat; width:66px; height:172px; text-indent:-9000px; margin-top:4px; }
#spotlight ul li a#nux:hover, #spotlight ul li a#nux:hover { background-position:0 -176px; }

#spotlight ul li a#xanthe:link, #spotlight ul li a#xanthe:visited { display:block; background:url(../img/menu_xanthe.jpg) 0 -5px no-repeat; width:66px; height:172px; text-indent:-9000px; }
#spotlight ul li a#xanthe:hover, #spotlight ul li a#xanthe:hover { background-position:0 -176px; }

#footer { text-align:center; font-size:0.8em; }
#footer address {	font-style:normal;	}
#footer a:link, #footer a:visited { color:#000; text-decoration:underline; }
#footer a:hover, #footer a:visited:hover { color:#e2001a; }

/* Prodotti START */

#prodotti {  background:#090; padding:0; margin:0; margin-left:30px;}
#prodotti ul { list-style-type:none; display:block;}
#prodotti ul li {
	display:block;
	float:left;
	margin:3px;
	width:170px;
	height:90px;
	background:#e2001a;
	border:1px solid #e2001a;
}

#prodotti ul li a:link,
#prodotti ul li a:visited {
	
	display:block;
	background-position: 0 0;
	background-repeat: no-repeat;
	width:150px;
	height: 20px;
	padding: 10px;
	padding-top: 60px;
	text-align: right;
	color: #e2001a;
	font-family: "AdobeCaslonProSemibold";
	font-size: 2.2em;
	
	-moz-text-shadow: 0 0 4px #fff;
	-webkit-text-shadow: 0 0 4px #fff;
	text-shadow: 0 0 4px #fff;
}

#prodotti ul li a:hover,
#prodotti ul li a:visited:hover {
	background-position: 0 -90px;
}

#prodotti ul li a#aster:link,
#prodotti ul li a#aster:visited {
	background-image:url(../img/prodotti-aster.jpg); 
}

#prodotti ul li a#kefi:link,
#prodotti ul li a#kefi:visited {
	background-image:url(../img/prodotti-kefi.jpg); 
}

#prodotti ul li a#xanthe:link,
#prodotti ul li a#xanthe:visited {
	background-image:url(../img/prodotti-xanthe.jpg);
}

#prodotti ul li a#kale:link,
#prodotti ul li a#kale:visited {
	background-image:url(../img/prodotti-kale.jpg);
}

#prodotti ul li a#dike:link,
#prodotti ul li a#dike:visited {
	background-image:url(../img/prodotti-dike.jpg);
}

#prodotti ul li a#ker:link,
#prodotti ul li a#ker:visited {
	background-image:url(../img/prodotti-ker.jpg);
}

#prodotti ul li a#fren:link,
#prodotti ul li a#fren:visited {
	background-image:url(../img/prodotti-fren.jpg);
}

#prodotti ul li a#kiki:link,
#prodotti ul li a#kiki:visited {
	background-image:url(../img/prodotti-kiki.jpg);
}

#prodotti ul li a#nux:link,
#prodotti ul li a#nux:visited {
	background-image:url(../img/prodotti-nux.jpg);
}

#prodotti ul li a#sagiada:link,
#prodotti ul li a#sagiada:visited {
	background-image:url(../img/prodotti-sagiada.jpg);
}



/* Prodotti END */

/* Prodotti Sub START */

.breadcrumb { float:right; }

.prodotto { min-height:259px;}

/*
h2.xanthe {
	background:url(../img/title-prodotti-xanthe.png) 0 0 no-repeat;
	
	}
h2.fren { background:url(../img/title-prodotti-fren.png) 0 0 no-repeat; }
h2.kale { background:url(../img/title-prodotti-kale.png) 0 0 no-repeat; }
h2.ker { background:url(../img/title-prodotti-ker.png) 0 0 no-repeat; }
h2.nux { background:url(../img/title-prodotti-nux.png) 0 0 no-repeat; }
h2.aster { background:url(../img/title-prodotti-aster.png) 0 0 no-repeat; }
*/

#main_home .prodotto .foto {
	border:1px solid #e2001a;
	width:100%;
}
#main_home .prodotto img { float:left; margin-top:10px;}
#main_home .prodotto .barra {
	width:225px;
	float:left;
}
#main_home .prodotto .contenuto p {
	margin:1em 0;
	line-height: 1.4em;
}

#main_home .prodotto .contenuto a:link,
#main_home .prodotto .contenuto a:visited {
	color: #e2001a;
	text-decoration: none;
}

#main_home .prodotto .contenuto a:hover,
#main_home .prodotto .contenuto a:visited:hover {
	text-decoration: underline;
}

.subnav {
	background:#e2001a;
	padding:10px 0;
	color:#fff;
	height:132px;
	border:1px solid #e2001a;
	border-left:none;
	border-right:none;
}

.subnav p {
	padding-left: 20px;
}

.subnav ul {
	margin-top:6px;
}
.subnav ul li {
	list-style-type:none;
}
.subnav ul li a:link,
.subnav ul li a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	
	display: block;
	padding: 0 10px 0 20px;
}
.subnav ul li a:hover,
.subnav ul li a:visited:hover {
	color:#e2001a;
	text-decoration:none;
	background: #fff;
}

/* Prodotti END */

/* Forms START */

form.contatti label {display:block; margin-left: 100px; width:100px; padding-right:10px; color:#e2001a; float:left; text-align:right; font-variant:small-caps; margin-top:3px; border-bottom:1px solid #e2001a; font-size:0.8em; height:1.55em;}
form.contatti input, form.contatti select, form.contatti textarea {margin:4px 0 0 0px; float:left; width:300px; border:1px solid #000; }
form.contatti textarea { height:70px; }
form.contatti input.submit { width:100px; float:right; margin-right:55px; margin-top:10px; }

/* Forms END */

/* Maps START */

.map-infos { float:left; width:300px; padding-right:8px; text-align:right; }
.map-infos address { line-height:2em; font-style:normal; }
/*.map-infos address strong { font-size:1.2em; }*/
.map-map a:link, .map-map a:visited { float:right; width:250px; height:25px; line-height:25px; padding-top:250px; background:#e2001a url(../img/gmap01.jpg) top center no-repeat; border:1px solid #e2001a; text-align:center; color:#fff; }
.map-map a:hover, .map-map a:visited:hover { color:#000; }

/* Maps END */

/* Slideshow START */

#main #maschera { display:block; height:322px; width:222px; background:url(../img/maschera-slide02.png) 0 0 no-repeat; position:absolute; margin-left:354px; margin-top:6px; z-index:999; }
#main .pics { height: 322px; width: 222px; padding: 0; margin: 0; float:right; } 
#main .pics img { padding: 6px; border: none; width: 222px; height: 322px; top: 0; left: 0;}

#main .content { float:left; width:330px; }
#nav object, #nav embed { position:relative; left:16px; top:19px; }

/* Slideshow END */

/* Utilities START */

br.clearfloat {	display:block; clear:both; height:1px; line-height:0px; }
br.clearright {display:block; clear:right; height:0px; line-height:1px; }
br.clearleft {display:block; clear:right; height:1px; line-height:0px; }

a.informativa { display:block;width:150px; height:30px; background:url(../img/informativa.png) 0 0 no-repeat; position:relative; top:100px; }
a.informativa:link div, a.informativa:visited div { display:none; }
a.informativa:hover div, a.informativa:visited:hover div { display:block; position:absolute; top:-200px; min-height:200px; width:300px; left:150px; background:#ffffff; padding:10px; border:1px solid #e2001a; color:#000; line-height:18px; font-size:11px; }

/* Utilities END */

/* Lista Corpo START */

.lista-corpo { list-style-type:none; }
.lista-corpo li { margin-bottom:2em; }
.lista-corpo li h3 { color:#cc0000; }

/* Lista Corpo END */

/* News Utils START */

.singleNews p { text-align:left; }
.singleNews img { max-width:350px;}

/* News Utils END */
