/* CSS Document */

/* GENERAL STYLES */
/* GENERAL BANNER SYLES BEGIN ------------------- */
html, body {
	margin: 0px auto 0px;
	background: url(../images/background.jpg) scroll repeat-y top center #F0EFEF;
	
}
img {
	border: 0px;
}
/* ---------------------------------------------------------------------- */
div#header {
	position: relative;
	margin: 0px auto 0px;
	overflow: hidden;
	width: 750px; height: 21px;
	background: url(../images/bg-header.jpg) scroll no-repeat top center;
	text-align: right;
	padding-top: 15px; padding-right: 20px;
}
	#header a:link {
		font: 14px Arial, Helvetica, sans-serif; color: #999999; 
		font-weight: bold;
		text-decoration: none;
		margin-right: 10px;
		word-spacing: 0px;
	}
	#header a:active {
		font: 14px Arial, Helvetica, sans-serif; color: #999999; 
		font-weight: bold;
		text-decoration: none;
		margin-right: 10px;
		word-spacing: 0px;
	}
	#header a:hover {
		font: 14px Arial, Helvetica, sans-serif; color: #fff; 
		font-weight: bold;
		border-bottom: 4px solid #fff;
		margin-right: 10px;
	}
	#header a:visited {
		font: 14px Arial, Helvetica, sans-serif; color: #999999; 
		font-weight: bold;
		text-decoration: none;
		margin-right: 10px;
		word-spacing: 0px;
	}
/* ---------------------------------------------------------------------- */
div#intestazione {
	position: relative;
	margin: 5px auto 0px;
	overflow: hidden;
	width: 748px; height: 276px;
}
/* GENERAL BANNER SYLES END --------------------- */
/* GENERAL CONTENT SYLES BEGIN ------------------ */
div#mainContent {
	position: relative;
	margin: 0px auto 0px;
	top: 40px;
	overflow: hidden;
	width: 730px;
	background: #F0EFEF;
}
div#nutr {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	background: url(../images/nutraceutico.gif) scroll no-repeat top left;
}
div#farm {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	background: url(../images/farmaceutico.gif) scroll no-repeat top left;
}
div#cosm {
	position: relative;
	overflow: hidden;
	width: 36px;
	height: 36px;
	background: url(../images/cosmetico.gif) scroll no-repeat top left;
}
/* ---------------------------------------------------------------------- */
div#title {
	float: left; overflow: hidden;
	margin-left: 30px; margin-top: 20px
	
}
div#title-home {
	position: relative;
	float: left; overflow: hidden;
	margin-left: 10px; margin-top: 20px
	
}
	#title span {
		font: x-large Arial, Helvetica, sans-serif; color: #606060;
	}
	#title-home span {
		font: x-large Arial, Helvetica, sans-serif; color: #606060;
	}
/* ---------------------------------------------------------------------- */
div#content-top {
	position: relative;
	left: 50px; top: 40px;
	float: left; 
	width: 675px;
	background: #fff;
}
div#content {
	position: relative;
	margin: 0px auto 0px;
	left: 50px;
	float: left;  overflow: hidden;
	width: 675px;
	background: #fff;
	padding-bottom: 50px;
}
#content a {
	font: 12px Arial, Helvetica, sans-serif; color: #8F0000; 
	text-decoration: underline;
	margin-right: 10px;
	word-spacing: 0px;
}
#content p {
	font: 12px Arial, Helvetica, sans-serif; color: #606060;
	margin: 10px;
}
#content p span {
	font: 12px Arial, Helvetica, sans-serif; color: #606060; font-weight: bold;
}
/* ---------------------------------------------------------------------- */
div#categoria {
	position: relative;
	float: left; overflow:hidden;
	width: 240px; height: 125px;
	background: #fff;
	padding-top: 40px; padding-left: 10px;
}
	#categoria span {
		font: large Arial, Helvetica, sans-serif; color: #606060;
	}
