/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{margin:0px; background-color:#FFFFFF; background-image:url(../images/body-background.jpg); background-repeat:repeat-x;}

/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:997px; height:100%}

A{ color:#C0BBC8; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
A:hover{ color:#EBE9ED;}

H1{ color:#3F3946; font-size:16px; background-image:url(../images/h1-marcador.jpg); background-repeat:no-repeat; background-position:center left; text-indent:10px;}
HR{ color:#CCCCCC; margin:0px; padding:0px; border:0px; height:0px; border-bottom:1px solid #CCCCCC;}

/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	height:99px;
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
	
	
/********************************MENU DESPLEGABLE*/

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:20%; margin-top:20px; _ margin-top:10px; _margin-top:0px; position:relative }
#menu li	{ font-weight:bold; color:#999999; margin:0; cursor:default; white-space:nowrap; list-style-type:none; background-color:none; }

#menu.horizontal li	{ display:inline; padding:10px; height:50px; padding-bottom:20px; padding-top:25px; _padding-top:20px; background-color:none; }

#menu.vertical	{ width:6em; border-right:1px solid none }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:none; background-image:url(../images/ico-menu.gif); background-repeat:no-repeat; background-position: center 35px;}
#menu li a	{ text-decoration:none; color:#999999 }

/*FONDO DESPLEGABLE*/
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#FFFFFF; border:1px solid #CCCCCC; width:210px; _width:200px;  margin:0;  padding:0;
filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7;

margin-left:-55px;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #CCCCCC; padding:0em; white-space:normal; width:210px; _width:200px; list-style-type:none; height:20px; text-indent:5px; }

/*ITEMS MENU DESPLE*/
#menu ul li a	{ display:block; width:200px; color:#003F64; text-decoration:none; padding:5px; margin:0; }
#menu ul li a:hover	{ color:white; background-color:#3398D1 }

#menu ul li.active	{ background-color:#44d; color:white; width:200px; }


/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
 #central{ }
 
 #Breves{ height:156px;}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{  width:24px; height:100%}
#derecha{  width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:11px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#3F3946}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}

/*FORMULARIO DE AMADEUS*/
.amadeus{ font-size:11px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}


/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:20px;}

#central #avisoLegal a{ color:#000;}
/* MAPA WEB*/
#mapaweb{ padding:40px;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#000000; font-familiy:Tahoma; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#666666; font-size:16px; list-style-type:square;  padding-top:5px; font-weight:bold;}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#66666; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#66666;}
#mapaweb UL LI UL LI A:hover{color:#aaaaaa;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#aaaaaa; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#888888;}
#mapaweb UL LI UL LI UL LI A:hover{color:#444444;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{}


/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; width:155px; padding:10px; }
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:10px 10px 5px 10px; padding-right:25px; }
.tablaTransparente{   	filter:alpha(opacity=50); opacity:.50; position:absolute; width:155px;}

