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

	*		LAYOUT GENERALE *
	*		Created:	 12/01/2010	 *
	*		Last update: *
	*		Cliente: Terre Nere *
	*		Nome gruppo di proprieta': Tamtamweb	 	     *
    *		Author: Katty Garcia		 		 *

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

/*RESET*/

*, html {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #212121 url(../img/bg.jpg) repeat center top;
	font-family: "Tahoma", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #b5ac98;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.hide {
	position: absolute;
	left: -99999px
}

a, a:visited {
	color: #d5781e;
	text-decoration: none;
}

a:hover, a:active {
	color: #d54515;
}

a.link, a.link:visited {
	height: 17px;
	background: url(../img/bg-link.jpg) no-repeat left top;
	display: block;
	padding-left: 20px;
}

a.link:hover {
	background: url(../img/bg-link.jpg) no-repeat left bottom;
}

/* Firefox Dotted Outline Fix */

:focus {
	-moz-outline-style: none;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

p {
	text-align: justify;
	padding-bottom: 20px;
	line-height: 18px;
	font-size: 14px;
	color: #797979;
}

a.btn1, a.btn1:visited, a.btn2, a.btn2:visited, input.btn1 {
	display: block;
	width: 120px;
	height: 26px;
	padding-top: 8px;
	padding-left: 15px;
	background: url(../img/btn1.jpg) no-repeat;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #797979;
}
a.btn1:hover, a.btn2:hover {
	color: #d61610;
}
a.btn2, a.btn2:visited {
	width: 219px;
	background: url(../img/btn2.jpg) no-repeat;
}


strong {
	color: #ccc;
}

#info h2 {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	color: #d5d5d5;
	margin:0 15px 20px 15px;
}

#info p {
	margin: 0 15px;
}
/* LAYOUT 
----------------------------------*/
#wrap {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
#header {
	width: 850px;
	padding-right: 50px;
		
}
#logo {
	position: absolute;
	z-index: 100;
	top: 70px;
	padding-left: 70px;
}
#header h1 {
	float: left;
overflow: hidden;
}
#header h1 a {
	width: 192px;
	height: 192px;
	display: block;
	text-indent: -9999px;
	background: url(../img/logo-trans.png) no-repeat;
	float: left;
}
.lingue {
	width: 520px;
	height: 50px;
	float: right;
}
.lingue img {
	float: right;
}

#slide {
	width: 846px;
	background: url(../img/bg-slide.jpg) no-repeat left top;
	height: 266px;
	float: right;
	position: absolute;
	top: 30px;
	margin-left: 30px;
}

#info h1 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 25px;
	background: url(../img/gb-h1.jpg) no-repeat left bottom;
	font-weight: lighter;
	font-size: 21px;
	margin: 0 15px;
}
#header div.top-nav {
	width: 900px;
	float: left;
	top: 0px;
	position: relative ;
}
a.link-en, a.link-en:visited  {
	width: 77px;
	height: 43px;	
	background: url(../img/link-en.jpg) no-repeat left bottom;
	display: block;
	text-indent: -9999px;	
	float: right;
}
a.link-en:hover {
	background: url(../img/link-en.jpg) no-repeat left top;
}
a.link-it, a.link-it:visited {
	width: 88px;
	height: 43px;	
	background: url(../img/link-it.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;	
	float: left;
	margin-left:340px;
}
a.link-it:hover {
	background: url(../img/link-it.jpg) no-repeat left bottom;
}
/*menu */
#menu {
  list-style: none;
  margin:0 0 20px 0;
  float: left;
  width: 860px;
}

#menu li {
  float: left;
}

#menu a * {
  display: none;
}

#menu a,
#menu a .hover {
  height: 43px;
	position: relative;
	display: block;
	background: url(../img/bg-menu.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#menu a.home {
  background-position: 0 0;
  width: 87px;
}

#menu .highlight a.home:hover,
#menu a.home .hover {
  background-position: 0 -43px;
  width: 87px;
}

#menu a.qualita {
  background-position: -87px 0px;
  width: 87px;
}

#menu .highlight a.qualita:hover,
#menu a.qualita .hover {
  background-position: -87px -43px;
}

#menu a.territorio {
  background-position: -174px 0;
  width: 111px;
}

#menu .highlight a.territorio:hover,
#menu a.territorio .hover {
  background-position: -175px -43px;
}

#menu a.confetture {
  background-position: -285px 0;
  width: 111px;
}

#menu .highlight a.confetture:hover,
#menu a.confetture .hover {
  background-position: -287px -43px;
}

#menu a.marmellate {
  background-position: -396px 0;
  width: 141px;
}

#menu .highlight a.marmellate:hover,
#menu a.marmellate .hover {
  background-position: -396px -43px;
}

#menu a.gelatine {
  background-position: -538px 0;
  width: 100px;
}

#menu .highlight a.gelatine:hover,
#menu a.gelatine .hover {
  background-position: -536px -43px;
}
#menu a.spec {
  background-position: -640px 0;
  width: 113px;
}

#menu .highlight a.spec:hover,
#menu a.spec .hover {
  background-position: -642px -43px;
}

#menu a.contatti {
  background-position: -752px 0;
  width:99px;
}

