/* CSS Document */
body {
	padding:0 auto 0 auto;	
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif /*"trebchet MS", Arial, Helvetica, sans-serif*/;
	background:url(img/bg_body.gif) repeat-x top #ffffff;
	text-align:center;
	color:#47444F;
}

:focus {
     outline: 0;
}
h1 {
	font-size:24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}
a:link, a:hover, a:visited {
	color:#198caf;
}
strong {
	color:#198caf;
}
address {
	text-align:left;
	line-height:18px;
	margin:20px;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------->>>>>>>>>>>>>>>> cuerpo general <<<<<<<<<<<<<<<<<<-------------------*/
/*-----------------------------------------------------------------------------------------*/
#continente {
	width:953px;
	margin-left:auto;
	margin-right:auto;
	padding:0px auto 0px auto;
	background-color:#ffffff;
	height:auto!important;
	min-height:989px;
	text-align:center;
	*margin-top:0px;
	color:#47444F;
}

/*-----------------------------------------------------------------------------------------*/
/*------------------------->>>>>>>>>>>>>>>> cabecera <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#head {
	position:relative;
	background-color:#F8AE00;
	text-align:left;
	margin:0px auto 0px auto;
	width:953px;
	height:100px;
	z-index:100;
}
#text_head {
	position:relative;
	float:right;
	*margin-top:-70px;
	margin-right:10px;
	*margin-right:40px;
	width:400px;
	text-align:right;
	color:#47444F;
	font-size:16px;
	font-weight: bold;
	line-height:22px;
}
#banderas {
	float:right;
	margin-top:10px;
	*margin-top:40px;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------->>>>>>>>>>>>>>>> contenidos <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#cont {
	position:relative;
	margin:0px auto 0px auto;
	background:url(img/landing/bg_cont.png) repeat-x top #F8AE00;
	width:953px;
	height:auto;
	min-height:889px;	
	top:0px;
	font-size:12px;
	color:#47444F;
	z-index:5;
	*z-index:5;
	_z-index:5;
}
#lado {	
	float:left;
	width:223px;
	border-right:2px solid #198caf;
	background:url(img/menu_lat.png) no-repeat #F8AE00;
	height:auto;
	
}

#menu_bottom {	
	float:left;
	width:223px;
	background:url(img/menu_bottom.png) bottom no-repeat #F8AE00;
	height:413px;
	vertical-align:bottom;
	padding:0px auto;
	text-align:center;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------->>>>>>>>>>>>>>>> página <<<<<<<<<<<<<<<<<<--------------------*/
/*-----------------------------------------------------------------------------------------*/
#presnt {
	position:relative;
	float:left;
	width:728px!important;
	height:auto!important;
	height:600px!important;
	background:url(img/watermark.png) no-repeat ;
	background-position:110px 250px;
}

#presnt p {
	margin:20px 20px 0px 40px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}
#presnt ul {
	margin:10px 20px 20px 40px;
	*margin:10px 20px 20px 80px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}
#presnt li {
	list-style: none;
	background-image: url(img/bullet.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 5px;}

#presnt_map {
	position:relative;
	float:right;
	width:728px!important; *width:728px!important; 
	height:auto!important;
}

#map {
	position:relative;
	float:right;
	width:728px;
	padding:0px;
	margin:0px;
}
#formulario {
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:120px;
	width:500px;
	text-align:left;
}
#formulario span {
position:relative;
	width:100px;
	display:block;
	
}

#enlaces {
	position:relative;
	float:left;
	width:90%;
	height:110px;
	margin-left:50px;
}
#aqualand {
	position:relative;
	float:left;
	width:90%;
	height:110px;
	margin-left:30px;
}
#enlaces img {
position:relative;
float:left;
margin:20px 40px 10px 40px;
}
input {
position:relative;
	float:left;
	margin:-15px 0px 0px 100px;
}
textarea {
	position:relative;
float:left;
	margin:-15px 0px 0px 100px;
}
#footer_home {
	position:absolute;
	float:left;
	left:0px;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:728px;
	z-index:100;
}
#footer {
	position:relative;
	float:right;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:100%;
	margin-top:36px;
}
#footer_home p {
	margin:10px;
}
#footer p {
	margin:10px;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------->>>>>>>>>>>>>>>> clases genericas <<<<<<<<<<<<<<<<<<------------------*/
/*-----------------------------------------------------------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.button { 
	background:#FFF; 
	color:#154f8a;
	background-image:url(img/button_b.gif); 
	background-repeat:repeat-x; 
	border: 1px solid #999999; 
	display: inline;	
	font-size:11px; 
	height: 18px; 
	text-decoration:none; 
	font-weight: bold;
	padding: 1px 6px 1px 6px;  
	text-transform: capitalize;}

#botonet {
	position:relative;
	float:right;
	margin-top:100px;
	margin-right:30px;
}

a#tour {
	position:relative;
	margin:0px auto;
    display:block;
    width:144px;
    height:42px; /* aqui esta el truco */
    text-indent:-9999px;
    background:url(images/vtour.png) top left no-repeat;
    }

	a#tour:hover {
   		background-position:0 -42px;/* con esto cambiamos la porcion de imagen que se muestra */
    }
	
	
