@font-face {
	font-family: 'QuorumLT-Light';
	src: url('./fonts/QuorumLT-Light.eot?') format('eot'), 
	     url('./fonts/QuorumLT-Light.woff') format('woff'), 
	     url('./fonts/QuorumLT-Light.ttf')  format('truetype'),
	     url('./fonts/QuorumLT-Light.svg#QuorumLT-Light') format('svg');
}


/* ################################ Eric Meyer's Reset CSS v2.0 - http://cssreset.com ################################ */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

a{text-decoration: none}
/* ################################ Style ################################ */


#all{
	width: 1024px;margin:0 auto;
}

.home #all > *{width:100%;}
.clear{clear:both;height:0;}


/* ################################ Header ################################ */
#header-top{height: 110px}
h1#title{text-transform: uppercase;font-size: 40px;line-height: 110px}

#logo{height:100%;line-height: 110px;float: left;margin-left:40px;margin-right: 15px}
#logo img{max-height: 90%;vertical-align: middle;}

#header-bottom{height: 30px;}

#header-bottom .menu,#slogan h2{margin-left: 175px}
#header-bottom .menu li{margin:0 5px;float: left;}
#header-bottom .menu li a{font-size: 14px;text-transform: lowercase;line-height: 30px}

#slogan{
	height: 65px;
	box-shadow: 0px 5px 20px 0 #252525;
	position: relative;
	z-index: 10;
}

#slogan h2{font-size:30px;line-height: 65px;text-transform: uppercase;}





/* ################################ Main Home ################################ */
#banner{height: 280px;overflow: hidden;}
#banner,#banner img{width:100%;}
#banner-text{float: left;width: 100%;height: 80px}
#banner-text p{
	margin-top: 15px;
	margin-left: 220px;
	font-size: 22px;
	line-height: 25px;
}
.bx-controls.bx-has-pager.bx-has-controls-direction {
position: absolute;
bottom: 40px;
width: 100%;
left: 0;
}
#banner-text p span{text-transform: uppercase;}


#banner-text p span.descrizione-attivita{
	text-transform:none;
	font-weight: bold;
}



#banner-container,.bxslider{
    height: 350px!important
}

.bxslider {
    height: 350px;
}

.bx-viewport {
    border: 0px solid black !important;
}

#banner-container {
    width: 100%;
    overflow: hidden;
}


#content{padding:25px 30px 25px;
float: left;
width: 100%;}
.index #content{padding-right: 20px}
#home-text{width: 430px;float: left}
.text h3{color: #000;font-size: 22px;margin-bottom: 10px;}
.text p{margin-top:20px;font-size: 14px;line-height: 20px;color: #565656;text-align: justify;}

#home-links{float: left;margin-left: 50px;margin-top: 40px}
div.home_link{width: 150px;margin-left: 20px;float: left;}
a.hl_link{text-transform: uppercase;font-size: 14px;margin-top: 15px;display: inline-block;}
div.home_link:first-child{margin-left: 0;}

span.hl_src{
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
}

a.hl_image {
background: #FFF;
width: 100%;
display: inline-block;
float: left;
box-shadow: 0 0 5px 0 #8D8D8D;
text-align: center;
padding: 4px;
}

#home-text .spec-text {
    margin-top: 15px;
    font-size: 13px;
    /*font-family: 'times new roman';*/
    color: black;
    line-height: 20px
}

/* ################################ Footer ################################ */

#footer{float: left;width: 100%}
#footer-top{padding:15px 30px;height:100%; overflow:hidden;}
#footer-bottom{height: 18px}

#footer-text{float: left;width: 400px}
#footer-top p,#footer-top a{font-size: 9px;line-height: 12px}
#footer-links {float: right;margin-right: 80px;}
#footer-links a{text-transform: uppercase;line-height: 20px}
#footer-bottom{font-size: 11px;color:#fff;padding:0 30px;line-height: 18px}
#login{float: left}
#copyright{float: right}

/* ################################ Pagine Interne ################################ */

#page-title{height: 52px}
#sidebar{
	float: left;
	width: 160px;
	margin:10px 0;
	border-right: 1px solid #d4d4d4;
padding-top: 30px;
padding-left: 16px;
}
#sidebar ul.menu li{
	width: 100%;
	margin-bottom: 5px;
}
#sidebar ul.menu li a{text-transform: uppercase;}
#all #main.page div#content{
	width: 864px;
