/*  
Theme Name: L'Olivaio
Theme URI: http://www.lolivaio.it
Description: L'Olivaio
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

/**************************************************************************************/

* { padding: 0px; margin: 0px; }

BODY {
	background: url('images/bg.png') #ffffff repeat-x top;
	font-family: Georgia, serif;
	font-size: 12px;
	color: #383838;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: none;
	color: #650b0b; 
	outline: 0px;
}

A:hover { text-decoration: underline; }

/**************************************************************************************/

#header { height: 154px; }

#lang {
	position: absolute;
	right: 30px;
	top: 10px;
	z-index: 3;
}

#lang A {
	padding-left: 20px;
	color: #ffffff;
	font-size: 11px;
}

#lang .en { background: url('images/flag-en.gif') no-repeat left; }
#lang .it { background: url('images/flag-it.gif') no-repeat left; }

#logo {
	position: absolute;
	margin-left: 10px;
	top: 40px;
	z-index: 3;
	width: 116px;
	height: 100px;
}

#logo H1 {
	background: url('images/logo-lolivaio.gif') no-repeat;
	width: 116px;
	height: 100px;
}

#logo A {
	text-indent: -90000px;
	display: block;
	width: 116px;
	height: 100px;
}

#logo.big H1 { background: url('images/logo-lolivaio-big.gif') no-repeat; }

#logo.big, #logo.big H1, #logo.big A {
	width: 161px;
	height: 139px;
}

/**************************************************************************************/

#menu { height: 34px; }

#menu UL { padding-left: 160px; }

#menu LI {
	margin: 5px 30px 0px 30px;
	float: left;
	height: 25px;
}

#menu A {
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	line-height: 25px;
	display: block;
	font-size: 13px;
	color: #ffffff;
	height: 25px;
	float: left;
}

#menu A:hover { color: #e4dcb4; }

#menu .sel { background: url('images/bg-menu-sel.gif') no-repeat left; }
#menu .sel A { background: url('images/bg-menu-sel-right.gif') no-repeat right; }

#home #menu {
	position: absolute;
	width: 960px;
	z-index: 2;
}

/**************************************************************************************/

#home { height: 900px; }

#home .bg1 { 
	background: url('images/bg-home.png') #ffffff repeat-x top; 
	position: absolute;
	width: 50%;
	height: 900px;
	left: 0px;
	top: 0px;
}

#home .bg2 { 
	background: url('images/bg-home2.png') #ffffff repeat-x top; 
	position: absolute;
	width: 50%;
	height: 900px;
	right: 0px;
	top: 0px;
}

#call {
	background: url('images/bg-call.jpg') no-repeat top left;
	padding-left: 50px;
	margin-left: 680px;
	position: absolute;
	line-height: 180%;
	font-size: 12px;
	z-index: 3;
	width: 220px;
	top: 60px;
	color: #ffffff;
}

#call EM { 
	font-style: normal;
	font-size: 18px;
}

#call STRONG {
	text-shadow: 1px 1px #9b2323;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #ffffff;
}

#home #call { background: url('images/bg-call2.jpg') no-repeat top left; }
#home #call STRONG { text-shadow: 1px 1px #c2c641; }

#bottles { 
	background: url('images/bg-bottles.jpg') no-repeat top center;
	padding-top: 200px;
	overflow: hidden; 
	position: absolute;
	color: #cacb97;
	top: 34px;
	z-index: 2;
	width: 960px;
}

#bottles .oil { 
	height: 370px;
	width: 340px; 
}

#bottles .oil H1 {
	text-shadow: 1px 1px #141603;
	margin-bottom: 10px;
	font-size: 22px;
	color: #ffffff;
}

#bottles .oil H1 A { 
	text-decoration: none;
	color: #ffffff; 
}

#bottles .oil H1 A:hover { color: #e4dcb4; }

#bottles .oil H2 { 
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px; 
}

#bottles .oil H3 { margin-bottom: 10px; }

#bottles .oil P {
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 10px;
	line-height: 160%;
}

#bottles .oil .desc { padding-left: 15px; }

#bottles .left H1 { font-style: italic; }
#bottles .left H2 { color: #fea100; }

#bottles .right H2 { color: #141603; }

#bottles .more { margin-top: 80px; }

#bottles .more A {
	text-align: center;
	line-height: 27px;
	display: block;
	color: #ffffff;
	width: 108px;
	height: 27px;
}

#bottles .left .more { background: url('images/bg-more-left.jpg') no-repeat; }
#bottles .right .more { background: url('images/bg-more-right.jpg') no-repeat; }

/**************************************************************************************/

#order {
	background: url('images/bg-order.jpg') no-repeat;
	clear: both;
	height: 245px;
}	

#order .text H2 { 
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 20px;
	color: #3c3c3c;
}

#order .text STRONG { color: #3c3c3c; }

#order .text P {
	margin-bottom: 10px;
	line-height: 130%;
}

