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

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

BODY{margin:0px; background-color:#E5E5E5; font-family:"Verdana", Arial, Helvetica, sans-serif; 
	/*background-image:url(../images/body-background.jpg); background-repeat:repeat-x;*/
	}

/********************              ZONAS             *******************************************/






/* ESTILOS AŅADIDOS  */
#botoneracss{
width: 999px;
height:90px;
/* background:url(../images/fondo_navegacion.jpg);*/
	background-image:url(../images/fondo_barranavegacion.jpg); 
background-repeat: no-repeat;
}
.boton_inicio{
background:url(../images/boton_inicio.jpg);
}



.subirimagen {
	margin-top: -3px;
}

#navegador_menuh {
       
        padding-top: 33px;
		padding-left: 150px;
		font-weight: bold;
			border:0;
			height:36px;
			overflow: hidden;

		 
}

#navegador_menuh ul, li {
        list-style-type: none;

}

#navegador_menuh ul {
        margin: 0;
        padding: 0;
		     color: #000;
}

#navegador_menuh ul a:hover {
  
		     color: #fff;
}

#navegador_menuh li {
        float: left;
       background:url(../images/botonera_fondobot.jpg);
		margin-top: -1px;


}

#navegador_menuh a {
    text-decoration: none;
  	color: black;
       /*  background: #F0F7FC;*/
        display: block;
		width:73px;
        padding: 12px 10px;
 font: 14px   Helvetica, Arial, sans-serif;
        text-align: center;
         /*border: 1px dashed #ccc;*/
      /*   border-width: 0px 1px 0px 0px;*/
		height:14px;
}



#navegador_menuh a:hover {
	text-color: #fff;
        background:url(../images/botonera_over.jpg);
}

/* -----------------------------------------------*/










/*TABLA PRINCIPAL*/
#base{width:999px; font-size:11px;  margin: 0px auto 0px auto; display:table; 

background-color:#FFFFFF; 

height:100%; min-height:300px;
 /*background-image:url(../images/base-background.jpg); */background-position:right bottom; background-repeat:repeat-x;}

