﻿/*****************************************************************************************************************/
/* 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}
	ul {list-style-type:disc; margin-left:20px; line-height:12px; list-style-position:inside; font:12px Arial, Helvetica, Tahoma, sans-serif; color:#000;}
	ul li {padding-bottom:8px}
	.clsulhorizontal {margin:0; padding:0; list-style-type:none; text-align:right}
	.clslihorizontal {display:inline; padding-bottom:0px}
	.divrel {position:relative; width:100%}
	.floatright {float:right}
	.floatleft {float:left}
	
/****************************************************************************************************************/
/* arquitectura pagina con pie fijo */
/*****************************************************************************************************************/
	#pagina {width:100%; margin:0 auto; min-height:100%; text-align:left}
	* html #pagina {height:100%}
	#contenido {position:relative; min-height:100%; width:100%}
	* html #contenido {height:100%}
	* html #pie {margin-top:-110px}
/*****************************************************************************************************************/
/* links y fuentes */
/*****************************************************************************************************************/
	h1 {font:bold 12px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-align:left}
	h2 {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#fff; text-align:left}
	h3 {font:bold 12px Arial, Helvetica, Tahoma, sans-serif; color:#fff; text-align:left}
	h4 {font:bold 12px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-align:left}
	p {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#000; text-align:left}
	a {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#336633; text-decoration:none}
	a:hover, a:active {color:#000; text-decoration:underline}
	.aflua:link , .aflua:visited {font:9px/9px Arial, Helvetica, sans-serif; color:#9797ad; text-decoration:none}
	.aflua:hover, .aflua:active {color:#575663; text-decoration:none}
	.submnu {font:bold 13px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-decoration:none}
	.submnu:hover {color:#000; text-decoration:none}
	.negro {color:#000}
	.negro:hover {color:#09008c}
	.bblue {font-weight:bold; color:#09008c}
	.promo {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-align:left; padding-left:30px}
	.promo2 {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-align:left; padding-left:5px}
	.promo:hover, .promo:active, .promo2:hover, .promo2:active {color:#000; text-decoration:underline}
/****************************************************************************************************************/
/* pag inicio */
/*****************************************************************************************************************/
    #fondo_inicio {position:absolute; top:0px; left:10px; width:960px; height:500px; background:#fff url(../img/fondo_inicio.jpg) repeat-x; z-index:10}
    #fla_inicio {position:absolute; top:37px; left:0px; width:600px; height:500px}
    #logo_inicio {position:absolute; top:140px; left:620px; width:280px; height:228px; background-image:url(../img/logo_inicio.jpg)}
    #lnk_inicio {position:absolute; top:290px; left:605px; width:280px; height:auto; z-index:50}
    #lnk_inicio a {font:13px Arial, Helvetica, Tahoma, sans-serif; color:#09008c; text-decoration:none}
	#lnk_inicio a:hover {color:#000; text-decoration:underline}
	#txt_inicio {position:absolute; top:-50px; left:90px; width:500px; height:auto; z-index:90; padding-top:10px}
	#txt_inicio ul {}
/****************************************************************************************************************/
/* pag Maestra */
/*****************************************************************************************************************/
/* cabecera */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cabecera {position:relative; height:172px; width:100%; background:url(../img/deg_sup.jpg) repeat-x}
		#divcab {position:relative; height:152px; width:980px; margin:0px auto}
		
	/* no reuti------------------------------------------------------------------------------------------------- */ 		
		#borde_cab_sup {position:relative; height:20px; width:980px; margin:0px auto; background-image:url(../img/superior.jpg)}
		#logo {position:absolute; top:0px; left:10px; width:268px; height:152px}
		#borde_cap_izq {position:absolute; top:0px; left:0px; width:10px; height:152px; background:url(../img/deg_cab_izq.jpg)}
		#borde_cap_der {position:absolute; top:0px; right:0px; width:10px; height:152px; background:url(../img/deg_cab_der.jpg)}
		#fla_cab {position:absolute; top:0px; left:278px; width:692px; height:152px}
		
/* cuerpo */
	/* reuti---------------------------------------------------------------------------------------------------- */
		#cuerpo {position:relative; height:auto; width:100%}
		#divcuerpo {position:relative; height:auto; width:980px; padding-bottom:50px; margin:0px auto}
		
	/* no reuti------------------------------------------------------------------------------------------------- */ 
		#deg_cuerpo_izq {width:10px; height:auto; background:url(../img/deg_cuerpo_izq.jpg) repeat-y}
		#deg_cuerpo_der {width:10px; height:auto; background:url(../img/deg_cuerpo_der.jpg) repeat-y}
		#td_submenu {width:268px; height:auto; background:url(../img/deg_submenu.jpg) repeat-y; z-index:4}
		#td_contenido {width:692px; height:auto}
		#tdcuerpo {width:960px; height:400px}
		
		#notapie {position:absolute; bottom:17px; width:650px; left:290px; height:130px}
	    #notapie p {font:11px Arial, Helvetica, Tahoma, sans-serif; color:#666; text-align:left}
	    #notapie a {font:11px Arial, Helvetica, Tahoma, sans-serif; color:#999; text-decoration:none; text-align:left}
	    #notapie a:hover {text-decoration:underline; color:#666}
		
/* pie */
	/* reuti---------------------------------------------------------------------------------------------------- */	
		#pie {position:relative; height:110px; width:100%; margin:-110px auto; background:url(../img/deg_inf.jpg) repeat-x; background-position:bottom; z-index:3}
		#divpie {position:relative; height:50px; width:980px; margin:0px auto}
	/* no reuti------------------------------------------------------------------------------------------------- */ 
		#fondo_pie {position:absolute; top:0px; left:10px; height:50px; width:960px; background-color:#09008c}
		#borde_pie_izq {position:absolute; top:-40px; left:0px; width:10px; height:90px; background:url(../img/deg_pie_izq.jpg)}
		#borde_pie_der {position:absolute; top:-40px; right:0px; width:10px; height:90px; background:url(../img/deg_pie_der.jpg)}
		#borde_pie_inf {position:relative; width:980px; height:60px; margin:0 auto; background-image:url(../img/inferior.jpg) }
		#mnuinf {position:absolute; top:16px; right:30px; width:400px}
		#mnuinf .clslihorizontal {vertical-align:top; color:#999}
		#mnuinf a {font-size:11px; color:#999}
		#mnuinf a:hover, #mnuinf a:active {color:#666; text-decoration:underline}
	/* logos pie------------------------------------------------------------------------------------------------- */ 	
		#divaflua {position:absolute; top:20px; left:20px; width:80px; text-align:left}
		#divtxtaflua {position:absolute; top:25px; left:50px; width:80px}
		#divibaleares {position:absolute; top:20px; left:138px}
/*****************************************************************************************************************/
/* Pagina default */
/****************************************************************************************************************
   
/*****************************************************************************************************************/
/* Pagina de empresa */
/*****************************************************************************************************************/
    .divcontenido {position:relative; width:692px; height:228px}
    .divconizq {position:absolute; top:0px; left:0px; height:228px; width:346px}
    .divconizq h1, .divconizq p {padding-left:30px; padding-right:30px}
    .divconder {position:absolute; top:0px; right:0px; height:228px; width:346px}
    .divconder p, .divconder h1 {padding-left:30px; padding-right:30px}
    .divconizq ul {list-style:disc inside; text-indent:50px; font:12px Arial, Helvetica, Tahoma, sans-serif; color:#000; text-align:left}
    .divconizq ul li {display:block}  
    /* sub menu ------------------------------------------------------------------------------------------------- */ 
    .divrelsubmnu {position:relative; width:100%; height:29px; border-bottom:solid 1px #fff}
    .lnksubmnu {position:absolute; top:4px; right:70px; width:228px; text-align:right}
    #flesubmnu {position:absolute; right:52px; top:6px; width:13px; height:14px}
    #imgsubmnuinf {position:absolute; bottom:105px; left:10px}
/*****************************************************************************************************************/
/* Pagina de informacion legal */
/*****************************************************************************************************************/
    #divcontenidogr {position:relative; width:692px; height:700px}
    #divcontenidogr h1, #divcontenidogr p {padding-left:30px; padding-right:30px}
/*****************************************************************************************************************/
/* Pagina de tienda */
/*****************************************************************************************************************/
    .imgpeqcontsup {position:absolute; top:0px; left:0px; width:173px; height:114px}
    .imgpeqcontinf {position:absolute; bottom:0px; right:0px; width:173px; height:114px}
/*****************************************************************************************************************/
/* Pagina de Promociones */
/*****************************************************************************************************************/
    .bandaazul {position:relative; top:3px; width:100%; height:29px; background-color:#09008c} 
    .bandaazul h3 {padding:7px 20px 0px 30px}
    .promotxt {position:relative; width:100%; height:200px}
    .promotxtizq {position:absolute; top:50px; right:30px; width:300px}
    .promotxtder {position:absolute; top:50px; left:30px; width:300px}
    .ficha {position:relative; width:346px; height:120px; background-image:url(../img/ficha.jpg)}
    /* sub menu ------------------------------------------------------------------------------------------------- */ 
    .titficha {position:absolute; top:7px; left:10px} 
    .imgficha {position:absolute; bottom:7px; left:5px; width:89px; height:67px}
    .txtficha {position:absolute; top:45px; left:120px; width:200px; height:45px; overflow:hidden}
    .lnkficha {position:absolute; bottom:9px; right:18px}
    .lnkficha a {font:12px Arial, Helvetica, Tahoma, sans-serif; color:#fff; text-decoration:none}
    .lnkficha a:hover {text-decoration:none; color:#000} 
/*****************************************************************************************************************/
/* Pagina de Promociones Detalles */
/*****************************************************************************************************************/
    .lnkatras {position:relative}
    .lnkatras a {padding:50px 30px; color:#09008c}
    .bandablanca {position:relative; top:3px; width:100%; height:29px; padding-bottom:20px; _padding-bottom:0px}
    .bandablanca h4 {padding:40px 20px 0px 30px}
    .txtdetpromo {position:relative; width:100%;padding-top:30px; _padding-top:20px; height:auto}
    .txtdetpromo p {padding-left:30px; padding-right:30px}
    .fotospromo {position:relative; top:20px; left:30px; height:96px}
    .thumb {position:absolute; top:0px; left:0px; width:128px; height:96px}
/*****************************************************************************************************************/
/* Pagina de contacto */
/****************************************************************************************************************/
	#formulario {position:relative; height:270px; width:100%; background-color:#9a97d0; padding-bottom:180px}
	.txtcontacto {position:absolute; top:24px; left:30px; width:145px}
	.txtcontacto p {text-align:right; color:#fff}
	.etiqueta {position:absolute; top:20px; left:180px}
	.etiqform {width:470px; height:17px; background-color:#fff; font:bold 13px Arial, Helvetica, sans-serif; color:#09008c; padding-left:3px}
	.etiqformgr {width:470px; height:180px; background-color:#fff; font:bold 13px Arial, Helvetica, sans-serif; color:#09008c; padding-left:3px; overflow:auto}
	.btngen {position:absolute; top:380px; right:27px; width:94px; height:39px; border:none; background:transparent url(../img/btngen.jpg); cursor:hand; font:bold 13px Arial, Helvetica, sans-serif; color:#09008c}
    .notaast {position:relative; height:50px; width:100%; padding-bottom:100px; _padding-bottom:0px}
    .notaast p {font-size:9px; color:#000; text-align:right; padding:10px 35px 150px 0px}
	/* sub menu ------------------------------------------------------------------------------------------------- */ 
	.datcontacto {position:relative; width:100%; height:auto; border-bottom:solid 1px #fff}
	.datcontacto p, .datcontacto a {color:#09008c; padding:10px 20px 5px 20px}
/*****************************************************************************************************************/
/* Pagina de utilidades */
/*****************************************************************************************************************/
/* Pagina de  promociones */
/****************************************************************************************************************
    .divresultado {position:relative; width:530px; height:270px; border:solid 2px #eee}
    .titresultado {position:absolute; top:10px; left:10px; width:400px}
    .titresultado h2 {text-align:left}
    .fotoresultado {position:absolute; top:40px; left:10px; width:291px; height:218px; overflow:hidden;border:solid 1px #669900}
    .fotoresultado img {width:100%; height:100%}
    .txtresultado {position:absolute; top:50px; left:330px; height:200px; width:180px; overflow:auto}
    .txtresultado p {font-size:11px}
    .refresultado {position:absolute; top:225px; left:330px; width:180px}
    .importe {position:absolute; top:140px; left:330px; width:180px}
    .vermas {position:absolute; top:245px; left:330px; width:180px} 
    #diventornos {position:relative; width:190px; height:auto; margin:0 auto; border:solid 1px #669900}
    #diventornos h2, #diventornos p {padding:10px 10px 10px 10px}
    #diventornos img {padding-left:10px}    
/*****************************************************************************************************************/
/* Pagina de detalles promociones */
/****************************************************************************************************************
	.titbandejas {position:absolute;border:solid 1px #dcdcdc; font: 13px Arial; color:#fff; background-color:#336633; height:20px;text-align:center; vertical-align:middle}
	.detbandejas2 {position:absolute;border:solid 1px #dcdcdc; font: 13px Arial; color:#336633; background-color:#f5f5f5; height:20px;text-align:center; vertical-align:middle}
	.fondocelda {position:absolute; background-color:#336633 ;text-align:center}
	.fondoceldatrans {position:absolute}  
	.fondoceldatrans p,   .fondocelda p {font-size:11px; text-align:center}
	.fondocelda p {color:#fff}
	.fotopromo1 {position:absolute; left:0px; top:0px; width:224px; height:168px; border:solid 1px #669900; overflow:hidden}
	.fotopromo2 {position:absolute; right:70px; top:0px; width:224px; height:168px; border:solid 1px #669900; overflow:hidden}
	.pagnum {position:relative; width:20px; height:16px; text-align:center; border:solid 1px #99cc00; border-bottom:solid 2px #99cc00}
    .pagnumsel {position:relative; width:20px; height:16px; text-align:center; color:#ccc; border:solid 1px #669900; border-bottom:solid 2px #669900}
/*****************************************************************************************************************/
/* Pagina de detalles propiedades */
/****************************************************************************************************************
	.divrelcontenidos2 {position:relative; width:100%; padding-bottom:5px}
	.divrelcontenidosiconos {position:relative; width:100px; padding-bottom:30px}
	.posdetder {position:absolute; top:0px; left:0px; width:300px; height:130px; padding-bottom:15px}
	.posdetizq {position:absolute; top:0px; left:300px; width:150px; height:130px; padding-bottom:15px}
	.etiqtxt {position:absolute; top:0px; left:0px; width:140px}
	.etiqtxtimg {position:absolute; top:4px; left:30px; width:100px}
	.etiqimg {position:absolute; top:0px; left:0px}
	.thumbpromo1 {position:absolute; top:0px; left:0px; width:112px; height:84px; border:solid 1px #669900}
	.thumbpromo2 {position:absolute; top:0px; left:120px; width:112px; height:84px; border:solid 1px #669900}
	.thumbpromo3 {position:absolute; top:0px; left:240px; width:112px; height:84px; border:solid 1px #669900}
	.thumbpromo4 {position:absolute; top:0px; left:360px; width:112px; height:84px; border:solid 1px #669900}
	.thumblnk {width:100%; height:100%}
/*****************************************************************************************************************/
/* Pagina de infolegal */
/*****************************************************************************************************************/
/*****************************************************************************************************************/