/* CSS Document */
/* fix this hack */
.spacer {
	margin: 0 0 0 10px;
}

.accContentLeft {
	width: 590px;
	float: left;
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	background: #cbdfe7;

}
.accContentLeft p {
	margin: 0 0 0 0;
}
.accContentLeft a {
	font-size: 12px;
}
.accBottomHBox{
	height: 540px;
	width: 800px;
}
.accContentRight {
	width: 205px;
	margin: 0 0 0 0;
	float: left;
	background: #cbdfe7;
}
.accContentRight img {
	float: right;
	margin-top: 6px;
	border-color: #ffffff;
	border-width: 1px;
}
.accContentRight a {
	text-decoration: none;
}
.accContentLeft_of_trip_advisor {
	width: 540px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: #cbdfe7;
}
.accContentRight_trip_advisor {
	width: 245px;
	margin: 0 5px 0 0;
	float: right;
	background: #cbdfe7;
}
.accHBox {
	height: 210px;
	width: 805px;
}
.accHPoolBox {
	height: 160px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.amntLeft {
	width: 25%;
	float: left;
	margin: 0 0 0 0px;
}
.amntLeftCenter {
	width: 25%;
	float: left;
	margin: 0 0 0 0;
}
.amntRightCenter {
	width: 25%;
	float:left;
	margin: 0 0 0 0;
}
.amntRight {
	width: 25%;
	clear: right;
	float:right;
	margin: 0 0 0 0px;
}
.amntRight img {
	width: 160px;
	margin-right: 0;
	padding-right: 0;
}

.amntBingBox {
	height: 260px;
	margin: 0;
}
.amntColinaBox {
	height: 266px;
	margin: 0;
}
.amntChuchaBox {
	height: 360px;
	margin: 0;
}
.amntCasaColibrisBox {
	height: 460px;
	margin: 0;
}
.amntBox {
	/*height: 460px; */
	margin: 0;
}
.amntBox strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 0 20px;
	color: #00396B;
	
}
.amntBox ul {
	margin: 0 0 0 0;
	padding: 0 0 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00396B;
}
.amntBox li {
	padding: 0 0 0 0px;
	margin:0 0 0 20px;
}
.birds img {
	border-color: #00559e;
}

body {
	background-color: #00549e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bodyHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00396B;
}
.bodyHeader p {
	margin: 0 0 0 10px;
}
.bodyHeader a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	text-decoration: none;
	margin: 0 0 0 0;
}

.bodyHeader a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0033FF;
	text-decoration: underline;
}
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	color: #000000;
}

.bodyText a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066FF;
	text-decoration: none; 
	margin: 0 0 0 0;
}

.bodyText a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066FF;
	text-decoration: underline;
}

.bodyTextItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #00396B;
}
.content {
	width:815px;
	display:block;
	margin:0px auto;
	background: #cbdfe7;
	border-right-style: solid;
	border-right-color: #00396b;
	border-bottom: solid;
	border-bottom-color: #00396b; 
}
.content h2 {
	text-align: center;
}
.header_box {
	width: 815px;
	height: 185px;
	margin: auto;
	background: #00559e;
}
.header_box img {
	
}
.indexContent {
	width:815px;
	display:block;
	margin:0px auto;
}
.indexContent_1 {
	width:815px;
	height: 415px;
	display:block;
	background-image:url('images/SergioAndTheView2a.jpg');
	background-repeat:no-repeat;
	margin:0px auto;
}
.content_header_text {
	width:800px;
	background: #cbdfe7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 6px 0;
}
.content_header_text p {
	margin: 0 10px 0px 10px;
}
.content_header_text h6 {
	font-size: 1em;
	color: #00396B;
	margin-left: 10px;
}
.content_leader {
	font-size: 1em;
	color: #0000FF;
}
.footerContact {
	width:815px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbdfe7;
}
.footerContact a{
	color: #cbdfe7;
	text-decoration: none;
}
.footerContact a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbdfe7;
	padding-right: 15px;
	text-decoration: underline;
}
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbdfe7;
	padding-right: 15px;
}
.footerText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbdfe7;
	padding-right: 15px;
	text-decoration: none;
}
.footerText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbdfe7;
	padding-right: 15px;
	text-decoration: underline;
}

.galDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin-left: 18px;
}

