/* Nome Cliente Skill */
/* Creato:05/07/2010 */
/* Autore:fabio@evoluzionetelematica.it */
/* Ultima Modifica:gg/mm/aaaa Autore: Nome Cognome */


body.home {background: #f2f2f2 url('../img/bg-home.jpg') 0 0 repeat-x;}
.container {width:768px; height:auto; overflow:hidden; margin:0 auto; background:#fff url('../img/bg-container-home.jpg') 0 0 repeat-x; padding:0 18px; position:relative;}

.cleared:after {display:block; visibility:hidden; content:"."; height:0; clear:both;}
.cleared {clear:both; /* per Gecko */height:auto;/* per IE */}

/*Scroller*/
.scrollable {position:relative; overflow:hidden; height:176px; width:768px;}
.scrollable .items { width:20000em; position:absolute; clear:both; height:176px;}
.items div {float:left; width:768px; height:176px;}
.items div span.photo {float:left;}
.scrollable .active {position:relative;cursor:default;}

/*Pulsanti scroller*/
a.browse {display:block;width:30px;height:30px;cursor:pointer; z-index:1000;}
a.right {position:absolute;  top:272px; left:770px;}
a.left {position:absolute; top:272px; left:3px;} 

/*Foto over*/
.photo {position:relative; overflow:hidden; width:192px; height:176px; margin:0; padding:0;}	
.photo .sfondo {position:absolute; bottom:-196px; left:0;	background:#000; height:176px; width:192px; opacity:0.6;	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; margin:0; padding:0; color:#fff; font-size:12px;}
.photo .titolo {position:absolute; bottom:-196px; left:12px;  color:#eda200; font-family: Arial, Helvetica, sans-serif; display:block; font-size:12px; line-height:15px;}
.photo .titolo a {color:#eda200; font-family: Arial, Helvetica, sans-serif;  font-size:12px; line-height:15px; text-decoration:none;}
.photo .titolo a:hover { color:#fff;}
.photo .titolo strong { color:#fff; font-weight:normal;}
.photo .testo {position:absolute; bottom:-176px; left:12px; font-size:12px; color:#FFFFFF; line-height:14px; margin:0 0 17px 0; }
.photo .testo a { font-size:12px; color:#FFFFFF; line-height:14px; margin:0 0 17px 0; text-decoration:none;}
.photo .testo a:hover { color:#eda200;}
.photo .descrizione {position:absolute; bottom:-176px; left:12px; }

.main {float:left; height:auto; background:none;}

/*News*/
.news { float:left; display:inline; width:205px; margin:5px 173px 0 0;}
.news span {color:#756a65; font-size:14px; text-transform:uppercase;}
.news ul { margin:7px 0 0 0;}
.news ul li {padding:0 0 13px 26px; background:transparent url(../img/lista-home.jpg) 0 1px no-repeat; line-height:16px;}
.news ul li h2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 3px 0;  margin:0; }
.news ul li p { font-size:12px;  padding:2px 0 0 0; margin:0;}
.news ul li a {color:#756a65; text-decoration:none;  }
.news ul li h2 a { background:transparent url('../img/lista-home.jpg') -500px 0px no-repeat;  text-transform:lowercase; padding:0; margin:0;  }
.news ul li h2:first-letter { text-transform:uppercase;}
.news ul li h2 a:first-letter { text-transform:uppercase;}
.news ul li a:hover {color:#fdc300; text-decoration:none;}


/*Anteprime*/
.anteprime {float:left;  width:290px; margin:13px 0 0px 0; padding:0 0 0px 0;}
.anteprime li { position:relative; margin:0 0 14px 0; padding:0; }
.anteprime li span {color:#eda200; font-size:12px; margin:0; padding:0; }
.anteprime li span strong {color:#756a65; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
.anteprime li p { font-size:12px; color:#87888a; line-height:14px; margin:0;}
.anteprime li p a { color:#87888a; line-height:14px; margin:0; text-decoration:none;}
.anteprime li p a:hover {color:#fdc300;}
.anteprime li img { position:absolute; top:0; left:-90px;}

/*Evidenza*/
.evidenza {float:left;  width:470px; margin:13px 0 0 -130px; padding:10px 0 10px 24px; background:#FFF url('../img/evidenza-bg.jpg') top right repeat-y;}
.evidenza li {display:block; padding:0 10px 0 0; border:1px solid transparent}
.evidenza li a {display:block; margin:0 0 0 30px; padding:0 0 0px 50px; background:transparent url("../img/evidenza-bullet.png") left center no-repeat; color:#756a65;}
.evidenza li strong {display:block;}