/* CSS Document */

body {
}

h1 {font-family:'MercedesRegular', Arial; font-size:50px; line-height:40px; margin:30px 0 15px 0; text-align:center}
h3 {font-family:'MercedesRegular', Arial; font-size:16px; margin:0}

.gris {color: #666}
.grisclaro {color: #999}
.azul {color:#007a8e}
.verde, .verde a {color:#6eae23}
.verde a:hover {color:#F96; text-decoration:none}
.enlace a {font-family:'MercedesRegular', Arial;}

a {color:			#666; text-decoration:none}
a:hover {color:		#000; text-decoration:underline}

.blogslinks p, .blogslinks li {
	font-family: 		'MercedesRegular';
	margin:				0;
	font-size: 			14px
	}
.blogslinks li {
	list-style-image:	url(imagenes/item-li-servicios.png);
	line-height:		17px;
	}
.blogslinks ul {
	padding-left:		22px
	}

ul.verde li {
	list-style-image:	url(imagenes/item-li-servicios2.png);
	line-height:		20px;
	}
.blogcolor {color:		#750f43}
.blogslinks img {float:		left; padding-bottom:5px}
.blogslinks h1 {text-align:left}
.colectivos p {font-size:16px; line-height:26px; margin:0 0 0 10px; color:	#F96; font-weight:bold}
.colectivos .normal {font-size:16px;color:#000; line-height: 16px; font-weight:normal}

#titulobig {
	position:			absolute;
	width:				348px;
	height:				190px;
	right:				288px;
	top:				24px;
	z-index: 7;
	}

#right {
	position:			absolute;
	width:				1000px;
	height:				499px;
	right:				0;
	top: 25px;
}

#textoinicio {
	position:			absolute;
	width:				630px;
	right: 				0px;
	top: 				230px;
	font-family:		'MercedesRegular', Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#666;
	text-align:			justify;
	z-index: 6;
	}
#textoinicio p {	
	margin:				4px 0 0 0
}

#redes {
	position:			absolute;
	width:				107px;
	right: 				0px;
	top: 				45px;
	text-align:			right;
	z-index: 			10;
	}
#redes a:hover {
	opacity: 			0.7;
	filter: 			alpha(opacity=70);
	}

#direccion {
	position:				absolute;
	bottom:					13px;
	right:					0;
	bottom:					0;
	z-index: 11;
	}
	
#direccion p {font-family:'MercedesRegular'; font-size:12px; color:#666}

#base {
	position:				absolute;
	margin-left: 			-500px; /* mitad del ancho de la película */
	left:					50%;
	width:					1000px;
	height:					600px;
/*	background: 			url(imagenes/loguito.png) 50% 100% no-repeat;*/
	}

#baseindex {
	position:				absolute;
	margin-left: 			-500px; /* mitad del ancho de la película */
	left:					50%;
	width:					1000px;
	height:					600px;
/*	background: 			url(imagenes/loguito3.png) 50% 100% no-repeat;  */
	}

#baseubicacion2 {
	width:					1000px;
	height:					499px;
	background: 			url(imagenes/mapa.jpg) 100% 100% no-repeat;
	position:				relative
	}
#baseubicacion2_eng {
	width:					1000px;
	height:					499px;
	background: 			url(imagenes/mapa_eng.jpg) 100% 100% no-repeat;
	position:				relative
	}

/* ------------ botón HOME ------------  */

#homebottom {
	position: 				absolute;
	width:					174px;
	height:					124px;
	float:					left;
	bottom:					0px;
	left:					0px;
	z-index: 				9;
	}

#homebottom a:hover {
	opacity:				0.5;
	filter:					alpha(opacity=500);
	filter: 				"alpha(opacity=50)";
	display:				block;
	height: 				86px;
	text-decoration:		none
	}

/* ------------ fin botón Home ---------------------  */

/* ------------ botones ESP-ENG ------------  */
#english {
	position:				absolute;
	width:					61px;
	height:					61px;
	float:					right;
	right:					187px;
	top:					164px;
	z-index: 				5;
/*	margin: 				30px -100px */
	}
	
#english a {
	background:				url(imagenes/english.png);
	display:				block;
	height: 				61px;
	text-decoration:		none
	}
#english a:hover {
	background:				url(imagenes/english_f2.png);
	display:				block
	}
	
	
	
#espanol {
	position:				absolute;
	width:					53px;
	height:					48px;
	float:					right;
	right:					250px;
	top:					161px;
	z-index: 4;
/*	margin: 				30px -100px */
	}
	
#espanol a {
	background:				url(imagenes/espanol.png);
	display:				block;
	height: 				48px;
	text-decoration:		none
	}
#espanol a:hover {
	background:				url(imagenes/espanol_f2.png);
	display:				block
	}	
/* ------------ fin botón Idioma ---------------------  */




/* ------------ botón ADVENTURES ------------  */
#adventures {
	position:				absolute;
	z-index: 				3;
	width:					75px;
	height:					69px;
	float:					right;
	right:					58px;
	top:					372px;
/*	margin: 				30px -100px */
	}
	
#adventures a {
	background:				url(imagenes/ver_blog.png);
	display:				block;
	height: 				69px;
	text-decoration:		none
	}
#adventures a:hover {
	background:				url(imagenes/ver_blog2.png);
	display:				block
	}


#adventures_eng {
	position:				absolute;
	z-index: 				3;
	width:					75px;
	height:					69px;
	float:					right;
	right:					123px;
	top:					382px;
	}
#adventures_eng a {
	background:				url(imagenes/ver_blog_eng.png);
	display:				block;
	height: 				69px;
	text-decoration:		none
	}
#adventures_eng a:hover {
	background:				url(imagenes/ver_blog2_eng.png);
	display:				block
	}
		
/* -------------- fin botón ADVENTURES -------------- */

/* ------------ botón RESERVA TU HABITACIÓN ------------  */


#reservatuhab_eng {
	position:				absolute;
	z-index: 				3;
	width:					137px;
	height:					131px;
	float:					right;
	right:					74px;
	top:					91px;
/*	margin: 				30px -100px */
	}
	
#reservatuhab_eng a {
	background:				url(imagenes/reservahabitacion_eng.png);
	display:				block;
	height: 				131px;
	text-decoration:		none
	}
#reservatuhab_eng a:hover {
	background:				url(imagenes/reservahabitacion_eng_f2.png);
	display:				block
	}



#reservatuhabitacion {
	position:				absolute;
	z-index: 				3;
	width:					137px;
	height:					131px;
	float:					right;
	right:					96px;
	top:					69px;
/*	margin: 				30px -100px */
	}
	
#reservatuhabitacion a {
	background:				url(imagenes/reservahabitacion.png);
	display:				block;
	height: 				131px;
	text-decoration:		none
	}
#reservatuhabitacion a:hover {
	background:				url(imagenes/reservahabitacion_f2.png);
	display:				block
	}

#reservatuhabitacion2 {
	background:				url(imagenes/reservahabitacion_f3.png);
	position:				absolute;
	float:					right;
	width:					137px;
	height: 				131px;
	right:					0px;
	top:					40px;		}
	
#reservatuhabitacion2_eng {
	background:				url(imagenes/reservahabitacion_f3_eng.png);
	position:				absolute;
	float:					right;
	width:					137px;
	height: 				131px;
	right:					0px;
	top:					40px;		}
	
#reservatuhabitacion_eng {
	position:				absolute;
	float:					right;
	z-index: 				3;
	width:					133px;
	height:					60px;
	float:					right;
	right:					0px;
	top:					25px;	
/*	margin: 				30px -100px */
	}
	
#reservatuhabitacion_eng a {
	background:				url(imagenes/reservahabitacion.png);
	display:				block;
	height: 				60px;
	text-decoration:		none
	}
#reservatuhabitacion_eng a:hover {
	background:				url(imagenes/reservahabitacion_f2.png);
	display:				block
	}	
		
/* -------------- fin botón RESERVA TU HABITACION -------------- */

/* ------------ botón MÁS COSAS y MORE STUFF ------------  */
#morestuff {
	position:				absolute;
	z-index: 				3;
	width:					101px;
	height:					100px;
	float:					right;
	right:					0px;
	top:					25px;	
/*	margin: 				30px -100px */
	}
	
#morestuff a {
	background:				url(imagenes/morestuff_1.png);
	display:				block;
	height: 				100px;
	text-decoration:		none
	}
#morestuff a:hover {
	background:				url(imagenes/morestuff_2.png);
	display:				block
	}
	

#mascosas {
	position:				absolute;
	z-index: 				3;
	width:					101px;
	height:					100px;
	float:					right;
	right:					0px;
	top:					25px;	
/*	margin: 				30px -100px */
	}
	
#mascosas a {
	background:				url(imagenes/mascosas_1.png);
	display:				block;
	height: 				100px;
	text-decoration:		none
	}
#mascosas a:hover {
	background:				url(imagenes/mascosas_2.png);
	display:				block
	}	
		
/* -------------- fin botón MÁS COSAS -------------- */



/* ------------ botón RETURN ------------  */
#return, #return_eng {
	position:				absolute;
	z-index: 				3;
	width:					101px;
	height:					100px;
	float:					right;
	top:					25px;
	right:					0px
/*	margin: 				0 -100px */
	}
	
#return a {
	background:				url(imagenes/menu_1.png);
	display:				block;
	height: 				100px;
	text-decoration:		none
	}
#return a:hover {
	background:				url(imagenes/menu_2.png);
	display:				block
	}
	
#return_eng a {
	background:				url(imagenes/menu_1_eng.png);
	display:				block;
	height: 				100px;
	text-decoration:		none
	}
#return_eng a:hover {
	background:				url(imagenes/menu_2_eng.png);
	display:				block
	}
/* -------------- fin botón RETURN -------------- */


/* --------------  VOLVER e IMPRIMIR -------------- */

#volvereimprimir {
/*	float: 					right; */
	position:				absolute;
	z-index:				1;
	bottom:					-18px;
	right:					0px;
	width: 					137px;
	text-align:				right
	}

#volvereimprimir a {
	font-family:			'MercedesRegular', Arial;	
	font-size:				12px;
	}
#volvereimprimir a:hover {	color: #f96; text-decoration:none}

/* -------------- fin botón VOLVER e IMPRIMIR -------------- */

/* -------------------  COMO LLEGAR ------------------ */

#comollegar {
	z-index:				4;
	/*	background:				url(imagenes/comollegar.jpg); */
	width:					481px;
	height:					66px;
	float: 					right;
	position:				absolute;
	right:					0px;
	text-align:				right
	}

#comollegar h1 {
	font-family:			'ClarendonTLigRegular', Arial;
	font-size:				20px;
	line-height:			16px;
	margin:					0;
	text-align:				right
	}

#comollegar p {
	font-family:			'MercedesRegular', Arial;
	font-size:				14px	
	}

#comollegar a {
	outline:				none;
	text-decoration:		none
	}

#comollegar a:hover {	color:#f96}

#howtoget {
	z-index:				4;
	background:				url(imagenes/comollegar_eng.jpg);
	width:					404px;
	height:					66px;			
	float: 					right;
	position:				absolute;
	z-index:				1;
	top:					50px;
	right:					0px;
	}

#menucomollegar {
	z-index:				5;
/*	width:					404px; */
	float:					right; 
	position: 				absolute;
	top:					75px;
	right:					0px
	}

#linea_peatonales {
	z-index:				1;
	visibility:				hidden;
	position:				absolute;
	background:				url(imagenes/linea_peatonales.png);
	width:					189px;
	height:					193px;
	left: 					586px;
	top: 					238px;
	}
	
