/* Getting the new tags to behave */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,500,600&display=swap');
@import "font-awesome.css";

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#6f594d;
	min-width:1050px;
	background:#d9d4c5;
	border-top:8px solid #d9d4c6;
}
.bg-1 {background:url(../images/bg.png) repeat left bottom}
.bg-2 {background:url(../images/bg-1.png) repeat-x left bottom}
.main {margin:0 auto 28px; background:#FFF; padding:4px 0}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;color:#6f594d;}
a:hover {text-decoration:none; color:#92301e}
a.button {display:inline-block; background:url(../images/button.png) repeat left top #5a4432;font-size:12px;line-height:19px; padding:5px 15px 5px; color:#e2aa8b;}
a.button:hover {color:#FFF}

.nomeazienda {
	font-family: 'EB Garamond', serif;
	font-size: 60px;
	color:#92301e;
}

h2 {font-family: 'Great Vibes', cursive; font-size:35px; line-height:35px; color:#000;margin:24px 0 14px; font-weight:400;}

ul {margin:0; padding:0;list-style-image:none;}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left !important;}
.fright {float:right !important;}
.center {text-align:center !important}
.italic {font-style:italic}
.tright {text-align:right}
.line-height {line-height:16px !important;}
.line-height-2 {line-height:17px !important;}
.line-height-3 {line-height:24px !important;}

.font-1 {font-family: 'Great Vibes', cursive; font-size:24px; color:#000000; line-height:24px}
.font-3 {font-family: 'Great Vibes', cursive; font-size:24px; color:#2e2e2b; line-height:30px; padding-left:25px; background:url(../images/marker.png) no-repeat left 4px}
.font-2 {font-family:'Georgia'; font-size:22px; line-height:28px; color:#92301e; font-style:italic}
.font-4 {font-family:'Georgia'; font-size:12px; line-height:18px; color:#6f594d; font-weight:bold; margin:35px 0 0 14px}
.font-5 {font-family:'Georgia'; font-size:14px; color:#92301e; font-style:italic;font-weight:bold}

.top-01 {margin-top:-3px !important}
.top-0 {margin-top:0px !important}
.top-1 {margin-top:15px !important}
.top-2 {margin-top:20px !important}
.top-3 {margin-top:23px !important}
.top-4 {margin-top:25px !important}
.top-5 {margin-top:10px !important}
.top-6 {margin-top:50px !important}
.top-7 {margin-top:5px !important}
.top-8 {margin-top:22px !important}
.top-9 {margin-top:45px !important}
.top-10 {margin-top:28px !important}
.top-11 {margin-top:50px !important}
.top-12 {margin-top:12px !important}
.top-13 {margin-top:48px !important}
.top-14 {margin-top:18px !important}

.left-1 {padding-left:19px}
.left-2 {padding-left:24px}
.left-3 {padding-left:30px}
.right-0 {padding-right:10px}
.right-1 {padding-right:20px}
.right-2 {padding-right:30px}
.pad-1 {padding:0 20px 0 19px !important}

.color-2 {text-decoration:underline;}
a.color-2:hover {text-decoration:none;}

.hr {height:2px; background:#f3f1ec; }

.border-1 {border:5px solid #e6d9c6}

.img-indent {float:left; margin-right:25px; border:4px solid #e6d9c6}
.img-indent-4 {float:left; margin-right:13px; border:4px solid #e6d9c6}
.img-indent-2 {border:4px solid #e6d9c6}
.img-indent-3 {float:left; margin-right:9px;}

/*********************************header*************************************/
h1 {margin:26px 0 26px 256px;}
h1 a {}
/***********************************nav*************************************/
nav {position:relative; z-index:101;background:url(../images/menu.png) repeat-x left top;padding-left:0px; margin-top:5px}
nav:before {content:'';background:url(../images/m-right.png) no-repeat left top; width:48px; height:56px; position:absolute; right:-48px;top:0px}
nav:after {content:'';background:url(../images/m-left.png) no-repeat left top; width:48px; height:56px; position:absolute; left:-48px; top:0px}
.head-content {position:relative; z-index:4; margin:0 auto; min-height:120px; background:url(../images/head.png) repeat #39454a}

.header {position:relative;width:871px; background:#e1d9cc; padding:16px 16px 15px 17px; margin:29px 20px 0 18px}
/*********************************content*************************************/
#content { 
	padding:0 0 57px;
	background:url(../images/content.png) repeat-y center top;
	min-height:400px;
	position:relative;
	}
#content:after, #content:before { 
	content:'';
	position:absolute;
	background:url(../images/content-top.png) no-repeat center top;
	height:1px;
	bottom:0;
	left:0;
	width:100%;
	}
#content:after {bottom:auto; top:0;}

.list {}
.list li {background:url(../images/item.png) no-repeat left 12px; padding:4px 0 4px 21px;}
.list li a:hover {color:#e2aa8b}

.list-2 li {background:url(../images/item.png) no-repeat left 12px; padding:4px 0 4px 26px; line-height:16px}
.list-2 li a:hover {color:#e2aa8b}

.block-1 {background:#e1d9cc; padding:30px 18px 25px;overflow:hidden; color:#6f594d; margin-top:27px}
.block-1 li {float:left; margin-right:10px}
.block-1 li.last {margin-right:0px}
.block-1 img {border:4px solid #c4beb3}
.block-1 a {color:#6f594d; font-size:10px; text-decoration:underline;display:inline-block; }
.block-1 a.link {display:inline-block; margin-top:-5px}
.block-1 a:hover {color:#6f594d; text-decoration:none;}

.block-2 {background:#e1d9cc; padding:23px 36px 49px;overflow:hidden; color:#6f594d; margin-top:50px}
.block-2 h2 {font-size:32px}
.select-1 {width:54px; margin-right:10px; margin-bottom:9px}
.select-2 {width:60px; margin-right:10px}
.select-3 {width:68px;}
.form-2 {margin-top:-4px; margin-left:2px}
.form-2 label {display:block; margin-bottom:3px}
.form-2 .button {padding:5px 16px; margin-top:22px}
/***********************aside************************/
aside {}
/***********************footer**********************/
footer {color:#bb8f73;  padding:20px 0;background:url(../images/footer.png) repeat left top; margin:5px 4px 0; height:55px; font-size:12px; line-height:18px}
footer a {color:#bb8f73}
footer a:hover {text-decoration:underline;color:#bb8f73}

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(../images/down_arrow_select.png) no-repeat right #ddd;
   border: 1px solid #e3dcd0;
   }   

.styled-select select {
   background: #fff	;
   
   width: 240px;
   padding: 5px;
	font-family:Arial; 
	font-size:12px; 
   color:#6f594d;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   

.map {width:337px; height:388px;overflow:hidden;margin-top:22px}
.map iframe {width:337px; height:368px;}
/**********************form**********************/
dl {margin:0px 0px 0 0px; }
dl dd span { display:block; width:69px; float:left;}
#form { margin:20px 0 0px 0px; width:461px; }
#form input {
	outline: medium none;
	font-family:Arial; 
	font-size:12px; 
	color:#6f594d;
	line-height:24px; 
	height:24px; 
	padding:4px 18px 6px;
	width:283px; 
	background:#FFF;
	border:1px solid #e3dcd0;
	}
	
#form textarea {
    outline: medium none;
    overflow: auto;
	font-family:Arial; 
	font-size:12px; 
	color:#6f594d;
	height:154px; 
	padding:15px 18px 5px;
	width:423px; 
	background:#FFF;
	border:1px solid #e3dcd0;
	resize:none;
	}
#form label {
	position:relative;
	overflow:hidden;
    display: block;
}

#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:14px;
	width:170px;
	float:left;
	margin-top:2px;
}
#form .error-empty {
	margin: 5px 0 5px 5px !important; 
	display:none;
	float:left;
	}
#form .success {
	display:none;
	margin-bottom:5px;
	}
#form .btns {
	position:relative;
	padding-top:30px;
	
}
#form .btns a {
	width:108px;
	text-align:center;
	padding:5px 0px;
	float:left
}
			#form input[type="checkbox"] {
				
				
				color:#a5a4a4;
				font: italic 11px Arial, Helvetica, sans-serif;
				text-transform:lowercase;
				margin:0;
				outline:none;
				height:18px;
				width:18px;
				

			}

/* SlideDown */
.pro_slide-down-box{ position:relative; z-index:101;}
.pro_slide-down-box dt{ display:block;padding: 26px 28px;white-space: nowrap;vertical-align: middle;cursor: pointer;background:url(../images/ban-1.jpg) no-repeat left top; width:360px; height:34px;margin-bottom:5px}
.ban-2 dt{ background:url(../images/ban-2.jpg) no-repeat left top;}
.ban-3 dt{ background:url(../images/ban-3.jpg) no-repeat left top;}
.ban-4 dt{ background:url(../images/ban-4.jpg) no-repeat left top;}
.ban-5 dt{ background:url(../images/ban-5.jpg) no-repeat left top;}
.ban-6 dt{ background:url(../images/ban-6.jpg) no-repeat left top;}
.ban-7 dt{ background:url(../images/ban-7.jpg) no-repeat left top;}
.pro_slide-down-box dt:hover{}
.pro_slide-down-box dt.active{}
.pro_slide-down-box dt span{ display:inline-block; width:15px; height:14px; background: url(../images/plus.png) 0 0 no-repeat; margin:2px 0px 0 28px;}
.pro_slide-down-box dt span.span-2{margin-left:12px}
.pro_slide-down-box dt span.span-3{margin-left:24px}
.pro_slide-down-box dt.active span{background: url(../images/minus.png) 0 0 no-repeat;}
.pro_slide-down-box dd{display:none;padding:15px 15px; margin:3px 0 0 0;}
.pro_slide-down-box.absol dd{ position:absolute; top:27px; left:0; z-index:99;width:auto;}
.pro_slide-down-pad{ padding:5px 0;}