A{ color:#DC241F; font-size:11px;}
A:hover{ color:#FF3300; }

.clear{ clear:both;}

H1{ font-size:21px;}
H2{ font-size:21px;}
H3{ font-size:15px; border-bottom:1px solid #EEEEEE;}
H4{ font-size:20px; font-weight:normal; margin:0px; padding:0px;}
H5{ font-size:16px; margin:0px; padding:0px; color:#333333;}
H6{ font-size:13px; margin:0px; padding:0px; color:#333333;}

INPUT, SELECT{ color:#414B56; border:1px solid #CCCCCC; font-size:10px;}



/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{width:999px;
	height:90px; 
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px; 
font-weight:bold;
color:#000;
/*color:#414B56;*/

}
	#cabecera A:hover{  color:#414B56;}

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

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; 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{ padding-left:10px; padding-right:-10px; display:table; 
 background-image:url(../images/fondo_central.gif); 
 height:auto; 
 /* border:1px solid #999;*/

 min-height:600px; width:988px;}

/*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 #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;}


/*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{ padding:20px;}


/* MAPA WEB*/
#mapaweb{ padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; width:120px; display:none; background-image:url(../images/mapa-web-background.jpg); background-position:bottom; background-repeat:repeat-x;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#414B56; font-size:10px;}
#mapaweb A{ color:#333333; }

/* PRIMER NIVEL*/
#mapaweb UL{ margin:0px; padding:0px; list-style-type:none;}
#mapaweb UL LI{color:#999999; font-size:10px; list-style-type:square; margin:0px; padding:0px; padding-top:5px; font-weight:bold; list-style-type:none;}

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

/* MAPA WEB*/
#mapaweb2{ padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; width:930px; }

/* POR NORMA GENERAL*/

/* PRIMER NIVEL*/
#mapaweb2 #d UL{ margin:0px; padding:0px;   }
#mapaweb2  UL LI{color:#555555;  font-size:14px; margin:0px; padding:0px; padding-top:5px; font-weight:bold; list-style:square;  }
#mapaweb2  UL LI A{ text-decoration:none; font-weight:normal; color:#000000; font-size:11px;}
#mapaweb2 #d UL LI A:hover{ color:#444444; }

/* SEGUNDO NIVEL*/
#mapaweb2 UL LI UL LI{ color:#414B56; padding-top:2px; font-weight:normal; list-style:square;}
#mapaweb2 UL LI UL LI A{ color:#414B56;  text-decoration:none;}
#mapaweb2 UL LI UL LI A:hover{color:#999999;}
/* TERCER NIVEL*/
#mapaweb2 UL LI UL LI UL LI{list-style-type:disc; color:#888888; padding-top:0px;}
#mapaweb2 UL LI UL LI UL LI A{ color:#888888;}
#mapaweb2 UL LI UL LI UL LI A:hover{color:#AAAAAA;}

/* CUARTO NIVEL*/
#mapaweb2 UL LI UL LI UL LI UL LI{list-style-type:disc; color:#BBBBBB; padding-top:0px;}
#mapaweb2 UL LI UL LI UL LI UL LI A{ color:#BBBBBB;}
#mapaweb2 UL LI UL LI UL LI UL LI A:hover{color:#999999;}

/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ /*display:table;*/ height:100%; min-height:600px;

/*background-color:#FFFFFF; */

clear:both;
 border-left:1px solid #CECECE;
/* border-right:1px solid #CECECE;*/
}


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

#central #actualizable #zonaEnlaces{ font-size:11px; width:175px; float:left; 
background:  url(../images/zona-enlaces-background.jpg) top right no-repeat; display:table; height:100%; height:600px; font-family:Arial;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:5px; padding-right:0px; }

#central #actualizable #zonaEnlaces #buscarContactos a { float:left;color:#DC241F; font-size:11px; }
#central #actualizable #zonaEnlaces #buscarContactos a:hover {color:#FF3300; font-size:11px;}
/* TEMAS*/
.marcado{border-right:1px solid #cccccc;color:#DC241F; border-bottom:1px solid #CCCCCC;  font-weight:bold;  font-weight:bold; font-size:11px; 
/*background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat;*/ background-color:#FFFFFF; background-position:left center}

.marcado:hover{ /*background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat;*/ background-color:#FFFFFF; color:#DC241F }

.desmarcado{border-right:1px solid #cccccc;color:#414B56; background-color:transparent; border-bottom:1px solid #CCCCCC;  font-weight:bold; font-size:11px; }
.desmarcado:hover{ /*background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat;*/ background-color:#FFFFFF;background-position:left center; color:#DC241F }

/* SUBTEMAS */
.marcadoNoticia{color:#DC241F; border-right:1px solid #cccccc; font-size:11px; font-weight:bold;background-image:url(../images/marcadornoticias.jpg);  border-bottom:1px solid #CCCCCC;}

.marcadoNoticia:hover{ color:#DC241F;background-color:#F0F5FB;}

.desmarcadoNoticia{border-right:1px solid #cccccc;;color:#414B56; font-size:11px; background-image:url(../images/noticia-background.jpg); background-position:right; border-bottom:1px solid #CCCCCC; }

.desmarcadoNoticia:hover{background-color:#DC241F; color:#DC241F}





.marcado2, .marcado2:hover{ margin-left:20px; color: #414B56; font-weight:bold; font-size:11px;}

.desmarcado2{ margin-left:20px; color: #414B56; font-size:11px; background-image:none;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{ font-style : normal; font-size : 11px; color: #414B56; font-family:Verdana;
 float:left; /*display:table;*/
  padding:0px;
 padding-left:5px;
/* background-color:#FFFFFF;*/

min-height:600px;

/* width:772px; */
width:770px;
background-color: white;

overflow:visible; 

display:table; height:100%; vertical-align:top;
/*background-image:url(../images/contenidos-background.jpg); background-position:right top; background-repeat:repeat-y;*/ }


#seccionTitle{ height:33px; width:954px; color:#FFFFFF; 
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{}


/*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:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }

.explicacion{ font-weight:bold;}


/*#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;}*/

#tableBuscador{ width:300px;}
#tableBuscador select{ width:130px;}
#tableBuscador input{ width:126px; height:14px;}

#home {position:absolute; width:250px; float:right; margin-left:700px;}
#home H1{ color:#414B56; font-size:18px;}

#central #breves{position:absolute; width:977px; clear:both; margin:0px; padding:0px; margin-top:315px; padding-top:10px;}
#central #breves H2{margin:0px; padding:0px; background-color:#CCCCCC; filter:alpha(opacity=60); color:#000000; width:290px; opacity:0.6; font-size:12px; padding:6px; padding-left:12px; margin-bottom:9px;}
#central #breves IMG{float:left; margin:0px; padding:0px; margin-right:15px; _margin-right:10px; }
#central #breves UL{ margin:0px; padding:0px;}
#central #breves LI.area{ float:left; display:block; width:311px; margin:0px; padding:0px;  margin-left:10px; _margin-left:7px;}
#central #breves LI UL{margin:0px; padding:0px; margin-right:10px;}
#central #breves LI UL LI{margin:0px; padding:0px 0px 5px 0px; list-style:none; background-image:url(../images/marcador.gif); background-repeat:no-repeat;}
#central #breves LI UL A{ color:#FFFFFF; display:block; text-decoration:none;  }
#central #breves LI UL A:hover{ color:#DC241F; background-color:none; text-decoration:none;}

#catalogoNavegacion{ text-align:right; float:right; color:#000000;}

.producto{ width:360px; float:left; margin-bottom:15px; height:150px; border:1px solid #CCCCCC; margin-left:15px; _margin-left:9px;}
.producto B{ color:#DC241F; font-size:9px;}
.producto H5 A{ color:#333333; text-decoration:none; font-size:12px;}

.productoFicha{
	width:735px; text-align:justify; margin:10px; margin-top:0px; float:left;
} 

/*
.productoFicha .tema,.productoFicha .tema a{ color:#000000; font-weight:bold; text-decoration:none;}

.productoFicha .subtema, .productoFicha .subtema a{ color:#000000; font-weight:bold; text-decoration:none;}
*/

.productoFicha .produ{ color:#000000;}

.productoFicha #documentacion{
/*background-color:#FBFBFB; border: 1px solid #E6E6E6;*/
width:196px; margin:0px;padding-left:20px;padding-top:7px;padding-left:70px; list-style-type:none;} 
.productoFicha #documentacion LI{ list-style-type:none;margin-bottom:2px;}
.productoFicha #documentacion LI IMG{ margin-right:5px;}

.productoFicha #referencias{
	/*border:1px solid #E3E3E3;*/ clear:both; margin-top:0px; padding:20px 0px 0px 72px; width:200px; height:100%;
} 


.productoFicha #referencias A{
	margin-top:10px; width:15px; height:15px; margin-left:5px; text-decoration:none; border:1px solid #CCCCCC; display:block; float:left;
}

.productoFicha #referencias A:hover{
	color:#DC241F;
} 

.productoFicha #referencias BR{
height:5px; margin:0px; padding:0px; font-size:5px;
} 

.productoFicha .descripcion{
	width:100%;	
} 

.productoFicha .especificaciones{
	width:100%; /*border:1px solid #E3E3E3;*/ margin-bottom:20px; border-bottom:0px; border-right:0px;  clear:both;
} 

.productoFicha .especificaciones TD{
	padding:5px;
} 

.productoFicha .especificaciones TD{
/*	border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3;*/
} 



.productoFicha .especificaciones THEAD{
	background-color:#414B56;
	color:#FFFFFF;
} 


.productoFicha .especificaciones THEAD .coltitle{
/*	background-color:#E3E3E3;*/
	background-color:#414B56;
} 


.soporte UL{ margin-bottom:40px;}
.soporte UL LI{ list-style-type:none; clear:both;}
.soporte UL LI IMG{ float:left; margin-right:20px;}
.soporte UL LI A{ margin-left:40px; float:right;}
.soporte UL LI UL{ margin-top:15px; }
.soporte UL LI UL LI{ margin-bottom:10px;}
.soporte UL LI UL LI IMG{ margin-right:15px;}
.soporte UL LI UL LI A{ float:none; margin-left:0px;}

#soporteBuscador{background-color:#ffffff;padding-right:40px; padding-left:40px; width=100%;}
/*#soporteContenidoTodo{background-color:#ffffff;padding-right:40px; padding-left:0px; width=100%; }*/
#soporteContenidoTodo{background-color:#ffffff;padding-right:40px; padding-left:0px; width:700px; clear:both; }

#soporteImagen{height:100%; float:left; width:150px;}
#soporteContenidoTitulo{float:right; width:550px; padding-bottom:12px;}
#soporteTitulo{float:left;}

#soporteTituloSobreBarra{width:550px; float:right;}
#soporteLinea{width:550px; height:20px; margin-top:5px; float:right; border-top: 1px #cfcfcf solid;}
#soporteContenidoRespuesta{float:right; width:550px; height:60px; padding-bottom:10px;}
#soporteContenidoImagen{width:70px; float:left}
#soporteContenidoNombre{width:360px; float:left; margin-top:10px;}
#soporteContenidoTema{width:130px; float:left; margin-top:10px;}
#soporteContenidoVer{width:95px; float:left; margin-top:10px;}


/*GESTOR DE VIDEOS*/
#videos{ float:right; list-style-type:none; margin:0px; padding:0px; margin-right:15px; _margin-right:7px; margin-top:15px;}
#videos LI{list-style-type:none; 
			padding:0px; 
			margin:0px; margin-bottom:5px; 
			border:1px solid #cccccc; height:100px; width:330px; clear:both}
			
#videos LI A{display:block; height:100px; color:#414B56; text-decoration:none;}
#videos LI A:hover{ background-color:#DC241F; color:#CCCCCC;}
#videos LI A H5{ font-size:13px; margin:0px; padding:0px; padding-top:10px;}
#videos LI A:hover H5{color:#FFFFFF}
#videos LI A IMG{ margin:10px; margin-top:12px;}
#reproductor{ float:right; padding-right:10px; height:320px; width:400px;}

#videos LI.videomarcado{list-style-type:none; margin:0px; padding:0px; margin-bottom:5px; border:1px solid #e3e3e3; height:100px; width:330px;}
#videos LI.videomarcado A{display:block; height:100px; text-decoration:none; padding-right:10px; background-color:#DC241F; color:#CCCCCC;}
#videos LI.videomarcado A H5{ font-size:13px; margin:0px; padding:0px; padding-top:10px; color:#FFFFFF}


.contacto{color:#414B56; float:left; display:block; width:225px; height:100%; border:1px soliud #FFFFFF; border-bottom:1px solid #CCCCCC; margin-right:20px; margin-bottom:15px;}
.contacto B{ display:block; color:#414B56}
.contacto A{ text-decoration:none;}

#divProductosDescatalodos{padding-left:2px;height:100px;padding-top:20px; border-right:1px solid #CCCCCC;}

/*NOTICIAS*/
#noticias{ margin:0px; padding:0px;}
#noticias B{ color:#DC241F; font-size:10px;}
#noticias LI{ width:340px; float:left; margin-right:15px; margin-bottom:15px; list-style-type:none; height:90px;}
#noticias LI A IMG{ float:left; margin-right:10px; margin-bottom:10px; height:90px; width:120px}
#noticias LI H6 A{color:#333333; text-decoration:none;}


/*****************************VINCULOS DE ARRIBA*****************************/
#zonaVinculosArribaPaginas {margin:15px 20px 20px 15px; float:left; clear:both; }

#zonaVinculosArribaPaginas #vinculosPaginas{ float:left; font-size:11px; font-weight:normal;}
#zonaVinculosArribaPaginas #vinculosPaginas A{ color:#DC241F; font-size:11px; }
#zonaVinculosArribaPaginas #vinculosPaginas A:hover{ color:#FF3300; font-size:11px;}







/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	background-image:url(../images/pie-background.jpg); 
	background-repeat:no-repeat;
	height:178px;
	clear:both;
	padding-top:8px;
	}
	/*ENLACESPIE*/
	#pie A{}
	#pie A:hover{}
	
	#pie UL{ margin:0px; padding-left:0px; padding:0px; display:table; font-size:11px; width:980px; float:right; display:inline;}
	#pie UL LI{ margin-right:20px; padding-left:15px; display:inline; float:left; }

	#pie UL LI.powered{ float:right; text-align:right; padding-right:4px; }
	#pie UL LI.powered IMG{ margin-top:5px;}
	#pie FORM{ margin:0px; padding:0px;}

.leerHome{ background-image:url(../images/ico-leer-mas.gif); background-position:left middle; background-repeat:no-repeat;}


#help{ background-color:#FFFFFF; border:2px solid #CCCCCC; width:300px; height:300px; position:absolute; bottom:15px; margin-left:660px;; float:right; display:none; font-size:12px; padding:15px; z-index:500;}
#help H3{ border-bottom:1px solid #CCCCCC; font-size:13px; padding-bottom:10px;}
#help H3 A{ float:right}

.docNoticia{color:#414B56; font-size:10px;   text-decoration:none;}
.docNoticia:hover{ color:#414B56;}

/* Para las intros de las familias */

.galeria{}

.galeriaHover{filter:alpha(opacity=50); opacity:.50;  -moz-opacity:0.5;}

#productosDescatalogados{}
#productosDescatalogados A{width:190px;text-align:center;
font-size:9px;text-decoration:none;color:#414B56;font-weight:bold; 
}
#productosDescatalogados A:hover{ background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat; background-color:#FFFFFF;background-position:left center;color:#FF3300}