#linea_monumento {
	z-index:				2;
	visibility:				hidden;
	position:				absolute;
	background:				url(imagenes/linea_monumento.png);
	width:					84px;
	height:					85px;
	left: 					774px;
	top: 					251px;
	}	
	
#linea_terminal {
	z-index:				3;
	visibility:				hidden;
	position:				absolute;
	background:				url(imagenes/linea_terminal.png);
	width:					688px;
	height:					162px;
	left: 					51px;
	top: 					160px;
	}



/* -------------- fin seccion COMO LLEGAR -------------- */



/* -------------- PANELES DE LA DERECHA -------------- */
#bienvenido {
	position:				absolute;
	width:					370px;
	height:					545px;
	top:					41px;
	left:					0px;
	text-align: 			center;
	z-index: 				8;
/*	float:					right;
	margin: 				220px -120px */
	}

#mascosas_derecha  {
	position:				absolute;
	float:					right;
	width:					990px;
	height:					226px;
	float:					right;
	right:					0px;
	top:					70px;
	}
	
#hostel_derecha {
	position:				absolute;
	float:					right;
	height:					430px; 
	float:					right;
	right:					0px;
	top:					120px;	
	}
#casadelche_derecha {
	background:				url(imagenes/mapita_casadelche.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					830px;
	height:					386px; 
	float:					right;
	right:					0px;
	top:					140px;	
	}

#casadelche_derecha_eng {
	background:				url(imagenes/mapita_casadelche_eng.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					830px;
	height:					386px; 
	float:					right;
	right:					0px;
	top:					140px;	
	}

#rioparana_derecha {
	background:				url(imagenes/mapita_rioparana.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					832px;
	height:					386px;
	float:					right;
	right:					0px;
	top:					140px; 
	}

#rioparana_derecha_eng {
	background:				url(imagenes/mapita_rioparana_eng.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					832px;
	height:					386px;
	float:					right;
	right:					0px;
	top:					140px; 
	}
	
#monumento_derecha {
	background:				url(imagenes/mapita_monumento.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					827px;
	height:					386px;
	float:					right;
	right:					0px;
	top:					140px;
	text-align:				right
	}
	
#monumento_derecha_eng {
	background:				url(imagenes/mapita_monumento_eng.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					827px;
	height:					386px;
	float:					right;
	right:					0px;
	top:					140px;
	text-align:				right
	}	
	
#comercialmessi_derecha {
	background:				url(imagenes/imagenescomercialmessi.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					680px;
	height:					350px; 
	float:					right;
	right:					0px;
	bottom:					40px;	
	}

#comercialmessi_derecha_eng {
	background:				url(imagenes/imagenescomercialmessi_eng.jpg) 0% 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	float:					right;
	width:					680px;
	height:					350px; 
	float:					right;
	right:					0px;
	bottom:					40px;	
	}

#reservas_derecha {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#8D7D74;
	position:				absolute;
	float:					right;
	right:					-12px;
	top:					167px;
	text-align:				left
	}
#che_derecha {
	float:					right;
	margin: 				150px -100px
	}
#blogs_derecha {
	background:				url(imagenes/titulo_blogslinks.png) 0% 0%;
	background-repeat:		no-repeat;
	width:					420px;
	position:				absolute;
	float:					right;
	height:					356px;
	float:					right;
	right:					0px;
	top:					194px;
	}

#enlacesblog {
	position:				absolute;
	width:					219px;
	top:					55px;
	left:					-52px
	}
	
#scrollenlaces {
	position:				absolute;
	float:					right;
/*	overflow:				scroll; */
	width:					225px;
	height:					300px;
	top:					63px;
	right:					0px;
	text-align:				left;
	font-family: 			Arial Narrow, Helvetica, sans-serif;
	font-size:				13px;
	color: 					#999999;
	}

.enlaces {
	color:					#9B0057
	}

/* -------------- fin paneles de la derecha-------------- */



