/*  
Theme Name: La Querceta
Theme URI: http://www.laquercetadimarnacchia.it
Description: La Querceta
Version: 1.0
Author: BeeSoft - Web & Mobile Solutions
Author URI: http://www.beesoft.it
*/

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

@font-face {
	font-family: 'AbrilFatface-Regular';
	src: url('fonts/abrilfatface-regular.eot');
    src: url('fonts/abrilfatface-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/abrilfatface-regular.woff') format('woff'),
         url('fonts/abrilfatface-regular.ttf') format('truetype'),
         url('fonts/abrilfatface-regular.svg#abrilfatface-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

* { padding: 0px; margin: 0px; border: 0px; outline: 0px; }

body {
	background: url('images/bg-top.jpg') #dfd6b9 repeat-x center top;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	color: #4d422c;
}

h1, h2, h3 { 
	font-family: 'AbrilFatface-Regular', serif;
	font-weight: normal;
	color: #034434; 
}

p {
	margin-bottom: 10px;
	line-height: 22px;
}

a { 
	text-decoration: none; 
	color: #b6872d;
}

a:hover { color: #cfa24c; }

li { list-style: none; }

table {
	margin-bottom: 30px;
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

th, td { 
	border: 1px solid #efeadc;
	padding: 10px; 
}

th {
	background: #b6872d;
	color: #fff;
}

td { background: #dfd6b9; }

tr.stripe td { background: #cdc3a3; }

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

#header { height: 550px; }

#bg {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 550px;
}

#bg .viewport {
	background: #dfd6b9;
	margin: 0px auto 0px auto;
	overflow: hidden;
	width: 1200px;
	height: 550px;
}

#bg li { position: absolute; }

#logo {
	padding: 10px 0px 10px 0px;
	position: absolute;
	bottom: 0px;
	color: #fff;
	width: 100%;
	height: 90px;
	z-index: 20;
}

#logo a { float: left; }

#logo img { height: 90px; }

#logo p {
	padding-top: 5px;
	font-family: 'AbrilFatface-Regular', serif;
	font-size: 26px;
	line-height: 30px;
	text-align: right;
	float: right;
}

#logo p strong { font-weight: normal; }

#booking {
	margin: -2px -20px 0px 0px;
	text-align: center;
	float: right;
	width: 322px;
	height: 37px;
}

#booking a {
	background: url('images/btn-booking.png') no-repeat 0px 0px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	padding-top: 2px;
	font-size: 20px;
	display: block;
	color: #fff;
	height: 35px;
}

#booking.sel a { background: url('images/btn-booking.png') no-repeat 0px -37px !important; }

#lang {
	background: url('images/bg-lang.png');
	margin: 45px 0px 0px 805px;
	padding: 18px 0px 0px 10px;
	position: absolute;
	color: #fff;
	width: 125px;
	height: 22px;
}

#lang .it { background: url('images/flag-it.png') no-repeat; }
#lang .en { background: url('images/flag-en.png') no-repeat; }

#lang a, #lang span {
	line-height: 12px;
	padding-left: 20px;
	margin-left: 20px;
	float: left;
	display: block;
}

#lang a { 
	opacity: 0.6;
	color: #fff; 
}

#lang a:hover { opacity: 1; }

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

#nav {
	background: rgba(223,214,185,0.7);
	font-family: 'AbrilFatface-Regular', serif;
	padding-top: 15px;
	position: fixed;
	z-index: 50;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#nav.darker { background: rgba(223,214,185,0.95); }

#nav ul { float: left; }

#nav li {
	margin-right: 10px;
	float: left;
}

#nav li a {
	padding: 5px 8px 5px 8px;
	font-size: 13px;
	display: block;
	color: #034434;
	float: left;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

#nav li a:hover { 
	background: #979379; 
	color: #fff;
}

#nav .sel a {
	background: #034434; 
	color: #fff;
}

#nav .current-menu-parent a,
#nav .current-menu-ancestor a,
#nav .current-page-ancestor a,
#nav .current_page_item a,
#nav .current-menu-item a {
	background: #034434;
	color: #fff;
}

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

#content {
	background: url('images/bg-content.gif') repeat-y center top;
	padding: 70px 0px 70px 0px;
}

