@charset "iso-8859-1";
/* CSS OlioMarca.it - edit: ToniDiGrigio.it - 2010 */

/*import*/
@import "reset.css";
@import "script/fancybox/jquery.fancybox-1.3.1.css";
@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,700,700italic,400italic);

/*default page*/
body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;color:#333;font-size:12px;background: url(../images/main_bg.png) #f3f3f3 repeat-x;}
img {margin:0px;padding:0px;border:0px;outline:none;}
a {text-decoration:none;outline:none;}

/*default link*/
a:link, a:visited, a:active {color:#666600;}
a:hover {text-decoration:underline;}

/*typo*/
h1 {font-weight:bold;font-size:16px;color:#726915;padding:0px 0px 10px 0px;}
h2 {font-weight:normal;font-size:24px;color:#726915;padding:0px 0px 10px 0px;}
h3 {font-weight:bold;font-size:14px;color:#726915;padding:0px 0px 10px 0px;}
h4 {font-weight:normal;font-size:16px;color:#666600;padding:0px 0px 5px 0px;margin:0px 20px;}
h5 {display:block;font-size:14px;font-weight:normal;color:#666;}
.order_cont h5 {padding-bottom:5px;border-bottom: dotted 1px #333;font-weight: bold;margin-bottom: 10px;}
h6 {font-weight:bold;font-size:16px;color:#5C442A;padding:0px 0px 10px 0px;}	
.color_oil { color:#990 !important;}
.color_raggia { color:#9a4f2f !important;}
.color_leccino { color:#ba771d !important;}
.color_blend { color:#0b4a4f !important;}

/*fixed style*/
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}
.clearLeft {clear:left !important;}
.clearRight {clear:right !important;}
.nopad {padding:0px !important;}
.nomarg {margin:0px !important;}
.nomarg_right {margin-right:0px !important;}
.nomarg_top {margin-top:0px !important;}
hr {width:900px;height:2px;margin:30px auto;padding:0px;border:none !important;background: url(../images/bg_hr.png) no-repeat top center;}

.menu, .ModuloSX ul li, .pul_order a {font-family: 'Gentium Book Basic', serif;}

/*layout*/
#MainCont {height:auto;margin:0px auto;	clear:both;background:url(../images/bg_head.png) repeat-x top center;}	
#MainWrapper {width:900px;height:500px;margin:0px auto;clear:both !important;}	
#MainWrapper .cita {position:absolute;right:60px;bottom:50px;z-index:100;}
#HeadWrapper {width:970px;height:365px;margin:0px 0px 0px -35px;position: absolute;z-index:10;background:url(../images/bg_banner.png) top center no-repeat;overflow:hidden;}
#PageWrapper {width:900px;margin:0px auto;clear:both;position:relative;z-index:100;}
.contenuti {width:660px;height:2px;margin:0px 0px 20px 0px;padding:0px;border:none !important;background: url(../images/bg_hr_cont.png) no-repeat top center;}
.link {clear:both;margin:10px 0px 0px 0px;}		
.link a, .link a:link, .link a:visited, .link a:active, .link a:hover {color:#333;font-weight:bold;}	
.link span {font-weight:bold;color:#333;padding:0px 5px 0px 0px;}

/*footer*/
#FootWrapper {width:896px;height:140px;padding:10px 2px 0px 2px;margin:30px auto;font-size:11px;background:url(../images/bg_foot.png) no-repeat;}
#FootWrapper a, #FootWrapper a:link, #FootWrapper a:visited, #FootWrapper a:active, #FootWrapper a:hover {color:#666;}	
#FootWrapper img {float:left;padding-top:5px;}	
#FootWrapper span {font-size:12px;font-weight:bold;margin:0px;padding:0px;line-height:26px;}	
#FootWrapper span a {color:#333 !important;}	
#FootWrapper .foot_cont, #FootWrapper p {float:left;width:auto;line-height:16px;padding:0px 0px 0px 25px;}
#FootWrapper .right img {float:right !important;padding:4px 0px 0px 5px;opacity:0.6;filter:alpha(opacity=60);}	
#FootWrapper .right img:hover {opacity:1.0;filter:alpha(opacity=100);}

/*pos pagewrapper*/
.default {top:360px !important;}
.home {top:300px !important;}
.prodotto {top:240px !important;}

/* HEAD CONT */

.head {
	width:220px;
	height:354px;
	margin:0px;
	background:url(../images/bg_head_logo.png) no-repeat left top;
	position: absolute !important;
	z-index:200 !important;
}

.menu {
	width:200px;
	margin:0px auto;
	clear:both;
	background:url(../images/bg_menu.png) no-repeat top center;
}	

.menu li {
	padding:15px 0px 0px 25px !important;
	}

.menu li a, .menu li a:link, .menu li a:visited, .menu li a:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#726915;
	text-decoration:none;
	text-shadow:1px 1px 1px #FFF;
	text-transform:uppercase;
}	

.menu li a:hover {
	color:#5c442a;
	text-decoration:none;
}

.menu li a.checked {
	color:#5c442a !important;
	}

/* BANNER */

.banner {
	width:900px;
	height:365px;
	margin:0px auto;
	clear:both;
}

.banner_new {
	width:900px;
	height:365px;
	margin:0px auto;
	clear:both;
}

.banner img {background:none !important;}
	
/*   MODULI LAYOUT HOMEPAGE   */

.ModuloUno {
	width:280px;
	float:left;
	margin:0px 30px 0px 0px;
	line-height:20px;
}

.ModuloDue {
	width:560px;
	float:left;
	margin:0px 30px 0px 0px;
	line-height:20px;
}

.ModuloTre {
	width:900px;
	margin:0px;
	padding:0px;
	line-height:20px;
	clear:both;
}

.box_oil {
	width:900px;
	height:330px;
	overflow:hidden;
	clear:both;
}

.box_oil h1 img {
	padding:0px 0px 5px 0px;
	}
	
.oil_01 {
	width:180px;
	height:180px;
	padding:10px 0px 10px 20px;
	margin:90px 0px 0px 0px;
	float:left;
	background:url(../images/bg_oil_home.png) #b4b5b0 repeat-x;
	border-top:1px solid #b4b5b0;
	border-bottom:1px solid #b4b5b0;
	border-left:1px solid #b4b5b0;
}

.oil_02 {
	width:180px;
	height:180px;
	padding:10px 0px 10px 20px;
	margin:90px 0px 0px 0px;
	float:left;
	background:url(../images/bg_oil_home.png) #b4b5b0 repeat-x;
	border-top:1px solid #b4b5b0;
	border-bottom:1px solid #b4b5b0;
}

.oil_03 {
	width:180px;
	height:180px;
	padding:10px 0px 10px 20px;
	margin:90px 0px 0px 0px;
	float:left;
	background:url(../images/bg_oil_home.png) #b4b5b0 repeat-x;
	border-top:1px solid #b4b5b0;
	border-bottom:1px solid #b4b5b0;
}
	
.oil_bottle {
	float:left;
	background:url(../images/bg_oil_home_bottle.png) no-repeat -30px 90px;
}

.oil_bottle img {
	float:left;
	margin:40px 0px 0px 35px;
}

.oil_01 h1, .oil_02 h1, .oil_03 h1 {
	padding:0px !important;
	}
	
.oil_01 h2, .oil_02 h2, .oil_03 h2 {
	padding:5px 0px !important;
	font-size:12px !important;
	font-weight:bold;
	line-height:14px !important;
	color: #666 !important;
	}	

.oil_01 h2 a, .oil_02 h2 a, .oil_03 h2 a {font-weight:bold;color: #666 !important; text-decoration:none !important;}	
.oil_01 p a, .oil_02 p a, .oil_03 p a {font-weight:bold;color: #333 !important; text-decoration:none !important; font-weight:normal !important; display:block;}	

/* LAYOUT PAGINE INTERNE */
.ModuloSX {width:220px;height:auto;float:left;margin:0px 20px 0px 0px;background: url(../images/bg_modulo_sx.png) no-repeat top left;padding:30px 0px 0px 0px;line-height:20px;}
.ModuloDX {width:660px;height:auto;float:left;margin:0px;padding:30px 0px 0px 0px;line-height:20px;}
.ModuloDX p {margin:0px 0px 20px 0px;}
.ModuloSX ul {width:200px;margin:7px auto 0px auto;}	
.ModuloSX ul li {font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;background:url(../images/bg_menu_sc.png) no-repeat left bottom;margin:0px 0px 10px 0px;padding:4px 0px 5px 25px;}
.ModuloSX ul li a, .ModuloSX ul li a:link, .ModuloSX ul li a:visited, .ModuloSX ul li a:active {color:#877c1a;display:block;}
.ModuloSX ul li a:hover {color:#5c442a;text-decoration:none;}	
.ModuloSX li .select {color:#5c442a !important;}

/* GALLERY */
.gallery li {width:152px;height:100px;border:1px solid #999;margin:0px 14px 15px 0px;float:left;overflow:hidden;}	
.gallery li:hover {border:1px solid #333300;}	

/* GALLERY PREMI e RICONOSCIMENTI */
.premi li {width:152px;margin:0px 14px 15px 0px;float:left;}
.premi li:last-child {width:152px;margin:0px 0px 15px 0px;float:left;}
.premi li img {width:152px;border:1px solid #999;overflow:hidden;}
.premi li img:hover {border:1px solid #333300;}
.premi li h1 {font-size:14px !important;margin-top:3px !important;padding:0px !important;color:#666 !important;}
.premi li p {line-height:16px;}

/* ARCHIVIO NEWS */
.news_archive {margin-left:12px !important;}
.news_archive li {font-size:12px!important;background:url(../images/bg_archive_menu.png) 0px -92px no-repeat !important;padding:0px 0px 3px 0px!important;margin:0px 0px 10px 0px !important;border-bottom:1px solid #ccc !important;width:180px !important;}
.news_archive li .data {color:#4D4C04;padding:0px;}
.news_archive li:hover {background:url(../images/bg_archive_menu.png) 0px 8px no-repeat !important;}
.news_archive li a, .news_archive li a:link, .news_archive li a:visited, .news_archive li a:active {color:#666 !important;padding-left:10px;}	
.news_archive li a:hover {color:#333 !important;}
.ModuloSX .news_archive li .select {color: #333 !important;text-decoration:none !important;background:url(../images/bg_archive_menu.png) 0px 8px no-repeat !important;}

/* CONTATTI */

.order_cont span.asterisco {color:#000;font-weight:bold;}
.order_cont span.asterisco.engHide {display:none;}
.order_cont p.obligatorio {color:#000;margin:10px 0px 5px 0px;}

.ModuloSX p {
	line-height:16px;
	margin:0px 20px;
	}
	
.Contatti_01 {
	width:440px;
	height:auto;
	float:left;
	margin:0px 20px 0px 0px;
	}
	
.form_cont {
	background:#bababa;
	padding:10px;
	font-size:12px;
	color:#333;
	margin:10px 0px 0px 0px;
	}	

.order_cont {
	padding:0px;
	font-size:12px;
	color:#333;
	margin:10px 0px 0px 0px;
	}	

.order_cont .txt {
	width:198px;
	height:18px;
	background:#fff;
	border:1px solid #CCC;
	color:#333;
	margin:2px 0px 0px 0px;
	padding:1px;
	padding:3px 0px;
	text-indent:3px;
	}	

.order_cont .quantity {
	width:50px;
	height:18px;
	background:#fff;
	border:1px solid #CCC;
	color:#333;
	margin:2px 0px 0px 0px;
	padding:1px;
	text-align: center;
	}	

.order_menu {background:none !important;margin-top:15px;}
.order_menu div {margin-left:-10px !important; width:170px !important;}

.form_cont .txt {
	width:198px;
	height:18px;
	background:#999;
	border-bottom:1px solid #666;
	margin:2px 0px 0px 0px;
	color:#FFF;
	padding:1px;
	}	

.form_cont textarea {
	width:410px;
	height:100px;
	background:#999;
	border-bottom:1px solid #666;
	margin:2px 0px 10px 0px;
	color:#FFF;
	padding:5px;
}	

.order_cont textarea {
	width:630px;
	height:80px;
	background:#fff;
	border:1px solid #CCC;
	color:#333;
	margin:2px 0px 10px 0px;
	padding:5px;
}	


.form_cont .bottone {
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	background:#999;
	border-bottom:1px solid #666;
	padding:3px 20px;
	margin:0px 10px 10px 0px;
	}
	
.order_cont .bottone {
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	background:#877c1a;
	border-bottom:1px solid #666;
	padding:3px 20px;
	margin:0px 10px 10px 0px;
	}

/* aggiunte per modulo ordine */

span.prezzo {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #877c1a;
	font-size: 18px;
}
table.confezioni_prezzi td {
	font-size: 11px;
	padding: 3px 5px 3px 0px;
	border-bottom: dotted 1px #CCC;
}
table.confezioni_prezzi td.header {
	background: #877c1a;
	color: #FFF;
	padding-left: 5px; 
}
.totale {
	background: #666;
	color: #ccc;
	padding: 10px;
	margin-bottom: 20px; 
	font-size: 12px;
	line-height: 140% !important;
}
.totale .clear { font-size:1px; line-height: 1px;}
.totale a { color: #FFF; }
.totale h5 { color: #ccc; margin-bottom: 5px;}
.prezzo_totale { 
	font-family: Georgia;
	font-size: 20px;
}


.Contatti_02 {
	width:180px;
	height:auto;
	margin:40px 0px 0px 0px;
	padding:10px;
	float:left;
	background:#222324;
	color:#FFF;
	line-height:17px;
	}
	
.Contatti_02 h1 {
	font-size:16px;
	font-weight:bold;
	color:#cccc00;
	text-shadow:1px 1px 1px #000;
	margin:10px 0px 0px 0px;
	}	
	
.Contatti_02 p {margin:5px 0px 10px 0px; padding:0px;}
	
.Contatti_02 a, .Contatti_02 a:link, .Contatti_02 a:visited, .Contatti_02 a:active, .Contatti_02 a:hover {
	color:#CCCC00;
	text-shadow:1px 1px 1px #000;
	}
	
.mappa_link {
	border:1px solid #999;
	margin:20px 20px 0px 20px;
	}		
	
.mappa_link:hover {
	border:1px solid #333300;
	}	

.info_condimenti {
	background:#877C1A;
	color: #FFF;
	padding: 10px;
	margin-bottom: 20px; 
	font-size: 12px;
	line-height: 140% !important;
}
.info_condimenti .checkbox {float:left;}
.info_condimenti p {width:600px;margin:-2px 0px 0px 20px;float:left;}

/* prodotti */
.quote {font-size:16px;font-style:italic;line-height:26px;color:#333;text-shadow:1px 1px 0px #eaeaea;}	
.Prodotto01 {width:490px;float:left;margin:0px;padding:150px 0px 0px 0px;}
.Prodotto02 {width:120px;float:left;margin:0px;padding:0px 0px 0px 10px;display:block;}	
.Prodotto03 {width:320px;float:left;margin:0px 10px 0px 0px;}
.Prodotto04 {width:320px;float:left;margin:0px 0px 0px 10px;}	
.tabella {font-size:12px;color:#000;line-height:16px;padding:15px;background:url(../images/bg_tabella.gif) repeat-y top left;}		
.tabella h1 {color:#000;font-size:12px;font-weight:bold;margin:25px 0px 0px 0px;padding:0px;}
.Prodotto04 img {border:1px solid #999;margin:0px 0px 10px 0px;}
.Prodotto04 h2 {font-weight:normal;font-size:18px;color:#333300;padding:10px 0px 5px 0px;}
		
/*tabella olio specifiche*/
.oil_spec {font-size:11px;line-height:14px;padding:10px 20px;margin:0px 0px 20px 0px;background:url(../images/bg_tabella_oil.gif) repeat-y top left;}	
.oil_spec tr td {padding:10px 15px 10px 0px;vertical-align:top;}	
.border {border-bottom:1px solid #333;}
.dotted {border-bottom:1px dotted #666;}

/*boxlang*/
.box_lang {width:55px;height:35px;padding:0px 2px;position: absolute;z-index:20;top:0px;right:55px;background:url(../images/bg_lang.png) no-repeat 0px -5px;}	
.box_lang li {float:left;padding:7px 6px 0px 6px;}
.box_lang li a, .box_lang li a:link, .box_lang li a:visited, .box_lang li a:active {filter:alpha(opacity=40);opacity:0.4;}
.box_lang li a:hover {filter:alpha(opacity=100);opacity:1;}
.box_lang li .select {filter:alpha(opacity=100) !important;opacity:1 !important;}	

/*fadebox*/
@media all {.fadein { visibility:hidden; }}
@media handheld {.fadein { visibility:visible; }}

/*homenews*/
#HomeNews h1 a {text-decoration:none;}
#HomeNews h6 {padding:0px;margin-top:10px;}
#HomeNews h6 a {text-decoration:none; color:#5C442A;margin:0px;}
#HomeNews p a {text-decoration:none !important;color:#333 !important;}

/*tooltip*/
.tipsy {padding:5px;font-size:12px;line-height:16px;background:url(../images/tipsy.gif) no-repeat;margin:0 0 10px 0;opacity:.9;filter:alpha(opacity=95);filter:”alpha(opacity=95)”;}
.tipsy-inner {padding:10px;background:#000;color:#FFF;max-width:250px;text-align:center; }
.tipsy-inner {-moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-south {background-position:bottom center;}

/*pulorder*/
.pul_order {background:url(../images/bg_pul_order.png) #2e2f05 repeat-x top left; text-align:center; border:1px solid #999900;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative;z-index:1;margin:10px 0px;}
.pul_order img {position:absolute; z-index:10;top:5px;left:15px;}
.pul_order a, .pul_order a:link, .pul_order a:visited, .pul_order a:active {color:#cccc00 !important;display:block; font-size:14px;padding:4px 0px 6px 0px;}
.pul_order a:hover {text-decoration:none;}
#FootWrapper .pul_order img {top:1px;left:11px;}

/*PopUpOrdineEmail*/
.popup_ordine {width:580px;height:300px;padding:20px;background:#f3f3f3;}
.popup_ordine ul {margin:10px 0px;}
.popup_ordine ul li {padding-bottom:5px !important;}

/*news-paginazione*/
.news-paginazione {position:relative;text-align:center;width:168px; margin:0px 0px 0px 24px;}
.news-paginazione a {text-decoration:none;}
.prev {position:absolute;left:0px;font-size:14px;color:#666;}
.next {position:absolute;right:0px;font-size:14px;color:#666;}
.prev:hover, .next:hover {text-decoration:none;color:#333;}
.prev.disabled, .next.disabled {color:#666;text-decoration:none;cursor:auto;}
.pager {text-align:center;}
.pager a {color:#666;margin:0px 3px;}
.pager a:hover {color:#333;text-decoration:none;}
.pager a.selected {color:#7f6600;text-decoration:none;}

/*condimenti*/
.condimentiAbbinamenti {margin:0px;padding:0px;list-style:none;}
.condimentiAbbinamenti li {float:left;width:320px;margin:0px 20px 20px 0px;}
.condimentiAbbinamenti li.last {margin:0px 0px 20px 0px;}
.condimentiAbbinamenti li img {float:left;margin:0px 10px 10px 0px;}
.condimentiAbbinamenti li span {font-weight:bold;color:#333;}
.condimentiAbbinamenti li p { display:block;clear:both;margin:0px;}