/* ------------------- SEARCH BEGIN--------------------------------------------------- */
div#ricerca {
	position: relative;
	float: right; 
	top: -40px;
	width: 380px; 
	background: url(../images/bg-src.jpg) scroll repeat-x bottom left;
	padding: 10px;
	border-top: 1px solid #c4c4c4;	border-left: 1px solid #c4c4c4;
	border-bottom: 2px solid #8A8989;	border-right: 2px solid #8A8989;
}
	div.GrayHeader	{
		font-size: 12px; 
		font-family: Arial,Helvetica,sans-serif; color:#8A8989; text-transform: capitalize; font-weight: bold;
		text-align: left; 
		width: 380px;
		border-bottom: 1px solid #8A8989;
	}
	div.line	{
		font-size: 12px; 
		overflow: hidden;
		font-family: Arial,Helvetica,sans-serif; color:#666666;
		text-align: left; padding-bottom: 3px;
		width: 360px;
	}
	div.name {
		position: relative;
		float: left; overflow: hidden;
		width: 100px;	
		text-align: left; padding-right: 5px; margin-top: 8px;
		font: 11px Arial, Helvetica, sans-serif; color:#8A8989;
	}
	div.field {
		position: relative;
		float: left; overflow: hidden;
		width: 230px; margin-top: 5px; 
	}
	div.newsletter {
		position: relative;
		float: left; overflow: hidden;
		width: 285px; height: 34px; padding-top: 15px; padding-: 85px;
		background: url(../images/bg-newsletter.jpg) scroll no-repeat center center;
	}
	div.button {
		position: relative;
		float: left; overflow: hidden; left: 180px; top: -18px;
		width: 50px;
	}
/* ---------------- SEARCH END ------------------------------------------------------ */
/* ---------- FORM BEGIN ------------------------------------------------------------ */
#ricerca select {
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background: #343B3D;
	border: 0px;
	margin-top: 3px; 
	padding: 1px;
}
#ricerca option {
	background-color: #343B3D;
}
#ricerca input {
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background: #343B3D;
	border: 0px;
	margin-top: 3px;
}
#txt select {
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background: #fff;
	border: 0px;
	margin-top: 3px; 
	padding: 1px;
}
#txt option {
	background-color: #343B3D;
}
.field input {
	font: 10px Arial, Helvetica, sans-serif; color:#868686;
	background: #fff;
	margin-top: 3px;
	border: 1px solid #A0A0A0;
}
div.req {
	font: 12px Arial, Helvetica, sans-serif; color: #333333;
	border-left: 1px solid #e51e25;
	padding-left: 5px;
	text-align: justify;
	
}
.check {
	font: 12px Arial, Helvetica, sans-serif; color: #333333;
	border: 1px solid #fff;
}
/* ---------- FORM END --------------------------------------------------------------- */
div#NameProduct {
	position: relative;
	
	margin: 20px auto 0px; 
	width: 650px;
	background: #fff;
	border-bottom: thin dotted #c4c4c4;
}
		div#NameProduct h2 {
			font: large Arial, Helvetica, sans-serif; color: #3F7604;
			margin-bottom: 3px;
			padding-left: 10px;
		}
		h2 span {
			font: 12px Arial, Helvetica, sans-serif; color: #89B20B;
			margin-bottom: 3px;
		}
div#back {
	overflow: hidden;
	background: #fff;
}
/* ---------------------------------------------------------------------- */
div#content-exp {
	position: relative;
	margin: 0px auto 0px;
	width: 650px;
	overflow: hidden;
	background: #fff;
	border-bottom: thin dotted #c4c4c4;	border-right: thin dotted #c4c4c4;
	
}
div#photo {
	position: relative;
	float: left;
	width: 200px;
	background: #fff;
	text-align: center;
	margin-top: 10px;
	
}
div#txt {
	position: relative;
	width: 430px;
	float: left; overflow: hidden;
	background: #fff;
	border-left: thin dotted #c4c4c4; 
	font: 12px Arial, Helvetica, sans-serif; text-align: justify;
	padding: 5px;
}
span.ico {
	text-align: right;
	margin-left: 10px;
}
div#ico {
	position: relative;
	float: left; overflow: hidden;
	left: 330px; margin-bottom: -5px;
	width: 92px; height: 21px;
	background: url(../images/bg-ico.jpg) scroll no-repeat top left;
}
	#ico div {
		position: relative;
		float: left; overflow: hidden;
		margin: 5px auto 0px;
		width: 45px;
		text-align: center;
	}
	div.line-form	{
		overflow: hidden;
		text-align: left; padding-bottom: 3px;
		width: 400px;
		border-bottom: 1px solid #c4c4c4
	}
	
		div.name-form {
		position: relative;
		float: left; overflow: hidden;
		width: 100px;	
		text-align: left; padding-right: 5px; margin-top: 8px;
		font: 11px Arial, Helvetica, sans-serif; color:#414141;
		}
		div.name-form-req {
		position: relative;
		float: left; overflow: hidden;
		width: 100px;	
		text-align: left; padding-left: 5px; margin-top: 8px;
		font: 11px Arial, Helvetica, sans-serif; color:#414141;
		border-left: 1px solid #e51e25;
		
		}
