@import url('typo.css');

body {
  font: 14px/1.5 "open_sansregular", Arial, "Liberation Sans", FreeSans, sans-serif;
  background-image: url(httpdocs/images/bg_page.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	color: #4D4A4A;
	/*font-family: open_sansregular, Arial, "Liberation Sans", FreeSans, sans-serif;*/
}

hr {
  border: 0 solid #ccc;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 32px;
  font-family: "open_sansregular";
}

h2 {
  font-size: 23px;
}

h3 {
	color:#999999;
  font-size: 18px;
  font-family: "open_sansbold";
}

h4 {
  font-size: 16px;
  font-family: "open_sansregular";
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

#banner {
	margin-bottom:35px;
	border-bottom:4px solid #630;
	background-image: url(../images/banner-homepage.jpg);
	height:300px;}


/* ~~~~~~~~ MENU ~~~~~~~~~*/

#menu {
	background-color:rgba(255,255,255,0.5);
	height:60px;
	margin-top:240px;}
#menu ul li {

	list-style:none;
	float:left;
	}
#menu li a {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	height:30px;
	padding:15px;
	display:block; 
	font-size:18px;
	font-weight:bold;
	text-decoration:none;}
#menu li a:hover {
background-color:rgb(255,255,255);
}
#menu .aq_online a {
	font-size:16px;
	background-color:rgba(255,255,255,0.5);
	}

/*		FOOTER		*/

.footer-zone {
	margin-top:55px;
	color:#FFF;
	height:140px;
	background: #9b4406; /* Old browsers */
background: -moz-linear-gradient(top,  #9b4406 1%, #753300 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9b4406), color-stop(100%,#753300)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9b4406 1%,#753300 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9b4406 1%,#753300 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9b4406 1%,#753300 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9b4406 1%,#753300 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b4406', endColorstr='#753300',GradientType=0 ); /* IE6-9 */
	}
.footer {
	padding:12px;
	}
	
	
/*		OTHER ELEMENTS		*/
a.backbutton {
	padding:4px 8px;
	border-radius:2px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.5s ease;padding:4px;
	 font-family: "open_sansbold";
	background-color:#797979;
	color:#FFF;
	text-decoration:none;}
a.backbutton:hover {background-color:#C1C1C1;
border-radius:4px;
	}
	.borderfive {
		border:15px solid #FFF;
		border-radius:18px;
		box-shadow: 2px 2px 4px #E5E5E5;
		transform:rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		margin-bottom:15px;
		}
.border-brown {
	border: 6px solid rgba(206, 116, 0, 0.39);
border-radius: 18px;
box-shadow: 2px 2px 4px #E5E5E5;
transform: rotate(-1deg);
margin-bottom: 15px;
padding: 8px;}	
.pre_img_product {
	float:left; 
	margin: 0px 8px 8px 0px;}
	
.date {
	color:#C9C9C9;}
	.green /*100% bio*/
	{
		color:#00AE00;
	}
	
.product {
	border:1px solid #F0F0F0;
	/*background:rgba(255,255,200,0.8);*/
	border-radius: 0px 0px 20px 0px;
	margin-bottom:8px;
	}
.product > div {margin:7px;}