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

	*		LAYOUT GENERALE *
	*		Created:	 15/07/2008	 *
	*		Last update: *
	*		Nome gruppo di proprieta': Tamtamweb	 	     *
    *		Author: Katty Garcia		 		 *

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

/* IMPOSTAZIONI GENERALI */

body {
	background: #cba875 url(../img/bg.jpg) repeat-x;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #6d4e2f;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
}

img, div, h1, h2, h3, p, ul, li {
	padding: 0;
	margin: 0;
}
:focus { -moz-outline-style: none; }

.clear {
	clear: both;
}
.left {
	float: left;
	margin-right: 15px;
}
.right {
	float: right;
	margin-left: 15px;
}
a, a:visited {
	text-decoration: none;
	color: #643400;
}

h1, h2, h3 {
margin: 0;
padding: 0;
line-height: normal;
}
.pizza {
	background:url(img/pizza.jpg) no-repeat right top;
}
.ricette {
	background:url(img/ricette.jpg) no-repeat right top;
}
.ordina {
	background:url(img/ordina.jpg) no-repeat right top;
}
p {
	color: #6d4e2f;
	text-align: justify;
	padding-bottom: 15px;
	font-size: 12px;
	padding: 15px 0px 0px 17px;
	margin-right: 15px;
}
#middle ul {
	margin:15px 0 0 0;
	list-style: none;
}
#middle li {
	margin-left: 40px;
	padding-bottom: 10px;
	list-style-image: url(../img/icoLi.gif);
}
a.link ,a.link:visited {
	width: 165px;
	line-height: 32px;
	padding-left: 15px;
	display: block;
	background: url(../img/bgLink.jpg);
	color: #9a774d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
}
a:hover, a:active {
	color: #ae571d;
}
strong, b {
	font-weight: bold;
	color: #976631;
}
span {
	font-weight: bold;
	color: #462b10;
}
ul, li {
	list-style: none;
}

/* DIV PRINCIPAI */

#wrap {
	width: 900px;
	padding: 0;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 135px;
	padding: 0;
	margin: 0;
	background: url(../img/bgHeader.jpg) no-repeat left top;
}
#middle {
	padding:45px 30px 30px 30px;
	float: left;
}
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 91px;
	background: url(../img/bgFooter.jpg);
	float: left;
}
.copy {
	width: 810px;
	height: 85px;
	margin: 0 auto;
	background: url(../img/footer.jpg) no-repeat left top;
	margin-top: 5px;
	padding-right: 90px;
}
/*HEADER STYLES*/

#header h1 {
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}