/* GENERAL CONTENT SYLES END ------------------ */
#txt a:link, a:visited {
	font: 12px Arial, Helvetica, sans-serif; color: #8F0000; 
	text-decoration: underline;
	margin-right: 10px;
	word-spacing: 0px;
}
#txt a:hover, a:active {
	font: 12px Arial, Helvetica, sans-serif; color: #E86565; 
	text-decoration: underline;
}
#photo a:link, a:visited {
	font: 12px Arial, Helvetica, sans-serif; color: #8F0000; 
	text-decoration: underline;
	margin-right: 10px;
	word-spacing: 0px;
}
#photo a:hover, a:active {
	font: 12px Arial, Helvetica, sans-serif; color: #E86565; 
	text-decoration: underline;
}
#txt h1 {
	font: large Arial, Helvetica, sans-serif; 
}
#txt h2 {
	font: large Arial, Helvetica, sans-serif; color: #606060;
}
#txt h3 {
	font: 14px Arial, Helvetica, sans-serif; color: #606060;
	font-weight: bold; border-bottom: thin dotted #c4c4c4;
}
#txt h4 {
	font: 12px Arial, Helvetica, sans-serif; color: #606060;
	font-weight: bold; border-bottom: thin dotted #c4c4c4;
}
span#eng {
	font: 12px Arial, Helvetica, sans-serif; text-align: justify; color: #676767;
	padding: 5px;
}
li {
	list-style-type: none;
	line-height: 20px;
}
li span {
	font: 12px Arial, Helvetica, sans-serif; color: #888888;
}
span.data {
	font: 12px Arial, Helvetica, sans-serif; color: #E69200;
	font-weight: bold; 
}
/*------------------ PRINT STYLES BEGIN------------------------------------------*/
div#container {
	position: relative;
	width: 680px;
	margin: 0px auto 0px;
	background: #F0EFEF;
	padding: 5px;
}
div#lyr {
	position: relative;
	overflow: hidden;
	width: 640px;
	margin: 0px auto 0px;
	background: #fff;
	font: 12px Arial, Helvetica, sans-serif; text-align: justify;
	padding: 5px;
}
/*------------------ PRINT STYLES END--------------------------------------------*/
div.img {
	position: relative;
	overflow: hidden; float:left;
	border: 1px solid #c4c4c4;
	margin: 5px; padding: 5px;
}
div.desc {
	position: relative;
	overflow: hidden; float:left;
	width: 250px;
	margin: 5px;
	
}
div.line-cont {
	overflow: hidden;
	text-align: left; padding-bottom: 3px;
	width: 450px;
	border-bottom: thin dotted #3F7604
}

#paginazione{
	width: 640px;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif; text-align: center;
}
td.name {
	padding: 3px;
	border-bottom: 1px solid #c4c4c4;
}
td.cepcos {
	padding: 3px;
	text-align: center;
	background: #D8E6F0;
	border-bottom: 1px solid #c4c4c4; border-top: 1px solid #fff;
}
td.dmf {
	padding: 3px;
	text-align: center;
	background: #F0D8D8;
	border-bottom: 1px solid #c4c4c4; border-top: 1px solid #fff;
}
div#footer {
    position: absolute; width: 100%;
    overflow: hidden; text-align: center;
    font: 11px arial, helvetica, verdana; color: 333333;
}
#footer a {
    color: #720000; text-decoration: none;
}