/*
*  CSS: Il Frantoio di Vicopisano
*  Data creazione: Maggio 2009
*  Autore: Matteo Ruzza
*  Note: 
*/

/*GENERIC RULES*/
body{
	background:url(../img/bgdflt.gif) no-repeat top left;
	font:normal 76% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0
}
hr,h1{display:none}
h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}
ul{list-style:none outside}
img{border:0}
table{font-size:100%}
a,a:hover,a:visited{text-decoration:none}
a:active,a:focus{outline:none}

/*utils*/
.hide{display:none}
.hidden{visibility:hidden}
.clear{clear:both}

/*back*/
a.hpback{
	display:block;
	position:absolute;
	left:40px;
	width:80px;
	height:60px;
}

/*LAYOUT*/
#layout{width:780px}
/*header*/
#header{
	position:relative;
	height:75px;
	clear:both
}
/*container*/
#container{
	width:780px;
	overflow:hidden;
	clear:both;
	padding:30px 0
}

#left{float:left;width:570px}
#right{
	float:right;
	width:200px;
	text-align:center
}
#right img{
	margin:0 auto;
	margin-bottom:5px;
	border:1px solid #989933
}

/*NAVIGATION*/
#header ul.nav,
#header ul.utils{position:absolute;top:58px}
#header ul.nav{left:145px}
#header ul.utils{left:515px}
#header li{
	float:left;
	padding:0 4px;
	font-weight:bold;
	font-size:0.80em;
	line-height:0.90em;
	text-transform:uppercase
}
#header ul.nav a{color:#fff}
#header ul.utils a{color:#989933}
#header ul a:hover,
#header ul a.selected{color:#cccc98}

/*CONTENT*/
#left h2{font-weight:bold;font-size:1.20em}
#left h3{font-weight:bold;font-size:1.10em}
#left h4{font-weight:bold;font-size:1.00em}
#left p,#left li{font-weight:normal;font-size:1.00em}
#left h2,#left h3,#left h4,#left p,#left a{color:#989933}
#left a:hover{color:#cccc98}
#left a,
#left a:hover{text-decoration:underline}

div.content,
div.list,
div.detail,
div.contact{padding-left:90px}

/*static content*/
div.content h2{margin-bottom:10px}
div.content h3{margin-bottom:10px}
div.content p{margin-bottom:10px}
div.content p.dida{font-size:0.90em}
div.content li{margin-bottom:5px}

/*list*/
div.submenu{margin-bottom:15px}
div.submenu ul{list-style:none outside}
div.submenu li{display:inline;border-right:1px solid #cccc98;padding-right:4px}
div.submenu a.selected{font-weight:bold}
div.submenu a.selected:hover{color:#989933!important}


div.list h2,div.list h3{margin-bottom:10px}
div.item{
	width:480px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #989933
}
div.item div.img,
div.item div.des{float:left}
div.item div.img{width:100px}
div.item div.des{width:375px}
div.item p{font-size:0.90em!important}
div.item h4,
div.item p{padding-left:10px}
div.item h4{margin-bottom:10px}
div.item img{border:1px solid #989933}
div.item a,
div.item a:hover{
	color:#989933!important;
	text-decoration:none!important
}
div.item h4 a,
div.item h4 a:hover{text-decoration:underline!important}
div.item h4 a:hover{color:#cccc98!important}

/*detail*/
div.detail h2,
div.detail h3{margin-bottom:10px}
div.detail h3{font-size:1.20em!important}
div.detail div.img,
div.detail div.des{float:left;margin-bottom:15px}
div.detail div.img{width:100px}
div.detail div.des{width:375px}
div.detail h4,
div.detail p{padding-left:10px}
div.detail p.dwl{margin-top:15px}
div.detail h4{margin-bottom:10px}
div.detail img{border:1px solid #989933}
div.detail div.des img{border:none}
div.detail table{
	width:450px;
	margin-bottom:10px;
	clear:both
}
div.detail table td{
	vertical-align:top;
	font-weight:normal;
	font-size:0.90em;
	background:#dfe0c1;
	color:#989933;
	padding:2px 4px;
}

/*history back*/
p.back{
	margin:10px 0;
	font-size:0.90em!important;
	font-weight:bold!important
}
p.back a,
p.back a:hover{text-decoration:none!important}

/*CONTACT*/
div.contact div{
	overflow:hidden;
	width:480px;
	margin:5px 0 0 0
}
div.contact h2,
div.contact p{margin-bottom:10px}
div.contact label,
div.contact input{float:left}
div.contact label{
	width:110px;
	font-weight:normal;
	font-size:1.00em;
	color:#989933;
	margin-top:3px
}
div.contact input{width:250px;height:15px}
* html div.contact input{height:20px}
div.contact textarea{width:300px;height:120px}
div.contact p.dida{
	color:#999!important;
	margin-left:110px
}
div.contact span.mandatory,
div.contact p.mandatory{color:red!important}
div.contact p.dida,
div.contact p.mandatory{
	clear:both;
	font-size:0.80em!important;
	margin-top:0!important;
	margin-bottom:0!important
}
/*privacy*/
div.contact div.privacy p,
div.contact div.privacy ul{
	font-size:0.90em!important;
	font-weight:normal;
	color:#989933;
	margin-bottom:10px
}
div.contact div.privacy ul{margin-left:10px}
div.contact div.privacy li{
	list-style:disc outside;
	margin-left:15px
}
div.contact div.privacy label{
	font-size:0.90em!important;
	width:210px;
	margin-top:3px
}
div.contact div.privacy input{width:15px}
/**/
div.contact div.buttons input{width:auto;height:auto}