padding: 35px 30px 0 65px;
}
#all.chi-siamo #main.page div#content{padding-right: 0}
#page-text{
padding-bottom: 20px;}
#page-text .scroll-pane{
	width: 100%;
	height: 465px;
	overflow: auto;
margin-top: 20px;
outline: 0
}
#page-title h2 {
font-size: 24px;
margin-left: 225px;
line-height: 52px;
text-transform: uppercase;
}

#page-text.text p{margin-top: 0;
padding-right: 5px;}

.spec-title {
    color: #9a7f48;
}

.spec-text {
    clear: both;
    margin: 37px 0;
    color: #585657;
    line-height: 25px;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 50px;
}

ul.lista_check{
	padding-left: 15px;
}
ul.lista_check,ul.lista_check li{
	list-style: disc;
}
/* ################################ Dove Siamo ################################ */

.dove-siamo #page-text > h3,.dove-siamo #page-text > p > span{text-transform: uppercase;}

#map-canvas{width:100%;height: 320px;margin-top: 15px}

/* ################################ Contatti ################################ */

.contatti #page-text > h3,.contatti #page-text > p > span{text-transform: uppercase;}


#form-wrap {
margin-top: 15px;
width:540px;
}

#form-wrap form{width:100%;}


form .form_col{
	width:260px;
	float: left;
}
form .form_col:first-child{margin-right:20px;}

#form-wrap > span {
margin-bottom: 15px;
float: left;
width: 100%;
clear: both;
font-size: 13px;
color: #565656;
}

.form_col input{
	line-height: 30px;
	height:30px;
margin-bottom: 10px;
}

.form_col input,.form_col textarea{
	width:100%;
	padding-left: 15px;
	font-size: 13px;
border: none;
border-radius: 5px;
color: #565656;
	background-color: #d7d7d7;
}
.form_col textarea{height: 111px;padding-top: 7px}

.form_col input[type="checkbox"] {
height: auto;
float: left;
width: auto;
margin: 0;
margin-top: 5px;
}
.form_col input[type="submit"] {
	width: 60px;
	background: #fff;
	border:2px solid #d7d7d7;
	padding:0;text-align: center;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	margin-top: 7px
}

#form-privacy + label{line-height: 20px;padding-left: 10px;font-size: 14px;color: #565656;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #565656;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #565656;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #565656;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #565656;
}

.mail-resp{width: 100%;
display: inline-block;
margin-top: 15px;}


/* ################################ jScrollPane ################################ */

.text .jspTrack{background: #d7d7d7}
.text .jspDrag{background:#898989;}
.text .jspVerticalBar{width: 18px}

/* ################################ Colori ################################ */

body,#footer-top{
	background-color: #D3D3D3;
}

#header-top,#banner-text,#page-title{
	background-color: #9a7f48;
}

#header-top h1,#banner-text,#page-title h2{color:#fff;}
#social-links { margin-right:30px!important;}
#slogan{background-color: #fff;}
#slogan h2{color:#9a7f48;}

a.hl_link{color: #9a7f48}
#header-bottom,#footer-bottom{background-color: #575757}
#footer-text,#footer-links a{color:#575757;}
#header-bottom .menu li a{color:#fff;}

#content{background-color: #fff}


#main.page{background-color: #fff}
#sidebar ul.menu li a{color: #9A7F48;font-size: 12px;}



/* ################################ Fonts ################################ */
#all{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

#slogan h2,#banner-text p span{font-family: 'Playfair Display', serif;}