@charset "utf-8";

#datesBox {
	display: inline-block;
	position: relative;
	margin:auto;
  
	
	background-color:rgba(255,255,255,0.0) !important;
	border-radius:10px;
	/*
	-webkit-box-shadow:0px 10px 16px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 10px 16px rgba(0, 0, 0, 0.2);
	box-shadow:0px 10px 16px rgba(0, 0, 0, 0.2);	
	*/
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

#datesBox input, #datesBox select {
	background-color:rgba(255,255,255,0.6) !important;
	/*background-color:rgba(0,0,0,0.3) !important;*/
}


#datesBookSite {
	/*
	padding-left:32px;
	padding-right:32px;
	padding-bottom:32px;
	*/
	margin:auto;
	max-width:1100px;
	box-sizing: border-box;
	padding-bottom:32px;
}
#bookLeft {
	float:left;
	width:50%;
}
#bookRight {
	float:right;
	width:35%;
}
#bookRight img {
	width:100%;
}

input, select, textarea {
	font-size:1.3em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	color:#000;
}
input[type=text], select, textarea {
	text-align:center;
	outline: none;
	border:1px solid #000;
	border-radius:8px;
	padding:12px 0px 12px 0px;
	margin:12px 20px 13px 0px;	
	background-color:#FFF;
}
input[type=text], textarea, #datesBookSite select {
	margin-left: 20px !important;
}

input#datesFromTo {
	width:360px;
	background:url("../images/arrow-right.png") no-repeat center;
}
.widthReservation {
	width:460px !important;
}
input[name=booker], input[name=email], input[name=phone], input[name=passportCountry], input[name=passportNumber],textarea {
	text-align:left !important;
	padding:12px !important;
	box-sizing: border-box;	
}
input[name=dates]::selection { background: transparent; }
input[name=dates]::-moz-selection { background: transparent; }
select {
	width:140px;
}
textarea[name=guestsNames] {
	height:204px;
}
textarea[name=comment] {
	height:100px;
}
input#submitInput {
	/*
	padding:30px 54px 30px 40px;
	border:0px solid #FFF;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	background:#978A7D url("../images/arrow-search.png") no-repeat right;
	cursor:pointer;
	*/
	
	padding:13px 54px 13px 40px;
	border:1px solid #000;
	border-top-right-radius:8px;
	border-radius:8px;
	font-size:1.3em;
	/*font-weight:400;*/
	/*background:#978A7D url("../images/arrow-search.png") no-repeat right;*/
	background:url("../images/arrow-search_black.png") no-repeat right;
	background-color:rgba(255,255,255,0.6) !important;
	/*background-color:rgba(0,0,0,0.3) !important;*/
	
	cursor:pointer;
}
input#submitInput:hover, input#finalBook:hover {
	background-color:#513C27;
}

#submitReservation {
	margin:40px 0px 0px 0px !important;
}
#submitReservation div {
	margin-top:20px !important;
}
input#finalBook {
	/*float:right;*/
	padding:12px 40px 12px 40px;
	border:0px solid #FFF;
	border-radius:8px;
	color:#FFF;
	font-size:1.1em;
	font-weight:400;
	background-color:#978A7D;
	/*background:#978A7D url("../images/arrow-search.png") no-repeat right;*/
	cursor:pointer;
}
input[name=code] {
	float:left;
	width:140px;
	padding:12px 30px 12px 30px !important;
	margin:0px 0px 0px 20px !important;
	font-size:1.1em;
}
input[name=applyCode] {
	float:right;
	padding:12px 30px 12px 30px;
	margin:0px 20px 0px 0px !important;
	border:1px solid #978A7D;
	border-radius:8px;
	color:#978A7D;
	font-size:1.1em;
	font-weight:400;
	background-color:#FFF;
	/*background:#978A7D url("../images/arrow-search.png") no-repeat right;*/
	cursor:pointer;
}
input[name=applyCode]:hover {
	color:#513C27;
	border:1px solid #513C27;
}
.boxCar {
	border-radius:8px;
	height:300px;
	margin:0px 0px 20px 20px;
	box-sizing: border-box;	
}
.boxCar #textCar {
	padding:12px !important;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	color:#FFF;
	text-align:left !important;
	background-color:rgba(0,0,0,0.5);
}
.boxCar #textCar div {
	font-weight:700;
}
#toyotaFJ {
	background:url("../images/toyota-fj.jpg") no-repeat center;
}
#jeepWrangler {
	background:url("../images/jeep-wrangler.jpg") no-repeat center;
}

#addCar {
	text-align:right;
	padding:198px 18px 0px 0px;
}
#toyotaFJ input {
	padding:10px 20px 11px 20px;
	border:1px solid #513C27;
	border-radius:8px;
	color:#FFF;
	font-size:1em;
	font-weight:400;
	background-color:#978A7D;
	/*background:#978A7D url("../images/arrow-search.png") no-repeat right;*/
	cursor:pointer;
}
#toyotaFJ input:hover {
	background-color:#513C27;
}
#carAdded {
	display:none;
	color:#19d700;
	font-weight:700;
}

#bookRight div {
	margin:2px 0px 6px 0px;
}

#promotionalCode {
	padding:15px 24px 20px 24px;
	margin:20px 0px !important;
	border-radius:8px;
	background-color:#EEE;
	
}
#promotionalCode input {
	margin:10px 0px 0px 0px !important;
}

.lineH {
	margin:10px 0px;
	line-height:0px;
	border-bottom:1px solid #EEE;
}
.biggerText {
	font-weight:700;
	margin:0px 0px 8px 0px;
	color#999;
	font-size: 1.2em;
}
.smallerText {
	font-style:italic;
	color#999;
	font-size: 0.9em;
	margin:0px 0px 8px 0px !important;
}

#promoDiscount {
	display:none;
}
#summaryDiscount {
	font-weight:700;
	color:#00a90c;
}
#totalRow {
	color:#513C27;
}
.warningColor {
	color:#d10000 !important;
}
.warningBorder {
	border-color:#d10000 !important;
}

/*@media (max-width: 480px) {
@media only screen and (min-width: 340px) and (max-width: 380px) {
*/
@media screen and (max-width: 800px) {
	#datesBox {
		width:340px;
	}
	/*
	input {
		width:160px;
	}
	*/
	#bookLeft, #bookRight {
		float:none;
		width:90%;		
		margin:auto;
	}

	input, select {
		font-size:1.1em;
	}
	input#datesFromTo, select {
		padding:12px 0px 12px 0px;
		margin:12px 20px 13px 0px;	
	}
	input#datesFromTo {
		width:300px;
		margin-left: 20px !important;
		background:url("../images/arrow-right.png") no-repeat center;
	}
	select {
		-webkit-appearance: none;
		width:120px;
	}
	input#submitInput {
		padding:14px 54px 14px 40px;
		border:1px solid #000;
		border-top-right-radius:8px;
		border-radius:8px;
		color:#000;
		font-size:1.1em;
		/*font-weight:400;
		background:#978A7D url("../images/arrow-search_black.png") no-repeat right;*/
		background:url("../images/arrow-search_black.png") no-repeat right;
		cursor:pointer;
	}
	
	input[name=code] {
		width:92px;
	}
	
	#villaImage {
		display:none;
	}
	
	.widthReservation {
		width:290px !important;
	}
	
}