#menu .highlight a.contatti:hover,
#menu a.contatti .hover {
  background-position: -752px -43px;
}
#info {
	width: 840px;
	margin:0 0 0 32px;
	padding:0;
	float: left;
	position: relative;
	top: 245px;
}
.sep {
	width: 19px;
	height: 240px;
	background: url(../img/sep.jpg) no-repeat;
	display: block;
	float: left;
}
.box {
	width: 320px;
	float: left;
	margin:0 35px;
}
/*FORM*/
label.error {
	background:transparent url(../img/validation/unchecked.png) no-repeat scroll 0 0;
	color:#EC3838;
	font-family: "trebuchet MS";
	font-style:italic;
	margin-left:3px;
	padding-left:17px;
	vertical-align:top;
    float: left;
    margin-top:4px;
}

label.checked {
    background:transparent url(../img/validation/checked.png) no-repeat scroll 0 0;
    float:left;
    margin-left:3px;
    margin-top:4px;
}

label {
    color:#999999;
    cursor:pointer;
    display:block;
    font-family:tahoma;
    font-weight:bold;
    margin-bottom:4px;
}

input.textbox.focus, textarea.textarea.focus { border: 1px solid orange }

input.textbox, textarea.textarea {
	background-color:#FFFFFF;
	border-color:#222222 #333333;
	border-style:solid;
	border-width:1px;
	color:#797979;
	display:block;
	float:left;
	font-family:Verdana;
	font-size:12px;
	padding:5px;
	position:relative;
	width:180px;
}

input.error, textarea.error { border: 1px solid #D10C0C }
input.valid, textarea.valid {  }

textarea.textarea {
    width: 270px;
    height: 120px;
    color: #797979;
}
input.btn1, .btn-att {
	float: right;
	width: 135px;
	height: 34px;
	padding-top: 8px;
	text-align: left;
	border: none;
	margin-right: 30px;
	cursor: pointer;
}
.btn-att {
	color: #ff1d15;
}
div#msg{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin-top: 20px;
    text-align: left;
}
span.msg_ok {
	color:#00b52a;
	background: transparent url(../img/validation/send-ok.png) no-repeat scroll 1% 100%;
}

span.msg_err {
	background:transparent url(../img/validation/send-err.png) no-repeat scroll 1% 100%;
	color:#EA380A;
}

span.msg_ok, span.msg_err {
    display:block;
    padding:5px 5px 5px 38px;
}

form#form1 div { 
	clear:both;
	margin-top:10px;
}

form#form1 label {
	width: 80px;
	float: left;
	background-color: #050505;
	padding:5px;
	margin-bottom: 2px;
	font-weight: lighter;
}

div.privacy {
	width: 280px;
	color: #ff4946;
	font-size: 11px;
	clear: both;
	padding-top: 10px;
}

/* FOOTER 
----------------------------------*/

#footer {
	width: 800px;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 2px solid ;
	border-color: #000;
	padding-top: 20px;
}

#footer div.copy {
	float: left;
	width: 50%;
	background: url(../img/logo-footer.gif) no-repeat left top;
	padding-left: 70px;
	height: 40px;
	color: #797979;
}
#footer div.copy span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 16px;
	color: #a9a9a9;
}
#footer div.credits {
	float: right;
	margin-right: 30px;
	color: #797979;
}
#footer div.credits a {
	font-family: "Arial Rounded", Arial, Helvetica, Geneva, sans-serif;
	color: #447fd2;
	font-size: 16px;
	margin-left: 5px;
}
#footer div.credits a:hover {
	color: #0badfb;
}

#vmenu {
	list-style:none;
	margin:10px 0px 0px 10px;
	padding:0px;
}
#vmenu li a{
	font-size:14px;
	text-transform:uppercase;
	background:url(../img/bgmenuno.jpg) no-repeat;
	width:215px;
	height:14px;
	display:block;
	padding:10px;
	color:#CCCCCC;
}

#vmenu li .activ{
	font-size:14px;
	text-transform:uppercase;
	background:url(../img/bgmenuactive.jpg) no-repeat;
	width:215px;
	height:14px;
	display:block;
	padding:10px;
	color:#efbd36;
}

#vmenu ul{
	padding-left:20px;
	list-style:none;
}

#vmenu ul {
	background:#232323;
	width:95%;
	margin-left:10px;
	padding-left:0px;
	padding-bottom:5px;
}
#vmenu ul li{
	margin-bottom:8px;
}

#vmenu ul li a{
	font-size:11px;
	color:#FFFFFF;
	text-transform:none;
	background:none;
	width:90%;
}
#right h2{
	color:#ffcc00;
}
#right p{ font-size:11px;}
#img1{ margin-left:20px;}
.scheda{ background-color:#000000; border:#232323 2px solid; margin-left:10px; padding:10px 5px 5px 5px; height:300px;}

#btn3{
	display: block;
	width: 120px;
	height: 26px;
	padding-top: 8px;
	padding-left: 15px;
	background: url(../img/btn3.jpg) no-repeat;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #797979;
	float:left;
}
#btn3:hover {
	color: #d61610;
}
#btn3.active{ color:#FFF}
.provincia{ font-family:22px; text-transform:uppercase; text-align:center; margin:5px 0px;}