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

body{ margin:0px; background-color:#1a1914; font-family:Arial, "Helvetica", sans-serif; font-size:13px; color:#FFF;background-image:url(immagini/bgcenter.jpg);}
span img{border:none;}

#top{ width:100%; height:170px; background-color:#000;}
#header{ width:980px; height:120px; float:left;}
#energie{ width:300px; height:120px; background-color:#000; float:left; background-image:url(http://collection.energie.it/EN/immagini/logo.jpg); background-repeat:no-repeat; background-position:bottom left; margin-top:30px}
#facebook{ width:655px; height:52px; background-color:#000; float:right; text-align:right; margin-top:20px;}
#menu{width:680px; height:34px; float:right; background-color:#000; text-align:right; margin-top:10px}

#center{ width:100%; height:995px; background-image:url(../immagini/bg_energie.jpg); background-repeat:no-repeat; background-position:top center;}

#bottom{ width:100%; background-color:#161616; float:left;bottom:4px;}
#vetrina{ width:980px; height:440px; float:left;}
#footer{ width:100%; height:200px; background-color:#161616; float:left;}
#menu_footer{height:200px;margin-left:auto;margin-right:auto;width:980px;}

.sinistra{float:right;}

.centra{ width:980px; margin-left:auto; margin-right:auto}

#look{ width:230px; height:400px; margin-top:20px; float:left;}
#fans{ width:310px; height:400px; margin-top:20px; margin-left:15px; float:left;}
#video{ width:400px; height:400px; margin-top:20px; float:right;}

.titolo{ width:100%; height:40px; float:left; font-size:16px; padding-top:10px;}
.contenuto{ width:100%; height:350px; float:left; background-color:#363636;}

#fans .contenuto {padding-left:5px; padding-right:5px;}

#youtube {padding-left:10px; padding-top:10px; height:340px; width:390px;}

.box{width:172px; height:310px; background-color:#000; float:left; margin:0 10px 10px 0; font-size:11px; padding-left:8px; padding-right:8px; padding-top:8px; color:#7f7e7b; text-align:justify; position:relative}
.doppio{width:370px; height:310px; background-color:#000; float:left; margin-right:10px;}
.grande{width:568px; height:310px; background-color:#000; float:left; margin-right:10px;}
.finale{margin-right:0px;}

.box .immagine{ float:left; width:100%;}
.box .titolo_box{ float:left; width:100%; margin-top:5px;}
.box .testo{ float:left; width:100%;margin-top:10px;}
.box .pulsante{ position:absolute; left:136px; top:297px; z-index:500}
.box .social{ position:absolute; left:251px; top:280px; z-index:499}


#lista {width:500px; height:200px; float:left;}
#lista li{color:#999; font-size:9px; list-style:none; padding:0px; margin:0px;}
#lista ul{padding:0px;}

.trasparente{background-color:transparent}
#social{width:480px; height:180px; text-align:right; float:left; font-size:9px; padding-top:20px;}
.social img{border:none}

ul.buy{float:left; margin-left:20px;}
ul.collection{float:left; margin-left:49px;}
ul.catalogue{float:left; margin-left:60px;}
ul.stores{float:left; margin-left:60px;}
.divisorio{margin-left:3px; margin-right:3px;}

ul h1{ font-size:9px; font-weight:700;}
h2{ font-size:12px; color:#FFF;}


.photo{position:relative;overflow:hidden;}
.photo .caption{position:absolute; background:#000;width:100%; bottom:-310px; width:562px; height:310px; padding-right:10px; left:8px;}
.photo .heading span{color:#26c3e5;top:-50px;font-weight:700;display:block;padding:5px 0 0 10px;}
.photo .caption span{color:#999;font-size:9px;display:block;padding:5px 10px 0;}

.fade{ cursor:pointer}

a:link, a:visited, a:active  {color: #999; text-decoration: none;}
a:hover {color: #FFF;text-decoration: none;}

a.social_social:link, a.social_social:visited, a.social_social:active  {text-decoration: none; padding:0px; border:none;}
a.social_social:hover {text-decoration: none;}
.selezionato{color:#fff102}
ul h1.fucsia{color:#fff102}