a#res {
	position:relative;
	margin:0px auto;
    display:block;
    width:144px;
    height:42px; /* aqui esta el truco */
    text-indent:-9999px;
    background:url(images/reser.png) top left no-repeat;
    }

	a#res:hover {
   		background-position:0 -42px;/* con esto cambiamos la porcion de imagen que se muestra */
    }

 /*-----------------------------------------------------------------------------------------*/
/*--------------------->>>>>>>>>>>>>>>> menu edificios <<<<<<<<<<<<<<<<<<------------------*/
/*-----------------------------------------------------------------------------------------*/
		
	div.lateralb img {
		margin: 0px;
		float: left;
	}

	
	div.lateralb ul {
		padding: 0;
		margin: 40 0 0 0; 
	}


	div.lateralb ul li {
		margin: 0; 
		padding: 0;
		list-style: none;
		display: inline;
		float:left;
	}


	div.lateralb li a, div.lateralb li strong {
		float: left;
		padding: 44px 0 0 0;
		overflow: hidden;
		margin-top:0px;
		height: 0px !important; 
		height /**/: 44px; /* IE 5/Win hack */
	}
	
	div.lateralb li strong {
		background-position: 0 -88px;
	}
		
	div.lateralb li a:hover {
		background-position: 0 -44px;
	}
	
	div.lateralb li a.selected { /* Etiqueta para crear opciones del menu que esten seleccionadas y que sean linkables */
		width:222px;
		background-position: 0 -88px;
	}
	
		li.hipocamp a, li.hipocamp strong {
			width: 222px;
			background:url(img/hipocampos.png) no-repeat;
		}
		
		li.paraisomar a, li.paraisomar strong {
			width: 222px;
			background: url(img/paraisomar.png) no-repeat;
		}
		
		li.voramar a, li.voramar strong {
			width: 222px;
			background: url(img/voramar.png) no-repeat;
		}

		li.rocamar a, li.rocamar strong {
			width: 222px;
			background: url(img/rocamar.png) no-repeat;
		}
		li.bahiamar a, li.bahiamar strong {
			width: 222px;
			background: url(img/bahiamar.png) no-repeat;
		}
		
/*---------------------------------------------------------------------------------------*/
/*------------------------------>>>  Landing Pages 2009 <<<------------------------------*/
/*---------------------------------------------------------------------------------------*/
	#landing_page {
		position:relative;
		float:left;
		width:100%;
		height:auto!important;
		min-height:432px;
		*height:432px;
		font-family:Arial, Helvetica, sans-serif;
	background:url(img/watermark.png) 250px 150px no-repeat ;
		}
	#landing_page strong { color:#333333;}
h1.landing {
	font-size:24px;
	color:#47444F;
	width:100%;
	font-weight:bold;
	margin:25px auto 15px auto;
}
h2.landing {
	font-size:18px;
	color:#198CAF;
	border-bottom:2px solid #198CAF;
	text-indent:10px;
	width:95%;
	margin:25px auto 20px auto;
	text-align: left!important;
	padding-bottom:4px;
}

#landing_page p.landing {
	color: #333333;
	width:90%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page ul {
	width:80%;
	*width:85%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page li {
	margin:15px auto;
	list-style:none;
	background:url(img/bullet.png) left 2px no-repeat transparent;
	*background:url(img/bullet.png) left 3px no-repeat transparent;
	text-indent:20px;
}
#landing_page p.landing_top {
	color: #4e4e4e;
	width:90%;
	padding-top:0px;	
	font-size:13px;
	margin:10px auto;
	text-align:left!important;
}
#landing_page img.landing{
	border:1px solid #CFCFCF;
	margin:10px;
}

#intro_landing {
	position:relative;
	clear:both;
	margin:40px auto;
	*margin:20px auto 40px auto;
	background:url(img/img_landing/bg_intro.png) repeat-y;
	width:715px;
	height:auto;
}
#intro_landing_top {
	background:url(img/img_landing/bg_intro_top.png) no-repeat transparent;
	width:715px;
	height:8px;
}
#intro_landing_bottom {
	background:url(img/img_landing/bg_intro_bottom.png) no-repeat transparent;
	width:715px;
	height:9px;
	*position:absolute;
	*bottom:-6px;
	*left:0px;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
	line-height:18px;
	text-align:left!important;
}
#landinglink {
	background-color:#198CAF;
	color:#FFFFFF;
}
#landinglink a:link {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:visited {color:#FFFFFF; text-decoration:none; margin-left:10px;}
#landinglink a:hover {color:#F8AE00; text-decoration:none; margin-left:10px;}

#footer_landing {
	position:relative;
	float:right;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:100%;
	margin-top:36px;
}
#footer_landing p {
	margin:10px;
}