/*	Estilo para el html: usado	*/
html
{
	background-color	: #B5B7C3;
}
/*	Estilo para el body: usado	*/
body
{
	width					: 770px;
	margin				: auto;
	font-family			: Trebuchet MS,Verdana,Arial,Sans-serif;
	font-size			: small;
	padding-bottom		: 1.5em; 
	padding-top			: 1.5em;  
}
/*	Estilo para el caption: usado	*/
#caption
{
	position				: relative;
	float					: left;
	width					: 100%;
	border-bottom		: 2px solid #B5B7C3;
	background-color	: #FFFFFF;
}
#cuerpo
{
/*	position			: relative;*/
	width					: 100%;
	background-color	: #FFFFFF;
}
#fecha
{
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: x-small; 
	color					: #015198;
	margin-bottom		: 0.2em;
	background-color	: inherit; 
}
#location
{
	position			: relative;
	float				: left;
	width				: 26%;
	height				: 10em;
}
.fondoContacto
{
	position			: absolute;
	top					: 0;
	left				: 0;
	float				: left;
	width				: 100%;
	height				: 100%; 
}
#tituloContacto
{
	position			: relative;
	font-family		: Trebuchet MS,Verdana,arial,helvetica,sans-serif;
	font-size		: large;
	font-weight		: bold;  
	color				: #000000;
}
/*	Estilo para el body: usado	*/
#body
{
/*	position			: relative;*/
	display			: block;
	clear				: both; 
	width				: 100%;
	padding-bottom : .2%;
}
/*	Estilo para el pie de pagina: usado	*/
#piepagina
{
	position			: relative;
	display				: block;
	clear				: both;
	width				: 100%;
	background-color	: #EFEFEF;/*#C2C5D0;*/
	padding				: 0;
	padding-top			: 2%;
	margin				: 0;
	text-align			: center;
	background-color	: #D2D5E0;	
	background-color	: #B5B7C3;
	background-color	: #ABB8DB;
	background-color	: #015198;
	background-color	: #FFFFFF;	
	}
