
/*********** ESPECIFICACIONES PRINCIPALES ******************/
body{
	margin:0px;
	text-align:center;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
 	background: url(../img/bg.jpg);}

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;}
/******************************** CONTENEDOR PRINCIPALES ******************************************/
#contenedor{
	margin: 0px auto;
	width: 900px;
	_width:885px;
	text-align: left;/* Si no se establece el banner se desplaza en IE hacia la izquierda */	
	/*border:1px solid #FFFFFF;
	*border:1px solid #FFFFFF;
	_border:3px solid #FFFFFF;*/}

/********************** CABECERA (Cabecera, Titulo, Idiomas y Header) *****************************/
/* Cabecera */
#cabecera {
	width: 895px;
	float: left;
	margin: 0px auto;	
	/*border:1px solid #FFFFFF;
	*border:1px solid #FFFFFF;
	_border:1px solid #FFFFFF;*/}

	#cabecera h1 {
		padding: 0px 0px 0 0px;
		text-align:left;
		letter-spacing: -4px;
		font-size: 4em;}

	#cabecera h2 {
		padding: 0px 0 0 0px;
		text-align:left;
		letter-spacing: -1.3px;
		font-size: 1.5em;}

	#cabecera .lang_es{
		padding: 0px 0 0 0px;
		text-align:left;}

	#cabecera .lang_eng{
		padding: 0px 0 0 0px;
		text-align:left;}

	#cabecera .lang_fr{
		padding: 0px 0 0 0px;
		text-align:left;}

	#cabecera a {
		text-decoration: none;
		color: #FFFFFF;}

	#cabecera a:hover{
		text-decoration: underline;
		color: #FFFFFF;}

/* Titulo */
#titulo  {
	width: 490px;
	float: left;
	/*border:1px solid #FFFFFF;
	*border:1px solid #FFFFFF;
	_border:1px solid #FFFFFF;*/}

/* Header */
#header {
	width:343px;
	float: left;
	margin-left:59px;
	_margin-left:54px;
	/*border:1px solid #FFFFFF;
	*border:1px solid #FFFFFF;
	_border:1px solid #FFFFFF;*/}

	#header ul {
		z-index: 999999;
	  margin:0 0 0 0px; 
	  padding: 0;
	  list-style:none;
		right: 0;
		bottom: 6px !important; bottom: 5px;
		font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;}

	#header li {
	   display:inline;
	   margin:0; padding:0;}

	#header a {
	   float:left;
	   background: url(../img/tableft.gif) no-repeat left top;
	   margin:0;
	   padding:0 0 0 4px;
	   text-decoration:none;}

	#header a span {
	   float:left;
	   display:block;
	   background: url(../img/tabright.gif) no-repeat right top;
	   padding:6px 15px 8px 8px;}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}

	/* End IE5-Mac hack */
	#header a:hover span {}

	#header a:hover {
	   background-position:0% -42px;}

	#header a:hover span {
	   background-position:100% -42px;}

	#header #current a {
	   background-position:0% -42px;}

	#header #current a span {
	   background-position:100% -42px;}

/* Idiomas */
#idiomas  {
	width:70px;
	float: right;
	margin-top:55px;
	margin-bottom:10px;
	margin-right:15px;}

/************************* CONTENIDOS CENTRALES  *****************************/
#colcentral{
	float:left;	
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

/**** Inicio ******/

#inicio {
	float:left;
	height: 275px;
	margin: 0 0 0 0;
	border: 5px solid #ccc;}
 	
 	#inicio li { list-style: none; }

/***** Bloques *******/
#bloques {
	margin: 0 0 0 0;
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

