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

/* Micro clearfix */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.fl { float: left; }
.fr { float: right; }

* { border-size: border-box; }
img { max-width: 100%; }

body {
	background-color: #9B916F;
	background: linear-gradient( #D1CAB6, #BFB79E, #9B916F, #857C5F, #726A51, #625B45 ) fixed;
	font-family: 'DroidSansRegular', sans-serif;
	margin: 0;
}

h1 {
	color: #48484A;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	letter-spacing: 0.1rem;
	margin: 0 auto 1rem auto;
	text-shadow: 0.1rem 0.1rem 0.1rem #bbb;
}
h2 {
	color: #48484A;
}
h3 {
	color: #48484A;
	line-height: 1.2;
	margin: 1.5rem auto 0.2rem auto;
}
p,
ul li {
	color: #48484A;
	font-size: 1.1em;
	line-height: 1.4;
}
.small-text { font-size: 90%; }
ul li { margin-bottom: 1rem; }
a { text-decoration: none; }
.text-link {
	color: #48484A;
	border-bottom: solid 0.2rem #344801;
	padding: 0.3rem 0.3rem 0 0.3rem;
	text-decoration: none;
}
.text-link:hover {
	background-color: #344801;
	color: #fff;
}

#frame {
	background-color: #E6E0CB;
	margin: 3.4rem auto 0 auto;
	max-width: 46.875rem;
	padding-bottom: 0.5rem;
}
#content {
	padding: 1em;
}

.img-border { border: solid 1px #364909; }
.img-shadow { box-shadow: 0 4px 8px #999; }
.img-panel { text-align: center; }
.img-panel img {
	display: inline-block;
	border: solid 1px #364909;
	margin: 0.5rem 0.7rem 1.5rem 0.7rem;
	box-shadow: 0 4px 8px #999;
}
.thumb-caption { 
	display: inline-block;
	font-size: 0.9em;
	margin: 0.5rem 0.7rem 1rem 0.7rem; 
	vertical-align: top;
	width: 13.125rem;
}
.thumb-caption img {
	display: block;
	border: solid 1px #364909;
	margin-bottom: 0.5rem;
	box-shadow: 0 4px 8px #999;
}
.thumb-panoramic { 
	display: inline-block;
	font-size: 0.9em;
	margin: 0.5rem 0.5rem 1rem 0.5rem; 
	vertical-align: top;
	width: 28.125rem;
}
.thumb-panoramic img {
	display: block;
	border: solid 1px #364909;
	margin-bottom: 0.5rem;
	box-shadow: 0 4px 8px #999;
}
.big-image {
	display: block;
	margin:  1rem auto;
	text-align: center;
}
.big-image img {
	display: block;
	margin: auto;
}

.button {
	background-color: #344801;
	background: linear-gradient( #879268, #344801 );
	color: #fff;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0.5rem;
	padding: 0.7rem 1rem 0.5rem 1rem;
	text-align: center;
	text-decoration: none;
	border-radius: 0.25rem;
	box-shadow: 0 3px 5px #aaa;
}
.button:hover,
.button:focus,
.button:active {
	background-color: #D3C39F;
	background: linear-gradient( #AFA893, #867D60 );
	color: #fff;
	outline: none;
}
.button.block { margin-bottom: 1rem; }
.block { display: block; }
.inline-block { display: inline-block; }
.center {
	margin-left: auto;
	margin-right: auto;
}

.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	margin: 0 0.25rem 1rem 0.25rem;
}

.text-block {
	background-color: #F5F1E1;
	border: solid #B5A982 1px;
	margin-bottom: 1rem;
	padding: 0.05rem 1rem;
}
.text-block img.fr {
	border: solid 1px #364909;
	margin: 20px 0 15px 15px;
}

.text-disclaimer {
	background-color: #F5F1E1;
	font-family: 'DroidSansRegular', sans-serif;
	font-size: 0.6em;
	font-style: italic;
	border: solid #B5A982 1px;	
	margin: 0.5rem 0.7rem 0.5rem 0.7rem;
	padding: 0.05rem 1rem;
}


.gps-co {
	margin: 5% auto 8%;
	text-align: center;
}
/*.badge {
	float: right;
	margin: 1.2rem 0 1rem 2.5rem;
	}*/

	.half {
		display: block;
		margin: auto;
	}

	.logos {
		background-color: #fff;
		max-width: 882px;
		margin: 0 auto;
		padding: 5px 0 0 0;
		border-radius: 5px;
		box-shadow: #333 3px 5px 8px;
	}
	.logos img {
		margin: 0 2px;
	padding: 0;/*
	display: block;
	float: left;*/
	/*position: relative;
	top: 50%;
	transform: translateY(-50%);*/
}

.certificate {
	display: inline-block;
	margin: 0 0.5rem 1rem 0.5rem;
	vertical-align: middle;
}

.table {
	background-color: #F5F1E1;
	border: solid 1px #C4C3B2;
	border-collapse: collapse;
	margin-top: 0.5rem;
	min-width: 26rem;
}
.table th,
.table td {
	border: solid 1px #C4C3B2;
	color: #48484A;
	padding: 0.5em 0.5em 0.3em 0.5em;
	text-align: left;
}
.table-responsive {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#photos {
	text-align: center;
}
.photo {
	display: inline-block;
	margin: 0.3rem 0.5rem 1rem 0.5rem;
	vertical-align: middle;
}

.contact-image {
	display: inline-block;
	margin: 1rem 0.5rem 0 0.5rem;
	vertical-align: middle;
}
#facebook { margin-bottom: 1rem; }

input,
textarea {
	display: block;
	font-size: 1em;
	margin: auto;
	padding: 0.3rem 0.5rem;
}
input,
select,
textarea {
	border: solid 1px #e1e1e1;
	margin-bottom: 1em;
	width: 15.6rem;
}
textarea {
	font-family: 'DroidSansRegular', sans-serif; 
	height: 8rem; 
}
input[type=submit] { 
	background-color: #867D60;
	background: linear-gradient( #AFA893, #867D60 );
	border: none;
	font-size: 1.1em;
	color: #FAFDFF;
	letter-spacing: 1px;
	padding: 0.2rem 1.5rem 0.3rem 1.5rem; 
	width: auto;
	border-radius: 0.75rem;
}
input[type=submit]:hover {  
	background-color: #777;
	background: linear-gradient( #aaa, #777 );
	box-shadow: 0 2px 2px #999; 
	cursor: pointer;
}

input[placeholder],
textarea[placeholder] { 
	color: #777; 
}
h3.error {
	color: #b00;
	font-size: 1em;
}
div.error { 
	background-color: #fff;
	border: solid 1px #b00;
	color: #b00;
	margin: 0.4rem 0.8rem;
	padding: 0.4rem 0.2rem 0.2rem 0.2rem;
	text-align: center;
	border-radius: 0.2rem; 
}

#footer {
	color: #ccc;
	font-size: 0.9em;
	line-height: 1.8;
	text-align: center;
	margin: 1rem auto;
}
#footer a {
	background-color: #fff;
	border: solid 1px #070;
	color: #070;
	font-size: 0.9em;
	padding: 0.2rem 0.2rem 0 0.2rem;
}
#footer a span { color: #f70; }
#footer a:hover { color: #f70; }
#footer a:hover span { color: #070; }

@media (max-width: 51.25rem) {         /* 820px */
	.badge {
		display: none;
	}
}