/*	Estilo para el div del logotipo de la empresa: usado	*/
#logotipo
{
	position			: relative;
	float				: left;
	background-color	: #ABB8DB;
	border		: 2px solid white;
}
#logotipo a
{
	text-decoration	: none;
	border				: none;  
	margin				: 0;
}
#logotipo a img
{
	text-decoration		: none;
	border				: none;  
	margin				: 0;
}
/*	Estilo para la foto de la cabecera: usado		*/
#headimg
{
	position			: relative;
	float				: left;
	width				: 58%;
	height				: 102px; 
	border				: 1px solid white;
	border-left			: none; 
}
#headimg img
{
	position			: relative;
	border				: none;
	background-color	: lime;
	width				: 100%;
	height				: 100%;  	
}
#animacion
{
	position			: relative;
	float				: left;
	margin-top		: .1em;	
	width				: 26%;
}
#captioncuerpo
{
	position			: relative;
	float				: left;
	width				: 100%;
	border-top		: 1px solid #015198;	
	padding-bottom	: 1%;
}
#bodycuerpo
{
/*	position			: relative;*/
	display				: block;
	clear				: both;
	width				: 100%;
	background-color	: transparent;
}
#piecuerpo
{
	position				: relative;
	display				: block;
	clear					: both; 
	height				: 2.9em;
	width					: 100%;
	border-top			: 1px solid #015198;
	border-bottom		: 3px solid #015198;
	background-color	: #D2D5E0;
	margin-top			: 4%;
}
.piecuerpo
{
	position				: relative;
	float					: left;
	clear					: both; 
	width					: 100%;
	background-color	: #FFFFFF;
	border-bottom		: 2px solid #B5B7C3; 
	
}
#inicioArriba
{
	float			: left;
	clear			: both;
	width			: 100%; 
	margin-bottom	: 0%;
}
.inicioArriba
{
/*	position				: relative;*/
	float					: left;
	width					: 100%; 
	margin-bottom			: 0%;

}
#inicioAbajo
{
/*	position				: relative;*/
	display					: block;
	clear					: both;
	margin-top				: 2%; 
	width					: 100%;
}
.bloqueTexto
{
	position			: relative;
	display			: block;
	clear				: both;
	margin-left		: auto;/*1%;/*2em;*/
	margin-right	: auto;
	margin-top		: 3%; 
	width				: 80%;
	text-align		: right; 
	font-family		: Arial,verdana,sans-serif;
	font-size		: x-small;  
	text-align		: justify; 
	color				: gray;
	font-weight		: bold;
}
.bloqueTexto h2
{
	color			: blue;
	font-style		: italic; 
	border-bottom	: 2px solid #C0C9C9; 
	margin-bottom	: 1em;
	text-align		: left;  
/*	color				: #E0E9E9;	
	color				: #EDF2F2;
	color				: #394A6C;
	color				: #656664; */

}
.bloqueTexto p
{
	text-align		: justify; 
}
.bloqueTexto ul
{
	text-align		: center; 
}
.bloqueTexto ul li
{
	margin-right	:  2em;
}
.bloqueTexto ul li a img
{
	text-decoration: none;
	border			: none; 
}
.bloqueTexto a.linkArriba
{
	position					: relative;
	float						: right;
	font-size				: x-small;
	font-family				: Trebuchet MS,Verdana,Arial,Helvetica, sans-serif; 
	font-weight				: normal;
	color						: blue; 
	background-repeat		: no-repeat;
	background-image		: url(../img/icons/subir.gif);
	background-position	: right;
	padding-right	 		: 3%; 
}
kbd
{
	line-height				: 2em;
	font-size				:.8em;
	font-weight				: normal;
	font-family				: "Lucida console", Courier, monospace;
	border-top				: .15em solid #ccc;
	border-right			: .25em solid #aaa;
	border-bottom			: .3em solid #888;
	border-left				: .2em solid #bbb;
	padding					:.05em .2em;	
	margin					: 0px 1.5px 0px 1.5px;
	color					: #000;
	background				: #eee;
	vertical-align			: text-bottom;
}
acronym
{
	border					: none;
	font-weight				: bold; 
}
ul.pautasAccebilidad
{
	position			: relative;
	display				: block; 
	text-align			: left;
	margin-left			: 10%;
	list-style			: none; 
}
ul.pautasAccebilidad li
{
	position			: relative;
	display				: block;
	margin-bottom		: .5em;
	padding-left		: 3%;
	text-align			: justify;
	background-color	: #E0E9E9;
	background-image	: url(../img/icons/flecha.gif);
	background-repeat	: no-repeat;
	background-position	: left;
}
ul.pautasAccebilidad li.tecla
{
	position			: relative;
	display				: block;
	margin-bottom		: .5em;
	text-align			: justify;
	width				: 25%;
}
#textosInicio
{
	position			: relative;
	float				: left;
	clear				: right;
	width				: 30%; 
	padding			: .2em;
	font-family		: Trebuchet MS,Verdana,Arial,helvetica,sans-serif; 
	font-size		: small;
	background-color	: #FFFFFF;
	margin-top		: 2.5%;
}
div.ubicacion
{
	position			: relative;
	background-color	: white;
	padding-left		: 2%;
	padding-bottom		: 2%;
	padding-top			: 2%;
	border-right 		: 1px solid #D0D0D0;
	border-bottom		: 1px solid #D0D0D0;
	border				: 1px solid #D0D0D0;
	width				: 85%;
	text-align			: center; 
}
.textosUbicacion
{
	position				: relative;
	float					: left;
	clear					: right;
	width					: 95%; 
	margin-left			: auto;
	margin-right		: auto; 
	margin-bottom		: 1em; 
	padding				: .2em;
	font-family			: Trebuchet MS,Verdana,Arial,helvetica,sans-serif; 
	font-size			: small;	
}
.divDinamicoInicio
{
	position				: relative;
	float					: left;
	width					: 30%; 
	padding-top			: 1%;
	padding-bottom		: 1%; 
	margin-right		: 2%;
	border				: 1px solid #D0D0D0;
	background-image	: url("../img/lineafondo.gif");
	background-repeat	: repeat-x; 
}
.bigger
{
	width					: 33%;
}
.marginleft
{
	margin-left			: 35%; 
}
.contenido
{
	position				: relative;
	display				: block;
	clear					: both;
	width					: 100%;
}
.contenidoestatico
{
	position			: relative;
	display				: block;
	clear				: both;
	width				: 100%;
	height				: 10em;
}
.textoContenido
{	
	float					: left;
	width					: 100%;
	padding				: .2em;
}
.textoContenidoUltimo
{
	float					: left;
	width					: 75%;
	margin-bottom		: 0%; 
	padding				: .2em;	
}
.textoDinamico
{	
	display					: block;
	clear					: both;
	width					: 100%;
	margin-top				: 2%;
}
.tituloContenido
{
	position					: relative;
	float						: left;
	margin					: 0;
	padding					: 0;
	margin-bottom			: 0em;
/*	border-bottom			: 1px dotted gray;
	border-bottom: 1px solid #A1A6B1;
	border-bottom: 1px solid #ddd;
	border-bottom:1px solid #9098A7;*/
}
.tituloContenidoDinamico
{
	position					: relative;
	float						: left;
	margin-bottom			: 0em;
	margin-top				: 0em;
	margin-left				: 1em;
}
.izquierda
{
	position					: relative;
	float						: left;
	width						: 40%;
}
.derecha
{
/*	position				: relative;*/
	float					: left;	
	width					: 53%;
	margin-left				: 2%;
}
.centrado
{
	display					: block;
	clear					: both;
	width					: 100%;
}
.divTextoTemporada
{
	position				: relative;
	float					: left;
	width					: 32.5%; 
	background-color	: #FFFFFF;
}
#divIdioma
{
	position				: relative;
	width					: 49%;
	float					: left; 
	text-align				: right;
	margin-top				: 0.5%; 
}
#divMigapan
{
	position				: relative;
	width					: 49%;
	float					: left; 
	text-align				: left;
	margin-top				: 1%; 	
}
.backgroundImageOfertas
{	
	position 				: absolute;
	left					: 0px;
	top						: 0px;
	width					: 30%; 
	height					: 15em;
}
.backgroundImageNovedades
{	
	position 				: absolute;
	top						: 0;
	left						: 33%;
	width						: 30%; 
	height					: 15em;
}
.backgroundImageOpiniones
{	
	position 				: absolute;
	top						: 0;
	left						: 66%;
	width						: 30%; 
	height					: 15em;
}
.decoracion
{
	float						: left;
	width						: 100%; 
	height					: 4em;
	margin-top				: 2em;
	background-color		: #D2D5E0; 
}
.bloqueBlanco
{
	background-color		: white;
	height					: 8em;
	width					: 8em;   
	margin-left				: 8em;
}
.bloqueColor
{
	float					: left;
	background-color	: #D2D5E0; 
	height				: 8em;
	width					: 7.83em;   
	margin-left			: 0em;
}
.margenIzquierdo
{
	margin-left				: 4.3em; 
}
.margenIzquierdoSencillo
{
	margin-left				: 1.5em; 
}
.blanco
{
	background-color		: white; 
}
img.imgCalendario
{
	padding-top				: 1%;
	
}
/***************************************************************************/
/*** 		ESTILOS PARA LAS LOS DATOS DE UBICACION						 ***/
/***************************************************************************/
.ubicacion
{
	width				: 95%;
	height				: auto; 
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 2em; 
}

ubicacion img
{
	float				: left;
	margin				: 0;
	padding				: 0;
	border				: none; 
}
.presentacion
{
	float				: left;
}
ul.servicios
{
	position				: relative;
	display				: block; 
	text-align			: left;
	margin-left			: 0%;
	list-style			: none; 
	font-family			: Arial, Helvetica, sans-serif; 
}
ul.servicios li
{
	position				: relative;
	display				: block;
	margin-bottom		: .5em;
	padding-left		: 1em;´
	padding-right		: 1em; 
	text-align			: left;
	background-color	: #E0E9E9;
	background-image	: url(../img/icons/flecha.gif);
	background-repeat	: no-repeat;
	background-position	: 0 0;
}