/***** MAY24 STYLE ****/
/* Giovanni Bellocchio - 2006 */
/* www.webzilla.it */


/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

BODY { text-align:center; font: 11px Verdana, Arial, Helvetica, sans-serif; background:#000 url(img/body-fondo.gif) repeat-x 0 0; }

/* STRUTTURA
----------------------------------------------- */
#wrap {width:780px;text-align:left; margin:0 auto;}
#splash {text-align:center; background:url(img/splash-fondo.gif) no-repeat 0 13px; margin-top:50px;}


/* NAV
----------------------------------------------- */
#nav {background:url(img/nav-fondo.gif) no-repeat 0 100%; padding:30px 0 0 262px; margin-bottom:6px;}
#nav UL LI {float:left; }
#nav UL LI A {display:block; height:20px; }
#nav UL LI I {display:none;}

#nav UL LI A#nav-gamma {background:url(img/nav-gamma.gif) no-repeat 0 0; width:79px;}
#nav UL LI A#nav-gallery {background:url(img/nav-gallery.gif) no-repeat 0 0; width:87px;}
#nav UL LI A#nav-contatti {background:url(img/nav-contatti.gif) no-repeat 0 0; width:87px;}
#nav UL LI A#nav-contatti:hover {background:url(img/nav-contatti.gif) no-repeat 0 100%;}
#nav UL LI A#nav-gamma:hover {background:url(img/nav-gamma.gif) no-repeat 0 100%; }
#nav UL LI A#nav-gallery:hover {background:url(img/nav-gallery.gif) no-repeat 0 100%; }

#subnav {height:50px;background:#2B2531;border-left:1px solid #685A74; border-right:1px solid #685A74;color:#CCCCCC; margin:0 0 6px 0;}
#subnav UL {height:50px;line-height:50px;}
#subnav UL LI {float:left; margin:0 15px 0 0; padding:0 0 0 15px; background:url(img/subnav-div.gif) no-repeat left center;}
#subnav UL LI#subnavhome {background:none;}
#subnav UL LI A {text-decoration:none;color:#C4A6DE;}
#subnav UL LI A:hover {color:#fff;}

#tools {position:absolute; top:5px; right: 10px; font-size:10px;color:#fff;}
#tools A {text-decoration:none; color:#fff;}
#tools A:hover {text-decoration:underline;}

/* CONTENT: HOMEPAGE
----------------------------------------------- */
#gammabox {background:#BB9AD8 url(img/gammabox-fondo.jpg) no-repeat 0 0; width:780px; height:262px; color:#fff; margin-bottom:0px; }
#gammabox A IMG {background:#fff; margin-left:10px;}
#gammabox A:hover IMG {background:#000;}

#newsbox { background:#141117 url(img/txt-news.gif) no-repeat 97% 45%;  padding:10px; margin-bottom:6px; border-left:1px solid #454146; border-right:1px solid #454146;}
#newsbox UL LI {margin-bottom:2px;}
#newsbox UL LI A {color:#C0BEC2; font: 11px Arial, Helvetica, sans-serif; text-decoration:none;padding:2px;}
#newsbox UL LI A:hover {background:#2C2533;}
#newsbox A.more {color:#E600AC; text-decoration:none;}
#newsbox A.more:hover {color:#fff; }

#beautybox {background:#CDC4E5 url(img/beautybox-fondo.jpg) no-repeat 0 0; width:512px; border-left:1px solid #fff; height:142px; float:left;}
#beautybox P { padding:16px 0 0 193px; color:#584F62;line-height:1.5em;}
#beautybox P A STRONG {color:#fff;}
#beautybox P A {color:#584F62; text-decoration:none;}
#beautybox P A:hover {color:#fff;}

#shopbox {color:#ccc;background:#261E2B url(img/acquistaonline.gif) no-repeat 0 0px; border-right:1px solid #454146; margin:0 0 0 518px; height:142px; }
#shopbox A I {display:none;}
#shopbox A {display:block; width:100%; height:117px;}
#shopbox P {margin:0; padding:0; }
#shopbox P A {display:block; text-align:center; background:#C0B5DD; width:135px; height:auto; color:#666; margin-left:18px; text-decoration:none; padding:1px;}
#shopbox P A:hover { color:#fff;}
#sh\opbox { width:260px;}  

#xmasbox {background:#fff url(img/txt-xmas.gif) no-repeat 100% 50%; height:50px; padding-left:10px;margin-bottom:6px; position:relative;}
#xmasbox A {text-decoration:none; color:#111; background:#E600AC; padding:3px; position:absolute; top:18px; left:10px; font-size:10px;}
#xmasbox A:hover {background:#fff}

/* TROVA NEGOZI
#shopbox {color:#ccc;background:#261E2B url(img/shop-fondo.jpg) no-repeat 100% 0; border-right:1px solid #454146; margin:0 0 0 518px; height:142px; }
#sh\opbox { width:260px;}  
#shopbox P {padding:20px 10px 10px 10px; margin:0;}
#shopbox A {color:#eee; text-decoration:none;}
#shopbox A:hover {color:#fff;}*/


/*#shopbox FORM {padding:10px 0 0 10px; font-size:10px;}
#shopbox FORM P {margin-bottom:5px;}
#shopbox INPUT {border:none;}
#shopbox INPUT.campo {background:#261E2B; border:1px solid #B5A9D8; width:60px; color:#ccc;padding:1px; font-size:10px;}
#shopbox INPUT.bottone {background:#B5A9D8; color:#261E2B; font-weight:bold; font-size:9px;}
* html #shopbox INPUT.bottone {padding:1px;}*/

#gallerybox {background:#141117 url(img/gallery-fondo.jpg) no-repeat right 50%; height:89px; margin:6px 0 0px 0; 
			 border-left:1px solid #544E57; border-right:1px solid #544E57; color:#ccc; clear:both; }
#gallerybox P {padding:14px 0 0 14px; background:url(img/frecciona.gif) no-repeat 50% 60%;}
#gallerybox A {text-decoration:none; color:#ccc;}
#gallerybox A:hover {color:#fff;}


/* FOOTER
----------------------------------------------- */
#footer {background:#E600AC; font-size:9px; text-align:center; padding:3px; margin:6px 0 17px 0;}
#footer A {color:black; text-decoration:none;}
#footer A:hover {color:#fff;}

/* UTILITY
----------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-table;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */