@charset "utf-8";
/* CSS Document */

/* GENERALES ---------------------------------------------------------------------------------------- */

body{font-family:Tahoma,Helvetica,Arial;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin:50px 0px;
	padding:0px;
	text-align:center;
	background-color: #FFFFFF;
	}

img {border:0;}

h1 {
    font-family: 'Lobster', arial, serif;
    font-size: 48px;
    text-shadow: 3px 3px 3px #FFFFFF;
}

h2 {
    font-family: 'Lobster', arial, serif;
    font-size: 34px;
    text-shadow: 3px 3px 3px #FFFFFF;
}

h3 {
    font-family: 'IM Fell DW Pica', arial, serif;
    font-size: 34px;
    text-shadow: 3px 3px 3px #5B5A5A;
}

/* ============================================================= */
/* MAQUETADO                                                     */
/* ============================================================= */

/* ------------------------------------------------------- */
/* CONTENEDOR GENERAL DE LA MAQUETA, PARA TODAS LAS DIVs   */
/* ------------------------------------------------------- */
/* #contenedor{ width:850px; margin:0px auto; text-align: left; padding:15px;} */

#contenedor{width: 920px;
			position: absolute;
			top: 20px;
			left:50%;
			/*margin-top: -460px;*/
			margin-left: -460px;
			text-align: center;
			background-image:url(../css/arena_wide.gif);
			background-position:right;
			background-repeat:repeat-y;
			}

/* ---- ejemplo de centrado
#login{font-family:tahoma,arial,helvetica;
		width: 300px;
		height:300px;
		text-align: center;
		position: absolute;
		top:50%;
		left:50%;
		margin-top: -150px;
		margin-left: -150px;
}
----- */	

/* --------------------------------------------------------
INDEX
----------------------------------------------------------*/
#index{font-family:tahoma,arial,helvetica;
		width: 920px;
		height:600px;
		text-align: center;
		position: absolute;
		top:50%;
		left:50%;
		margin-top: -300px;
		margin-left: -460px;
}



/* ------------------------------------------------------- */
/* ENCABEZADO                                              */
/* ------------------------------------------------------- */

#encabezado{
	position: relative;
	float: left;
	text-align:right;
	width:920px;
	min-height:40px;
	height:auto;
	top: 0px;
	background-color: ;
	color: #FFF;
	text-align: right;
}

	#encabezado_fondo{
		position: relative;
		float:right;
		width:850px;
		height:150px;
		background-color: ;
		background-image:url(../images/encabezado_new.gif);
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
		#encabezado_botonera_up{
			position: relative;
			float:right;
			width:160px;
			height:40px;
			background-color: ;
			overflow:hidden;
			line-height:40px;
		}
	
	#encabezado_botonera_down{
		position: relative;
		float:right;
		width:850px;
		height:50px;
		background-color: ;
		background-image:url(../images/fondo_botonera.png);
		background-repeat:no-repeat;
		overflow:hidden;
		line-height:50px;
		text-align: center;
		font-size:14px;
		font-weight: normal;
	}
		
	#encabezado_botonera_down a{
		text-decoration:none;
		text-transform: none;
		color:#FFF;
	}
	
	#encabezado_botonera_down a:hover{
		text-decoration: underline;
		text-transform: none;
		color: #000;
	}
	
	#encabezado_botonera_down a .new, #encabezado_botonera_down a:hover .new, .new{
		text-decoration: blink;
		font-weight:bold;
		text-transform: none;
		color: #000;
	}

/* ------------------------------------------------------------ */
/* CUERPO                                                       */
/* ------------------------------------------------------------ */
#cuerpo{ 
	position: relative;
	float:left;
	background-color: ;
	/*background-image:url(arena.gif);*/
	width:920px;
	min-height:40px;
	height:auto;
	}

	#izquierda{
		position: relative;
		float:left;
		background-image:url(../images/fondo_polaroid.gif);
		background-position:right;
		background-repeat:repeat-y;
		width:250px;
		min-height:890px;
		height:auto;
	}
	
		#polaroid{
			position: relative;
			float:left;
			/*background-color: ;*/
			background-image:url(../images/fondo_polaroid.gif);
			background-position:right;
			background-repeat:repeat-y;
			width:250px;
			min-height:40px;
			height:auto;
		}
		
		#socio{
			position: relative;
			float:left;
			/*background-color: ;*/
			background-image:url(../images/fondo_polaroid.gif);
			background-position:right;
			background-repeat:repeat-y;
			width:250px;
			min-height:40px;
			height:auto;
		}
		
	#derecha{
		position: relative;
		float:left;
		/*background-color: ;*/
		background-image:url(arena.gif);
		width:650px;
		min-height:870px;
		height:auto;
		text-align:left;
		padding:10px;
	}
		
		#cajasinfondo{
			/*opacity: .6;
    		filter: alpha(opacity=60);*/
			position: relative;
			float:left;
			width:630px;
			min-height:40px;
			height:auto;
			left:50%;
			margin-top:0px;
			margin-left: -325px;
			background-color:;
			text-align: justify;
			padding:10px;
			color: #000;
			font-family: Tahoma, Helvetica, sans-serif;
			font-size:18px;
		}
		
		#cajasinfondo p{
			text-align:center;
		}
		
		#cajafotos{
			/*opacity: .6;
    		filter: alpha(opacity=60);*/
			position: relative;
			float:left;
			width:630px;
			min-height:40px;
			height:auto;
			left:50%;
			margin-top:0px;
			margin-left: -325px;
			background-color: ;
			text-align: center;
			padding:10px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#cajatexto{
			/*opacity: .8;
    		filter: alpha(opacity=80);*/
			position: relative;
			float:left;
			width:630px;
			min-height:40px;
			height:auto;
			left:50%;
			margin-top:0px;
			margin-left: -325px;
			background-color: ;
			text-align: justify;
			padding:10px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#cajatexto table{
			font-size:12px;
		}
		
		.cajatextopromo{
			/*opacity: .8;
    		filter: alpha(opacity=80);*/
			position: relative;
			width:500px;
			min-height:20px;
			height:auto;
			left:50%;
			margin-top:0px;
			margin-left: -250px;
			background-color: ;
			text-align: center;
			padding:10px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
		}
				
		#foto_historia{
			width:320px;
			height:auto;
			position: absolute;
			right: 80px;
			top:440px;
			background-color: ;
		}
		
		#ubicacion1{
			/*opacity: .6;
    		filter: alpha(opacity=60);*/
			position: relative;
			float:left;
			width:630px;
			min-height:40px;
			height:auto;
			left:50%;
			margin-top:0px;
			margin-left: -325px;
			background-color: ;
			text-align: justify;
			padding:10px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			text-align:center;
		}
		
			#ubic1_izq{
				position: relative;
				float:left;
				width:300px;
				min-height:40px;
				height:auto;
				/*left:50%;*/
				margin-top:0px;
				/*margin-left: -160px;*/
				background-color: ;
				text-align: justify;
				padding-right:10px;
				color: #000;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#ubic1_der{
				position: relative;
				float:left;
				width:320px;
				min-height:40px;
				height:auto;
				/*left:50%;*/
				margin-top:0px;
				/*margin-left: -160px;*/
				background-color: ;
				text-align: justify;
				/*padding:10px;*/
				color: #000;
				font-family: Arial, Helvetica, sans-serif;
			}

		#ubicacion2{
					/*opacity: .6;
					filter: alpha(opacity=60);*/
					position: relative;
					float: left;
					width:630px;
					min-height:40px;
					height:auto;
					/*left:50%;*/
					/*margin-top:0px;*/
					/*margin-left: -325px;*/
					background-color: #FFF;
					text-align: justify;
					padding:10px;
					color: #000;
					font-family: Arial, Helvetica, sans-serif;
					text-align:center;
		}
		
	/* ------------------------------------
	DEMO DE LAS UNID. EXTERNAS CON POLAROID
	------------------------------------ */
	#demoexternas{
		position: relative;
		float: right;
		/*background-color: #F90;*/
		/*background-image:url(arena.gif);*/
		text-align:center;
		width:830px;
		text-align:left;
		/*padding:10px;*/
	}
	
		#demoexternas_renglon{
			width:810px;
			height:250px;
			position:relative;
			float:left;
			/*background-color:#099;*/
			overflow:hidden;
		}
		
			#demoexternas_pos1{
				position:relative;
				float:left;
				width:195px;
				height:250;
				/*background-color:#06C;*/
				margin-right:10px;
				overflow:hidden;
			}
			
			#demoexternas_pos1:hover{
				opacity: .7;
				filter: alpha(opacity=70);
			}
			
			#demoexternas_pos2{
				position:relative;
				float:left;
				width:195px;
				height:250;
				/*background-color:#06C;*/
				margin-right:10px;
				overflow:hidden;
			}
			
			#demoexternas_pos2:hover{
				opacity: .7;
				filter: alpha(opacity=70);
			}
			
			#demoexternas_pos3{
				position:relative;
				float:left;
				width:195px;
				height:250;
				/*background-color:#06C;*/
				margin-right:10px;
				overflow:hidden;
			}
			
			#demoexternas_pos3:hover{
				opacity: .7;
				filter: alpha(opacity=70);
			}
			
			#demoexternas_pos4{
				position:relative;
				float:left;
				width:195px;
				height:250;
				/*background-color:#06C;*/
			}
			
			#demoexternas_pos4:hover{
				opacity: .7;
				filter: alpha(opacity=70);
			}
			
		/* ------- ACÁ TERMINO EL DEMO DE UNID. EXTERNAS ------- */
	
	
		/* ----------------------------------------------------
		CSS DETALLE DE UNID EXTERNA
		---------------------------------------------------- */
		
		.flota_derecha{
			width: 644px;
			position:absolute;
			left: 50%;
			margin-left: -322px;
			text-align: center;
			background-color:;
			top: 510px;
		}
		
		#demodetalleexternas{
			position: relative;
			float: right;
			/*background-color: #F90;*/
			text-align:center;
			width:830px;
			height: 1460px ;
			text-align:left;
		}
		
		
		#contenedor_ue{
			background-color:;
			position:relative;
			float:left;
			width: 810px;
			height: 1300px;
		}
		
			#nombre_detalle_ue{
					width:800px;
					padding-left:10px;
					height:30px;
					line-height: 30px;
					background-color:#000;
					color:#FFF;
					position: absolute;
					top:0px;
			}
		
			#contenedor_ue_foto_detalle{
				/*background-color: #FFFF00 ;*/
				position:absolute;
				top:35px;
				width:400px;
				height:380px;
				overflow: hidden;
				background-color: ;
			}
			
				#foto_ue_gde{
					width:400px;
					height:250px;
					background-color: ;
					position: absolute;
					overflow: hidden;
					top:0px;
					left:0px;
					/*border:1px solid;*/
				}
				
				#detalle_ue{
					width:390px;
					height: 120px;
					padding-left:10px;
					background-color:;
					background-image:url(../images/ue/detalle_individual.png);
					background-repeat:no-repeat;
					background-position: bottom left;
					font-size: 12px;
					color: #000;
					position: absolute;
					top:35px;
					right:0px;
					overflow:hidden;
				}
			
				#fotos_ue_chicas{
					width:400px;
					height:120px;
					background-color: ;
					position:absolute;
					top: 255px;
					overflow: scroll;
				}
				
					.fotito_ue1{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:0px;
						overflow: hidden;
						border:0px solid #333;
					}
					
					.fotito_ue2{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:135px;
						overflow: hidden;
						border:0px solid #333;
					}
					
					.fotito_ue3{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:270px;
						overflow: hidden;
						border:0px solid #333;
					}
					
					.fotito_ue4{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:405px;
						overflow: hidden;
						border:0px solid #333;
					}
					
					.fotito_ue5{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:535px;
						overflow: hidden;
						border:0px solid #333;
					}
                    
                    .fotito_ue6{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:670px;
						overflow: hidden;
						border:0px solid #333;
					}
                    
                    .fotito_ue7{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:805px;
						overflow: hidden;
						border:0px solid #333;
					}
                    
                    .fotito_ue8{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:940px;
						overflow: hidden;
						border:0px solid #333;
					}
                    
                    .fotito_ue9{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:1075px;
						overflow: hidden;
						border:0px solid #333;
					}
                    
                    .fotito_ue10{
						width:130px;
						height:100px;
						background-color: ;
						position: absolute;
						top:0px;
						left:1210px;
						overflow: hidden;
						border:0px solid #333;
					}
		
				#ubicacion_ue{
						background-color: #FFF;
						position:absolute;
						top:160px;
						right: 0px;
						width:380px;
						height:230px;
						overflow: hidden;
						text-align: center;
						padding:10px;
						color: #000;
						font-family: Arial, Helvetica, sans-serif;
						text-align:center;
				}
		
		#izquierda_ue_inicial{
                position: relative;
                float:left;
                background-image:url(../images/fondo_polaroid.gif);
                background-position:right;
                background-repeat:repeat-y;
                width:250px;
                min-height:1030px;
        }
               
        #izquierda_ue{
                position: relative;
                float:left;
                background-image:url(../images/fondo_polaroid.gif);
                background-position:right;
                background-repeat:repeat-y;
                width:250px;
                min-height:1157px;
        }
		
		/* ----------------------------------------
		FIN CSS DETALLE DE UNID EXTERNA
		-----------------------------------------*/
		
		
		/* ---------------------------------------
		CSS del reloj de cuenta regresiva
		--------------------------------------- */
		
		#cuadro2{
			padding:10px;
			background-color: #9F0;
			border:1px solid #333;
			text-align:center;
			
		}
		#reloj{
			width:440px;
			margin:0 auto;
		}
		.count_down{
			padding: 3px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:38px;
			font-weight:bold;
			color:#222;
		}
		
		.count_down sup{
			font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#555;
			padding:0px 10px 0 0;
			font-weight:normal;
		}
		/* ---------------------------------------
		FIN CSS del reloj de cuenta regresiva
		--------------------------------------- */
		
			
/* ------------------------------------------------------------
PIE Y SUS COMPONENTES                                     
-------------------------------------------------------------*/
#pie{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	position: relative;
	float: right;
	background-color:;
	background-image: url(../images/pie_040909.gif);
	background-position:right;
	background-position:top right;
	background-repeat:no-repeat;
	width:850px;
	min-height:147px;
	/*height:auto;*/
	text-align:center;
	padding-top:0px;
	
	}

/* ---------------------------------------------------------------
CLASES
-----------------------------------------------------------------*/

.subtitulo{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-style:italic;
}

.subtitulo_centrado{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

.hotel{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:300px;
	height:86px;
	background-position: -37px -0px;
	position:relative;
	float:left;
}

.hotel:hover{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:300px;
	height:86px;
	background-position: -37px -171px;
}


.externas{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:330px;
	height:86px;
	background-position: -0px -85px;
	position:relative;
	float: right;
}

.externas:hover{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:330px;
	height:86px;
	background-position: -0px -255px;
}

.habitaciones{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:280px;
	height:86px;
	background-position: -388px -0px;
	position:relative;
	float:left;
}

.habitaciones:hover{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:280px;
	height:86px;
	background-position: -388px -171px;
}

.paseo{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:265px;
	height:86px;
	background-position: -346px -84px;
	position:relative;
	float: right;
}

.paseo:hover{
	background-image:url(../images/titulos/sprite_fotos.gif);
	width:265px;
	height:86px;
	background-position: -346px -255px;
}

.renglon_externa{
	/*opacity: .6;
	filter: alpha(opacity=60);*/
	width:650px;
	height:310px;
	/*background-color: #FC6;*/
	position: relative;
	float:left;
	left:10px;
}
	.renglon_foto_izq{
		width:310px;
		height:200px;
		background-color:;
		position:absolute;
		left:10px;
		top:10px;
	}
	
	.renglon_foto_izq:hover{
		opacity: .5;
		filter: alpha(opacity=50);
	}
	
	.renglon_nombre_izq{
		width:300px;
		padding-left:10px;
		height:20;
		background-color:#000;
		color:#FFF;
		position:absolute;
		left:10px;
		top:215px;
	}
	
	.renglon_detalle_izq{
		width:300px;
		padding-left:10px;
		height:60px;
		/*background-color:;*/
		background-image:url(../images/ue/detalle_izq.png);
		font-size:11px;
		color: #000;
		position:absolute;
		left:10px;
		top:240px;
	}
	
	.renglon_foto_der{
		width:310px;
		height:200px;
		background-color:;
		position:absolute;
		left:330px;
		top:10px;
	}
	
	.renglon_foto_der:hover{
		opacity: .5;
		filter: alpha(opacity=50);
	}
	
	.renglon_nombre_der{
		width:300px;
		padding-left:10px;
		height:20;
		background-color:#000;
		color:#FFF;
		position:absolute;
		left:330px;
		top:215px;
	}
	
	.renglon_detalle_der{
		width:300px;
		padding-left:10px;
		height:60px;
		/*background-color:;*/
		background-image:url(../images/ue/detalle_der.png);
		font-size:11px;
		color: #000;
		position:absolute;
		left:330px;
		top:240px;
	}
	
/* -------------------------------------------------
CUENTA REGRESIVA - ESTILOS
------------------------------------------------- */
#cuentaregresiva{
	text-align:center;
	background-color:;
	border: groove 2px #666;
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}

#cuentaregresiva form input{
	font-family:arial, Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	color: #000;
	border: dotted 1px #999;
	width:290px;
	background-color: #FFF;
}

/* -----------------------------------------------
LOGO Meridiano57
----------------------------------------------- */

#powered, #powered a, #powered a:hover{
	position:fixed;
	bottom:0px;
	right:0px;
	width:100px;
	height:45px;
	overflow:hidden;
	background-color: ;
	font-family:"trebuchet ms",Tahoma, Geneva, sans-serif;
	font-size:9px;
	color: #1A709D;
	line-height:15px;
	text-align:center;
	text-decoration: none;
}

#comparador{
	position:fixed;
	width:150px;
	height:150px;
	left:0px;
	top:50%;
	margin-top:-75px;
    background-color: ;
}