@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

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

BODY{
	background-color:#0082C5;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	 }
	 
.clear{
clear:both;
}

p { color:#666666; }
/*****************************************************************              ZONAS             **************************************************************************/
/*CONTENEDOR PRINCIPAL*/
#base{
	width:993px;
	margin: 0px auto 0px auto;
	height:100%;
}

A{ color:#666666; text-decoration:none; }
A:hover{ color:#8B8B8B;}

h1{
	color:#35B55C; font-size: 16px;
}
 h2 { color:#0082C5; font-size:12px; display:block; border-bottom:1px #CCCCCC solid; padding:5px;}
 h3 { font-weight:bold; display:block; border-bottom:1px #CCCCCC solid; padding:5px;}
ul { list-style-type: none; 
}
li{}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif; height:241px;
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
#cabecera .logo {
	width:240px;
	height:101px; 
	float:left;
}
#cabecera .logo img { border:none;}

#cabecera #menuFlash { width:993px; height:101px; float:left; background-image:url(../images/menuNoflash.jpg); background-repeat:no-repeat; background-position:top;}
#cabecera #banner { height:140px;}
#cabecera #menuFlash .noFlash{font-size:0.9em; color:#333; text-align:center; padding: 30px 5px 5px 5px ;}

#cabecera #menuFlash .noFlash a { color:#35B55C;}	
/********************************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*/
 
 body #invitar{width:500px; height:251px; position:absolute; left:40%; top:30%; display:none; z-index:1000;}
#central{ background-image:url(../images/bkBase.jpg); padding-left:8px;  }


/*CONTENEDOR IZQUIERDO*/
.contenidoIzq {
	width:393px;
	background-image:url(../images/bkContenidoizq.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left; padding-top:3px;
	background-color:#FFFFFF;
}
.contenidoIzq .titActividades{ background-image:url(../images/titActividades.jpg);  height:56px; 
}
.contenidoIzq .subcontenidoIzq ul {list-style-type: none; padding:8px 20px 0 70px; margin: 0 ; }
.contenidoIzq .subcontenidoIzq {

	height:100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-decoration:none;
}

/*CONTENEDOR DERECHO*/
.contenidoDere{
	width:583px;
	
	float:left; 
	
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color:#FFffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.contenidoDere .noticiasHome   {    background-color:#FFFFFF; }

.contenidoDere .noticiasHome .titNoticias{ background-image:url(../images/titNoticias.jpg);  height:54px; width:582px; 
}

.contenidoDere .noticiasHome .contenedorNoticias { padding-left:50px; padding-right:10px; }
.contenidoDere .suscripcion { width:217px; height:95px; background-image:url(../images/bkSuscripcion.jpg); background-repeat:no-repeat; float:left; padding: 60px 10px 0 60px;  }

.contenidoDere .info { width:271px; height:95px; background-image:url(../images/bkInfo.jpg);  float:left; border-left:3px solid #FFFFFF ; padding: 50px 10px 0 10px; 
}
.contenidoDere .info  p { font-size:11px; display:block; padding-top:5px;}

.contenidoDere .info a {
	color:#35B55C;
	font-weight:bold;
	text-decoration: underline;
}
/*FORMULARIO DE SUSCRIPCION*/
.contenidoDere .suscripcion img { border:none; display:block; margin-left:85px;}
.contenidoDere .suscripcion .textinput { width:193px; height:17px; background-image:url(../images/bkImput.gif); background-repeat:no-repeat; border:0; color: #999999; font-size:10px; padding: 5px 0 0 5px; display:block; margin-bottom:3px; }

/*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:12px; font-family:Verdana, Arial, Helvetica, sans-serif; border: 1}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
P.notalegal{ font-size:9px; color:#666666}


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

/*GET BREVES*/
.breve { background-color:#003399; width:500px; height:500px;
}
.picBreve {}

.textoBreves {}
.textoBreves .fechaBreve { color:#000000;
	font-size:10px;

}
.textoBreves .titBreve{color:#666666; font-size:12px; font-weight: bold; }
.textoBreves .textoBreve{color:#666666;}
/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ color:#666666; font-size:12px;  background-color:#FFFFFF; background-image:url(../images/bkInterna.jpg); background-position:bottom; background-repeat:no-repeat; width:979px; padding:3px 0 50px 0;}

#central #avisoLegal .cuadroMapaweb { padding: 20px 50px 20px 0px;
	
	height:100%; background-image:url(../images/bkTop.jpg); background-position:top; background-repeat:repeat-x;
}

#central #avisoLegal .cuadroMapaweb img{
margin:-20px 0 0 0;}
#central #avisoLegal a {color:#35B55C;}

/*GET BREVESACTIVIDADES*/
.fecha {  font-weight:bold; padding:0 0 8PX 0; margin:0; color:#666667;
}
.titBreveact {
	text-decoration: none; padding:2px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#6666667;
}


/* MAPA WEB*/
#mapaweb{ padding:3px 0 50px 0; background-color:#FFFFFF; background-image:url(../images/bkInterna.jpg); background-position:bottom; background-repeat: no-repeat;width:979px; }


#mapaweb .cuadroMapaweb {
	padding: 0 50px 20px 0;background-image:url(../images/bkTop.jpg); background-position:top; background-repeat:repeat-x;
	height:100%;
}
#mapaweb .derecha { margin-right:90px; width:320px; float:right;}
/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#666666; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{
	color:#666666;
	font-size:12px;
	list-style-type:none;
	padding-top:10px;
	font-weight:bold;
	list-style-image: url(../images/bullet.gif);
}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#666666; padding-top:5px;}
#mapaweb UL LI UL LI A{ color:#666666;}
#mapaweb UL LI UL LI A:hover{color:#8B8B8B;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#666666; padding-top:5px;}
#mapaweb UL LI UL LI UL LI A{ color:#A0AFD3;}
#mapaweb UL LI UL LI UL LI A:hover{color:#8B8B8B;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{padding:3px 0 50px 0; background-color:#FFFFFF; background-image:url(../images/bkInterna.jpg); background-position:bottom; background-repeat: no-repeat; width:979px; }

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

#central #actualizable #zonaEnlaces{ font-size:11px; font-weight:bold; width:250px; padding-bottom:40px;  float:left; background-color: #ffffff; min-height:309px; display:table; border-right: 1px solid #CCCCCC; background-image:url(../images/titInvitabajo.jpg);	background-repeat:repeat-x;	background-position: bottom; }
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:10px 10px 10px 15px;}

/* TEMAS*/
.marcado{
/*	background-color:#35B55C;*/
	color: #35B55D;
	display:block; margin-bottom:5px;  text-indent:18px; background-image:url(../images/bulletLarge.gif); background-position:left; background-repeat:no-repeat; border-top:1px solid #cccccc;

}
.marcado:hover{
/*	background-color:color:#35B55C;*/

	color:#006610 margin-bottom:5px; text-indent:18px; 
}

.desmarcado{
	color:#8A8A8B;
	;
	display:block;
	border-top:1px solid #cccccc;
	text-indent:18px;	
	

} 
	
.desmarcado:hover{
	color:#99999A;
	display:block; text-indent:18px; 

}

/* SUBTEMAS */
.marcadoNoticia{
	color:#000000;
	font-size:9px;
	font-weight:bold;
	background-color:#0080C2;
	padding:1px 2px 1px 15px;
	margin-bottom:8px; 
}
.marcadoNoticia:hover{
	color:#000000;
	
}

.desmarcadoNoticia{color: #666666; font-size:9px; background-color:#EFEFEF; margin-bottom:8px; padding:1px 2px 1px 15px;}
.desmarcadoNoticia:hover{background-color:#EFEFEF; color:#000000;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{
	
	color: #666666;
	width: 648px;  
	float:right;
	padding: 15px 40px 15px 40px;
	background-image:url(../images/bkTop.jpg);
	background-repeat:repeat-x;
	background-position:top; 
}

#central #actualizable #contenidos p { padding:0; margin: 0 0 20px 0; text-align:justify; line-height:20px; font-size:11px; }
#central #actualizable #contenidos a {color:#35B55C; }

#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:#0D2F93; text-decoration:none; font-size:10px; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; 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{}




/*LOGIN*/
#loginusuario{ margin:70px 0 0 175px; font: Arial, Helvetica, sans-serif; font-size:11px;  }
#loginusuario TABLE{color:#666666; }
#loginusuario .contenidoLogin { width: 257px; height:210px; background-image: url(../images/bkLogin.jpg); background-repeat:no-repeat; padding:65px 0 0 0;}
#recordarPassword{ width:257px; height:119px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-left:175px;  }
#loginusuariopass .contenidoLoginpass #showmsj { width:257px; height:119px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-top:50px; }
#respuestaRecuerdo{width:257px; height:119px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px; margin-left:175px;}
#mensaje-alerta {width:257px; height:119px; background-image:url(../images/bkPass.jpg); background-repeat:no-repeat; padding:10px; margin-left:175px;}

/*CAMBIAR PASSWORD*/
#loginusuariopass{ margin:70px 0 0 175px; font: Arial, Helvetica, sans-serif; font-size:11px; width: 257px; height:210px;   }
#loginusuariopass TABLE{color:#666666; }
#loginusuariopass .contenidoLoginpass { width: 257px; height:210px; background-image: url(../images/bkCambiar.jpg); background-repeat:no-repeat; padding:65px 0 0 0;}

/*CATALOGO*/

.producto{  border:1px solid #CCCCCC; width:170px; text-align:center; float:left; margin-left:10px; padding:10px;}
.productoFicha{  border:1px solid #CCCCCC;  float:left; margin-left0px; padding:10px; width:620px;}


	/*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:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	 background-image:url(../images/bkPie.jpg); text-align:center; font-size:11px; padding-top:8px;
	height:30px;
	
	
	}
	/*ENLACESPIE*/
	#pie A{
	color:#333333;
	text-decoration:none; padding-right:4px;
}
	#pie A:hover{
	color:#8B8B8B;
	text-decoration:none;
}

#pie .cred a {
	font-size:9px;
	color:#666666;
}
#pie .cred  {
	font-size:9px;
	color:#666666;
}

/*NEWSLTTER*/
#textoSuscripcion1 { background-color:#ffffff; border: 5px #0066FF solid; background-image:url(../images/bkTop.jpg); background-position:top; background-repeat:no-repeat; width:200px; height:50px; position:absolute; top: 520px; left: 1010px; display:none;
padding: 8px; color:#666666; font-size:10px;
}
#textoSuscripcion1 p { padding-top:10px;}
.cerrarAviso { float:right;}


/*PRUEBA ICONO*/
 .iconoPrueba {  width:249px; height:56px; margin-bottom:20px; background-repeat:repeat;}
 
 /*BANNER LINKS*/
 
#bannerLinks { width:222px; height:309px; margin-left:15px; margin-top:20px; }

/*PUBLICIDAD*/
#advertising { height:479px; width:993px; position:absolute; top:80px; z-index:2; background-repeat:no-repeat; display:none; background-image:url(../images/XMASGeteccu2009.jpg); background-color:#FFF; }
#advertising #closeAdvertising { position:absolute; left:940px; top:15px; }
#advertising #closeAdvertising A { color:#3EAE0A; }