@import url(reset.css);
html{}
body{ text-align: center; font: normal normal normal 12px/normal Arial, Helvetica, sans-serif; background: #E8E5C8; color:#4d4742 }

a:link {text-decoration: none; color:#AF917B}
a:visited {text-decoration: none; color:#AF917B}
a:active {text-decoration: none; color:#AF917B}
a:hover {text-decoration: underline;  color:#AF917B}
h2{ font-size:15px; margin-bottom:6px; font-weight:bold}
h4{ font-size:13px; margin-bottom:6px; font-weight:bold}
p{ margin-bottom:8px}
strong{ font-weight:bold}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.fleft{ float:left}
.fright{ float:right}
img.fleft{ margin-right:8px}
img.fright{ margin-left:8px}

#Wrapper{ width: 900px; margin: 20px auto 0 auto; text-align: left; }
#Topsx{ background: url(../images/wrapper-top.png) no-repeat left top; height: 15px; padding-left: 15px; }
#Topdx{ background: url(../images/wrapper-top.png) no-repeat right top; height: 15px; }

#Botsx{ background: url(../images/wrapper-bot.png) no-repeat left bottom; height: 15px; padding-left: 15px; }
#Botdx{ background: url(../images/wrapper-bot.png) no-repeat right bottom; height: 15px; overflow: hidden; }

#Midsx{ background: url(../images/wrapper.png) repeat-y left center; padding-left: 6px; }
#Middx{ background: url(../images/wrapper.png) repeat-y right center; padding-right: 15px; }
#Core{ background: white;}
#Header{ height: 83px; width:100%;  }

#Logo{ background: url(../images/logo.png) no-repeat center; width: 358px; height: 83px; float: left; }
#Logo h1,#Logo a{ display: block; width: 100%; height: 100%; text-indent: -99999px}
#Logo p{ display: none;}

#wrapMenu{ float: right; text-align: center; width: 520px; }
#wrapMenu ul{ background: url(../images/menu.png) no-repeat left top; margin: 0 auto; text-align: left; width: 509px; height: 53px; }
#wrapMenu ul li{ float: left; height: 53px; line-height: 53px; display: inline;}
#wrapMenu ul li a{ color: #AF917B;border-right: 1px solid #AF917B;padding: 0 28px;  }
#wrapMenu ul li.first a{padding: 0 28px 0 40px;}
#wrapMenu ul li.last a{padding: 0 0 0 28px; border-right: none;}

#wrapMenuSx{ width: 90px; height: 100%; float: left; }
#wrapMenuSx ul{ width: 90px; text-transform: uppercase; float:left;  height:460px; overflow:hidden;}
#wrapMenuSx li{ width: 90px; height: 90px; overflow: hidden; display:block; position:relative}
#wrapMenuSx li#menu-bestseller{ margin-top:100px}
#wrapMenuSx li a.active{ cursor: default;}
#wrapMenuSx li a.active span{ color: #B68D7A; border-right:1px solid #fff}
#wrapMenuSx li a{ width: 89px; height: 90px;position:relative; display: block; color: #C1BE9D;background: url(/images/menu-ico.png) no-repeat 0 0; }

#wrapMenuSx li#menu-pasticceria a span{ background:none}
#wrapMenuSx li a span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-align: center;
	width: 89px;
	height: 90px;
	overflow:hidden;
	/*background: url(../images/separatore.png) no-repeat 0 0;*/
	
	cursor:pointer;
	line-height:160px;
	border-right: 1px solid #E9E1DB;
	 background: url(../images/separatore-menu.png) no-repeat left top;
	
}
#wrapMenuSx li a:hover{ text-decoration: none; color: #B68D7A}
#wrapMenuSx #menu-pasticceria a { background-position: 0 -5px}
#wrapMenuSx #menu-pasticceria a:hover,
#wrapMenuSx #menu-pasticceria a.active { background-position: 0 -94px}
#wrapMenuSx #menu-forneria a {background-position: -90px -5px}
#wrapMenuSx #menu-forneria a:hover,
#wrapMenuSx #menu-forneria a.active {background-position: -90px -95px}
#wrapMenuSx #menu-gelateria a {background-position: -180px -3px}
#wrapMenuSx #menu-gelateria a:hover,
#wrapMenuSx #menu-gelateria a.active {background-position: -180px -95px}
#wrapMenuSx #menu-bestseller a {background-position: -270px -3px}
#wrapMenuSx #menu-bestseller a:hover,
#wrapMenuSx #menu-bestseller a.active {background-position: -270px 95px}

#Main{
	background: url(../images/main-line.png) repeat-y 89px 200px;
	height: 100%
}

#Col{ float: left; width: 252px; overflow: hidden;}
#PadCol{ padding:0 0 0 18px}
#PadCol{}
#Col ul{ border-right: 1px solid #E9E1DB; border-bottom: 1px solid #E9E1DB; width: 234px; float: right; }
#Col ul li{ float: right; display: inline; height: 22px; width: 234px; line-height: 24px; }
#Col ul li.active{background: #C9B5A6; font-weight: bold;}
#Col ul li a{ display: block; width: 100%; height: 100%; color: #4D4742; background: url(../images/separatore_catalogo.png) repeat-x top left; text-indent: 3px; }
#Col ul li a.first{background: none; }
#Col ul li a.active{background: #C9B5A6; font-weight: bold;}
#Col ul li a:hover{ text-decoration: none;}

#Content{ float: left; width: 530px; overflow: hidden }
#Content .strip{ padding-left:13px}
#PadContent{ padding:20px 0 0 28px}
#PadContent table{ width:100%}
#Footer{ text-align: center; color: #CAB3A3; font-size: 11px; clear: both }
.strip{
	background: #665446;
	color: #fff;
	height: 20px;
	line-height: 20px;
	text-indent: 15px;
	font-weight: bold;
	margin-bottom: 0
}

#ContentPad{ padding: 20px 0 20px 30px; }
.hr{ height: 1px; background: #AF917B; clear: both; margin: 5px 0; float: left; width: 100% }
.hrghost{ height: 1px; background: #fff; clear: both; margin: 15px 0; float: left; width: 100% }
.hrghost hr,
.hr hr{ display: none;}

.prodotto strong{ color: #b68d7a; display: block;}
.prodotto .desc{ color: #655346; height: 45px; overflow:hidden; margin-top: 10px;}
.prodotto .ico{ display: block; width: 18px; height: 18px; float: left; overflow: hidden; margin-right: 4px; text-indent: -99999px; margin-top: 4px; }
.prodotto .ico.pasticceria{ background: url(../images/ico-pasticceria.png) no-repeat center;}
.prodotto .ico.gelateria{ background: url(../images/ico-gelateria.png) no-repeat center;}
.prodotto .ico.forneria{ background: url(../images/ico-forneria.png) no-repeat center;}
.prodotto .ico.bestseller{ background: url(../images/ico-bestseller.png) no-repeat center;}

.prodotto{ margin: 0 0 0 0; overflow:hidden;}
.prodotto-img{ float:left;width:50px; overflow:hidden; display:inline}
.prodotto-data{ float:right; position:relative;  width:434px; overflow:hidden}
.prodotto.lor{ margin: 0 0 0 0; }
.richiedi{ position:absolute; top:0; right:0}

.ico-marchio{ position:absolute; right:0; top:0px}

input[type="text"],.inp-text{
	border: 1px solid #4d4742;
	background: url(../images/shadow-input.png) no-repeat;
	width: 190px;
	margin: 6px 0;
}
textarea{
	border: 1px solid #4d4742;
	background: url(../images/shadow-input.png) no-repeat;	
}
input[type="submit"],.inp-submit{
	border: 1px solid #4d4742;
	background: #EEAD07;
	width: 100px;
	color: white;
	text-align: center;
font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
	margin: 6px 0;
	padding: 1px 0
	
}
.hblock{ clear:both }
.hblock .img,
.hblock .logo{ float:left; width:150px; overflow:hidden}
.hblock .testo{ float:right; width:342px; overflow:hidden}
.hblock h4{ font-weight:bold; color:#665446; text-transform:uppercase}