/* ESTILO PARA LA WEB DEL HOTEL cordon */
html {	margin: 0px;
		padding:0px;
}

body {  
		font-size: 1em; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px; 
		padding: 0px; 
		text-align:center;
		height:727px;
		background-color:#00AEEA;
	}

#website    { 		width: 1000px;
					height:927px;
			 }		
				
#websitepresentacion    { 		width: 1000px;
								height:727px;
						 }		
						 
						 
.separador {
	visibility: hidden;
	clear: both;
	height: 0px;
	width: 0px;
	margin:0px;
	padding:0px;
	border:0px;
}			

/*************PARTE IZQUIERDA************/

#izquierdo {			width:500px;
			height:927px;
			float:left;
}

#logo {background-image:url(imag/logo.jpg);
		background-repeat:no-repeat;
		width:500px;
		height:598px;
		float:left;
}

#logos{	width:500px;
		height:82px;
		float:left;
		position:absolute;
		top:670px;
		left:10px;
}

#separador1 {background-image:url(imag/separador1.jpg);
				background-repeat:no-repeat;
				width:500px;
				height:47px;
				float:left;
}


#eme {background-image:url(imag/eme.jpg);
					background-repeat:no-repeat;
					background-position:right;
					width:377px;
					height:82px;
					float:right;
}

/*************PARTE DERECHA	************/

#derecho {	width:500px;
			height:727px;
			float:left;
}

#campana {background-image:url(imag/fondo_campana.jpg);
		background-repeat:no-repeat;
		width:500px;
		height:245px;
		float:left;
}

#exposicion {background-image:url(imag/exposicion.jpg);
		background-repeat:no-repeat;
		width:500px;
		height:199px;
		float:left;
}

#menu {width:500px;
		height:110px;
		float:left;
}

#par {width:76px;
		height:110px;
		float:left;
}

#masinfo {background-image:url(imag/masinfo.jpg);
		background-repeat:no-repeat;
		width:321px;
		height:174px;
		float:left;
}

/*************PARTE DERECHA	************/

#cabecerapresentacion {	width:1000px;
						height:95px;
						float:left;
						background-image:url(imag/fondo_presentacion.jpg);
						background-repeat:no-repeat;
}

#izquiedapresentacion {	width:522px;
						height:442px;
						float:left;
						background-image:url(imag/fondo_izquierda_presentacio.jpg);
						background-repeat:no-repeat;
}

#derechapresentacion {	width:478px;
						height:442px;
						float:left;
						background-image:url(imag/parte_derecha.jpg);
						background-repeat:no-repeat;
}

#cambioclimatico {	width:187px;
						height:221px;
						float:left;
						padding-top:60px;
						padding-left:40px;
}

#cambioclimatico p{		font-size:0.7em;
						text-align:justify;
						color:#ffffff;
						padding:0px 10px 0px 10px;
}

#cambioclimatico h1 { color:#01296F;
						font-size:0.9em;
						padding:0px 3px 0px 10px;
						text-align:left;
}

#porque {	width:207px;
						height:221px;
						float:left;
						padding-top:60px;
						padding-left:10px;
}

#porque p{		font-size:0.7em;
						text-align:justify;
						color:#709FC1;
						padding:0px 10px 0px 5px;
}

#porque h1 { color:#01296F;
						font-size:0.9em;
						padding:0px 3px 0px 5px;
						text-align:left;
}

#ocurriendo {	width:412px;
						height:121px;
						float:left;
						padding-top:10px;
						padding-left:40px;
						font-size:0.7em;
}

#ocurriendo p{		font-size:0.7em;
						text-align:justify;
						color:#709FC1;
						padding:0px;
						border:0px;
						margin:0px;
}

#ocurriendo h1 { color:#ffffff;
						font-size:1.3em;
						padding:0px;
						padding-bottom:5px;
						text-align:left;
						border:0px;
						margin:0px;
}

#ocurriendo h2 { color:#00AEEA;
						font-size:0.9em;
						padding:0px;
						text-align:left;
						border:0px;
						margin:0px;
}

#ocurriendo h3 { color:#ffffff;
						font-size:0.9em;
						padding:0px;
						text-align:left;
						border:0px;
						margin:0px;
}

#cuestionario {			padding:90px 0px 0px 0px;
						border:0px;
						margin:0px;
}


#pregunta {		font-size:0.8em;
						text-align:left;
						text-transform:uppercase;
						color:#ffffff;
						padding-top:20px;
						border:0px;
						margin:0px;
}

#respuesta {		font-size:0.7em;
						text-align:left;
						color:#ffffff;
						padding:0px;
						border:0px;
						margin:0px;
}

#uno {	float:left;
		width:190px;
}

#dos { float:left;
		width:210px;
		padding-top:30px;	
}

#inferior {	float:left;
		width:1000px;
		height:193px;
		background-image:url(imag/inferior.jpg);
						background-repeat:no-repeat;
}

#tres {	float:left;
		width:290px;
}

#cuatro { float:left;
		width:310px;
		padding-top:30px;
		padding-left:30px;	
}

#concienciate {	
						height:121px;
						float:left;
						padding-top:50px;
						padding-left:40px;
						font-size:0.7em;
}

#concienciate p{		font-size:0.7em;
						text-align:justify;
						color:#709FC1;
						padding:0px;
						border:0px;
						margin:0px;
}

#concienciate h1 { color:#ffffff;
						font-size:1.3em;
						padding:0px;
						padding-bottom:5px;
						text-align:left;
						border:0px;
						margin:0px;
}

#concienciate h2 { color:#ffffff;
						font-size:0.9em;
						padding-top:10px;
						text-align:left;
						border:0px;
						text-transform:uppercase;
						margin:0px;
}

#concienciate h3 { color:#01296F;
						font-size:0.9em;
						padding-top:5px;
						text-align:left;
						border:0px;
						margin:0px;
}

/* ARCHIVO DIGITAL */
#archivodigital {
	text-align: left;
	color: #2C3E22;
	padding-left: 0;
	margin: 3px 5px;
	font-size: 1.2em;
	font-weight: normal;
	width:400px;
	float:left;
	padding-top:40px;
}

#archivodigital p {
	font-size: 1em;
}
div.archivodigitallista  { font-size: 0.95em; 
							text-align: center; 
							margin: 3px; 
							padding: 12px 2px 2px 2px; 
							height: 86px;
							float: left; 
							}

div.archivodigitallista  a{ color:#ffffff;
							text-decoration:none;
							font-size: 0.65em;
							text-align:center;
							float: left; 
							}

div.archivodigitallista  a:hover{ text-decoration: none;
									color:#01296F;}

div.archivodigitallista img a{
	padding: 0;
	border: 5px solid #01296F;
	background-color:#FFFFFF;
	padding:2px;
	margin-top: 5px;
	float:left;
}

.archivodigitallista img a{
	border: 0px solid #ffffff;
		background-color:#FFFFFF;

}

.archivodigitallista img:hover{
	border: 5px solid #ffffff;
}

#f02 { position:absolute;
top:550px;
left:10px;
}