/*****************************************************************************************************************/
/* general */
/*****************************************************************************************************************/
	html {height:100%}
	body {height:100%}
	* {margin:0px; padding:0px}
	img {border:0px}
	table {border:0px; border-collapse:collapse; border-spacing:0px;}
	td {vertical-align:top; padding:0px}
	th {vertical-align:top; padding:0px}
	.divrel {position:relative; width:100%; height:auto}
	.pb20 {padding-bottom:20px}
	
	#flaportada {position:relative; width:980px; height:450px; margin:50px auto}
	
	.clsulhorizontal {margin:0; padding:0; list-style-type:none; text-align:right}
	.clslihorizontal {display:inline; padding-left:15px}
	#contenido {position:absolute; top:0px; left:0px; width:100%; height:auto}
/*****************************************************************************************************************/
/* links y fuentes */
/*****************************************************************************************************************/
	h1 {font:16px Georgia, Helvetica, Tahoma, sans-serif; color:#fff; margin:0px; padding:0px}
	h2 {font:14px Georgia, Helvetica, Tahoma, sans-serif; color:#fff; margin:0px; padding:0px}
	p {font:12px Georgia, Helvetica, Tahoma, sans-serif; color:#fff; margin:0px; padding:0px} 
	.aflua:link , .aflua:visited {font:9px/9px Arial, Helvetica, sans-serif; color:#336699; text-decoration:none}
	.aflua:hover, .aflua:active {color:#336699; text-decoration:none}
	
	.guia:link , .guia:visited {font:12px Georgia, Helvetica, Tahoma, sans-serif; color:#fff; margin:0px; padding:0px}
	.guia:hover, .guia:active {color:#336699; text-decoration:underlina}
/****************************************************************************************************************/
/* pag Maestra */
/*****************************************************************************************************************/
/* cabecera */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cabecera {position:relative; height:150px; width:100%}
		#divcab {position:relative; height:150px; width:980px; margin:0px auto}
		
	/* no reuti------------------------------------------------------------------------------------------------- */ 		
		#bandasup {position:absolute; top:0px; left:0px; width:100%; height:40px; background-color:#dab206}
		#bandasupizq {position:absolute; top:0px; left:0px; width:10px; height:40px; background-image:url(../img/esq_izq_panel_sup.gif)}
		#bandasupder {position:absolute; top:0px; right:0px; width:10px; height:40px; background-image:url(../img/esq_der_panel_sup.gif)}
		#logos {position:relative; width:200px; height:40px; margin:0 auto}
		
		#logo_mao {position:absolute; top:0px; left:0px; width:82px; height:40px}
		#logo_gbalear {position:absolute; top:0px; right:0px; width:94px; height:40px}
		
		#logo_mes_mao {position:absolute; top:40px; left:0px; width:330px; height:110px; background-image:url(../img/logo_mes_mao.gif)}
		#flasup {position:absolute; top:40px; left:330px; width:630px; height:110px}
/* cuerpo */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cuerpo {position:relative; height:auto; width:100%}
		#divcuerpo {position:relative; height:auto; width:980px; margin:0px auto;}	
	/* no reuti------------------------------------------------------------------------------------------------- */ 
		.pnlsup {position:relative; width:100%; height:250px}
		.pnlizq {position:absolute; top:0px; left:0px; width:330px; height:250px}
		.mainizq {background-image:url(../img/panel_izq_main_01.gif)}
		.pnlder {position:absolute; top:0px; right:0px; width:630px; height:250px}
		.pnlinf {position:relative; width:100%; height:200px}
		.pnlinfimg {position:absolute; top:0px; left:0px; width:200px; height:200px}	
		.pnlinftxt {position:absolute; top:0px; left:200px; height:200px; width:780px; background-color:#C86A00}
		.pnlinftxt p, .pnlinftxt h1 {padding:10px 20px 0px 20px; text-align:justify}
		.esqsup {position:absolute; top:0px; right:0px; width:10px; height:10px; background:url(../img/esq_sup_panel_inf.gif) no-repeat}
		.esqinf {position:absolute; bottom:0px; _bottom:-10px; right:0px; width:10px; height:10px; background:url(../img/esq_inf_panel_inf.gif) no-repeat}
/* pie */
	/* reuti---------------------------------------------------------------------------------------------------- */	
		#pie {position:relative; height:40px; width:100%; margin:0px auto}
		#divpie {position:relative; height:40px; width:980px; margin:0px auto}
	/* no reuti------------------------------------------------------------------------------------------------- */ 
		#bandainf {position:absolute; top:0px; left:0px; width:100%; height:40px; background-color:#00afef}
		#bandainfizq {position:absolute; top:0px; left:0px; width:10px; height:40px; background-image:url(../img/mnu_inf_izq.gif)}
		#bandainfder {position:absolute; top:0px; right:0px; width:10px; height:40px; background-image:url(../img/mnu_inf_der.gif)}
		
		#divaflua {position:absolute; top:7px; left:10px; width:25px; height:25px; text-align:left}
		#divtxtaflua {position:absolute; top:12px; left:40px; width:90px}
		
		#mnuinf {position:absolute; top:10px; right:20px; width:760px}
		#mnuinf * a {font:14px Georgia, Helvetica, Tahoma, sans-serif; color:#336699; text-decoration:none}
		#mnuinf * a:hover {color:#fff}

/* Formulario Contacto */
	#formulario {position:absolute; top:25px; left:40px; width:570px; height:225px}
	#divtitcontacto {position:absolute; top:10px; left:50px}
	.txtcontacto {position:absolute; top:15px; left:10px; width:180px; height:20px; background-color:#fff; text-align:right}
	.txtcontacto p {color:#000; padding-top:3px; padding-right:1px}
	.etiqueta {position:absolute; top:15px; left:195px;  background-color:#fff}
	.contactar {height:17px; width:340px; border:1px solid #fff; padding-left:4px; font:12px Georgia, Helvetica, Tahoma, sans-serif;}
	.contactargr {width:339px; height:80px; overflow:auto; padding-left:2px; border:1px solid #fff; padding-left:4px; font:12px Georgia, Helvetica, Tahoma, sans-serif;}
	.btnpos {position:absolute; bottom:10px; left:479px}
	.divmsg {position:relative; width:300px; margin:40px auto}
/* Formulario Enquesta */
	#encuesta {position:relative; width:600px; height:auto; margin:0 auto}
	#encuesta * p {font:14px Comic Sans MS, Helvetica, Tahoma, sans-serif; color:#000}
	#encuesta p b {color:#00afef}
	.seccion {position:relative; width:500px; height:auto; padding-bottom:30px}
	.pregunta {position:relative; width:520px; padding-bottom:5px}
	.pregunta p {color:#000;}
	.respuesta {position:relative}
	.camporespuesta {width:620px; height:120px; border:solid 1px #00afef; overflow:auto}
	.datoscontacto {position:relative; padding-bottom:30px}
	.etiqform {position:absolute; top:2px; left:0px; width:180px; text-align:right}
	.labeldatos {position:absolute; top:0px; left:185px}
	.datos {width:150px; border:solid 1px #ccc;}
	.btngen {width:60px; height:20px; font:15px Georgia, Helvetica, Tahoma, sans-serif; background-color:#fff; padding-bottom:2px; border:solid 1px #000}
	.enviado {position:relative; width:300px; margin:25% auto}
/* Página Guia */
	.pegatina {position:absolute; top:137px; left:460px; width:220px; height:180px; z-index:2}
	.pegatina2 {position:absolute; top:145px; left:500px; width:160px; height:140px; z-index:3}
	.window {width:160px; height:140px}
	.pegatina3 {position:absolute; top:137px; left:660px; width:220px; height:180px; z-index:2}
	.pegatina4 {position:absolute; top:145px; left:700px; width:160px; height:140px; z-index:3}
	.window {width:160px; height:140px}