/******* Articulos ********/
#articles_log{
		float:left;
		margin: 5px 30px 0px 0px;
		padding: 0px;
		color:#FFFFFF;}

     #articles_log_titulo{
     	border-bottom: 2px solid #FFFFFF;}

	 #articles_log_texto{
	 	width:320px;
		float:left;
		overflow:auto;}

	.p1{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height: 125%;
		padding: 0px 5px 0px 5px;
		color:#FFFFFF;}

.articles_old{
	float:left;
	margin: 5px 25px 0px 0px;
	_margin: 5px 17px 0px 0px;
	padding: 0px;	
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

	.articles_old_texto{
	   margin: 0;
	   border-top: 2px solid #FFFFFF;}

.clear{
	clear:both}

/*
#spacer{
	margin-bottom:7px;}

#spacer2{
	margin-bottom:17px;}
*/
/****************** VENTANAS EMERGENTES **********************/

/*---------------- Consultas, Reservas, Como llegar y Actividades----------------------*/
.formulario {
	margin: 10px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 11pt;
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

fieldset {
	border: 0;
	padding: 0px;}

.titulo{
	width: 600px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 20px;
	border-bottom: 2px solid #FFFFFF;}

.contenido{
	width: 750px;
	_width: 730px;
	float:left;
	text-align:left;
	margin: 0px 0 0px 50px;
	_margin: 0px 0 0px 30px;
	padding: 0 0 0 0px;
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

.aviso_reserva{
	width: 600px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 0px;
	padding: 5px 5px 0px 5px;}
	
.introduccion{
	width: 790px;
	_width: 790px;
	float:left;
	text-align:left;
	margin: 0px 0 5px 30px;
	_margin: 0px 0 5px 15px;
	padding: 5px 5px 0px 5px;
	/*border: 0px solid #FFFFFF;border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

.contenido_reservas{
	width: 520px;
	float:left;
	text-align:left;
	margin: 0px 0 0px 30px;
	padding: 0 0 0 30px;}


.mensaje_enviado{
	font-size: 11pt;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	width: 550px;
	padding-top:11px;
	margin-left: 40px;
	font-weight:normal;}

.icono1{
	float:left;}

label,input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;
	margin-top:10px;
	display: block;
	float: left;
	margin-bottom: 10px;}

.campo {
	color: #FFFFFF;
	width: 105px;
	text-align: left;
	padding-top:5px;
	padding-left: 20px;
	font-weight:bold;
	font-size: 9pt;}

.etiqueta {
	width: 450px;
	text-align: left;
	padding-top:5px;
	padding-left: 20px;
	font-weight:bold;
	font-size: 9pt;
	border:1 px solid #FFFFFF;}


textarea{
	border: 1px solid #ccc;
	float:left;
	margin:0 0 0 30px;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;
	color: #000000;}

.submit {
	width:120px;
	background-color: #9b9b9b;
	border: 1px solid #4d4d4d;
	margin:10px 0 0 200px;
	_margin:10px 0 0 100px;
	color: #fcfcfc;}

br {
	clear: left;}

.input_green{
	color: #000000;}

.no_style{
	border: 0;}
/****************** INTERIORES Y EXTERIORES **********************/
.album_fotos{
	float:left;
	margin: 5px 10px 15px 5px;
	padding: 0px 0 10px 0;
	border-bottom: 2px solid #FFFFFF;
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;*/}

	.album_fotos_titulo{
		width:335px;
	 	border-top: 2px solid #FFFFFF;
	 	float:left;}

.album_fotos_ext{
	width:705px;
	float:left;
	margin: 5px 10px 15px 5px;
	padding: 0px 0 10px 0;
	border-bottom: 2px solid #FFFFFF;}

	.album_fotos_titulo_ext{
		width:705px;
	 	border-top: 2px solid #FFFFFF;
	 	float:left;}

.album_video{
	float:left;
	margin: 5px 0px 15px 5px;
	padding: 0px 0px 12px 0;
	border-bottom: 2px solid #FFFFFF;}

	.album_video_titulo{
		width:145px;
	 	border-top: 2px solid #FFFFFF;
	 	float:left;}

/************************* GALERIAS ****************************/
.imagen{
		float:left;
    border: 1px solid #ccc;
    margin: 10px 4px 0px 2px;}

/************************* COMO LLEGAR ****************************/
.formulario_comollegar{
	margin: 10px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 11pt;}

.titulo_comollegar2{
	width: 820px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 0px;
	border-bottom: 2px solid #FFFFFF;}


.titulo_comollegar{
	width: 820px;
	_width:820px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 20px;
	_margin: 0px 0 10px 10px;
	border-bottom: 2px solid #FFFFFF;}

.titulo_consultas{
	width: 600px;
	_width:600px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 20px;
	_margin: 0px 0 10px 10px;
	border-bottom: 2px solid #FFFFFF;}
	
.mapa{
	float:left;
	margin:0 0 10px 5px;
	border: 2px solid #FFFFFF;}

.indicaciones{
	width:350px;
	float:left;
	margin: 0px 0 0px 10PX;
	border: 1px solid #FFFFFF;}

.comollegar_imprimir{
	width:760px;
	text-align:right;
	margin: 10px 0 10px 0;
	_margin: 10px 0 15px 0;	padding: 0 0 0 0px;}

/************************* COMO LLEGAR ****************************/
.formulario_reservas{
	width:820px;
	float:left;
	margin: 10px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 11pt;}
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;}*/

.formulario{
	width:560px;
	_width:560px;
	float:left;
	margin: 0 0px 0 0px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10pt;}
	/*border:2px solid #FF8000;
	*border:4px solid #400080;
	_border:4px solid #400080;}*/

.calendario_reservas{
	width:220px;
	_width:200px;
	float:left;
	margin: 20px 10px 0 10px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 11pt;}
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;}*/

.reserva{
	margin-top:12px;
	border:1px solid #FFFFFF;}
	
.titulo_reservas{
	width: 820px;
	float:left;
	text-align:left;
	margin: 0px 0 10px 0px;
	border-bottom: 2px solid #FFFFFF;}
	/*border:1px solid #FF8000;
	*border:1px solid #FF8000;
	_border:1px solid #FF8000;}*/	

/*********************** PIE DE PAGINA **********************/
#pie{
	width: 920px;
	margin: 5px auto;
	padding:0px;
	color: #FFFFFF;
	/*border: 1px solid #FFFFFF;*/}

