@charset "UTF-8";
body {
	font: 85% Helvetica, Arial, sans-serif;
	margin: 0; /* it’s good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #594439;
	color: #000000;
}

a {
	text-decoration:underline;
	color:#c09;
}

a:hover {
	text-decoration:underline;
	color:#e0b;
}

a:visited {
	text-decoration:underline;
	color:#999;
}

img {
	border: 0;
	}

#document_container {
	background: #c9c39e url(../img/bg-sides.gif) repeat-x top;
	height:auto;
	width:100%;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0
}
.oneColFixCtrHdr #header {
	padding:0;
	color: #c09;
	background: #c09 url(../img/bg-header.gif) repeat-x center;
	width:100%;
	height:95px;
	margin: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr ul#menu {
	margin:0;
	padding: 0px 28px;
	height:auto;
	background: #a70050 url(../img/bg-menu.gif) repeat-x top center;
	float:left;
	width:724px;
	/*border-bottom:1px solid #8a0040;*/
}

ul#menu li {
	padding:0 0 1px 0;
	margin:0 0px 0 0;
	list-style:none;
	float:left;
	font-size:0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../img/tab-right-off.gif) no-repeat right top;
}

ul#menu li.active {
	padding:0;
	margin:0 0 0 0;
	list-style:none;
	float:left;
	font-size:0.9em;
	background: url(../img/tab-right-on.gif) no-repeat right top;
}

ul#menu li a {
	padding:6px 12px 3px 12px;
	margin:0;
	text-decoration:none;
	display:block;
	color:#e9c2d5;
	background: url(../img/tab-left-off.gif) no-repeat left top;
}

ul#menu li.active span {
	text-decoration:none;
	padding:6px 12px 4px 12px;
	display:block;
	color:#000;
	background: url(../img/tab-left-on.gif) no-repeat left top;
}

ul#menu li a:hover {
	text-decoration:none;
	color:#fff;
}

ul#menu li a.first {
	padding-left:8px;}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-weight:normal;
}
.oneColFixCtrHdr #mainContent {
	padding: 24px 30px 12px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
}