#order .text {
	padding: 25px 0px 0px 30px;
	font-size: 14px;
	color: #6d6d6d;
	width: 210px;
	float: left;
}

#frm-order {
	padding-top: 25px;
	color: #141603;
	width: 570px;
	float: right;
}

#frm-order .left, #frm-order .right { width: 50%; }

#frm-order .fieldwrap {
	width: 50%;
	float: left;
}

#frm-order .fieldwrap TEXTAREA { 
	height: 120px; 
	width: 245px;
}

#frm-order .fieldwrap INPUT { width: 250px; }

#frm-order .submit {
	padding-right: 30px;
	text-align: right;
}

#frm-contact { margin-bottom: 20px; }

#frm-contact .fieldwrap INPUT { width: 40%; }
#frm-contact .fieldwrap TEXTAREA { width: 570px; }

#frm-contact .alert { margin-top: 30px; }
#frm-contact .alert P { font-size: 10px; }

#frm-contact .fieldwrap {
	background: #ebebeb;
	margin-bottom: 10px;
	padding: 10px;
}

.fieldwrap INPUT, .fieldwrap TEXTAREA {
	border: 1px solid #505050;
	margin-bottom: 10px;
	padding: 3px;
}

.submit INPUT { 
	background: url('images/bg-button.gif') no-repeat;
	text-transform: uppercase;
	cursor: pointer;
	color: #ffffff;
	border: 0px;
	width: 97px;
	height: 26px;
}

.credits { display: none; }

.ddfmerrors { font-weight: bold; }

.errorlist {
	font-style: Verdana, Arial, sans-serif;
	border-bottom: 1px dotted red;
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
	color: red;
}

.success {
	border-bottom: 1px dotted green;
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
}

LABEL { 
	margin-bottom: 3px;
	display: block; 
}

/**************************************************************************************/

#content .wrap { 
	background: url('images/bg-content.jpg') no-repeat top; 
	padding: 1px 11px 50px 11px;
	width: 938px;
}

#content .section {
	background: #170202;
	line-height: 50px;
}

#content .section H1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
}

#page {
	overflow: hidden;
	padding: 20px;
	width: 898px;
}

#page H1 {
	font-weight: normal;
	font-size: 30px;
	color: #410606;
}

#page H2 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 16px;
}	

#page H3 {
	margin-bottom: 10px;
	font-size: 14px;
}

#page UL { margin-bottom: 10px; }

#page LI {
	background: url('images/icon-arrow.gif') no-repeat 0px 7px;
	padding-left: 15px;
	line-height: 180%;
	margin-bottom: 5px;
}

#page TABLE {
	border-collapse: collapse;
	width: 100%;
}

#page TD { 
	padding: 10px 0px 10px 0px; 
	border-bottom: 1px dotted #bcbcbc;
}

#page TD.label {
	font-weight: bold;
	color: #000000;
	width: 150px;
}

#page P {
	line-height: 200%;
	margin-bottom: 15px;
	font-size: 15px;
}

#page .text {
	width: 600px;
	float: left;
}

#page .item {
	overflow: hidden;
	width: 100%;
}

#page .item .text { width: 400px; }

#page .item .image {
	width: 200px;
	float: left;
}

#page .side {
	width: 240px;
	float: right;
}

#page .gallery {
	overflow: hidden;
	width: 100%;
}

#page .gallery UL { width: 110%; }

#page .gallery LI {
	border: 1px solid #9e9694;
	background: transparent;
	margin: 0px 10px 10px 0px;
	overflow: hidden;
	padding: 0px;
	width: 114px;
	height: 114px;
	float: left;
}

#page .more { 
	background: url('images/bg-more.jpg') no-repeat; 
	margin-top: 50px;
}

#google {
	border: 1px solid #9e9694;
	margin-bottom: 20px;
	padding: 8px;
	height: 400px;
}

#map {
	width: 100%;
	height: 400px;
}

/**************************************************************************************/

#category {
	overflow: hidden;
	width: 100%;
}

#category .item {
	width: 50%;
	float: left;
}

#category .item H1 { font-size: 25px; }
#category .item H2 { font-size: 12px; }

#category .item .text { 
	margin-left: -40px;
	width: 280px; 
}

#category .item LI { font-size: 11px; }

/**************************************************************************************/

#footer{
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #838383;
	padding: 50px 0px 50px 0px;
	background: #ebebeb;
	line-height: 180%;
	font-size: 11px;
}

#footer .wrap { overflow: hidden; }

#footer .right {
	border-left: 1px solid #bcbcbc;
	padding-left: 40px;
	margin-left: 40px;
	width: 300px;
}

/**************************************************************************************/

.wrap {
	margin: 0px auto 0px auto;
	width: 960px;
}

.left { float: left; }
.right { float: right; }

.more A {
	text-align: center;
	line-height: 27px;
	display: block;
	color: #ffffff;
	width: 108px;
	height: 27px;
}

.required { color: red; }