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

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

BODY{margin: 0px auto 0px auto; background-color:#C8C8C8; 
	 font-family :Century Gothic; font-size:11px;
	 min-height:600px;
	 width:1000px;
	 
	 scrollbar-arrow-color: #A3A3A3;
     scrollbar-3dlight-color: #D6D6D6;
     scrollbar-darkshadow-color: #D6D6D6;
     scrollbar-face-color: #D6D6D6;
     scrollbar-highlight-color: #D6D6D6;
     scrollbar-shadow-color: #D6D6D6;
     scrollbar-track-color: #D6D6D6;
	  
	 }
	 
.clear{
clear:both;
}
/******************************          ZONAS             **************************************************/
/*TABLA PRINCIPAL*/
#base{width:1000px; margin: 0px auto 0px auto; background-color:#FFFFFF; border:1px solid #999999;background-image:url(../images/imagenes-intro/fondo-web.jpg);

	}

A{ color:#FFFFFF;text-decoration:none;}
A:hover{ color:#BDB0A7;text-decoration:none;}

h1{color:#2E2D2E;}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
    width:1000px;
	font-family :Century Gothic;
	/*background-image:url(../images/menu-cabecera.jpg); background-repeat:no-repeat;*/ 
	height:50px; background-position:bottom;
	
	
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
	#cabecera .logotipo{ background-color:#999999; width:185px; height:171px; position:absolute; margin-left:33px; _margin-left:32px;
	background-image:url(../images/bcfabrics-logotipo.jpg); z-index:100;
	}
	

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



	
/********************************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:970px; margin-left:28px; display:block; min-height:561px; }

/*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 :Century Gothic; margin-left:20px; }
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family :Century Gothic; border:1px solid #C6C6C6;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family :Century Gothic;border:1px solid #C6C6C6;}
#central #formularioContacto SELECT{ font-size:11px; font-family :Century Gothic;border:1px solid #C6C6C6;}
P.notalegal{ font-size:9px; color:#666666; width:580px; padding-left:25px;font-family :Century Gothic;}


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



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family :Century Gothic; font-size:12px; padding:20px;}


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

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

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#2E2D2E; 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:#4B494A;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#4B494A; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#4B494A;}
#mapaweb UL LI UL LI UL LI A:hover{color:#000000;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ margin: 0 0 0 5px;}


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

#central #actualizable #zonaEnlaces{ font-size:10px; background-color:#2E2D2E; background-repeat:repeat-y; width:185px;float:left; margin-top:115px; min-height:446px; height:433px; }
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding-right:18px;}



/* TEMAS*/
.marcado{background-color:#C1C1C1; background-image:url(../images/fondo-menu-seleccionado.png); color:black; border-bottom:1px solid #4B494A; display:block;height:18px; text-align:right; padding-top:8px; }
.marcado:hover{ background-color:#C1C1C1; color:black;height:18px;}

.desmarcado{color:#FFFFFF; border-bottom:1px solid #4B494A; height:18px; text-align:right;padding-top:8px;}
.desmarcado:hover{color:#000000; height:18px; text-align:right; background-color:#C1C1C1;padding-top:8px;}

/* SUBTEMAS */
.marcadoNoticia{color:#000000; font-size:9px; background-color:#C3C3C3;text-align:right;}
.marcadoNoticia:hover{ color:#000000; background-color:#D6D6D6;text-align:right;}

.desmarcadoNoticia{color:black; font-size:9px; background-color:#B3B2B3;text-align:right;}
.desmarcadoNoticia:hover{background-color:#D6D6D6;text-align:right;}

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



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	font-family :Century Gothic; font-style : normal; 	font-size : x-small;width:720px;float:right; padding-bottom:20px; background-color:#E2E2E2; margin-right:30px; margin-top:10px; min-height:460px; _min-height:400px; height:510px; _height:450px; margin-left:20px; }

#central #actualizable #contenidos-productos{font-family :Century Gothic; font-style : normal; 	font-size : x-small;width:720px;float:right;padding: 10px 0px 10px 0px;background-color:#E2E2E2; margin-right:25px;margin-top:2px; min-height:527px;  height:490px;margin-left:20px;  }

#central #actualizable #contenidos-showroom{font-family :Century Gothic;font-style : normal; 	font-size : x-small;width:700px;float:right;background-color:#E2E2E2; margin-right:35px;margin-top:10px;margin-left:20px; } 

#central #actualizable #contenidos H3{ color:#8A7566; background-color:#2E2D2E; height:20px; _height:12px; text-align:right; padding-top:0px; _padding-top:5px; padding-bottom:5px; _padding-bottom:0px;  padding-right:25px; font-family :Century Gothic; font-size:16px; width:725px; _width:760px;}

#central #actualizable #contenidos H3 B{ color:Black; font-family :Century Gothic; font-size:18px; margin-right:10px; }

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

/*BREVES*/
.fecha{font-family :Century Gothic; color: black; font-size:11px;}
.tituloBreves{font-family :Century Gothic; font-weight:bold; color:#666666; font-size:13px;}
.textoBreves{font-family :Century Gothic; color:#666666; font-size:11px;}


/* PAGINACION*/
.pagina-actual{color:#666666; text-decoration:none; font-size:10px; border:1px solid #C1C1C1; }
.pagina-actual:hover{  color:#000000;}
.pagina{ color:#666666; 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 :Century Gothic;}



/*CATALOGO*/

.producto{width:120px; text-align:center; float:left; margin-left:10px; padding-left:38px; padding-bottom:20px; color:#FFFFFF;}
.productoFicha{ float:left; margin-left:0px;  width:680px;}
.productoTitulo{ font-family:Century Gothic; font-size:16px; color:#666666; font-weight:bold;}
.productoCabeza{ font-family:Century Gothic; font-size:11px; color:#666666; font-weight:bold;}
.productoContenido{ font-family:Century Gothic; font-size:11px; color:#666666;}
.producto A{ color:#FFFFFF; text-decoration:none; font-family:Century Gothic; font-size:10px;}
.producto A:hover{ color:#BDB0A7C;}

/*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 :Century Gothic; color:#ffffff;}





/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	background-color:#2E2D2E;
	width:1000px;
	height:20px;
	padding-top:7px;
	color:#FFFFFF;
	font-family :Century Gothic;
	font-size:9px;
	/*padding: 0 20px 0 25px;*/
	
	}
	/*ENLACESPIE*/
	#pie A{ color:#FFFFFF;text-decoration:none;}
	#pie A:hover{ color:#BDB0A7;text-decoration:none;}