#header h1 a {
	width: 250px;
	margin-left: 27px;
	margin-top: 30px;
	height: 80px;
	display: block;
}
/*navigation*/
ul#login {
	float: right;
	margin-right: 165px;
	margin-top: 15px;
}
ul#login li {
	float: left;
	margin:8px 35px 10px 10px ;
}
ul#login li a {
color: #a98750;
}
ul#login li a:hover {
color: #c96831;
}
ul#menu {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 30px;
	width: 460px;
	height: 35px;
	list-style: none;
}
ul#menu li {
float:left;
}
ul#menu li a {
background:url(../img/bgNav.jpg) no-repeat scroll top left;
display:block;
height:35px;
position:relative;
cursor: pointer;
}
ul#menu li a.home {
width:60px;
}
ul#menu li a.azienda {
width:73px;
background-position:-60px 0px;
}
ul#menu li a.prodotti {
width:65px;
background-position:-131px 0px;
}
ul#menu li a.ordina {
width:105px;
background-position:-195px 0px;
}
ul#menu li a.dove {
width:92px;
background-position:-302px 0px;
}
ul#menu li a.contatti {
width:64px;
background-position:-394px 0px;
}
ul#menu li a span {
background:url(../img/bgNav.jpg) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}
ul#menu li a.active {
	cursor: text;
}
ul#menu li a.home span, ul#menu li a.home.active  {
background-position:0px -35px;
}
ul#menu li a.azienda span, ul#menu li a.azienda.active  {
background-position:-60px -35px;
}
ul#menu li a.prodotti span, ul#menu li a.prodotti.active  {
background-position:-131px -35px;
}
ul#menu li a.ordina span, ul#menu li a.ordina.active  {
background-position:-195px -35px;
}
ul#menu li a.dove span, ul#menu li a.dove.active  {
background-position:-302px -35px;
}
ul#menu li a.contatti span, ul#menu li a.contatti.active  {
background-position:-394px -35px;
}
/* MIDDLE STYLES */
.box {
	width: 257px;
	margin-right: 32px;
	background: url(../img/bgBoxImg.jpg) no-repeat left top;
	padding: 0;
	float: left;
}
.boxPage {
	width: 818px;
	margin: 0px;

	background: url(../img/bgBoxPage.jpg) no-repeat left top;
	padding: 0;
	float: left;
}
.boxProd {
	width: 818px;
	margin-right: 10px;
	padding-left: 230px;	
	background: url(../img/bgBoxProd.jpg) no-repeat left top;
	padding: 0;
	float: left;
	margin-bottom: 25px;
}
.boxProd h2  {
	width: 590px;
	float:left;
	text-align: left;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
.boxProd p {
	width: 590px;
	float: left;
	margin-right: 0;
	padding-top: 10px;
}
.box.last, .boxProd.last {
	margin-right: 0;
}
h2, h3, h4 {
	width: 90%;
	margin: 0;
	padding: 0;
	padding: 12px 0 4px 17px;
	text-align: left;
	line-height: 29px;
	font-size: 18px;
	display: block;
	color: #986a38;
}
h3, h4 {
	width: 70%;
	font-size: 14px;
	color: #6d4e2f;
	line-height: 16px;
	padding-right: 50px;
}
h4 {
	width: 90%;
	font-size: 16px;
	line-height: 18px;
}
.photo {
	height: 170px;
	display: block;
	position: relative;
padding-left: 17px;
margin-bottom: 15px;

}
.photo span {
	display: block;
	position: absolute;
	background: url(../img/spanImg-trans.png) no-repeat;
	width: 251px;
	height: 162px;
	top: -8px;
	left: -1px;
}
#ricette .photo {
	margin-top: 10px;
	padding-left: 17px;
	padding-top: 10px;
	padding-bottom: 0;
}
#ricette .photo span {
	top: 0px;
	left: 0;
	padding: 0;
}
.photoPage {
	width: 796px;
	height: 147px;
	display: block;
	position: relative;
margin-left: 13px;
background: url(../img/bgPhotoPage.jpg);
padding-left: 3px;
margin-bottom: 15px;
}
.photoPage span {
	display: block;
	position: absolute;
	background: url(../img/spanimg2-trans.png) no-repeat;
	width: 804px;
	height: 163px;
	top: -8px;
	left: -5px;
}
.photoProd {
	width: 182px;
	height: 141px;
	display: block;
	position: relative;
padding-left: 3px;
float: left;
background: url(../img/bgPhotoProd.jpg) no-repeat 0 8px;
padding-top: 10px;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 15px;
}
.photoProd span {
	display: block;
	position: absolute;
	background: url(../img/spanImg3-trans.png) no-repeat;
	width:189px;
	height: 157px;
	top: 4px;
	left:-1px;
}
/* SCHEDA PRODOTTI */
#prodotti {
	width: 795px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	background: url(../img/bgProd1.jpg) no-repeat left top;
}
.pari {
	width: 780px;
	background: url(../img/bgProd2.jpg) repeat-y left bottom;
	border-bottom: 1px solid #8d643a;
	padding:10px 0 10px 10px;
	float: left;
}
.dispari {
	width:780px;
	background: url(../img/bgProd3.jpg) repeat-y left bottom;
	border-bottom: 1px solid #8d643a;
	padding:10px 0 10px 10px;
	float: left;
}
#prodotti p {
	color: #000;
	padding: 0px;
	margin: 0;
	width: 460px;
	float: left;
}
h5 {
	margin: 0;
	padding: 0;
	width: 97px;
	float: left;
	margin-right: 8px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	color: #ffff99;
}
#prodotti h4 {
	padding: 12px 0 0px 10px;
}
.pari a, .pari a:visited, .dispari a, .dispari a:visited {
	background: url(../img/icozoom-trans.png) no-repeat left top;
	padding-left: 25px;
}
.bottom {
	margin-left: 15px;
	width: 795px;
	height: 30px;
	float: left;
	background: url(../img/bgProd4.jpg) no-repeat left top;
}
#prodotti ul, #prodotti li {
	margin: 0;
}
ul#ricette {
	
	width: 780px;
	margin:20px 0 0 20px;
	padding: 0;
}
ul#ricette li{
	margin: 0;
	padding: 0;
}
#ricette div {
	padding:10px 0 20px 0;
}
/* FOOTER STYLES */
a.top {
	background: url(../img/top.jpg) no-repeat left top;
	width: 47px;
	height: 79px;
	display: block;
	float: right;
	text-indent: -9999px;
}
a.top:hover {
	background: url(../img/top.jpg) no-repeat left bottom;
}
a.credits {
	background: url(../img/ttw.jpg) no-repeat left top;
	width: 69px;
	height: 79px;
	display: block;
	float: right;
	text-indent: -9999px;
}
a.credits:hover {
	background: url(../img/ttw.jpg) no-repeat left bottom;
}
#mappa {
	display:none;
	margin: 15px;
	border: 3px solid #976631;
}
#form {
	width: 700px;
	margin:15px 0 0 15px;
}
.textfield {
	border: 1px solid #976631;
	height: 19px;
	color: #643400;
	width: 180px;
	padding: 2px;
}
.textfield:focus, .textarea:focus {
	background-color: #fbffab;
	color: #643400;
	border: 1px solid #c96831;
}
.textarea {
	width: 515px;
	height: 150px;
	padding:5px 0 0 3px;
	border: 1px solid #976631;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
}
label {
	width: 100px;
	display: block;
	padding: 4px;
	float: left;
	border: 1px dashed #976631;
	margin-right: 5px;
}
fieldset {
	border: none;
	width: 45%;
	float: left;
}
fieldset.messagge {
	width: 95%;
	border: none;
}
.messaggio {
	background-color: #643400;
text-align: left;
margin-top:10px;
margin-bottom:10px;
margin-left: 10px;
padding: 5px;
color: #fdcc63;
}
.messaggio.error {
background-color: #c83700;
}
.messaggio.sucesso {
background-color: #0f6500;
}
input.link {
	width: 79px;
	height: 32px;
	display: block;
	background: url(../img/bgLinkInvia.jpg);
	color: #9a774d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	border: none;
	cursor: pointer;
	text-align: center;
	float: left;
	margin-left: 15px;
}
input.link:hover {
	color: #ae571d;
}
.radio {
	background-color: #643400;
	border: 1px solid #643400;
}
.LV_validation_message.LV_valid{
	color: #fff;
	background: url(../img/check-trans.png);
	width: 24px;
	height: 24px;
		margin-left: 5px;
	margin-top: 0px;
	position: absolute;
	text-indent: -9999px;
}
.LV_validation_message.LV_invalid {
	color: #fff;
	background: url(../img/attention-trans.png);
	width: 24px;
	height: 24px;
	position: absolute;
	margin-left: 5px;
	margin-top: 0px;
	text-indent: -9999px;

}