* {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	clear: both;
}





@font-face {
	font-family: 'Spring';
	src: url('../fonts/spring/spring.eot');
	src: local('☺'), url('../fonts/spring/spring.woff') format('woff'), url('../fonts/spring/spring.ttf') format('truetype'), url('../fonts/spring/spring.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aero';
	src: url('../fonts/aero/aero.eot');
	src: local('☺'), url('../fonts/aero/aero.woff') format('woff'), url('../fonts/aero/aero.ttf') format('truetype'), url('../fonts/aero/aero.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.aero{
	font-family:'Aero', Arial, sans-serif;
}

.spring{
	font-family: 'spring', cursive;
}


/*///////////logo////////*/

.logo{
	color:#cb9101;
	float:left;
	width:145px;
	padding:15px;
	margin:-10px 0 0 100px;
}

.logo:hover{
	
}

	.cabo_surf{
		font-size: 35px;
		line-height: 35px;
		margin: 0 0 5px 0;
		text-align:center;
	}
	.hotel_spa{
		font-size: 22px;
		line-height: 22px;
		margin: 0;
		text-align:center;
	}
	.beachside{
		color:#7f9a15;
		font-size: 8px;
		letter-spacing: 5px;
		line-height:8px;
		margin: 0 0 5px 0;
		text-align:center;
	}
	.logo_waves{
		border:none;
		margin-left: 35px;
	}


/*/////////site//////////*/




html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background-image: url('../img/background.jpg');
	background-position: center center; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
	body :focus {
		outline: none;
	}
	
	#window {
		background-color: #223c3c;
		color: #FFFFFF;
		height: 100px;
		left: 0px;
		opacity: .9;
		overflow: auto;
		padding: 10px;
		position: absolute;
		top: 0px;
		width: 987px;
		z-index: 9999;
	}
	
		#text #window h3 {
			border-bottom: 3px solid #ffffff;
			color: #FFFFFF;
			margin-bottom: 10px;
			font-size: 24px;	
		}
	
		#text #window p {
			color: #FFFFFF;
			font-size: 16px;
		}
		
		#text #window #buttons {
			bottom: 0;
			position: absolute;
		}
		
			#text #window #buttons span {
				background-color: #252515;
				cursor: pointer;
				float: right;
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 5px;
				padding-left: 10px;
				padding-right: 10px;
			}
			
				#text #window #buttons span:hover {
					background-color: #666600;
				}
			
				#text #window #buttons img {
					vertical-align: middle;
				}

	#whiteBackground {
		background-image: url('../img/background.png');
		background-repeat: repeat-x;
		margin: 0px;
		padding: 0px;		
	}

	#wrapper {
		margin: 0 auto 0 auto;
		overflow: visible;
		position: relative;
		width: 1002px;
	}
		
		#flower {
			height: 218px;
			left: -120px;		
			position: absolute;
			top: 50px;	
			width: 275px;
			z-index: 8000;
		}
	
		#header {
			height: 150px;
			overflow: hidden;
			width: 1002px;
		}
		
			#logo {
				float: left;
				margin: 0px;
				margin-left: 50px;
				margin-top: 40px;				
			}
		
			#topBar {
				clear: none;
				display: block;
				float: right;
				margin-right: 20px;
				margin-top: 25px;
				text-align: right;
				width: 200px;
			}
			
				#topBar a {
					color: #223c3c;
					font-weight: bold;
					text-decoration: none;
				}
			
				#topBar div {
					line-height: 28px;
					margin-bottom: 50px;
					position: relative;
				}
				
					#languageSelector {
						background-color: #223c3c;
						display: none;
						right: 30px;
						list-style-type: none;
						position: absolute;
						top: 20px;
						width: 70px;
					}
					
						#languageSelector a {
							color: #FFFFFF;
							padding-right: 5px;
						}
				
					#topBar img {
						clear: none;
						display: inline;
						margin-left: 5px;
						position: relative;
						top: 10px;
					}
					
						#topBar a {
							opacity: 0.7;
						}
						
							#topBar a:hover {
								opacity: 1;
							}
					
						.link-facebook, .link-tripadvisor, .link-twitter, .link-panoramio, .link-youtube {
							background-image: url('../img/socialnetworks.png');
							background-position: 0 0;
							clear: none;
							display: inline-block;
							height: 28px;
							width: 34px;
						}
						
						.link-facebook {
							background-position: 33px 0px;
						}
						
						.link-twitter {
							background-position: 62px 0px;
						}
		
						.link-youtube {
							background-position: 98px 0px;
						}
						
						.link-panoramio {
							background-position: 130px 0px;
						}
						
			#document {
				background-image: url('../img/document-footer.png');
				background-position: top;
				background-repeat: no-repeat;
				padding-top: 24px;
				overflow: visible;
				text-align: left;
			}
			
				#document a {
					text-decoration: none;

				}
				
				#reservations, #administration {
					background-color: #223c3c;
					height: 40px;
				}
				
				#administration {
					color: #FFFFFF;
					font-size: 48px;
					font-weight: bold;
					height: 80px;
					padding-left: 150px;
				}
				
				#reservations {
					height: 62px;
					overflow: hidden;
				}
				
					#reservations #reservation {
						color: #FFFFFF;
						display: block;						
						float: right;
						height: 40px;
						margin: 0px;
						width: 600px;
					}
					
						#reservations h3 {
							font-size: 24px;
							line-height: 20px;
							margin: 0px;
							padding: 0px;
							text-transform: uppercase;
						}
					
						#reservations button {
							border: 1px solid #3C3C1C;
							background-color: #252515;
							color: #FFFFFF;
							cursor: pointer;
							font-size: 12px;
							height: 20px;
							line-height: 24px;
							padding-bottom: 4px;
							padding-left: 4px;
							padding-right: 4px;
						}
					
						#reservation label {
							clear: none;
							display: block;
							float: left;
							height: 40px;
							margin-right: 10px;
							overflow: visible;
						}
						
						#reservation select {
							border: 0px;
							height: 20px;
							padding: 0px;
							width: 65px;
						}
						
						#reservation input {
							border: 0px;
							background-image: url('../img/date-picker.gif');
							background-position: center right;
							background-repeat: no-repeat;
							height: 20px;
							padding: 0px;
							padding-right: 18px;
							width: 70px;
						}

				#menuBar {
					clear: none;
					display: block;
					float: left;
					height: 38px;
					margin-bottom: 22px;
					width: 1002px;
				}
				
					#menuBar #menuBox {
						background: none;
						clear: none;
						color: #FFFFFF;
						display: block;
						float: right;
						height: 35px;
						line-height: 35px;
						overflow: hidden;
						margin: 0px;
						padding: 0px;
						position: relative;
						text-transform: uppercase;
						width: 150px;						
					}
					
						#menuBar #menuBox div {
							background-image: url('../img/menuBox.png');
							background-repeat: no-repeat;
							background-position: top left;
							clear: none;
							display: block;
							float: left;
							margin: 0px;
							position: absolute;
							right: 0px;
							text-align: left;
							top: 0px;
							width: 150px;
						}
						
						#menuBar #menuBox input {
							background: none;
							border: 0px;
							color: #AAA0A0;
							height: 19px;
							left: 8px;
							padding-left: 2px;
							position: relative;
							top: -1px;
							width: 120px;
						}
						
							#menuBar #menuBox button {
								background: none;
								background-image: url('../img/menuBox-search.png');
								background-repeat: no-repeat;
								background-position: top left;
								border: 0px;
								cursor: pointer;
								height: 15px;
								left: 0px;
								margin: 0px;
								padding: 0px;
								position: relative;
								top: 1px;
								width: 16px;
							}

						#menuBar #menuBox input:hover {
							color: #FFFFFF;
						}
					
					#menuBar ul {
						list-style-type: none;
						text-align: right;
					}
					
						#menuBar li {
							background-color: #252515;
							background-image: url('../img/menu.png');
							background-position: top left;
							background-position-y: 0px;
							background-repeat: no-repeat;
							clear: none;
							display: block;
							float: left;
							margin-right: 5px;
							overflow: visible;
							position: relative;
							min-width: 20px;
						}
						
							#menuBar li:hover {
								background: none;
								background-color: #AEAE22;								
							}
						
							#menuBar li a {
								background-image: url('../img/menu.png');
								background-position: right -38px;
								background-repeat: repeat-y;
								color: #FFFFFF;
								display: block;
								height: 35px;
								line-height: 35px;
								overflow: hidden;
								padding-left: 18px;
								padding-right: 18px;
								position: relative;
								text-transform: uppercase;
							}
							
							#menuBar li:hover a {
								background: none;
								height: 38px;
								line-height: 38px;
							} 
							
								#menuBar ul li:hover ul a {
									height: 26px;
									line-height: 26px;
								} 

								#menuBar ul li:hover ul {
									display: block;
								}
							
								#menuBar ul ul {
									background-image: url('../img/menu-corners.png');
									background-position: bottom left;
									background-repeat: no-repeat;
									display: none;
									left: 0px;
									padding-bottom: 14px;
									position: absolute;
									top: 38px;
									z-index: 1000;
									width: 200px;
								}
							
									#menuBar ul ul li {
										background: none;
										background-color: #252515;
										clear: both;
										display: block;
										height: 26px;
										line-height: 26px;
										margin: 0px;
									}
								
										#menuBar ul ul li a {
											margin-bottom: 0px;
											height: 26px;
											line-height: 26px;
											width: 172px;
											padding-left: 10px;
											text-align: left;
										}
				
				#content {
					clear: none;
					display: block;
					float: right;
					width: 1002px;
				}
				
					#content a {
						color: #666666;
						font-weight: bold;
					}
					
						#content a:hover {
							color: #000000;
						}
				
					#banner {
						background-color: #223c3c;
						overflow: hidden;
						height: 335px;
						width: 1002px;
					}
					
					#myFlashDiv {
						margin-left: 10px;
					}
					
					#imageContainer {
						position:relative;
						height: 310px;
						margin: 0 auto;
						margin-top: 14px;
						overflow: hidden;
						width:992px;
					}

						#imageContainer img {
							/*display: none;*/
							margin-left: 10px;
							left: 0px;
							position:absolute;
							top: 0px;
						}
					
					#page {
						min-height: 500px;
						overflow: visible;
						position: relative;
					}
					
						#sideBar {
							clear: none;
							display: block;
							float: right;
							width: 230px;
						}
											
							#sideBar .widget {
								clear: none;
								display: block;
								position: relative;
							}
						
							#sideBar .contentWidget {
								clear: none;
								display: block;
								padding: 10px;
								width: 210px;
							}

							#sideBar .openWidget, #sideBar .closeWidget {
								background-image: url('../img/sideBar-widget.png');
								background-position: top left;
								clear: none;
								display: block;
								height: 15px;						
								position: absolute;
								top: 0px;
								left: 0px;
								width: 230px;
								z-index: 9;
							}
							
							#sideBar .closeWidget {
								background-position: bottom left;
								clear: none;
								position: relative;
								top: -15px;
							}
							
							#sideBar #widgetMoon {
								background-color: #000000;
								color: #999999;
								font-size: 14px;
								height: 80px;	
								line-height: 30px;
								overflow: hidden;		
								position: relative;		
								width: 230px;		
							}
							
								#sideBar #widgetMoon h4 {
									color: #FFFFFF;
									font-size: 22px;
								}
								
								#sideBar #widgetMoon img {
									clear: none;
									display: block;
									float: right;
									left: 160px;
									position: absolute;
									top: 15px;
								}

							#sideBar #widgetBanner {
								height: 400px;	
								overflow: hidden;		
								position: relative;		
								width: 230px;		
							}
							
							
							#sideBar #widgetMeebo {
								height: 250px;	
								overflow: hidden;		
								position: relative;		
								width: 230px;		
							}
							
								#adsContainer {
									height: 400px;
									left: -10px;
									overflow: hidden;
									position: relative;
									top: -10px;
									width:230px;
								}
			
									#adsContainer img {
										display: none;
										left: 0px;
										position:absolute;
										top: 0px;
									}
												
							#sideBar #widgetWeather {
								background-image: url('../img/weather.jpg');
								color: #FFFFFF;
								font-size: 16px;
								height: 170px;
								line-height: 28px;
								overflow: hidden;											
								position: relative;		
								text-align: center;
								width: 230px;		
							}
							
								#sideBar #widgetWeather h4 {
									font-size: 30px;
									margin-bottom: 0px;
								}
				
							#sideBar #widgetSubscribe {
								color: #FFFFFF;
								background-color: #223c3f;
								height: 170px;				
								position: relative;		
								width: 230px;		
							}

								#widgetSubscribe h4 {
									font-size: 30px;
								}
								
								#widgetSubscribe p {
									font-size: 18px;
								}
								
								#widgetSubscribe input {
									border: 1px solid #899999;
									background-color: #CACADA;
									clear: none;
									color: #535353;
									font-size: 14px;
									height: 20px;
									margin: 0px;
									padding: 0px;
									margin-top: 10px;
									width: 120px;
								} 
								
								#widgetSubscribe button {
									border: 0px;
									background-color: #223C3F;
									clear: none;
									color: #FFFFFF;
									display: block;
									float: right;
									height: 22px;
									line-height: 20px;
									font-size: 14px;
									margin: 0px;
									margin-top: 10px;
									padding: 0px;
									width: 80px;
								}
								

							#sideBar #widgetGoGreen {
								background-image: url('../img/goes_green/sidebar_eng.jpg');
								color: #fff;
								font-size: 14px;
								height: 171px;	
								line-height: 30px;
								overflow: hidden;		
								position: relative;		
								width: 230px;		
							}
				
						#welcome {
							background-image: url('../img/welcome.png');
							background-position: top left;
							background-repeat: no-repeat;
							clear: none;
							color: #FFFFFF;
							float: left;
							height: 244px;
							margin-bottom: 20px;
							position: relative;
							width: 750px;
						}
						
							#welcome div {
								clear: none;
								display: block;
								font-size: 14px;
								line-height: 16px;
								height: 160px;
								left: 30px;
								position: relative;
								top: 50px;
								width: 680px;
							}
							
							#welcome h2 {
								font-size: 60px;
								line-height: 60px;
								margin-bottom: 10px;
								text-transform: uppercase;
							}

						#text {
							background-color: #FFFFFF;
							background-image: url('../img/text.png');
							background-position: top left;
							background-repeat: no-repeat;
							clear: none;
							float: left;
							font-size: 14px;
							margin-bottom: 20px;
							width: 750px;
						}
						
							.galleryBox {
								clear: none;
								float: left;
								display: block;
								height: 100px;
								margin-left: 1px;
								margin-bottom: 1px;
								overflow: hidden;
								padding: 0px;
								position: relative;
								width: 140px;
							}
							
								.galleryBox button {
									background: none;
									cursor: pointer;
									margin: 0px;
									padding: 0px;
									position: relative;
								}

								.galleryBox span {
									background-color: #FFFFFF;
									color: #000000;
									font-size: 11px;
									height: 30px;
									left: 0px;
									bottom: 0px;
									opacity: 0.7;
									position: absolute;
									width: 140px;
								}
							
								.galleryBox img {
									opacity: 0.7;
								}
								
									.galleryBox img:hover {
										opacity: 1;
									}
									
							#text a {
								color: #666600;
							}
						
								#text a:hover {
									color: #223c3c;
								}

							#text blockquote {
								border-left: 4px solid #DEDEDE;
								font-size: 0.85em;
								line-height: 1.2em;
								list-style-type: none;
								margin-left: 10px;
							}
							
								#text blockquote p {
									color: #999999;
									font-size: 1.2em;
									margin-bottom: 0px;
									margin-left: 10px;
									margin-top: 10px;
									text-align: left;
								}
							
							#text h1 {
								color: #223c3c;
								font-size: 48px;
								margin-bottom: 15px;
								margin-top: 0px;
							}
							
							#text h3 {
								border-bottom: 2px solid #DEDEDE;
								color: #3C3C1C;
								font-size: 1.4em;
								margin-top: 10px;
								margin-bottom: 10px;								
							}
							
							#text h4 {
								margin-top: 10px;
							}
							
							#text input, #text textarea {
								border: 1px solid #DDDDDD;
								padding-left: 10px;
								padding-right: 10px;
							}
							
							#text ul {
								border-left: 4px solid #DEDEDE;
								color: #666666;
								font-size: 0.85em;
								line-height: 1.2em;
								list-style-type: none;
								margin-left: 10px;
								margin-bottom: 15px;
							}
							
								#text li {
									margin-bottom: 5px;
									margin-left: 5px;
									padding-left: 5px;
								}
								
							#text select {
								border: 1px solid #AAAAAA;						
							}
							
							#text small {
								color: #3C3C1C;
							}
							
							#text p {
								color: #3C3C1C;
								font-size: 1em;
								line-height: 1.3em;
								margin-bottom: 10px;
							}
						
							#pathway {
								clear: both;
								padding: 10px;
								text-transform: uppercase;
							}
							
								#pathBar {
									clear: none;
									color: #999999;
									display: block;
									font-size: 11px;
									float: right;
									padding: 0px;
									margin: 0px;
								}
						
								#pathway ul {
									border: 0px;
									clear: none;
									display: block;
									font-size: 11px;
									list-style-type: none;
									padding: 0px;
									margin: 0px;
									width: 500px;
								}
								
									#pathway li {
										color: #777777;
										display: inline;
										padding: 0px;
										margin: 0px;
									}
									
							#textWrap {
								min-height: 400px;
								padding: 20px;
							}
							
								#guestbook {
									color: #223c3c;
								}
								
									#guestbook button {
										color: #777777;
										cursor: pointer;
									}
								
									#guestbook input, #guestbook textarea {
										border: 1px solid #DDDDDD;
										color: #999999;
										overflow: auto;
										padding: 0px;
										margin: 0px;
										width: 250px;
									}
									
									#guestbook p {
										margin-top: 0px;
										text-align: right;	
									}
									
									#guestbook div {
										border-bottom: 2px dashed #EFEFEF;
										margin-bottom: 50px;
									}
									
									#guestbook form div {
										border: 0px;
									}
							
								#sitemap a {
									text-transform: capitalize;
								}
							
									#sitemap a:hover {
										color: #223c3c;
										text-decoration: underline;
										text-transform: capitalize;
									}
								
								#sitemap h4 {
									text-transform: uppercase;
								}
								
							#textBottom {
								background-image: url('../img/textBottom.png');
								background-position: top left;
								background-repeat: no-repeat;
								float: left;								
								height: 15px;
								width: 750px;
							}
						
							#toolbar, #tool_buttons {
								background: #444444;
								color: #AAAAAA;
							}
						
							#toolbar ul, #tool_buttons ul {
								display: inline;
								list-style-type: none;
							}
							
								#toolbar ul li, #tool_buttons ul li {
									display: inline;
									margin: 0px;
									padding-left: 10px;
								}
								
								#toolbar a, #tool_buttons a {
									color: #DDDDDD;
								}
							
									#toolbar a:hover, #tool_buttons a:hover {
										color: #FFFFFF;
									}
									
							#toolbar span, #tool_buttons span {
								display: block;
								float: right;
								padding-right: 10px;
							}
							
							#searchResults * {
								font-size: 12px;
								line-height: 15px;
								margin: 0px;
								padding: 0px;
							}


						#sendEmail {
							background-color: #3C3C1C;	
							border: 1px solid #FFFFFF;
							display: none;
							height: 195px;
							left: 0px;
							position: absolute;
							top: 0px;
							width: 360px;
							z-index: 29999;
						}
						
							#sendEmail #closeEmail {
								background-color: #252515;
								clear: none;
								color: #FFFFFF;
								cursor: pointer;
								display: block;
								font-weight: bold;
								height: 16px;
								margin: 3px;
								padding: 2px;
								position: absolute;
								right: 0px;
								text-align: center;
								top: 0px;
								width: 40px;
							}
							
							#sendEmail form {
								color: #EFEFEF;
								font-size: 12px;
								padding-left: 8px;
							}
							
							#sendEmail h4 {
								background-color: #252515;
								border-bottom: 2px solid #151505;
								color: #FFFFFF;
								font-size: 14px;
								font-weight: normal;
								height: 24px;
								line-height: 22px;
								text-align: center;
							}
							
							#sendEmail input {
								width: 165px;
							}
							
							#sendEmail label {
								clear: none;
								display: block;
								float: left;
								height: 40px;
								width: 175px;
							}
							
							#sendEmail textarea {
								clear: none;
								display: block;
								float: left;
								height: 60px;
								width: 260px;
							}
							
							#sendEmail button {
								background-color: #252515;
								clear: none;
								color: #FFFFFF;
								cursor: pointer;
								display: block;
								float: left;
								font-size: 14px;
								height: 62px;
								margin-left: 10px;
								width: 70px;
							}
												
						#window {
							background-color: #195969;
							color: #FFFFFF;
							height: 100px;
							left: 0px;
							margin: 0px;
							opacity: .9;
							overflow: auto;
							padding: 10px;
							position: absolute;
							top: 0px;
							width: 620px;
							z-index: 9999;
						}
						
							#window h3 {
								border-bottom: 3px solid #ffffff;
								color: #FFFFFF;
								margin: 0px;
								margin-bottom: 10px;
								font-size: 24px;	
							}
						
							#window p {
								color: #FFFFFF;
								font-size: 16px;
							}
							
							#window #buttons {
								bottom: 0;
								position: absolute;
							}
							
								#window #buttons span {
									background-color: #223c3f;
									cursor: pointer;
									float: right;
									font-size: 16px;
									line-height: 24px;
									margin-bottom: 5px;
									padding-left: 10px;
									padding-right: 10px;
								}
								
									#window #buttons span:hover {
										background-color: #397989;
									}
								
									#window #buttons img {
										vertical-align: middle;
									}

						#footer {
							background-image: url('../img/document-footer.png');
							background-position: bottom right;
							background-repeat: no-repeat;
							clear: both;
							color: #AAAAAA;
							height: 38px;
							font-size: 12px;
							line-height: 38px;
							text-align: right;
							width: 1002px;
						}
						
							#footer div {
								clear: none;
								display: block;
								float: right;
								margin-right: 20px;
							}
							
							#footer p {
								clear: none;
								color: #e2d6b6;
								display: block;
								float: left;
								margin-left: 20px;
								text-align: left;
							}
							
							#footer a {
								color: #e2d6b6;
							}
						
								#footer a:hover {
									color: #FFFFFF;
								}
						
						#copyright {
							color: #878777;
							font-size: 11px;
							padding-right: 20px; 
							text-align: right;
						}
						
						
						
div.chat{
	background:#fff;
	padding:20px;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}