/* Debugging Classes*/
html>body #wrap-inner { /*	border: solid red 1px;*/ /*	background-image: url(../images/zzContent-Background.jpg);*/ /*	background-image: url(../images/zzContent-Background-Prodotti.jpg);*/ }

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 0; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }

fieldset { border: none; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

/* My addition Horizontal Rule */
hr { display:none; }

img { border: none; }

/* END of INITIALIZATION */

/* --- Useful Utilities --- */
.floatcontainer:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.floatcontainer { display:inline-block; }

/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }

.floatcontainer { display:block; }

/* End Hack */

/* End of Useful Utilities */





/* Layout ----------------------------------------------------------- */

html { height: 100%; }

body {
	background-color: #EBE8DA;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	color:#D37418;
	text-decoration:none;
	border-bottom: dotted 1px #D37418;
}

a:hover {
	text-decoration:none;
	border-bottom: solid 1px #D37418;
}

h3 {
	color: #00A650;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;/*	margin-top: -5px;*//*	margin-left: 175px;
	margin-bottom: 11px;*/
}

#container {
	background-image: url(../images/back_container.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	min-height: 100%;
	min-width: 796px;
	/*	padding: 0px 0px 126px 0px;*/
	position: relative;
	text-align: center;
	width: 100%;
	padding-bottom: 50px;
}

* html #container { height: 100%; }

.style_content {
	position: relative;
	margin: 0px auto;
	text-align: left;
}

/* --- Header Layout --- */

#header {
	background-image: url(../images/back_header.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #373737;
}

#header .style_content {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	display: block;
	height: 127px;
	position: relative;
	width: 796px;
}

#header_content {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	display: block;
	height: 127px;
	position: relative;
	width: 796px;
	margin:0px auto;
	text-align:left;
}

#logo {
	margin:0pt auto;
	padding:22px 0pt 0pt;
	width:706px;
}

#logo span, #logo a {
	background:transparent url(../images/logo.png) no-repeat scroll 0% !important;
	background:transparent url(../images/logo.gif) no-repeat scroll 0%;
	border-style:none;
	display:block;
	height:55px;
	padding:0pt;
	width:321px;
}

#logo img {
	display:block;
	width:0pt;
	text-indent:-9999px;
}

#title {
	margin: 0px 40px 0px;
	padding: 25px 0px 0px;
}

/* --- Content Layout --- */

#wrap {
	margin: 0px;
	padding: 0px;
}

#wrap-inner {
	width: 708px;
	padding: 0px;
	margin:25px auto 0px;
	position:relative;
	text-align:left;
}

html>body #wrap-inner {
	width: 706px;
	padding: 0px;
	margin:25px auto 0px;
	position:relative;
	text-align:left;
	/*	border: solid red 1px;*/
/*	background-image: url(../images/zzContent-Background.jpg);*/
/*	background-image: url(../images/zzContent-Background-Prodotti.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F9F8F2;
}

/* --- Footer Layout --- */

#footer {
	background-image: url(../images/back_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	/*	height: 126px;*/
/*	margin-top: -126px;*/
	position: relative;
	text-align: center;
	background-color: #373737;
}

#footer_content {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 30px 0px 20px;
	width: 796px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}

#footer_title {
	padding: 0px;
	margin: 0px 0px 0px 40px;
	line-height: 40px;
}

/* End of Footer */


/* --- Inizio di content --- */
#primary-content h2 {
	font-size: 110%;
	letter-spacing: 1px;
	line-height: 100%;
	margin-bottom:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#frase-iniz {
	width: 328px;
	background-image: url(../images/horiz-rule.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 22px;
}

#frase-iniz h2 {
	background-image: url(../images/horiz-rule.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 23px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4d4d4d;
	line-height: 1.05;
	text-align:center;
	padding-bottom: 22px;
}

#intro {
	margin-top: 17px;
	width: 328px;
	font-size: 12px;/*	line-height: 1.2;*/
}

#showcase {
	background-color: #FFFFFF;
	width: 332px;
	float: right;
	background-image: url(../images/showcase_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: -2px;
}

#showcase ul {
	list-style-type: none;
	margin-top: 4px;
	margin-left: 5px;
	padding-bottom:5px;
}

#showcase ul a {
	display: block;
	width: 316px;
	height: 60px;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
	text-indent: -9999px;
}