#content .wrap { width: 980px; }

#breadcrumbs {
	padding-right: 20px;
	margin-top: -50px;
	font-size: 10px;
	text-align: right;
	float: right;
}

#section {
	border-bottom: 1px solid #bfbcb0;
	margin-bottom: 20px;
}

#section h1 {
	margin-left: 20px;
	line-height: 22px;
	font-size: 28px;
}

#page {
	background: url('images/bg-page.gif') repeat-y 660px top;
	overflow: hidden;
}

#main {
	padding-left: 20px;
	width: 620px;
	float: left;
}
#main .data { 
	float:right;text-align:right;clear:both;display: block;width: 100%;padding-bottom: 10px;
}
#main h2 { 
	margin-bottom: 15px; 
	font-size: 22px;
}

#main li {
	background: url('images/icon-pointer.gif') no-repeat 0px 0px;
	padding-left: 20px;
	margin-bottom: 15px;
}

#sidebar {
	margin: -60px 20px 0px 0px;
	width: 300px;
	float: right;
}

#sidebar .img-side {
	position: absolute;
	overflow: hidden;
	height: 300px;
	width: 300px;
}

#sidebar .video {
	position: absolute;
	overflow: hidden;
	height: 169px;
	width: 300px;
}

#sidebar .img-side img { display: block; }

.links { padding-top: 32px; }

.links li {
	background: url('images/bg-line.png') no-repeat right bottom !important;
	border-bottom: 1px solid #bfbcb0;
	font-family: 'AbrilFatface-Regular', serif;
	margin: 20px 0px 0px -20px !important;
	padding-right: 30px;
	text-align: right;
	line-height: 22px;
	font-size: 28px;
}

.links h3 {
	margin-top: 10px;
	position: absolute;
	line-height: 43px;
	font-size: 28px;
	color: #979379;
	width: 300px;
}

.title h3 {
	border-bottom: 1px solid #bfbcb0;
	margin-bottom: 20px;
	padding-left: 20px;
	line-height: 22px;
	font-size: 28px;
}

.title h3.title_proposte {
	font-size: 24px;
}

.sub, .gallery { margin-top: 40px; }

.sub .title, .gallery .title { margin-left: -20px; }

.sub .title h3 { 
	margin-bottom: 0px;
	color: #979379; 
}

.sub .cont {
	margin-left: -20px;
	background: #dfd6b9;
	overflow: hidden;
	padding: 20px;
}

.sub .photo {
	overflow: hidden;
	float: left;
	width: 140px;
	height: 140px;
}

.sub .photo img { height: 140px; }

.sub .cont p, .sub .more { margin-left: 160px; }

.sub .more { margin-top: 20px; }

.gallery .title h3 {
	background: url('images/bg-line.png') no-repeat right bottom;
	color: #979379;
}

.gallery { overflow: hidden; }

.gallery ul { width: 120%; }

.gallery li {
	background: transparent !important;
	overflow: hidden;
	margin: 0px 20px 0px 0px;
	padding: 0px !important;
	float: left;
	width: 140px;
	height: 140px;
}

.gallery li img { height: 140px; }

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

#blocks {
	padding-top: 60px;
	overflow: hidden;
	clear: both;
}

#blocks .left, #blocks .right { width: 480px; }

#blocks .more { 
	margin-right: 20px;
	padding-top: 7px;
	float: right; 
}

#blocks .right .title h3 { padding: 0px 20px 0px 0px; }

#blocks .block {
	margin-left: 20px;
	float: left;
}

#blocks .right .block { margin: 0px 20px 0px 0px; }

#hot { 
	margin: 320px auto 30px auto;
	text-align: center;
	width: 220px; 
}

#hot .title h3 {
	padding-left: 0px;
	text-align: center;
}

#hot .more {
	border-top: 1px solid #bfbcb0;
	margin-top: 10px;
}

#hot .num {
	padding: 5px 0px 5px 0px;
	font-size: 18px;
	display: block;
}

.block { width: 220px; }

.block h2 {
	font-size: 18px;
}

.block .photo {
	overflow: hidden;
	height: 220px;
	width: 220px;
}

.block .photo img { height: 220px; }