/* TEMAS*/
.marcado{color:#FFFFFF; background-color:#999999; filter:alpha(opacity=50); opacity:.50; width:120px; _width:155px;  padding-bottom:7px; background-image:url(../images/tema-marcado.gif); background-repeat:no-repeat; background-position:140 center; }
.marcado:hover{  background-image:url(../images/tema-marcado-over.gif); color:#FFFFFF;}

.desmarcado{color:#000000; filter:alpha(opacity=50); opacity:.50; background-color:#ffffff; width:120px; _width:155px; background-image:url(../images/tema-desmarcado.gif); background-repeat:no-repeat; background-position:140 center; }
.desmarcado:hover{ color:#333333; background-image:url(../images/tema-desmarcado-over.gif);}

/* SUBTEMAS */
.marcadoNoticia{color:#000000; font-size:11px; background-color:#FFFFFF;  
	background-image:url(../images/marcado2.gif); background-repeat:no-repeat; background-position:7px 12px; center; text-indent:10px; font-weight:bold;}
	
.marcadoNoticia:hover{ color:#95909B;background-color:#FFFFFF;}

.desmarcadoNoticia{color:#333333; font-size:11px; background-color:#FFFFFF;}
.desmarcadoNoticia:hover{background-color:#FFFFFF; color:#95909B;}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family : Tahoma; font-style : normal; 	font-size : 12px;	color: black; }


#seccionTitle{ background-image:url(../images/title-seccion.jpg); height:33px; width:954px; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:8px; font-weight:bold;}

/* PAGINACION*/
.pagina-actual{color:#000000; text-decoration:none; font-size:11px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; border:1px solid #DDDDDD; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#000000; text-decoration:none;  font-size:11px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-family:Tahoma; font-size:12px; font-weight:bold; border-top:1px solid #dddddd; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #dddddd; padding-top:3px;}

/*PAGINACION II*/
#paginacion{}
#paginacion .anterior{}
#paginacion .anteriorInactivo{}
#paginacion .estado{}
#paginacion .siguiente{}
#paginacion .siguienteInactivo{}
#paginacion .numero{}


/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/

#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:2; width:550px;}
.boton_cerrar{font-size:9px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }




#loginusuario{ height:100%; background-image:url(images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{
	margin-top:70px; color:#0F2B8F; font-size:9px; font-family:"Tahoma", Verdana, Arial,  , sans-serif}


#catalogoNavegacion H1{ font-size:11px; }
#catalogoNavegacion H1 .subtema{ font-size:11px; color:#333333; }

.producto{ font-size:11px; border:1px solid #CCCCCC; padding:5px;}

.producto H4{ font-size:14px;}






/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	font-family:"Tahoma", Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	padding:2px;
	height:100%;
	padding-left:15px;
	background-image:url(../images/pie-background.jpg);
	background-repeat:no-repeat;
	}
	/*ENLACESPIE*/
	#pie B{ color:#000000; font-weight:normal;}
	
	#pie A{ color:#666666; font-size:10px; text-decoration:none}
	#pie A:hover{ color:#000000; text-decoration:underline}
	
	
#destacados TABLE{ font-size:11px; color:#CCCCCC; font-family:"Tahoma", Verdana}
#destacados TABLE A{ color:#FFFFFF;}

/*PRINCIPAL DEL BUSCADOR DE VIAJES*/
#central #actualizable #buscadorViajes{ background-color:#CCCCCC; width:323px;}
.cruzCalendario{ color:#666666; text-decoration:none; }
.cruzCalendario:hover{ color:#222222; }

.cruzLugar{ font-family:Arial; color:#999999; font-size:10px; text-decoration:none; }
.cruzLugar:hover{ color:#222222; }

.textoBreves{ font-size:11px; font-family:Tahoma; color:white;}

.enlaceVacaciones{ font-size:11px; font-family:Tahoma; color:#92889F; }
.enlaceVacaciones:hover{  color:black;}

.titulo{ font-size:11px; font-family:Tahoma; color:black; font-weight:bold; text-decoration:none;}
.titulo:hover{  color:#666666;}
.tituloTema{ font-size:11px; font-family:Tahoma; color:black;  text-decoration:none;}
.tituloTema:hover{  color:#666666;}
.descripcion{ font-size:11px; font-family:Tahoma; color:black;}
.textoBuscador{ font-size:11px; font-family:Tahoma; color:#888888;  text-decoration:none;}
.enlaceBuscador{ font-size:12px; font-family:Tahoma; color:#555555;  text-decoration:none;}
.enlaceBuscador:hover{  color:#000000;}

.tema{color:black; font-family:Tahoma; font-size:11px;}
.subtema{color:black; font-family:Tahoma; font-size:11px; font-weight:normal;}

/* ENLACES DE LA CAJA DE RECORDAR CONTRASEŅA */
.textoPassword{ font-size:11px; font-family:Tahoma; color:black; }
.enlacePassword{ font-size:11px; font-family:Tahoma; color:black; text-decoration:none;}
.enlacePassword:hover{ font-size:11px; font-family:Tahoma; color:#555555;}
/*******************************************************/

.enlaceDoc{ font-size:11px; font-family:Tahoma; color:#666666; }
.enlaceDoc:hover{ font-size:11px; font-family:Tahoma; color:#111111;}


#central #actualizable #contenidos_login { padding-top: 40px; padding-left: 30px; }

#central #actualizable #contenidos_login .titu{ font-weight:bold; font-size:16px;}

#central #actualizable #contenidos_login  td .subtitu{ font-size:12px;}

#central #actualizable #contenidos_login #login { width:500px;order: 1px #95B4C6 solid; padding-top:0px; font-size:12px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; }
#central #actualizable #contenidos_login #login INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;}
#central #actualizable #contenidos_login #login a{ color:#92889F; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#central #actualizable #contenidos_login #login a:hover{ color: #000000;}