#showcase #letti a {
	background-image: url(../images/showcase-letti.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#showcase #tavoli a {
	background-image: url(../images/showcase-tavoli.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#showcase #sedie a {
	background-image: url(../images/showcase-sedie.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#showcase #specchi a {
	background-image: url(../images/showcase-specchi.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#showcase #bagni a {
	background-image: url(../images/showcase-bagni.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#showcase #complementi a {
	background-image: url(../images/showcase-complementi.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/*#showcase #letti a:hover {
	background-color: #FFF;
	border: 1px solid #FF9021;
	padding: 2px;
}*/
#showcase a:hover {
	background-color: #FFF;
	border: 2px solid #FF9021;
	padding: 1px;
}

/*#showcase #tavoli a:hover {
	background-color: transparent;
	background-image: url(../images/showcase_over.gif);
}*/
/*#showcase #tavoli a:hover {
	background-color: #FF9021;
	border: solid #FFF 1px;
	padding: 2px;
}*/
/* Provo ad usare un'immagine di sfondo più grande variando le dimensioi del box */

/*#showcase #sedie a:hover {
	background-color: #FFF;
	border: solid #FF9021 0px;
	padding: 3px;
}
#showcase #librerie a:hover {
	background-color: #FFF;
	border: solid #FF9021 0px;
	padding: 3px;
}
#showcase #lampade a:hover {
	background-color: #FFF;
	border: solid #FF9021 0px;
	padding: 3px;
}
#showcase #complementi a:hover {
	background-color: #FFF;
	border: solid #FF9021 0px;
	padding: 3px;
}*/

#secondary-content {
	margin-top: 52px;
	font-size: 12px;/*	border: 1px solid black;*/
}

#first-box {
	float: left;
	width: 328px;
}

#secondary-content h3 {
	margin-left: 175px;
	margin-bottom: 11px;
}

#secondary-content #pic {
	float: left;
	background-image: url(../images/pic_back.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 158px;
	height: 158px;
	margin-bottom: 8px;
	margin-left: -2px;
	margin-right: 18px;
	margin-top: 5px;
}

#pic img {
	margin-left: 8px;
	margin-top: 7px;
}

#pic a { border: none; }

#permaflex { 
	float: left;
	width:158px;
	margin: 5px 18px 8px -2px;	
}


#second-box {
	float: right;
	width: 328px;
}

#footer_content_container {
	margin:0px auto;
	width: 706px;
}

#footer h3 { 
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}

#footer #informazioni {
	color: #FFFFFF;
	font-size: 12px;
	width: 328px;
	float: left;
	text-shadow: 1px 1px 1px #000;
}

#footer #orari {
	float: right;
	font-size: 12px;
	color: #FFFFFF;
	width: 328px;
	text-shadow: 1px 1px 1px #000;
}

/* --- Prodotti --- */
#sidebar {
	float: left;
	margin-top: 34px;
	width: 202px;
}

#sidebar h2 { /*	border: 1px solid red;*/ letter-spacing:1px; }

#categorie {
	border-top:1px solid #D9CCC0;
	border-bottom:1px solid #D9CCC0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	margin-top:11px;
	padding:0pt;
}

#categorie li {
	border-bottom: 1px solid #EDEADD;
	color:#990022;
	font-family:Georgia, serif;
	font-size:14px;
	font-weight:bold;
	margin:0pt 0pt 0px;/*display: inline: *//* :KLUDGE: Removes large gaps in IE/Win */
}

/* TODO: rendere height solo per IE */
/* height serve soltanto per IE per rendere cliccabile tutta la dimensione del link */
#categorie li a {
	/*	border-bottom: solid 1px #F9F8F2;*/
	color:#D37418;
	display: block;
	/*	height: 32px;  */
/*	line-height: 32px;
	padding:0px 0px 0px 10px;*/
	line-height: 20px;
	padding:8px 0px 8px 10px;
	text-decoration: none;
	border:none;
}

#categorie li:hover { /*	background-color: #EBE8DA;*/ }

#categorie li a:hover {
	/*	background-color: #66CCFF;*/
/*	border-bottom:1px solid;*/
/*	color:#CC9966;*/
	color:#995511;
	background-color: #EBE8DA;
	border:none;
}

/* --- Gallery --- */
#gallery {
	float: right;
	width: 454px;
	border: solid red 0px;
}

/*#gallery h2 {
	font-size: 110%;
	letter-spacing: 1px;
	line-height: 100%;
	margin-bottom:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}*/
	
#gallery p {
	font-size: 14px;
	line-height:1.5;
	margin-top: 1em;
}

#esposizione {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 0px -2px;
	padding:0pt;
}

/*Rimuovo le dimensioni del padding dalle dimensioni del box*/
/* Prima dell'effetto hover sui thumbs (ho aggiunto il bordo...
   l'ho tolto dal padding e quindi aggiunto a width ed height*/
