<!--

body { top:0; left:0; margin: 0 auto 0 auto; text-align:center; color:#666666; } 

#pgContainer { position: relative; height: 580px; min-width: 550px; max-width: 621px; width: expression(document.body.clientWidth < 552? "550px" : document.body.clientWidth > 623? "621px" : "auto"); z-index: 2 !important; margin: 0 auto 0 auto; border: 0; }


/* ----------------------------------------------- GENERAL STUFF ----------------------------------------------- */

a:link { color:blue; }
a:visited { color:blue; }
a:active {  color:blue; text-decoration:blink; }
a:hover { color:red; text-decoration:underline;}

b  { color: #666666; } 
hr { height:1px; width:75%; border:0; color:#666666; text-align:left; margin: 5px auto 5px 10px; }
p { margin: 7px 0 0 3px; padding: 0 6px 0 6px; line-height: 16px; }
.r { text-align: right; } 
.c { text-align: center; } 
.l { text-align: left; } 

.smalltext { color:#666666; font: normal 9px Verdana, Arial, sans-serif; text-align:left; margin: 16px 0 3px 3px; padding:0; line-height:14px; }

.big { color:#999999; font: bold 18px Verdana, Arial, sans-serif; margin: 6px 5px 4px 1px; padding:6px; } 
.medium { color:#999999; font: bold 14px Verdana, Arial, sans-serif; margin: 6px 5px 4px 1px; padding:6px; }
.normal { color:#999999; font: 11px Verdana, Arial, sans-serif; margin: 6px 5px 4px 1px; padding:6px; }

h1 { color:#666666; font: bold 18px Verdana, Arial, sans-serif; text-align:left; margin: 6px 5px 4px 1px; padding: 6px 1px; }
h2 { color:#666666; font: bold 16px Verdana, Arial, sans-serif; text-align:left; margin: 8px 6px 3px 1px; padding: 0 6px 3px 6px; }
h3 { color:#666666; font: bold 14px Verdana, Arial, sans-serif; text-align:left; margin: 12px 6px 4px 1px; padding: 0 6px 3px 6px; }
h4 { color:#666666; font: bold 12px Verdana, Arial, sans-serif; text-align: left; margin: 12px 6px 4px 6px; padding: 0 6px 3px 6px; }

.uh1 { width: 100%; border-bottom: 1px solid #999999; } 
.uh2 { max-width: 90%; width: expression(document.body.clientWidth > 91%? "90%" : "auto"); border-bottom: 1px solid #999999; } 
.uh3 { max-width: 80%; width: expression(document.body.clientWidth > 76%? "75%" : "auto"); border-bottom: 1px solid #999999; } 
.uh4 { max-width: 60%; width: expression(document.body.clientWidth > 61%? "60%" : "auto"); border-bottom: 1px solid #999999; } 

.results { position:relative; float:left; width:30.5%; overflow:hidden; margin:0.5em 0.25em; padding:0; border-left: 3px outset #666666; border-bottom: 2px inset #666666; } 
.results h3 { color:#666666; font:bold 1.1em Tahoma, Arial, Helvetica, sans-serif; text-align:left; margin:0.35em 0 0.20em 0.25em; padding:0; } 
.results p { font: 1em/1em Tahoma, Arial, Helvetica, sans-serif; text-align:left; margin:0.25em 0 0.25em 0.5em; padding:0; } 
.smallimg { float:right; width:75px; height:auto; text-decoration:none; margin:0.35em 0.1em 0.25em 0.35em; border:0px; } 

/* ------------------------------------------------ TABLES --------------------------------------------- */

table { color: #666666; font: 11px Verdana, Arial, sans-serif; padding:0px; } 
.product-table { color:#666666; width:99%; #width:96%; font: 11px Verdana, Arial, sans-serif; margin:10px 1px; padding:0; border-collapse:collapse; border:0; } 
.charts { color:#666666; width:99%; #width:96%; margin:0 auto; padding:0 auto; border-collapse:collapse; border:0; border-right: 1px solid #999999; border-bottom: 1px solid #666666; }

.chartsTitle { color:#666666; font: bold 14px/25px Verdana, Arial, sans-serif; text-align:left; vertical-align:middle; }

.chartsH1l { background-color:#eaeaea; font: bold 10px/22px Verdana, Arial, sans-serif; text-align:left; vertical-align:middle; padding-left:3px; border-bottom: 1px solid #999999; } 
.chartsH1c { background-color:#eaeaea; font: bold 10px/22px Verdana, Arial, sans-serif; text-align:center; vertical-align:middle; border-bottom: 1px solid #999999; }
.chartsH1r { background-color:#eaeaea; font: bold 10px/22px Verdana, Arial, sans-serif; text-align:left; vertical-align:middle; padding-right:3px; border-bottom: 1px solid #999999; } 

.chartsH2l { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align:top; padding-left:3px; }
.chartsH2c { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:center; vertical-align:top; }
.chartsH2r { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:right; vertical-align:top; padding-right:3px; } 

.chartsH2lu { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align:top; border-bottom: 1px solid #999999; padding-left:3px; }
.chartsH2cu { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:center; vertical-align:top; border-bottom: 1px solid #999999; }
.chartsH2ru { font: bold 10px/18px Verdana, Arial, sans-serif; text-align:right; vertical-align:top; border-bottom: 1px solid #999999; padding-right:3px; } 

.celll { font: 10px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align:top; border:none; padding-left:3px; }
.cellc { font: 10px/18px Verdana, Arial, sans-serif; text-align:center; vertical-align:top; border:none; }
.cellr { font: 10px/18px Verdana, Arial, sans-serif; text-align:right; vertical-align:top; border:none; padding-right:3px; }

.lineL { font: 10px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align:top; border-bottom: 1px solid #999999; padding-left:3px; } 
.lineL p { margin:0; padding:0; line-height:1.3em; }
.lineL h3  { color:#666666; font:bold 1.1em verdana, arial, sans-serif; text-align:left; margin:0.4em 0; padding:0; }
.lineC { font: 10px/18px Verdana, Arial, sans-serif; text-align:center; vertical-align:top; border-bottom: 1px solid #999999; }
.lineR { font: 10px/18px Verdana, Arial, sans-serif; text-align:right; vertical-align:top; border-bottom: 1px solid #999999; padding-right:3px; }


/* ------------------------------------------------ IMAGENES ------------------------------------------------ */

.mapas { float:left; clear:none; min-width: 60%; max-width: 80%; width: expression(document.body.clientWidth < 61%? "60%" : document.body.clientWidth > 81%? "80%" : "auto"); color:#666666; margin: 10px 0 auto 6px; padding:0; border-collapse:collapse; border-right: 1px solid #999999; border-bottom: 1px solid #999999; z-index:0 !important; } 

.rightImgDiv { position:relative; float:right; text-align:center; margin:0.5%; padding:0.5% 1.5%; }
.leftImgDiv { position:relative; float:left; text-align:center; margin:0.5%; padding:0.5% 1.5%; }

.rightImg { float:right; overflow:hidden; min-width:180px; max-width:210; width:expression(document.body.clientWidth < 182? "180px" : document.body.clientWidth > 212? "210px" : "auto"); text-align:center; margin: 4px 4px auto auto; font: bold 11px georgia, verdana, sans-serif; padding: 5px; } 
p.rightImg { margin: 10px 5px; } 
.rightImg { float:right; overflow:hidden; min-width:180px; max-width:210; width:expression(document.body.clientWidth < 182? "180px" : document.body.clientWidth > 212? "210px" : "auto"); text-align:center; margin: 4px 4px auto auto; font: bold 11px georgia, verdana, sans-serif; padding: 5px; } 

.leftImg { position: relative; float: left; margin: 10px 10px auto 10px; #margin: 3px 3px auto 3px; 
	background-color: #ffffff; font: bold 11px georgia, verdana, sans-serif; text-align: center; 
	max-width: 200px; min-width: 170; width: expression(document.body.clientWidth < 172? "170px" : document.body.clientWidth > 202? "200px" : "auto"); } 

.imgMedSize { width: 90px; height: auto; border: 0px; text-decoration: none; } 

.img { border: 0px; text-decoration: none; }
.img a:link, a:hover  { border: 0px; text-decoration: none; }


/* ---------------------------------------------- FOMULARIOS ----------------------------------------------- */ 

.formCharts { color: #666666; font: 11px Verdana, Arial, sans-serif; margin: 0px; padding:0px; }

.textBox { background-color:#eaeaea; color:#666666; font: normal 11px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align: top; margin:1px 2px; padding-left:0 0 3px 3px;  border-top: 1px inset #eaeaea; border-right: 3px outset #eaeaea; border-bottom: 3px outset #eaeaea; border-left: 1px inset #eaeaea; cursor:hand; }
.textArea { background-color:#eaeaea; color:#666666; font: normal 10px/18px Verdana, Arial, sans-serif; text-align:left; vertical-align: top; margin:1px 2px; padding-left:0 0 3px 3px;  border-top: 1px inset #eaeaea; border-right: 3px outset #eaeaea; border-bottom: 3px outset #eaeaea; border-left: 1px inset #eaeaea; cursor:hand; }
.boton { background-color:#eaeaea; color:#666666; font: bold 10px/18px Verdana, Arial, sans-serif; text-align:center; height:20px; width:auto; cursor:auto; border: 1px solid #999999; }


/* ---------------------------------------------- LISTAS ---------------------------------------------- */ 

.ul { list-style-type:square; list-style-position:outside; color:#333333; font: normal 11px/16px Verdana, Arial, sans-serif; margin: 10px 10px 5px -10px; #margin: 10px 10px 5px 30px; }
.ulalfa { list-style-type:lower-alpha; list-style-position:outside; color:#333333; font: normal 11px/16px Verdana, Arial, sans-serif; margin: 10px 10px 5px -10px; #margin: 10px 10px 5px 30px; } 
.ulsmall {  list-style-type: square; list-style-position: outside; color: #333333; font: normal 10px/14px Verdana, Arial, sans-serif; margin: 8px 20px 5px 0; #margin: 8px 20px 5px 40px; }  
	

/* -------------------------------------------- INDEX BACKGROUNDS -------------------------------------------- */
	
.viajes { background: #fff url(_imgs/fondoViajes.jpg) no-repeat scroll center center; border: 1px solid #CAE4FF; padding: 6px;	text-align: center;	z-index: 3; }
.espectaculos { background: #fff url(_imgs/fondoEspectaculos.jpg) no-repeat scroll center center; border: 1px solid #CAE4FF; padding: 6px; text-align: center; z-index: 3; } 
.infantil { background: #fff url(_imgs/fondoInfantil.jpg) no-repeat scroll center center; padding: 6px; text-align: center; z-index: 3; }
.belleza { background: #fff url(_imgs/fondoBelleza.jpg) no-repeat scroll center center; border: 1px solid #CAE4FF; padding: 6px; text-align: center; z-index: 3; }
.ofertas { background: #fff url(_imgs/fondoOfertas.jpg) no-repeat scroll center center; border: 1px solid #CAE4FF; padding: 6px; text-align: center; z-index: 3; }
.ocio { background: #fff url(_imgs/fondoOcio.jpg) no-repeat scroll top center; padding: 6px; text-align: center; z-index: 3; }
.novedad { background: #fff url(_imgs/empleoSenior.jpg) no-repeat scroll top center; text-align: center; padding: 6px; border: 1px solid #CAE4FF; border-left: none; border-top: none; }
.novedad a { height: 300px; width: 96%; display: block; text-decoration: none; } 


/* -------------------------------------------- CAPA LOGO -------------------------------------------- */

#logoContainer { position: absolute; top: 0px; left: 0; width: 21%; height: 20%; display: block; text-decoration: none; border: none;
	background: url(_imgs/logoAnabad.gif) no-repeat scroll left center; }
#logoContainer a  { text-decoration: none; display: block; width: 98%; height: 98%; border: none; }
#logoContainer a:hover { text-decoration: none; width: 98%; height: 98%; border: none; }
	
	
/* -------------------------------------------- CAPA TITULO -------------------------------------------- */

#titleContainer { position:absolute; top:0px; left:21%; width:79%; height:16%; background: url(_imgs/titulo.gif) no-repeat scroll center center; border:0; } 
.contactLink { width:180px; height:25px; float:right; vertical-align:bottom; border: 0;}
a.contactLink { width:180px; height:25px; display:block; text-decoration: none; margin: 70px 0 0 0; border: none; }
a.contactLink:hover { width:180px; height:25px; display:block; text-decoration: none; border: none; }


/* ------------------------------------------ CAPA & MENU AYUDA ------------------------------------------ */

#helpMenu { position:absolute; top:16%; left:22%; width:78%; height:4%; vertical-align:middle; margin:0; border-bottom: 1px outset #666666; }
.helpTable { height:96%; width:100%; vertical-align:middle; margin: 1px 0; border-collapse:collapse; border:0;  } 
.helpCells { background-color:#cccccc; color:#ffffff; font:bold 9px Verdana, Arial, sans-serif; text-align:center; vertical-align:middle; margin: 1px 0 1px 0; }
a.helpLinks { color: #ffffff; text-decoration:none; margin: auto 0 auto 0; padding: 1px 0 1px 0; display:block; } 
a.helpLinks:active { background-color:#ffffff; text-decoration:blink; } 
a.helpLinks:visited { color:#ffffff; } 
a.helpLinks:hover { background-color:#ffffff; color:#666666; font-size:10px; text-decoration:none; padding: 4px 0 4px 0; display:block; } 


/* ---------------------------------------- CAPA &  MENU SERVICIOS ---------------------------------------- */

#serviceMenu { position:absolute; top:20%; left:0; width:100%; height:4%; text-align:center; vertical-align:middle; }
.serviceTable { height:96%; width:100%; vertical-align:middle; margin: 1px 0 1px 0; border-collapse:collapse; border:0; }
.serviceCells { background-color:#cccccc; color:#ffffff; font: bold 9px Verdana, Arial, sans-serif; text-align:center; vertical-align:middle; margin: 1px 0 1px 0; }
a.serviceLinks { color:#ffffff; text-decoration: none; margin: auto 0 auto 0; padding: 1px 0 1px 0; display:block; } 
a.serviceLinks:active { background-color:#ffffff; color:#666666; text-decoration:blink; } 
a.serviceLinks:visited { color:#ffffff; }
a.serviceLinks:hover { background-color:#ffffff; color:#666666; text-decoration:none; padding: 4px 0 4px 0; display:block; } 


/* ------------------------------------------- CAPAS DE CONTENIDO ------------------------------------------- */

#contentContainer { position: absolute; top: 24%; left: 0; height: 76%; width: 100%; display: block; margin: 0; padding: 0; }
	
#contents { position: relative; height:96%; width: 98%; display: block; overflow: auto; 
	color: #666666; font: 11px Verdana, Arial, sans-serif; text-align: justify; margin: 1%; #margin: 10px 0 0 0; 
	scrollbar-base-color: #eaeaea; scrollbar-track-color: #dddddd; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #dddddd; scrollbar-darkshadow-color: #dddddd; scrollbar-shadow-color: #dddddd; scrollbar-arrow-color: #333333; } 
	


/* ---------------------------------------------- MENU DESPLEGABLE ---------------------------------------------- */ 

#dropmenudiv {  position: absolute; margin: 4px 0 0 0; #margin: 8px 0 0 0; border-bottom: 1px solid #cccccc; z-index: 3 !important; } 
#dropmenudiv a { background-color: #cccccc; color: #ffffff; font: bold 9px/20px Verdana, Arial, sans-serif; width: 100%; height: 100%; text-align: left; text-decoration: none; text-indent: 3px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; display: block;  } 
#dropmenudiv a:hover{ background-color:#ffffff !important; color: #666666;  } 


/* Sample CSS definition for the example list. Remove if desired */ 
.navlist li { list-style-type: square; width: 135px; background-color: #FFFFB9; border: none; } 

-->