#enlace {
	float:					right;
/*	position: 				inherit; */
	width: 					71px;
	margin:					583px 45px 0 0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				18px
	}
#enlace a {
	text-decoration: 		none;
/*	color: 					transparent */
	}
#enlace a:hover {
	text-decoration: 		underline;
	color:					#000000
	}


#centrado  {
	text-align				: center;
	position				: absolute;
	top						: 50%;
	left					: 50%;
	margin-left				: -380px; /* mitad del ancho de la película */
	margin-top				: -275px;  /* mitad del alto de la película */
    }
	
.textopie {
	color					:#dedede;
	font-family				:Trebuchet MS, Arial, Helvetica;
	font-size				:10px;
	text-align				:center;
	font-weight				:bold;
	}
.dist_item_ubicacion {
	margin:					4px 0 4px 0
	}

/* ------------------------ FORMULARIO --------------------- */

.formu {
	width:					275px;
	font-family:			'MercedesRegular', Arial;
	font-size:				14px
	}

.formu td {
	background-color:		#ddd;
	height:					22px;
	padding-left:			8px;
	vertical-align:			middle
	}

.formu input {
	background-color:		#ddd;
	border:					0;
	color:					#00A0FF;
	margin-bottom:			2px	
	}
.formu textarea {
	font-family:			'MercedesRegular', Arial, Helvetica, sans-serif;
	font-size:				12px;
	width:					96%;
	background-color:		#ddd;
	border:					0;
	color:					#00A0FF;
	margin-bottom:			2px	
	}


.formuborrar {
	background:	 			url(imagenes/formulario/borrar.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer;
	}

input.borrarnorm {
	background:				url(imagenes/formulario/borrar.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer
	}
input.borrarover {
	background:	 			url(imagenes/formulario/borrar_f2.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer
	}


.formuborrar_eng {
	background:	 			url(imagenes/formulario/borrar_eng.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer;
	}
input.borrarnorm_eng {
	background-color:		#ddd;
	background:				url(imagenes/formulario/borrar_eng.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer
	}
input.borrarover_eng {
	background:	 			url(imagenes/formulario/borrar_eng_f2.png) no-repeat #ddd;
	width:					80px;
	background-position:	center;
	cursor:					pointer
	}
	
	
	
.formuenviar {
	width:					80px;
	background:				url(imagenes/formulario/enviar.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer;
	}
input.enviarnorm {
	width:					80px;
	background:				url(imagenes/formulario/enviar.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer
	}
input.enviarover {
	width:					80px;
	background:				url(imagenes/formulario/enviar_f2.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer
	}


.formuenviar_eng {
	width:					80px;
	background:				url(imagenes/formulario/enviar_eng.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer;
	}
input.enviarnormeng {
	width:					80px;
	background:				url(imagenes/formulario/enviar_eng.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer
	}
input.enviarovereng {
	width:					80px;
	background:				url(imagenes/formulario/enviar_eng_f2.png) no-repeat #ddd;
	background-position:	center;
	cursor:					pointer
	}

#logosprensa2 {
	position:				absolute;
	width:					167px;
	bottom:					47px;
	right:					0px;
	z-index: 				1;
	height: 				53px;
	}

#logosprensa {
	position:				absolute;
	width:					630px;
	bottom:					47px;
	right:					0px;
	z-index: 				2;
	height: 				53px;
	}

#logosprensa p, #logosprensa2 p {
	font-family:			'MercedesRegular';
	font-size:				10px;
	margin:					0;
	color: #999;
	}
#logosprensa a:hover, #logosprensa2 a:hover{
	opacity: 				0.7;
	filter: 				alpha(opacity=70);
	}

#murales {
	position:				absolute; 
	width:					245px; 
	z-index:				0; 
	top: 					85px;	}
#murales img, #mural img {
	-moz-border-radius: 	20px;
	-webkit-border-radius: 	20px;
    border-radius: 			20px;
	}