div.mininav {
	font-size:0.8em;
	padding:0 0 4px 0;
	margin:0 0 12px 0;
	border-bottom:1px dashed #eee;}

div.mininav a, div.mininav a:visited {
	text-decoration:none;
	color:#c09;}

div.mininav a:hover {
	text-decoration:underline;
	color:#c09;}

#mainContent p {
	line-height:1.4em;}


.widebox {
	width:100%;
	padding:0;
	/*border-top:4px solid #222;*/
	background: #fefefe;
	margin:16px 0 0 0;
}

.leftbox {
	width:500px;
	float:left;
	padding:0; /*
	border:1px solid #ddd;
	/*	border-top:4px solid #222; */
	background: #fdfaf7 url(../img/bg-box.gif) repeat-x top;
}


.rightbox {
	width:198px;
	float:left;
	border:1px solid #ddd;
	background: #f7f7f7/* url(../img/bg-box.gif) repeat-x top*/;
	padding:0;
	margin:0  0 20px 20px;
}


.specialbox {
	width:198px;
	float:left;
	border:1px solid #f0f0a0;
	background: #ffa/* url(../img/bg-box.gif) repeat-x top*/;
	padding:0;
	margin-left:20px;
	margin-bottom:20px;
}


.specialbox2 {
	width:198px;
	float:left;
	border:1px solid #cde;
	background: #def/* url(../img/bg-box.gif) repeat-x top*/;
	padding:0;
	margin-left:20px;
	margin-bottom:20px;
}

.novitabox {
	width:198px;
	float:left;
	border:1px solid #ebd;
	background: #fce/* url(../img/bg-box.gif) repeat-x top*/;
	padding:0;
	margin-left:20px;
	margin-bottom:20px;
}

.logobox {
	width:200px;
	float:left;
	border:0;
	background: #fce/* url(../img/bg-box.gif) repeat-x top*/;
	padding:0;
	margin-left:20px;
	margin-bottom:20px;
}

.clearleftbox {
	width:500px;
	float:left;
	padding:0;
	/*border-top:4px solid #222;*/
	background: #fefefe;
}


.clearrightbox {
	width:200px;
	float:left;
	background: #fefefe;
	padding:0;
	margin-left:20px;
}


.clearleftbox2 {
	width:250px;
	float:left;
	padding:0;
	/*border-top:4px solid #222;*/
	background: #fefefe;
}


.clearrightbox2 {
	width:430px;
	float:left;
	background: ; /* #fefefe; */
	padding:0;
	margin-left: 20px;
}

.splitleftbox {
	width:340px;
	float:left;
	padding:0;
	/*border-top:4px solid #222;*/
	background: #fefefe;
	margin:16px 0 0 0;
}


.splitrightbox {
	width:340px;
	float:left;
	background: #fefefe;
	padding:0;
	margin:16px 0 0 40px;
}

.widebox p, .rightbox p, .specialbox p, .specialbox2 p, .leftbox p {
	padding:10px;
	font-size:0.9em;
	margin:0;
	line-height:1.4em;
}

.widebox p, .clearleftbox p, .clearrightbox p, .splitleftbox p, .splitrightbox p, .homeleftbox p, .homecenterbox p, .clearleftbox2 p, .clearrightbox2 p {
	padding:0px 0px 20px 0px;
	font-size:0.9em;
	margin:0;
	line-height:1.4em;
}

.homeleftbox {
	width:234px;
	float:left;
	padding:0;
	/*border-top:4px solid #222;*/
	margin:0 16px 0 0;
}

.homecenterbox {
	width:250px;
	float:left;
	padding:0;
	/*border-top:4px solid #222;*/
	margin: 0;
}

div.product-logo p {
	text-align:left;
	font-size:0.9em;
	color:#222;
	margin:0;
	line-height:1.4em;
	}

div.product-logo {
	text-align:center;
	width:182px;
	margin:12px 32px 12px 0;
	float:left;
	padding:12px 12px 8px 12px;
	border:1px solid #eee;
	}

div.product-logo img {
	text-align:center;
	margin:0 0 4px 0;
	float:none;
	border: 0;
	}


div.treatment {
	text-align:left;
	width:310px;
	margin:12px 24px 12px 0;
	float:left;
	padding:12px 12px 4px 12px;
	border:1px solid #eee;
	min-height:8em;
	}


div.treatmentnew {
	text-align:left;
	width:310px;
	margin:12px 24px 12px 0;
	float:left;
	padding:12px 12px 4px 12px;
	border-top:1px solid #ebd;
	border-right:1px solid #ebd;
	border-bottom:1px solid #ebd;
	border-left:1px solid #ebd;
	background: #fce;
	min-height:8em;
	}
	
	
div.treatment a, div.treatmentnew a {
	display:block;
	text-align:right;
	}

div.speciale {
	text-align:left;
	width:310px;
	margin:0 24px 12px 0;
	float:left;
	padding:12px 12px 4px 12px;
	border:1px solid #eee;
	}


div.imgcenter {
text-align: center;
margin:24px auto;
}


p.bigtext {
font-size:1.2em;
}


p.callout {
	font-size:1.4em;
	font-style:italic;
	color:#c09;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*border-bottom:1px solid #c09;*/
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	}

p.greycallout {
	font-size:0.9em;
	line-height:1.4em;
	color:#000;
	/*border-bottom:1px dashed #eee;*/
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	}

.clearleftbox ul, .clearrightbox ul {
	margin:0 0 1em 0;
	padding:0;
}

.clearleftbox ul li, .clearrightbox ul li {
	font-size:0.8em;
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position:inside;
}

.leftbox ul, .rightbox ul, .specialbox ul, .specialbox2 ul, .novitabox ul {
	margin:6px 10px 1em 10px;
	padding:0;
}

.leftbox ul li, .rightbox ul li {
	font-size:0.8em;
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position:inside;
}


.specialbox p, .specialbox2 p, .novitabox p {
	font-size:0.8em;
	color:#564136;
	margin:6px 10px 1em 10px;
	padding:0;
	list-style-type: none;
	list-style-position:inside;
}

.clearleftbox ul li:before {
	margin:0;
	padding:0;
}

h1, h2, h3 {
	font-family:Georgia, "Times New Roman", Times, serif;}

h1 {
	font-weight:normal;
	font-size:2em;
	padding:0;
	margin:0 0 0.6em 0;
	color:#111;
	}

h2 {
	font-weight:normal;
	font-size:1.4em;
	padding:0;
	margin:0 0 0.6em 0;
	color:#c09;
	}

h3 {
	font-weight:normal;
	font-size:1.2em;
	padding:0;
	margin:0 0 0.2em 0;
	}

.rightbox h3, .specialbox h3, .specialbox2 h3, .novitabox h3, .leftbox h3 {
	margin:8px 12px 0.1em 9px;
	}

.specialbox h3, .novitabox h3, .specialbox2 h3 {
	margin:8px 12px 0.1em 9px;
	color:#392d2b;
	}


.clear {
	clear:both;
	height:0px;
	margin-bottom: 20px;
}

.clear0 {
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

#document_prefooter {
	background: #fff;
	margin:0;
	width:100%;
	padding:0;
	border-top:1px solid #eee;
	position: relative;
}

#document_prefooter p {
	font-size:0.8em;
	text-align:left;
	color:#000;
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	}

#document_prefooter div.admin {
	color: #fff;
	font-size: 0.8em;
	margin: 8px 0;
	padding: 8px 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0px;
	width: 200px;
	}

#document_prefooter div.admin:hover {

	}

#document_prefooter div.admin a {
	color: #fff;
	}

#document_prefooter div.admin:hover a {
	color: #904;
	}

#document_prefooter div.admin:hover a:hover {
	color: #333;
	}

#document_footer {
	background: #594439 url(../img/bg-footer-side.gif) repeat-x top;
	margin:0;
	width:100%;
	position:relative;
	bottom:0;
}

#document_footer #footer {
	padding:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff url(../img/bg-footer-bottom.gif) repeat-x bottom;
	margin:0 auto;
	height:94px;
	width:780px;
}
#document_footer #footer p {
	margin:0 36px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 120px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:0.6em;
	text-align:right;
	color:#493429;
}

img.left {
	float:left;
	margin:0 14px 0 0;
	}

img.right {
	float:right;
	margin:0 0 0 14px;
	}

em {	
	font-weight:normal;
	color:#c09;
	font-style:normal;}

em.super {	
	font-weight:normal;
	font-size:1.4em;
	line-height:1.4em;
	color:#c09;
	font-style:normal;}

.green {
	color:#6aa71c;
	}

.pink, h3.pink {
	color:#e0b;
	}

.blue {
	color:#6a99be;
	}

/* SCARTATI

#document_footer #bottom {
	height:70px;
	margin:0 auto;
	padding:0;
	width:860px;
}

#document_footer #bottom p {
	position:relative;
	bottom:40px;
	right:52px;
	font-size:0.6em;
	text-align:right;
	color:#eee;
	}

#document_footer #bottom p.address {
	position:relative;
	bottom:40px;
	left:76px;
	font-size:0.8em;
	text-align:left;
	color:#999;
	}