/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.wrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 990px;
}
.wrapper:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#main, #top, #innertop, #innerbottom, #bottom, #feature, #footer {
	position: relative;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
}
#feature, #breadcrumb {
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05) inset, 0 -2px 1px 0 rgba(0, 0, 0, 0.05) inset;
}
#bottom, #bottom h6 {
	color: #999999;
}
#bottom h5, #bottom h4, #bottom h3 {
	color: #CCCCCC;
}
#main:after, #top:after, #innertop:after, #innerbottom:after, #bottom:after, #feature:after, #footer:after, #navigation:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#footer {
	color: #999999;
	margin-top: 10px;
}
#topBar {
	background: #3da0bf;
	color: #FFFFFF;
	font-family: pt sans narrow;
	height: 35px;
}
#branding {
	color: #9FADB6;
	height: 120px;
	line-height: 21px;
	background: #000000;
}
#logo {
	padding-top: 14px;
}
.headerInfo {
	padding: 25px 0 0;
	text-transform: uppercase;
	float: right;
}
#navigation {
	background: #3da0bf;
}
#booking {
	background: #242A31;
	color: #FFFFFF;
	line-height: 21px;
}
#footerlogo {
	padding-top: 2px;
}


/*
  List Styles 
  ================================

/*
  Navigation
  ================================

/*
  Tables 
================================================== */
table {
	width: 98%;
	border: 1px solid #421414;
	border-top: 2px solid #3DA0BF;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 1px 1px;
}
table th {
	font-size:17px;
	font-weight:normal;
	text-align:left
}
table th, table td {
	padding: 5px;
	line-height: 20px;
}
table tbody, table tfoot {
	font-size:14px
}
table .bold {
	font-weight:bold
}
table .center {
	text-align:center
}
table td * {
	vertical-align:middle
}
table tfoot {
	font-style:italic
}
table caption {
	font-size:12px;
	text-align:left;
	font-style:italic
}
table tbody td {
	border-bottom: 1px solid #D1D1D1;
	background: #FFF8AF;
}
table tbody tr:first-child td {
	border-top:1px solid #D1D1D1
}
table tbody tr:hover {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 -2px 1px rgba(0, 0, 0, 0.08);
}
table caption {
	color:#999
}
/* Zebra */
table.zebra {
	width: 98%
}
table.zebra th {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	background: #E8CA6C;
}
table.zebra th, table.zebra td {
	padding:5px
}
table.zebra tbody, table.zebra tfoot {
	font-size:14px
}
table.zebra .bold {
	font-weight:bold
}
table.zebra .center {
	text-align:center
}
table.zebra td * {
	vertical-align:middle
}
table.zebra tfoot {
	font-style:italic
}
table.zebra caption {
	font-size:12px;
	text-align:left;
	font-style:italic
}
table.zebra tbody td {
	border-bottom:1px solid rgba(0, 0, 0, 0.2)
}
ul.zebra > li:first-child, table.zebra tbody tr:first-child td {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
ul.zebra > li.odd, table.zebra tbody tr.odd {
	background:#F4F4F4 0 0 repeat
}
ul.zebra > li:nth-of-type(odd), table.zebra tbody tr:nth-of-type(odd) {
	background: #F5EFD8
}
table.zebra caption {
	color:#242A31
}
/* Pricing Table styles 
---------------------------------------------- */

#pricing_table {
	margin: 15px auto;
	text-align: center;
	width: 100%;
}
#pricing_table .pricing_section {
	border-right: medium none;
	border-top: 2px solid #63C5E2;
	float: left;
	position: relative;
}
#pricing_table .pricing_section:hover {
	background: #FCFCFC;
}
#pricing_table.pricing_3_col .pricing_section {
	width: 33.264%;
}
#pricing_table.pricing_4_col .pricing_section {
	width: 24.948%;
}
#pricing_table.pricing_4_col.table_w_active .pricing_section {
	width: 24.948%;
}
#pricing_table.pricing_3_col.table_w_active .pricing_section {
	width: 33.264%;
}
#pricing_table.pricing_4_col.table_w_active .pricing_active {
	width: 24.948%;
}
#pricing_table.pricing_3_col.table_w_active .pricing_active {
	width: 33.264%;
}
#pricing_table .pricing_active {
	border: 1px solid #D1D1D1;
	border-top: 4px solid #63C5E2;
	-moz-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.08), -5px 0 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.08), -5px 0 0 rgba(0, 0, 0, 0.08);
	box-shadow: 5px 0 0 rgba(0, 0, 0, 0.08), -5px 0 0 rgba(0, 0, 0, 0.08);
	padding: 13px 0;
	top: -13px;
	z-index: 2;
}
/* */   

