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

body, div, img, p, ul, li, h1, h2, h3, h4, a, span, table {margin:0; padding:0;}
body { font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.acapo{clear:both;visibility:hidden;}

h1 {font: normal 30px "Times New Roman", Times, serif, Times, serif; color:#730800; padding:20px 0;}
h1.eureka {margin:0; padding:50px 0 5px 20px; color:#fff; font-size:36px}
h2 {font:bold 15px "Trebuchet MS", Verdana, Arial; color:#666;padding:3px 0 3px 10px; margin:15px 0; letter-spacing:1px;}

ul { list-style-type:none;}
li {margin-left:15px;}

a {color:#fff; border:none;}
a:hover {color:#C69C6D; text-decoration:none;}

p {font:12px "Trebuchet MS", Verdana, Arial; color:#666666;}

#header { width:100%;height:90px;background-image:url(../img/rosso.gif); text-align:center}
#headbox {width:800px;margin:auto;margin-top:3px; padding-right:80px; padding-bottom:90px;}
#headleft { float:left; width:80px; margin:0 20px 0 150px;}

#headright { float:left;text-align:center; height:80px;margin-top:5px;}

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 150px; }
#nav ul ul {left: 125px; }

/* Everything else is theming */
 
#nav {font:bold 17px Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:left;}
#nav *:hover { background-image:none;}
#nav a { border-right: 2px solid #730800; color:#fff; font-size: 12px; padding:5px 10px; line-height: 1; text-decoration:none;}
#nav a.leftborder {border-left: 2px solid #730800; color:#000}
#nav a.nero {color:#000;}
#nav a:hover { background-image:url(../img/sfuma_menu.gif); color:#fff}

  #nav ul { top: 23px; }
    #nav ul li a {background-color:#666; padding-left:13px; }
    #nav ul a.hover { background-color:#666; }
    #nav ul a { font:10px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #730800; border-right: none; opacity: 0.9; filter: alpha(opacity=90); letter-spacing:0;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#sfondo {height:400px; width:100%; background:url(../img/background_01.jpg) no-repeat center; text-align:center;display: table;}
#sfondo2 {height:492px; width:100%; background:url(../img/background_06.jpg) no-repeat center; text-align:center;display: table;}
#sfondo3 {height:300px; width:100%; background:url(../img/background_01.jpg) no-repeat center; text-align:center;display: table;}
#sfondo.var3 { height:300px;background-image:url(../img/background_03.jpg);}
#sfondo.var4 { height:300px;background-image:url(../img/background_04.jpg);}
#sfondo.var5 { height:430px;background-image:url(../img/background_05.jpg);}
#sfondo.var6 { height:600px;background-image:url(../img/eureka_fiere.jpg);}
#sfondo.var6_2 { height:600px;background-image:url(../img/eureka_notizie.jpg);}
#sfondo.var6_3 { height:600px;background-image:url(../img/eureka_stampa.jpg);}
#sfondo.var7 { height:400px;background-image:url(../img/background_07.jpg);}
#sfondo.var8 { height:300px;background-image:url(../img/background_08.jpg);}


#mainbox {width:100%;margin:auto; bottom:15px;}
.proftitolo {width:900px; margin:auto; background-color:#000;}

#homebox {width:900px; margin:auto; margin-bottom:35px;}
#homebox p {color:#fff}
#homebox h1 {margin:0; padding:10px 0;}
#homebox h3 {font: normal 12px Arial, Helvetica, sans-serif; color:#fff; padding-top:5px;} 
.newsbox{padding:5px 5px 5px 10px; margin:10px 0; background-color:#808080; width:390px; float:right;}

#prof { width:750px; margin:auto;text-align:left; padding-top:20px;}
#prof p {color:#333;}
#prof h1 {font-size:50px; margin:0; padding:0 10px 0 0 ; float:left}

#proftext {float:left; width:100px; margin-right:15px;}

#mission{ width:770px; margin:auto;text-align:left; padding-top:10px; float:left;}
#mission p { line-height:15px; color:#333; padding-top:2px; text-align:justify;}
#mission h1 {font-size:50px; margin:0; padding:0 10px 0 0 ; float:left}
.bold {font: bold 15px "Trebuchet MS", Verdana, Arial ; color:#353535;}

#storia{ width:530px; margin:auto;text-align:left; padding:30px 0 50px 0; float:left;}
#storia p { line-height:20px; color:#333; padding-top:5px}
#storia h1 {font-size:50px; margin:0; padding:0;}

#storialoghi {width:360px; float:right; padding-top:30px;}
#storialoghi td{ padding:5px 0;}
#storialoghi a img{ border:none;}

#flashbox {margin:auto; width:900px; background-color:#fff;}

#sfoca {height:25px; background-image:url(../img/sfoca.gif);}

#prodotto {float:left;}

.sottonomiprodotti li { line-height:20px;}
.sottonomiprodotti a {color:#666666;text-decoration:none; padding-left:10px;}
.sottonomiprodotti a:hover {color:#990000;}

#mainprodobox {width:900px; margin:auto; margin-top:10px;}

#macinadosatori { width:400px; float:left; padding:20px 0 30px 30px;}
#macinacaffe { width:280px; float:right; padding:20px 0 30px 30px;}

#indexmaindown{width:900px; margin:auto;}
#maindown{width:640px; margin:auto;}

#rightbox {float:right; width:570px;}

#rightboxup {float:right; width:560px;}

#foto_prod2{ float:left; width:260px}
.spazimg img {margin:30px 0 0 12px;}

#dettaglio{ float:left; width:300px;}
#dettaglio p{ font:11px Verdana, Arial, Helvetica, sans-serif;color:#333; padding:1px 0; padding-left:5px;}
#dettaglio p.boldprodo {color:#fff; margin:2px 0;}
#dettaglio td.tabtitolo { background-image:url(../img/titolo_sfuma.gif);border-bottom:solid 2px #fff;border-top:solid 2px #fff;}

.tipo2 { background-color:#ababab}
.tipo3 { background-color:#e8e8e8}
.linea { margin:3px 0; padding:0; height:5px; width:300px; border-bottom:1px dashed #333333;}
 
#caratteristiche {padding:10px 0; margin-top:5px; background-color:#D6D6D6;}
#caratteristiche p{ margin-left:15px;}

.grigio { background-color:#bfbfbf; color:#333;}
.grigiochiaro {background-color:#f2f2f2; color:#333;}

/* #rightboxdown {padding:15px 0 0 15px;}*/

#gallery {clear:both; margin-left:7px;}
#gallery li {display:inline; margin:0; padding-right:3px;}
#gallery img {border:solid 3px #999999;}
#gallery a:hover img {border:solid 3px #990000;}
#gallery h2 {margin:0; padding:0 0 10px 0;}

#option {clear:both;text-align:right; margin:5px 0;}
#option img {margin-right:10px;}
#option a{color:#666666; text-decoration:none;}
#option a:hover{color:#990000;}

#leftbox {float:left; margin:0; padding:0;}
#leftbox p{color:#000;}

#sottoprodotti { width:900px; margin:auto; padding:20px 0;text-align:right; clear:both;}
#sottoprodotti span { margin-right:15px}
#sottoprodotti ul { margin:0 0 0 30px;}
#sottoprodotti li {display:inline;margin:0; line-height:20px;}
#sottoprodotti a { font-size:10px;color:#666666;text-decoration:none; margin:0 1px 0 1px;padding:3px;}
#sottoprodotti a:hover {color:#fff; background-color:#333333}
#sottoprodotti li.spazsottoprod {margin-right:30px;}
.boxcaffe {width:30%; float:right; margin-bottom:15px;}

.spaz {margin:5px 0}
.sfuma {background-image:url(../img/sfoca.gif);}

/*dove siamo*/
#dove{ width:640px; margin:auto;text-align:center; padding:10px 0 50px 0;}
#dovetext p{color:#333333;}
#dove img{border:none;}

/*INFO*/
#conta{ width:900px; margin:auto; margin-top:15px;}
#formbox {width:400px; float:right;}
#mailbox {width:480px;float:left; margin-top:40px;}
#mailbox a {color:#333333; text-decoration:none;}
#mailbox a:hover {color:#999999;}
.grosso {color:#333333; font-weight:bold;}
#mailbox li{margin-bottom:5px;}
#mailbox p{color:#333333;}
/*form*/
#formleft{ width:455px; float:left; margin-bottom:20px;}
#formleft p {margin-left:5px;}
#formleft td img{ float:right;}
.formbox { height:30px;background-image:url(../img/formbox.gif); background-repeat:no-repeat;}
.formbox2 { height:30px;background-image:url(../img/formbox_2.gif); background-repeat:no-repeat;}

#formright{ width:430px; float:right;}


/*area riaservata*/
#login {margin:auto;background-color:#fff; text-align:center;}




/*footer 
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#mainbox {padding-bottom: 180px;}
*/

#footer {height:180px;background-color:#1A1A1A;} 
#footer p {padding-top:10px; color:#fff;}
.footersfuma { height:12px; background-image:url(../img/sfuma_footer.gif);}

.footerbox { width:700px;padding-top:20px; margin:auto; text-align:left; }
.footerbox h3 {font:normal 12px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #333;padding:3px 0;}
.footerbox li { border-bottom:1px solid #333;padding:3px 0;}
.footerbox img {margin-right:7px;}
.footerbox a {color:#666666; text-decoration:none;}
.footerbox a:hover {color:#ccc;}

.footerazienda {width:130px; float:left; margin-right:10px;}
.footerprodotti {width:130px; float:left; margin-right:10px;}
.footernews {width:130px; float:left; margin-right:10px;}
.footercontatti {width:130px; float:left; margin-right:10px;}
.footerarea {width:130px; float:left; margin-right:10px;}
.footerlogin {width:180px; float:left;margin-left:15px;}
.footerlogin h3 {background-color:#333333; padding:2px; padding-left:5px;}
.footerlogin li {border:none;}
.footerlogin li.bianco {height:10px; width:160px; background-color:#fff;}

.footerindirizzo {clear:both; padding-top:10px; text-align:center;}

/* lightBOX */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



/* footer img */


ul.footerimgs {
	margin:0;
	padding: 0;
	width: 10px;
	list-style: none;
	display: inline;
	

}

ul.footerimgs li {
position: relative; 
display: inline;
margin: 0;	
padding:5px;


}

ul.footerimgs li a{

	width: 90px;
	display: inline;
	text-decoration: none;
	position: relative;
	z-index: 2; 
	
}


ul.footerimgs li div {
	display: none;
	position: absolute;
	top: 0;
	left:0;
	width: 90px;
	padding-top: 10px;
	font-size: 0.9em;
	text-align:center;
	background: url(../img/bubble_top.jpg)  no-repeat ;

	
}
ul.footerimgs li div p {
	margin:0; 
	width:90px;
	line-height: 1.6em;
	padding: 5px 0 10px 0;
	background: #7f7f7f   /*
url(../img/bubble_bottom.jpg)  no-repeat ;
*/
}

ul.footerimgs img {border:none;}