.photo a, .gallery a {
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.photo a:hover, .gallery a:hover { opacity: 0.8; }

.more {
	font-family: 'AbrilFatface-Regular', serif;
	font-size: 14px;
}

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

#map {
	border: 2px solid #979379;
	margin-bottom: 30px;
	overflow: hidden;
	width: 616px;
	height: 350px;
}

#map .info {}

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

.wp-pagenavi {
	line-height: 15px;
	font-size: 11px;
	padding-right: 20px;
	margin-top: 30px;
	text-align: right;
}

.wp-pagenavi .pages { float: left; }

.wp-pagenavi .current {
	padding: 5px;
	font-weight: bold;
	background: #4d422c;
	color: #fff;
}

.wp-pagenavi a {
	margin-left: 5px;
	padding: 5px;
	color: #4d422c;
}

.wp-pagenavi a:hover {
	background: #979379;
	color: #fff;
}

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

#footer {
	background: url('images/bg-footer.gif') repeat-y center top;
	font-size: 12px;
}

#footer .wrap {
	padding: 30px 0px 30px 0px;
	overflow: hidden;
}

#footer a { color: #4d422c; }
#footer a:hover { text-decoration: underline; }

#footer img { 
	margin-left: 40px;
	height: 80px;
	float: right; 
}

/* #footer .wifi { 
	margin: 0px;
	float: left; 
} */

#footer .TA_excellent {
	width: 180px !important;  
	margin-left: -10px;
	margin-top: -6px;
	float: left; 
}

#footer #TA_excellent417 img { 
	height:  auto !important; 
	padding: 14px 16px 14px 0 !important;
}


#footer p { 
	margin-left: 120px;
	line-height: 180%; 
}

#footer .social {
	line-height: 12px;
	font-size: 12px;
	margin-left: 40px;
	width: 130px;
	float: right;
}

#footer .social a { 
	padding-left: 40px;
	margin-bottom: 5px; 
}

#footer .social a, #footer .social strong { display: block; }

#footer .fb { background: url('images/icon-fb.png') no-repeat left; }
#footer .yt { background: url('images/icon-yt.png') no-repeat left; }
#footer .trip { background: url('images/icon-trip.png') no-repeat left; }

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

#modal {
	background: #efebdc;
	min-height: 460px;
	padding: 20px;
	margin: 30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

label {
	text-align: right;
	margin-right: 5px;
	line-height: 25px;
	font-weight: bold;
	width: 100px;
	float: left;
}

.frm-wrap {
	background: #dfd6b9;
	margin-top: 10px;
	padding: 10px;
	overflow: hidden;
}

.frm-wrap li {
	background: transparent !important;
	padding: 0px !important;
	margin: 0px 0px 5px 105px !important;
}

.frm-wrap .left, .frm-wrap .right { width: 50%; }

.frm-wrap .pl { padding-left: 105px; }

.frm-text {
	width: 60%;
	padding: 5px;
}

.frm-select {
	width: 64%;
	height: 25px;
}

.frm-select.small { width: 30%; }

.frm-textarea {
	width: 80%;
	height: 150px;
	padding: 5px;
}

.frm-submit {
	background: url('images/btn-booking.png') no-repeat 0px 0px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-family: 'AbrilFatface-Regular', serif;
	margin-left: 105px;
	line-height: 28px;
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	display: block;
	color: #fff;
	width: 322px;
	height: 37px;
}


#frm-booking label.error{
	color: red;
	width: 220px;
	display: block;
	float: right;
}
#frm-booking label.error[for="privacy"]{
	margin-top: -5px;
	width: 200px;
}

.datepick {
	background: url('images/icon-calendar.gif') white no-repeat 170px 3px;
}

.success{
	color: green;
	font-size: 15px;
	font-weight: bold;
}

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

.left { float: left; }
.right { float: right; }

.small { font-size: 10px; }

.red, .req { color: red; }

.wrap {
	margin: 0px auto 0px auto;
	width: 940px;
}

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


.wpcf7-checkbox label,
.wpcf7-acceptance label {
	float: initial;
	width: initial;
	font-weight: normal;
}


div.wpcf7-response-output {
	border:0px !important;
}