.galleryText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.galleryText p {
	margin-left: 18px;
}
.galleryImage {
	position:relative;
	margin:10px;
	width:85px;
	height:75px;
	overflow:hidden;
	float:left;
}
.galleryImage img {
	width: 85px;
	border: 0;
}

.galleryRight {
	float: right;
	width: 210px;
	margin-right: 10px;
	background-color: #cbdfe7;
}
.galleryLeft {
	float: left;
	clear: none;
	background: #cbdfe7;
	padding: 0 0 0 10px;
	margin-left: 25px;
}

.galleryLeft img {
	margin: 10px 0 11px 15px;
}

/*gallery page bounding box, height can be increased or decrease to add or remove photos */

.bingBox {
	height: 450px;
	background: #cbdfe7; 
}

.laChuchasBox {
	height: 816px;
	background: #cbdfe7; 
}
.colibrisBox {
	height: 880px; 
	background: #cbdfe7;
}
.colinaBox {
	height: 711px;
	background: #cbdfe7; 
}
.beautyColibris  {
	height: 880px;
	background: #cbdfe7; 
}
.beautyColibrisBox  {
	height: 880px;
	background: #cbdfe7; 
}
.poolBox {
	height: 480px; 
	background: #cbdfe7;
}
/*end of gallery boxes*/
.images {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #E8E8E8;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: inherit;
	float: right;
	padding-top: 5px;
	margin-top: 3px;
	color: #000000;
	margin-right: 10px;
}

.images a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.images a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0033FF;
	text-decoration: underline;
}

.mailtoCheckbox {
	text-align: center;
}
.navContainer ul {
    margin: 4px 0 0 6px;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.navContainer ul li {
    display: inline;
}
.navContainer ul li a {
    text-decoration: none;
    padding: .2em .2em; 
    color: #cbdfe7;
	background-color: #0066ff;
}
.navContainer ul li a:hover {
    color: #fff;
    background-color: #369;
}
.navGear {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.navGear a {
	font-size: 11px;
	text-decoration:none;
}
.navGear a:hover {
	font-size: 14px;
	color: #cbdfe7;
	background-color: #00549e;
}
.ssImages {
	width: 815px;
	margin: 0px auto;
}
.tdHBox {
	height: 165px;
	width: 805px;
	margin: 0 0 0 0;
}
.tdContentLeft {
	width: 590px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: #cbdfe7;
	margin: 0 10px 0 10px;
}
.tdContentLeft p {
	margin: 0 10px 0 10px;
}
.tdContentLeft a {
	text-decoration: none;
	/*margin-left: 10px;*/
}
.tdContentRight {
	float: right;
	margin: 0 10px 0 0;
}
.tdContentRight img {
	margin: 23px 0 0 0;
	border-color: #ffffff;
	border-width: 1px;
	
}
.accHBox {
	height: 210px;
	width: 805px;
}

.tstBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 4px 20px 6px 20px;
}
.tstCenterText {
	margin: 0;
	padding: 0;
	text-align: center;
}
.tstCenterText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.tstCenterText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066FF;
	text-decoration:none;
}
.tstCenterText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0033FF;
	text-decoration: underline;
}
.tstContent {
	font-family: Arial, Helvetica, sans-serif;
	background: #cbdfe7;
}
.tstContent hr {
	color: #0000ff;
}

.tstContent p {
	margin: 0 10px 0 10px;
}
.tstContent img {
	display: block;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
.tstContent hr {
	margin: 7px 10px 13px 10px;
}

.whiteLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

.whiteLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}

.wlkHBox {
	height: 160px;
	width: 805px;
	margin: 0px 10px 0 10px;
}

.wlkContentLeft {
	width: 590px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: #cbdfe7;
	margin: 16px 0 0 0;
}
.wlkContentLeft p {
	/*margin: 0 10px 0 10px;*/
}
.wlkContentLeft a {
	text-decoration: none;
	/*margin-left: 10px;*/
}

.wlkContentRight {
	margin: 0 10px  0 0;
	float: right;
}

.wlkContentRight img {
	margin-top: 31px;
	border: none;
}
.wlkContentRight a {
	text-decoration: none;
}

.style1 {
	color: #00549E;
}
.style7 {font-size: 12px}
.style8 {color: #000000; font-family: Arial, Helvetica, sans-serif;}
.style9 {color: #00396B; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.style10 {color: black}
.style13 {font-family: Arial}
.style16 {color: #0000FF}
.style17 {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}