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

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/
*{ margin:0px; padding:0px;}

BODY{
	
	margin: 0px auto 0px auto; 
	background-color:#FFFFFF; 
	background-image:url(../images/fondo_pagina.jpg);
	background-repeat:repeat-x;
	font-family:"Arial", Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:1000px; margin: 30px auto 0px auto;}

h1{color:#000000; padding:0px; margin:0px; font-size:12px;}








/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
/*ENLACES EN LA CABECERA*/
#cabecera{ position: absolute; float:left; top:0px; width:280px; height:536px; padding:40px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#cabecera h1{ color:#000000; padding:0px; margin:0px;  margin-bottom:5px;}

#cabecera A{text-decoration:none; color:#000000;}
#cabecera A:hover{ text-decoration:underline}
	


#cabecera #info{ width:220px; height:125px;}
/*PARA LA ZONA DE OVERFLOW DEL INFO*/
#cabecera #info A{ color:#999999}
#cabecera #info #hold3{  overflow:hidden; width:230px; height:110px; z-index:100; }
#cabecera #info #hold3 #wn3{ position:relative;  left:0px; top:0px; width:220px; height:90px; clip:rect(0px, 90px, 145px, 0px); overflow:hidden; z-index:1; }
#cabecera #info #hold3 #wn3 .content3 { position:relative; visibility:hidden; left:50px; top:50px; }
/* Set small font-size or size/position of div's will be off in some browsers  */
#cabecera #info #scrollLinks3 #scrollbar3 { left:0; top:0; width:5px; height:110px; font-size:1px; z-index:1;}
#cabecera #info #scrollLinks3 #scrollbar3 #track3 { left:0; top:0px; width:5px; height:90px; background: url("../images/track.gif") repeat-y; z-index:1; cursor: pointer;}
#cabecera #info #scrollLinks3 #scrollbar3 #track3 #dragBar3 { position: relative; left:0px; top:0px; width:3px; height:20px; background-color:#999999; z-index:1;}

#cabecera #noticias{width:220px; height:275px; }
/*PARA LA ZONA DE OVERFLOW DE LAS NOTICIAS*/
#cabecera #noticias A{ color:#999999; font-size:11px;}
#cabecera #noticias #hold{  overflow:hidden; width:230px; height:206px; z-index:100; }
#cabecera #noticias #hold #wn{ position:relative;  left:0px; top:0px; width:220px; height:200px; clip:rect(0px, 200px, 145px, 0px); overflow:hidden; z-index:1; }
#cabecera #noticias #hold #wn .content { position:relative; visibility:hidden; left:50px; top:50px; }
/* Set small font-size or size/position of div's will be off in some browsers  */
#cabecera #noticias #scrollLinks #scrollbar { left:0; top:0; width:5px; height:220px; font-size:1px; z-index:1;}
#cabecera #noticias #scrollLinks #scrollbar #track { left:0; top:0px; width:5px; height:210px; background: url("../images/track.gif") repeat-y; z-index:1; cursor: pointer;}
#cabecera #noticias #scrollLinks #scrollbar #track #dragBar { position: relative; left:0px; top:0px; width:3px; height:20px; background-color:#999999; z-index:1;} 

#cabecera #links{width:220px; height:82px;}
/*PARA LA ZONA DE OVERFLOW DEL INFO*/
#cabecera #links A{ color:#000000}
#cabecera #links #hold4{  overflow:hidden; width:230px; height:60px; z-index:100; }
#cabecera #links #hold4 #wn4{ position:relative;  left:0px; top:0px; width:220px; height:50px; clip:rect(0px, 50px, 145px, 0px); overflow:hidden; z-index:1; }
#cabecera #links #hold4 #wn4 .content4 { position:relative; visibility:hidden; left:50px; top:50px; }
/* Set small font-size or size/position of div's will be off in some browsers  */
#cabecera #links #scrollLinks4 #scrollbar4 { left:0; top:0; width:5px; height:60px; font-size:1px; z-index:1;}
#cabecera #links #scrollLinks4 #scrollbar4 #track4 { left:0; top:0px; width:5px; height:50px; background: url("../images/track.gif") repeat-y; z-index:1; cursor: pointer;}
#cabecera #links #scrollLinks4 #scrollbar4 #track4 #dragBar4 { position: relative; left:0px; top:0px; width:3px; height:20px; background-color:#999999; z-index:1;}

#cabecera #contacto{width:220px; height:102px; }
/*PARA LA ZONA DE OVERFLOW DEL INFO*/
#cabecera #contacto A{ color:#999999}
#cabecera #contacto #hold5{  overflow:hidden; width:230px; height:60px; z-index:100; }
#cabecera #contacto #hold5 #wn5{ position:relative;  left:0px; top:0px; width:220px; height:50px; clip:rect(0px, 50px, 145px, 0px); overflow:hidden; z-index:1; }
#cabecera #contacto #hold5 #wn5 .content5 { position:relative; visibility:hidden; left:50px; top:50px; }
/* Set small font-size or size/position of div's will be off in some browsers  */
#cabecera #contacto #scrollLinks5 #scrollbar5 { left:0; top:0; width:5px; height:60px; font-size:1px; z-index:1;}
#cabecera #contacto #scrollLinks5 #scrollbar5 #track5 { left:0; top:0px; width:5px; height:50px; background: url("../images/track.gif") repeat-y; z-index:1; cursor: pointer;}
#cabecera #contacto #scrollLinks5 #scrollbar5 #track5 #dragBar5 { position: relative; left:0px; top:0px; width:3px; height:20px; background-color:#999999; z-index:1;}




 
	
/********************************MENU DESPLEGABLE*/

#menu{ background-color: #99FF99; width: 250px; height:600px; float:left; font-family:Verdana; font-size:14px; }
#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{ float:right;}

#central #derecha{ float:right; height:497px;}
#central #derecha #arriba{ height:32px; float: right; padding-top:10px; font-size:20px; margin-right:15px;}
/*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}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #EFA576;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #EFA576;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #EFA576;}
P.notalegal{ font-size:9px; color:#666666}


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



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


/* MAPA WEB*/
#mapaweb{ padding:12px;}

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

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

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


#central{ width:708px;}
/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ width: 708px; height:600px; background-color:#999999; float: left;}


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

#central #actualizable #zonaEnlaces{ font-size:10px; width:180px; padding-right:10px; padding-top:15px; margin:0 0 0 20px;float:left;}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:3px;}

/* TEMAS*/
.marcado{background-color:#FF9900; color:black; border-bottom:1px solid #EAEAEA; display:block;}
.marcado:hover{ background-color:#FF9900; color:black}
.desmarcado{color:#333333; border-bottom:1px solid #EAEAEA; display:block;}
.desmarcado:hover{ background-color:#F0F0F0; color:#000000;}

/* SUBTEMAS */
.marcadoNoticia{color:#0D2F93; font-size:9px; font-weight:bold;  background-image:url(../images/marcado.jpg); background-repeat:no-repeat; background-position:right center; background-color:#EFEFEF;}
.marcadoNoticia:hover{ color:#000000; background-color:#EFEFEF;}

.desmarcadoNoticia{color:black; font-size:9px; background-color:#EFEFEF;}
.desmarcadoNoticia:hover{background-color:#EFEFEF;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{ font-family : Arial; font-style : normal; 	font-size : x-small;	color: black;width:708px; height:566px; float:right;padding: 20px 0px 20px 15px;}


#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{}





#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:Verdana, Arial, Helvetica, sans-serif}



/*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{ float:right; padding-top:36px; padding-right:14px; text-align:right; font-size:10px;}
	/*ENLACESPIE*/
#pie A{ color:#000000;text-decoration:none;}
#pie A:hover{ color:#0099CC;text-decoration:none;}




/*PARA LA ZONA DE OVERFLOW DE NOTICIAS*/
div#hold2{ position:relative; overflow:hidden; width:660px; height:210px; z-index:100;}
div#wn2{ position:absolute; left:0px; top:0px; width:650px; height:210px; clip:rect(0px, 650px, 210px, 0px);  overflow:hidden; z-index:1; }
div.content2 { position:absolute; visibility:hidden;	left:0px; top:0px; z-index:1; }
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2 { position:relative; left:0; top:0; width:5px; height:210px; font-size:1px; z-index:1;}
div#track2 { position:absolute; left:0; top:0px; width:5px; height:210px; background: url("../images/track.gif") repeat-y; z-index:1; cursor:pointer;}
div#dragBar2 { position:absolute; left:0px; top:0px; width:3px; height:20px; background-color:#999999; z-index:1;}  

div.content2 { text-align:left }
table.main td.text, table.main td.navs { vertical-align:top; text-align:left }
a img { border:none }
/*FIN D LA ZONA DE OVERFLOW*/

#contenu #divACambiar a{ font-size:11px;}
#contenu #divACambiar a:hover{ color:#999999; text-decoration:underline; }