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

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

BODY{margin: 10px auto 0px auto; background-image:url(../images/body-background2.jpg);
	background-repeat:repeat-x;
	 font-family:"Verdana", Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px;
	 height:100%; background-position:top; background-color:#4D4B4E;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:960px; margin: 0px auto 0px auto; background-color:#FFFFFF; border-top:0px solid #999999;}

A{ color:#0D2E92}
A:hover{ color:#0099CC;}

h1{color:#E36C18; font-size:22px;}


HR{ margin:0px; padding:0px; height:0px; border:0px; border-bottom:1px solid #CCCCCC;}


/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif; 
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ color:#DFB300;}
	
	#cabecera UL{ margin:0px; padding:0px; margin-bottom:15px; padding-top:15px; padding-bottom:15px;} 
	#cabecera UL LI{ float:left; color:#000000; width:191.5px;} 
	#cabecera UL LI A{ color:#454545; font-weight:bold; font-size:14px;} 
	
	
	
/********************************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{ clear:both; width:910px; margin-left:28px; display:block; height:100%; margin-bottom:15px; display:table;}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:266px; height:100%;margin-top:20px; float:left;}
	#izquierda h1{ color:#0B6FA0; font-size:16px; font-weight:normal; background:url(../images/point-actualidad.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
	#actualidad{ font-size:10px; display:block;  border:1px dotted #CCCCCC; background-color:#fbfbfb; margin-left: 10px; margin-right: 10px; margin-top:0px; text-align:justify; padding:10px;}
	#actualidad a{ color:#0D4C7F;}
	#actualidad a:hover{ color:#167AE9;}
	#actualidad b{ text-transform:uppercase;}
	#actualidad IMG{ margin-right:10px;}
	#actualidad h2{text-align:right; font-size:10px; font-weight:normal; background:url(../images/mas-info-home.jpg) right no-repeat; padding-right:15px;}
	#actualidad h2 a{ color:#000000;}
#derecha{ width:635px; height:100%; margin-top:20px; top: 0px; float:right;}
	/*#derecha h1{ color:#BA4E06; font-size:16px; font-weight:normal; background:url(../images/point-titulo.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}*/

.actualidad{ font-size:10px; display:block;  border:1px dotted #CCCCCC; background-color:#fbfbfb; margin-left: 10px; margin-right: 10px; margin-top:0px; text-align:justify; padding:10px;}
	.actualidad a{ color:#0D4C7F;}
	.actualidad a:hover{ color:#167AE9;}
	.actualidad b{ text-transform:uppercase;}
	.actualidad IMG{ margin-right:10px;}
	.actualidad h2{text-align:right; font-size:10px; font-weight:normal; background:url(../images/mas-info-home.jpg) right no-repeat; padding-right:15px;}
	.actualidad h2 a{ color:#000000;}


/*PARA EL TITULO QUE APERECE SOBRE CADA PAGINA*/
h1.titulo{ color:#BA4E06; font-size:16px; font-weight:normal; background:url(../images/point-titulo.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}
h1.titulo_legal{ color:#333333; font-size:16px; font-weight:normal; background:url(../images/point-legal.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}
h1.titulo_contacto{ color:#A7CB45; font-size:16px; font-weight:normal; background:url(../images/point-contacto.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}
h1.titulo_actualidad{ color:#0B6FA0; font-size:16px; font-weight:normal; background:url(../images/point-actualidad.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
h1.titulo_empresa{ color:#089419; font-size:16px; font-weight:normal; background:url(../images/point-empresa.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
h1.titulo_servicios{ color:#AD9413; font-size:16px; font-weight:normal; background:url(../images/point-servicios.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
h1.titulo_servicios2{ color:#AD9413; font-size:14px; font-weight:normal; background:url(../images/point-servicios.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
h1.titulo_productos{ color:#BA4E06; font-size:14px; font-weight:normal; background:url(../images/point-titulo.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}


/*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 #A7CB45;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #A7CB45;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #A7CB45;}
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*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:20px;}


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

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

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

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#333333; padding-top:2px; }
#mapaweb UL LI UL LI A{ color:#333333; font-weight:bold;}
#mapaweb UL LI UL LI A:hover{color:#0099FF;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#666666; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#666666; font-weight:normal;}
#mapaweb UL LI UL LI UL LI A:hover{color:#0099FF;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ background-color:#FFFFFF;margin: 0 0 0 0px;}


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

#central #actualizable #zonaEnlaces{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:240px; padding-right:0px; padding-top:15px; margin:0 0 0 0px; 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 3px 3px 13px;}

/* TEMAS SERVICIOS*/
.marcado_servicios{background-color:#666666; color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:bold; line-height:18px; background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px; }
.marcado_servicios:hover{ background-color:#666666; color:white;  }
.desmarcado_servicios{color:#ffffff; border-bottom:1px solid #FFFFFF; background-color:#AD9413; line-height:18px; font-weight:bold;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px; }
.desmarcado_servicios:hover{ background-color:#AD9413; color:#000000; background-image:url(../images/marcador-tema2.gif); background-repeat:no-repeat; background-position:10px 9px; }


/* TEMAS PRODUCTOS*/
.marcado_productos{background-color:#666666; color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:bold; line-height:18px;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px;}
.marcado_productos:hover{ background-color:#666666; color:white}
.desmarcado_productos{color:#ffffff; border-bottom:1px solid #FFFFFF; background-color:#BA4E06; line-height:18px; font-weight:bold;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px; }
.desmarcado_productos:hover{ background-color:#BA4E06; color:#000000; background-image:url(../images/marcador-tema2.gif); background-repeat:no-repeat; background-position:10px 9px; }


/* TEMAS ACTUALIDAD*/
.marcado_actualidad{background-color:#666666; color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:bold; line-height:18px;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px;}
.marcado_actualidad:hover{ background-color:#666666; color:white}
.desmarcado_actualidad{color:#ffffff; border-bottom:1px solid #FFFFFF; background-color:#0B6FA0; line-height:18px; font-weight:bold;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px;  }
.desmarcado_actualidad:hover{ background-color:#0B6FA0; color:#000000;  background-image:url(../images/marcador-tema2.gif); background-repeat:no-repeat; background-position:10px 9px; }

/* TEMAS EMPRESA*/
.marcado_empresa{background-color:#666666; color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:bold; line-height:18px;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px;}
.marcado_empresa:hover{ background-color:#666666; color:white}
.desmarcado_empresa{color:#ffffff; border-bottom:1px solid #FFFFFF; background-color:#089419; line-height:18px; font-weight:bold;  background-image:url(../images/marcador-tema.gif); background-repeat:no-repeat; background-position:10px 9px; }
.desmarcado_empresa:hover{ background-color:#089419; color:#000000;  background-image:url(../images/marcador-tema2.gif); background-repeat:no-repeat; background-position:10px 9px; }

/* SUBTEMAS */
.marcadoNoticia{color:#666666; font-size:9px;  background-color:#E6DFB8; border-bottom:1px solid #FFFFFF; line-height:16px; font-weight:bold;   background-image:url(../images/marcador-subtema2.gif); background-repeat:no-repeat; background-position:10px 9px; }
.marcadoNoticia:hover{ color:#666666; background-color:#E6DFB8;  background-image:url(../images/marcador-subtema.gif); background-repeat:no-repeat; background-position:10px 9px; }

.desmarcadoNoticia{color:black; font-size:9px; background-color:#E6DFB8; line-height:16px; border-bottom:1px solid #FFFFFF;  background-image:url(../images/marcador-subtema.gif); background-repeat:no-repeat; background-position:10px 9px;  }
.desmarcadoNoticia:hover{background-color:#E6DFB8; color:#666666;  background-image:url(../images/marcador-subtema2.gif); background-repeat:no-repeat; background-position:10px 9px; }

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family : Verdana; font-style : normal; 	font-size : 11px;	color: black;width:625px;float:right;padding: 15px 0px 20px 15px; border-left:1px dashed #cccccc;}


#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:#FFFFFF; text-decoration:none;   font-size:11px;  }
.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 dotted #CCCCCC; background-color:#fbfbfb; width:170px; height:160px; text-align:center; float:left; margin-left:10px; padding:10px; margin-bottom:15px;}
.productoFicha{   float:left; margin-left0px; padding:10px; width:590px;  border:1px dotted #CCCCCC; background-color:#fbfbfb; }

.subtema{ color:#666666; font-size:14px; font-weight:normal; }
.subtema:hover{ color:#000000;  }
.volverCatalogo{ color:#666666; font-size:11px; font-weight:normal; }
.volverCatalogo:hover{ color:#000000;  }
.temaServicios{ color:#AD9413; font-size:14px; font-weight:normal; background:url(../images/point-servicios.jpg) left no-repeat; padding-left: 20px; margin-left: 10px;margin-bottom:0px;}
.temaProductos{ color:#BA4E06; font-size:14px; font-weight:normal; background:url(../images/point-titulo.jpg) left no-repeat; padding-left: 20px; margin-left: 10px; margin-bottom:0px;}
.nom{ color:#666666; font-size:11px; font-weight:normal; padding-top:5px; text-decoration:none;}
.nom:hover{ color:#000000;  }


	/*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/bottom-background.jpg);
	color:#827F6E;
	font-size:10px;
	height:39px;
	padding: 20px 20px 0 25px;
	
	}
	/*ENLACESPIE*/
	#pie A{ color:#827F6E;text-decoration:none;}
	#pie A:hover{ color:#FFCC00;text-decoration:none;}