/*#esposizione li {
	background-image: url(../images/esposizione_back.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 147px;
	margin: 46px 0px 0px 0px;
	padding: 7px 0px 0px 8px;
	width: 198px;
}*/

#esposizione li {
	background-image: url(../images/esposizione_back.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 149px;
	margin: 46px 0px 0px 0px;
	padding: 5px 0px 0px 6px;
	width: 200px;
}

/*#esposizione a:hover {
	background-color: #FF0000;
}*/

#esposizione a { border:none; }

#esposizione img { border: solid 2px #FFF; }

#esposizione img:hover { border: solid 2px #FF9021; }

/* --- le uso per i thumbs --- */
.left { float: left; }

.right { float: right; }

#come-raggiungerci {
	float: right;
	width: 454px;
}

#map-container {
	background-color: #FFFFFF;
	background-image: url(../images/mappa_sfondo_container.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -2px;
	padding: 7px 0px 9px 8px;
	width: 450px;
}

/*Per non far vedere la mappa sotto alla GG Map quando rimpicciolisco o ingrandisco
/*#map-sfondo {
	height: 442px;
	width: 442px;
	background-image: url(../images/mappa_sfondo.gif);
}*/
#map {
	/*background-image: url(../images/mappa_sfondo.gif) !important;
	background-image: url(../images/mappa_sfondo_ie.gif);*/
	height: 442px;
	width: 442px;
}

#mappa-istruzioni {
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 8px;
}

.pulsante {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #E5E5E5;
	border-bottom-color: #E5E5E5;
	border-left-color: #FFFFFF;
}

#sidebar p {
	font-size: 12px;
	margin-top: 12px;
}

/* ------- Form Contatti styles ------- */
#form-contatti { margin-top: 25px; }

form {
	width: 454px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend { display: none; }

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first, form label.field-email {
	clear: left;
	float: left;
}

form label.field-last, form label.field-phone { float: right; }

form label.field-first, form label.field-last, form label.field-email, form label.field-phone {
	margin: 0px 4px 0px 0px;
	width: 200px;
}

form label.field-first input, form label.field-last input, form label.field-email input, form label.field-city input, form label.field-phone input {
	float: left;
	width: 200px;
	padding: 0px;
	font-size: 14px;
	line-height: 1em;
}

textarea { display: block; }

form input#checkbox_1 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px;
	width: 425px;
	font-size: 10px;
	line-height: 1.2em;
}

form textarea {
	margin-top: 3px;
	width: 450px;
}

.statcounter { display:none; }

#occasione h3 { margin-top: 50px; }

#occasione p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#occasione li {
	background-image: url(../images/esposizione_back.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 149px;
	margin: 21px 0px 0px 0px;
	padding: 5px 0px 0px 6px;
	width: 200px;
}

#occasione a { border:none; }

.prezzo-da-scontare { text-decoration: line-through; }

#occasione {
/*	border-bottom: 1px solid #D9CCC0;
	padding-bottom: 12px;*/
}

#occasione .prezzo-occasione {
	border-bottom: 1px solid #D9CCC0;
	padding-bottom: 12px;
	font-weight:bold;
}



/* Promozione su tutta la merce */
#promozione {
	position: fixed;
	top: 0px;
	right: 0px;
	background: url(../images/ribbon-vendita-1nov-top.png);
	width: 225px;
	height: 97px;
	z-index: 10;
	display: none;
}

* html #promozione{ /*IE6 only rule, applied on top of the default above*/
background-image: url(../images/ribbon-vendita-1nov-top.gif);
background-repeat: none;
background-attachment:fixed;
position: absolute;
right: -1px;
/*top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+50+"px");*/
}

#promozione p {
	text-indent: -9999px;
}

#promozione a {
	/*border:1px solid red;*/
	display:block;
	height:69px;
	position:absolute;
	right:17px;
	top:28px;
	width:132px;
	text-decoration: none;
	border-bottom: none;
}

#promozione-bottom {
	background: url(../images/ribbon-vendita-1nov-rig.png);
	height: 133px;
	position:fixed;
	right:0px;
	top:97px;
	width:132px;
	z-index: 10;
	display: none;
}

* html #promozione-bottom{ /*IE6 only rule, applied on top of the default above*/
	background-image: url(../images/ribbon-vendita-1nov-rig.gif);
	background-repeat: none;
	background-attachment:fixed;
	position: absolute;
	right: -1px;
}

#promozione-bottom a {
	/*border:1px solid red;*/
	display:block;
	height:60px;
	position:absolute;
	right:17px;
	top:0px;
	width:80px;
	text-decoration: none;
	border-bottom: none;
}


/* Fine Promozione */