#pricing_table h3 {
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 15px 5px 0;
}
#pricing_table h3 span {
	color: #d6ba28;
	display: block;
	padding: 0;
	font: bold 25px/40px 'PT Sans', Arial, Serif;
}
#pricing_table ul {
	margin: 15px 15px 35px;
	padding: 0;
	list-style: none;
}
#pricing_table li {
	border-top: 1px solid #D1D1D1;
	padding: 12px 0 0;
}
#pricing_table .best_deal {
	background: url("../images/best_deal.html") no-repeat scroll 0 0 transparent;
	display: inline;
	float: right;
	height: 80px;
	margin-bottom: -100px;
	margin-right: -4px;
	margin-top: -21px;
	position: relative;
	width: 80px;
}
/* #Slider
================================================== */
#carousel {
	margin: 10px 0 0!important;
}
#carousel li {
	margin-right: 5px;
	background: #ffffff
}
#carousel img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel img:hover {
	opacity: 1;
}
#carousel .flex-active-slide img {
	opacity: 1;
	cursor: default;
}
/* #Misc
================================================== */
.padding-ten {
	padding: 10px;
}
.add-top {
	margin-top: 20px
}
.half-top {
	margin-top: 10px
}
.more-top {
	margin-top: 30px
}
.padding-top {
	padding-top: 10px
}
.padding-bottom {
	padding-bottom: 10px
}
.line-padding {
	padding-top: 20px;
 -bracket-:hack[;
	padding-top:18px;
 ];
}
.centered {
	text-align:center
}
.uppercase {
	text-transform: capitalize;
	font-size: 18px;
}
.strong {
	font-weight: bold
}
.remove-lineheight {
	line-height: 0 !important
}
/* Gallery */
ul.gallery {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
ul.gallery li.item {
	overflow: hidden;
}
ul.gallery li.item h3 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
/* Google Map */
.mapContainer {
	border: 1px solid #D1D1D1;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
	padding: 5px;
}
.gmap {
	border: none;
	height: 300px;
	width: 100%;
}
/* Forms */
#contactForm textarea, #commentForm textarea {
	width: 620px;
}
#searchInput {
	margin-bottom: 30px;
}
#searchInput input {
	width: 270px;
	padding: 8px 4px;
	border-radius: 3px;
}
.searchButton {
	background: url("../images/icons/search.png") no-repeat scroll 50% center #3DA0BF;
	border: medium none;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	float: right;
	height: 35px;
	margin: 0 0 0 -35px;
	padding: 0;
	position: relative;
	right: 0;
	top: 0;
	transition: all 0.3 ease;
	width: 40px;
	z-index: 100;
}
.searchButton:hover {
	background: url("../images/icons/search.png") no-repeat scroll 50% center #242A31;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.wrapper {width: 768px;}
		.bookingHeader > h3 {font-size: 24px; line-height: 28px;}
		.bookingHeader > p {font-size: 13px; line-height: 35px;}
		.topbutton {margin: 0 4px;}
		#footerlogo {padding-top: 5px;}
		#contactForm textarea, #commentForm textarea {width: 498px;}
		#searchInput input {width: 210px;}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		ul.gallery {width: 768px;}
		/* Pricing Table */
		#pricing_table.pricing_3_col .pricing_section {width: 33.241%;}
		#pricing_table.pricing_4_col .pricing_section {width: 24.935%;}
		#pricing_table.pricing_4_col.table_w_active .pricing_section {width: 24.935%;}
		#pricing_table.pricing_3_col.table_w_active .pricing_section {width: 33.241%;}
		#pricing_table.pricing_4_col.table_w_active .pricing_active {width: 24.935%;}
		#pricing_table.pricing_3_col.table_w_active .pricing_active {width: 33.241%;}
		/* Blog */
		.childlist {margin: 12px 0 10px 95px;}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.wrapper {width: 420px;}
		#topBar {
	height: 35px;
}
		.topLinksContainer {text-align: center;}
		ul.topLinks {float: none; margin: 10px}
		.langContainer {text-align: center;}
		ul.lang {float: none; margin: 0 0 10px}
		#innerHeader {text-align: center}
		.weatherFeed {padding: 0;}
		.weatherIcon {display: block; float: none; margin-bottom: 10px; padding-left: 177px; padding-right: 0; width: 65px;}
		.weatherCity, .weatherIcon, .weatherTemp, .weatherDesc {text-align: center;}
		.bookingHeader {padding: 0 10px; margin-bottom: 10px;}
		.bookingHeader > h3 {font-size: 30px; line-height: 34px;}
		.bookingHeader > p {font-size: 14px; line-height: 24px;}
		#bookingForm {padding: 0 10px;}
		.box {margin-left: 10px; margin-right: 10px;}
		.boxTitle span {display: block; padding-left: 0;}
		.subTitle span {display: inline-block; padding-left: 10px;}
		.picFrame, .picFrameLite {margin: 10px;}
		.imgCircle {margin: 30px;}
		.thumbImg {margin: 0 20px 0 0;}
		ul.gallery {width: 300px;}
		.well {margin-left: 10px; margin-right: 10px;}
		.testimonial span {margin-left: 10px; margin-right: 10px; padding: 10px 10px 0;}
		.guestname {padding: 15px 0 0 30px;}
		.bottomBox {margin-bottom: 30px}
		#contactForm textarea, #commentForm textarea, #searchInput input {width: 390px;}
		#subscribe {padding: 0 10px;}
		#subscribe p {margin-left: 0; margin-right: 0;}
		.social {padding: 0 10px;}
		ul#footerlinks {text-align: center;}
		ul#footerlinks li:first-child {padding-left: 5px;}
		.topbuttonContainer {text-align: center;}
		.topbutton {margin: 0 4px 30px; display: inline-block}
		#footerlogo > img {margin: 0 30px; width: 360px;}
		.copyright {text-align: center}
		/* Pricing Table */
		#pricing_table .pricing_section {margin-bottom: 10px;}
		#pricing_table.pricing_3_col .pricing_section {width: 400px;}
		#pricing_table.pricing_4_col .pricing_section {width: 400px;}
		#pricing_table.pricing_4_col.table_w_active .pricing_section {width: 400px;}
		#pricing_table.pricing_3_col.table_w_active .pricing_section {width: 400px;}
		#pricing_table.pricing_4_col.table_w_active .pricing_active {width: 398px;}
		#pricing_table.pricing_3_col.table_w_active .pricing_active {width: 398px;}
		#pricing_table .pricing_active {top: 0; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08); margin-bottom: 15px;}
		/* Blog */
		.avatar {height: 70px; margin: 0 170px 5px; width: 70px;}
		.commentBy {margin-bottom: 10px;}
		.commentArrow {background: url("../images/comment_pointer_top.png") no-repeat scroll 0 0 transparent; float: left; height: 20px; margin-left: 203px; margin-top: -9px; position: relative; width: 14px; z-index: 2;}
		.commentDes {margin-left: 10px; margin-right: 10px;}
		.commentDes > p {margin-left: 0; margin-right: 0;}
		.childlist {margin: 12px 0 10px;}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		ul.gallery {width: 420px;}
		/* Menu */
		#navigation {background: none transparent}
		.navigationBar {width: 420px;}
		.navigationBar nav {float: none !important;}
		.navigationBar nav ul {display: none;}
		.navigationBar nav select {display: inline-block;}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.wrapper {width: 300px;}
		#topBar {
	height: 35px;
}
		.topLinksContainer {text-align: center;}
		ul.topLinks {float: none; margin: 10px}
		.langContainer {text-align: center;}
		ul.lang {float: none; margin: 0 0 10px}
		#innerHeader {text-align: center}
		.weatherFeed {padding: 0;}
		.weatherIcon {display: block; float: none; margin-bottom: 10px; padding-left: 117px; padding-right: 0; width: 65px;}
		.weatherCity, .weatherIcon, .weatherTemp, .weatherDesc {text-align: center;}
		.bookingHeader {padding: 0 10px; margin-bottom: 10px;}
		.bookingHeader > h3 {font-size: 30px; line-height: 34px;}
		.bookingHeader > p {font-size: 14px; line-height: 24px;}
		#bookingForm {padding: 0 10px;}
		.box {margin-left: 10px; margin-right: 10px;}
		.boxTitle span {display: block; padding-left: 0;}
		.subTitle span {display: inline-block; padding-left: 10px;}
		.picFrame, .picFrameLite {margin: 10px;}
		.imgCircle {margin: 20px;}
		.thumbImg {margin: 0 20px 0 0;}
		.well {margin-left: 10px; margin-right: 10px;}
		.testimonial span {margin-left: 10px; margin-right: 10px; padding: 10px 10px 0;}
		.guestname {padding: 15px 0 0 30px;}
		.bottomBox {margin-bottom: 30px}
		#contactForm textarea, #commentForm textarea, #searchInput input {width: 270px;}
		#subscribe {padding: 0 10px;}
		.social {padding: 0 10px;}
		ul#footerlinks {text-align: center;}
		ul#footerlinks li:first-child {padding-left: 5px;}
		.topbuttonContainer {text-align: center;}
		.topbutton {margin: 0 4px 30px; display: inline-block}
		#footerlogo > img {margin: 0 30px; width: 240px;}
		.copyright {text-align: center}
		/* Menu */
		#navigation {background: none transparent}
		.navigationBar {width: 300px;}
		.navigationBar nav {float: none !important;}
		.navigationBar nav ul {display: none;}
		.navigationBar nav select {display: inline-block;}
		/* Pricing Table */
		#pricing_table .pricing_section {margin-bottom: 10px;}
		#pricing_table.pricing_3_col .pricing_section {width: 280px;}
		#pricing_table.pricing_4_col .pricing_section {width: 280px;}
		#pricing_table.pricing_4_col.table_w_active .pricing_section {width: 280px;}
		#pricing_table.pricing_3_col.table_w_active .pricing_section {width: 280px;}
		#pricing_table.pricing_4_col.table_w_active .pricing_active {width: 278px;}
		#pricing_table.pricing_3_col.table_w_active .pricing_active {width: 278px;}
		#pricing_table .pricing_active {top: 0; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.08); margin-bottom: 15px;}
		/* Blog */
		.avatar {height: 70px; margin: 0 110px 5px; width: 70px;}
		.commentBy {margin-bottom: 10px;}
		.commentArrow {background: url("../images/comment_pointer_top.png") no-repeat scroll 0 0 transparent; float: left; height: 20px; margin-left: 143px; margin-top: -9px; position: relative; width: 14px; z-index: 2;}
		.commentDes {margin-left: 10px; margin-right: 10px;}
		.childlist {margin: 12px 0 10px;}
}
.cajadevideo{
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	padding-left: 5px;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}