html{

	margin:0;

	padding:0;

	height:100%;	

}



table{
	margin: 0px;
	padding: 0px;	
	color: #808080; 
}



.cuerpo{
border:1px solid #FFFFFF;
}



p{
  margin:2px;
}



td{
	margin: 0px;
	padding:0px;
}



body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #010066 url(../imagenes/bg.jpg) repeat-x;
	font-size:10px;
	font-family: Verdana, Helvetica, sans-serif;    
}



a:link, a:visited {
	color            : #1573FF;
	text-decoration  : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

a:active {
	color: #1573FF;
	text-decoration: none;
}

a:hover      {
   color:#000000;
	text-decoration: none;	
}





.contenido{
	width:98%;
	background:white;
	border:1px solid #999999;
	padding:5px;
	-moz-border-radius:1%;
}



img {
				margin-bottom:-2px !important;
				margin-bottom:0px;
		}



h1{

	color:#FFC000;

	font-size: 18px;

	font-weight: bold;

}



/* **** Formularios **** */

input.boton{

	margin-top:10px;

	margin-left:90px;

	color:#FFFFFF;

	width:80px;

	font-weight:bold;

	background:#1B88E5;

	height:18px;

	border:1px solid #;

}



input{

   border:1px solid #7F9DB9;

   font-size:10px;

	background:#E8F6FF;

}



textarea{

	border:1px solid #7F9DB9;

	font-size:10px;

	font-family:Verdana;

}



/* ****  FIN Formularios **** */





/*  ****   Clase del Pathway         ****  */

div.pathway a:link {

	color            : #1B88E5;

	font-weight      : bold;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



div.pathway a:visited {

	color            : #1B88E5;

	font-weight      : bold;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



div.pathway a:hover {

	color            : #000000;

	font-weight      : bold;

	text-decoration: underline;

}



/*  ****  FIN  Clase del Pathway         ****  */



ul {

	margin-top: 0px;

	margin-left: 20px;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-indent: 15px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	line-height: 15px;

	font-family: Arial, Helvetica, sans-serif;

}

li{
	list-style: none;
	background-repeat: no-repeat;

	background-position: 0px -1px;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	line-height: 15px;

	background-image: url(row.gif);

}



/****     Menús      ****/



.menu_horizontal {
	margin: 0;
	padding: 0;
}



.menu_horizontal li {

	list-style:none;

	margin: 0;

	width: auto;

	font-size: 10px;

	white-space: nowrap;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	left: 20px;

	background-repeat: no-repeat;

	background-position: 10px 20px;

	text-indent: 10px;	

}

.menu_horizontal a {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	line-height: 11px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color:#FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 5px;

	border-right-width: 1px;

}

.menu_horizontal a:visited {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	line-height: 11px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color:#FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 5px;

	border-right-width: 1px;

}

.menu_horizontal a:hover {

	color: #FBBE01;

	padding-left: 0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color: #FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 5px;

}


.menu_horizontal_amarillo {

	margin: 0;

	padding: 0;

}



.menu_horizontal_amarillo li {

	list-style:none;

	margin: 0;

	width: auto;

	font-size: 10px;

	white-space: nowrap;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	left: 20px;

	background-repeat: no-repeat;

	background-position: 10px 20px;

	text-indent: 30px;	

}

.menu_horizontal_amarillo a{

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	line-height: 11px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color:#FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 10px;

	border-right-width: 1px;

}

.menu_horizontal_amarillo a:visited{

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	line-height: 11px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color:#FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 10px;

	border-right-width: 1px;

}

.menu_horizontal_amarillo a:hover {

	color: #1170FF;

	padding-left:0px;

	font-size: 10px;

	padding-top: 0px;

	display: block;

	vertical-align: middle;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: solid;

	border-right-color: #FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-right: 10px;

}




div.menu_vertical {

	margin: 0;

	padding: 0;

}



div.menu_vertical li {

	list-style:none;

	margin: 0;

	width: auto;

	white-space: nowrap;

	float: left;

	padding-top: 0px;

	padding-right: 0px;

	left: 5px;

	background-position: 155px 1px;

}



div.menu_vertical a {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 9px;

	padding-top: 3px;

	display: block;

	vertical-align: middle;

	line-height: 9px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 3pt;

	border-right-style: none;

	border-top-style: none;

	border-bottom-style: solid;

	border-left-style: none;	

	padding-bottom: 10px;

	border-bottom-color: #FBBD76;

	width: 170px;

	text-align: left;

}



div.menu_vertical a:link {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 9px;

	padding-top: 3px;

	display: block;

	vertical-align: middle;

	line-height: 9px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 3pt;

	border-right-style: none;

	border-top-style: none;

	border-bottom-style: solid;

	border-left-style: none;	

	padding-bottom: 10px;

	border-bottom-color: #FBBD76;

	width: 170px;

	text-align: left;

}



div.menu_vertical a:visited {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 9px;

	padding-top: 3px;

	display: block;

	vertical-align: middle;

	line-height: 9px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 3pt;

	border-right-style: none;

	border-top-style: none;

	border-bottom-style: solid;

	border-left-style: none;	

	padding-bottom: 10px;

	border-bottom-color: #FBBD76;

	width: 170px;

	text-align: left;

}



div.menu_vertical a:hover {

	text-decoration: none;

	color: #FFFFFF;

	padding-left: 0px;

	font-size: 9px;

	padding-top: 3px;

	display: block;

	vertical-align: middle;

	line-height: 9px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-indent: 5pt;

	border-right-style: none;

	border-top-style: none;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-width: 1px;

	border-left-width: 3px;

	padding-bottom: 10px;

	border-bottom-color: #FBBD76;

	width: 170px;

	text-align: left;

	border-left-color: #FBBD76;

}		



/****   FIN   Menús      ****/



/*Clases para módulo de noticias*/

div.categoria_noticia   { 

margin: 5px;

text-align:left;



}

div.categoria_noticia a { 

	display: block; 



	vertical-align: top; 

	text-decoration : none;

	-moz-border-radius:2%;

	border: 1px solid #DDD;

	padding: 2px;

	font-size:10px;

	height:70px;

}



div.categoria_noticia a:link    {  color : #000000;  }

div.categoria_noticia a:visited {  

 color : #000000;

}

div.categoria_noticia a:hover   { 

	color :  #FFFFFF; 

	background-color: #FDC43E;

}

div.categoria_noticia a:active  {  color : #000000;  }

div.categoria_noticia h3 {

	color: Red;

	font-size: 12px;

	margin:0px;

	padding: 0px;

}

div.categoria_noticia span { font-weight: bold;}

div.categoria_noticia img {

float:left;

vertical-align: middle;

padding: 3px;

width: 60px;

height:60px;

}



div.categoria_descripcion{

	display: block; 

	vertical-align: top; 

	padding: 2px;

	text-align: left;

	height: 70px;

	margin:0px;

}



div.categoria_descripcion img {

float:left;

vertical-align: middle;

padding: 3px;

width: 60px;

height:60px;

}





div.link_noticia   { 

margin: 5px;

text-align:left;

vertical-align: top;

}

div.link_noticia a { 

	display: block; 



	vertical-align: top; 

	text-decoration : none;

	-moz-border-radius:2%;

	border: 1px solid #DDD;

	padding: 2px;

	font-size:10px;

	height:80px;

}



div.link_noticia a:link    {  color : #000000;  }

div.link_noticia a:visited {  

 color : #000000;

}

div.link_noticia a:hover   { 

	/*color :  #FFFFFF; */

	/*background-color: #FDC43E;*/

	border: 1px solid #FDC43E;

}

div.link_noticia a:active  {  color : #000000;  }



div.link_noticia h3 {

	color: Red;

	font-size: 12px;

	margin:0px;

	padding: 0px;

}



div.link_noticia img {

float:left;

vertical-align: middle;

padding: 3px;

width: 60px;

height:60px;

}



/* FIN Clases para módulo de noticias*/



/*Contenedores de widgets*/

table.widget {

 width:100%;

 margin-bottom:0px;

 text-align:left;

}



table.widget th{

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-align:center;

}



table.widget td{

	padding:0px;

	text-align:left;

}



/*Para estilo 2=XHTML*/

div.widget {

	 width:100%;

 margin-bottom:0px;

 text-align:left;

 padding:0px;

}





div.widget h3{

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-align:center;

	margin:0px;

	padding: 0px;

}



.pagina{

 	z-index:2;

	width:1003px; 

    margin:0 auto;

	padding-top:0px !important;

	padding-top:0px;

	position:relative;

}

.izquierda{

    position:absolute;

	top:130px !important;

	top:170px;

	width:100%;

}



.derecha{

     position:absolute;

	 top:30px !important;

	 top:70px;

	 right:5px;	

	 z-index:1;

}

.delfin{
	position:absolute;
	top:250px;
	left:5px;
	margin:0;
	padding:0;
}

.shark{
	position:absolute;
	top:640px;
	left:10px;
	z-index:3;
}

.flamingo{
	position:absolute;
	top:20px;
	right:25px;
	z-index:1;
}

.delfin2{
	position:absolute;
	top:520px;
	right:25px;
	z-index:1;
}

.izquierda{

    position:absolute;

	 top:130px !important;

	 top:170px;

	 width:100%;

}



.derecha{

     position:absolute;

	 top:30px !important;

	 top:70px;

	 right:5px;	

	 z-index:1;

}

#wrapperpagina{
	position:relative;
	z-index:2;
}

#loader{
	border:0px solid red;
	width:240px;
	height:240px;
	position:absolute;
	left:40%;
	top:40%;
	padding:1px;
}

#logo{
	position:absolute;
	left:35%;
	top:3px;
	width:400px;
	height: 194px;
	background: url(../imagenes/logoholbox.jpg);
}

#tiburonballena{
	position:absolute;
	left:40%;
	top:257px;
	width:315px;
	height: 142px;
	background: url(../imagenes/tiburon.gif);
}
	
.otras_categorias{
	/*background:#65B2FF;*/
	background:#C2DAFF;
	-moz-border-radius:2px;
	padding:5px 15px;
	margin:2px;
}


 .otras_categorias p{
	display:inline;
	margin-right:20px;
	color:#333333;
	font-weight:bold;
}

.otras_categorias p a{
	color:#1573FF;
	text-decoration:none;
}

.otras_categorias p a:hover{
	color:#FFF;
}


table.list_categories_items{
	border:1px solid #808080;
}

table.list_categories_items th{
	background:#0F70FF;
	color:#FFF;
	line-height:20px;
	padding-left:10px;
}

table.list_categories_items td{
	padding-top:5px;
	padding-bottom:5px;
}

.descripcion_service{
	font-weight:bold;
}

.formReservacion{
	color: #000;
	padding:5px;
	font-size:11px;
	width:95%;
	margin:0 auto;
}

.formReservacion .instructions{
	color:#FF0000;
	font-weight:bold;
}

.formReservacion h3{
	color:#75CDFE;
	border-bottom:1px solid #BAC8CE;
	font-size:11px;
}


.formReservacion .formulario{
	font-weight:bold;
}

.formReservacion .formulario p{
	margin-bottom:5px;
}

.formReservacion .formulario input{
	border:1px solid #75CDFE;
	background: #FFF;
}

.formReservacion .formulario textarea{
	border:1px solid #75CDFE;
	background: #FFF;
}

.formReservacion .formulario select{
	border:1px solid #75CDFE;
	background: #FFF;
}

.formReservacion .formulario input.btreservacion {
	background:none;
	background: transparent url(../imagenes/bt_reservaciones.png);
	width:105px;
	height:20px;
	border:0px;
	line-height:20px;
}

input.btreservacion {
	background:none;
	background: transparent url(../imagenes/bt_reservaciones.png);
	width:105px;
	height:20px;
	border:0px;
	line-height:20px;
}


/**LAyOUTS**/
.layout_right{
float:right;
margin:2px;
margin-left:10px;
padding:2px;
width:270px;
}

.layout_left{
float:left;
width:240px;
text-align:center;
}

.infohotel{

}

.infohotel h3{
	font-size:11px;
	border-bottom:1px solid #FBE898;
	margin-top:0px;
	margin-bottom:0px;
}

table.booknowwidget{
	border:1px solid #808080;
	width:300px;
	text-align:left;
}

table.booknowwidget th{
	background:#0F70FF;
	color:#FFF;
	line-height:20px;
	padding-left:10px;
	font-size:14px;
}

table.booknowwidget td{
	padding-top:5px;
	padding-bottom:5px;
}