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

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

BODY{background-color:#282828;	margin: 0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	color: #999999; background-image:url(../images/body-background.jpg); background-repeat:repeat-x; }
	


IMG {border: none;}	

/*****************************************************************              ZONAS             **************************************************************************/
/*CONTENEDOR PRINCIPAL*/
#base{margin-left: auto; margin-right: auto; width: 956px; height: 100%; margin-top:10px;}

A{ color: #666666; text-decoration: none;}
/*A:hover{ color:#FF3300; }*/

.clear{ clear:both;}

#base_interior {border: 1px solid #333333; border-bottom:0px; width: 860px; margin:0 0 0 49px; padding:0px; background-color: #000000;	height: 100%;}



/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{width: 859px;	background-image: url(../images/headerMestre.jpg); position: relative; height: 137px;}
	



#idioma {width: 112px; height: 15px; position: absolute; top: 101px; left: 61px; font-family: Tahoma; font-size: 12px; text-align: center;}
#login {width: 222px; height: 15px; color:#FFFFFF; position: absolute; top: 118px; left: 11px; font-family: Tahoma; font-size: 12px; text-align: center;}

#zonaprivada{ width: 80px; height:21px; position:absolute; right:100px; font-family:Tahoma; font-size:12px; text-align:center; background:url(../images/pestanya-login-background.png);}
#zonaprivada a{ color: #FFFFFF;}
	
/********************************MENU PRIMER NIVEL*/

#menu	{ background-color: #272727; width: 860px; height: 32px; /*float: left;*/ }

/* ITEMS MENU */

.empresa { background-image: url(../images/btEmpresa.jpg); width: 110px;	height: 32px; cursor: pointer;	float: left; display: block;}

.empresa:hover { background-position: -110px;}

.empresa:active { background-position: -110px;}

.empresa_en { background-image: url(../images/btCompany.jpg); width: 92px;	height: 32px; cursor: pointer;	float: left; display: block;}

.empresa_en:hover { background-position: -96px;}

.empresa_en:active { background-position: -96px;}



.griferia{ background-image: url(../images/btGriferia.jpg); width: 96px;	height: 32px; cursor: pointer; float: left;}

.griferia:hover { background-position: -96px;}

.griferia_en{ background-image: url(../images/btBath.jpg); width: 145px;	height: 32px; cursor: pointer; float: left;}

.griferia_en:hover { background-position: -145px}



.proyectos{ background-image: url(../images/btProyectos.jpg); width: 80px;	height: 32px; cursor: pointer; float: left;}

.proyectos:hover { background-position: -80px;}

.proyectos_en{ background-image: url(../images/btProjects.jpg); width: 80px;	height: 32px; cursor: pointer; float: left;}

.proyectos_en:hover { background-position: -80px}



.noticias { background-image: url(../images/btNoticias.jpg); width: 143px; height: 32px; cursor: pointer;	float: left;}

.noticias:hover { background-position: -143px;}

.noticias_en { background-image: url(../images/btNews.jpg); width: 67px; height: 32px; cursor: pointer;	float: left;}

.noticias_en:hover { background-position: -67px;}



.contactanos {width: 111px; cursor: pointer; float: left; background-repeat: no-repeat; height: 32px; background-image: url(../images/btContacto.jpg);}

.contactanos:hover { background-position: -111px;}

.contactanos_en {width: 80px; cursor: pointer; float: left; background-repeat: no-repeat; height: 32px; background-image: url(../images/btContact.jpg);}

.contactanos_en:hover { background-position: -95px;}



.herraje { background-image: url(../images/btHerraje.jpg); width: 90px; height: 32px; cursor: pointer; float: left; }

.herraje:hover { background-position: -90px;}

.herraje_en { background-image: url(../images/btMetal.jpg); width: 141px; height: 32px; cursor: pointer; float: left; background-repeat: no-repeat;}

.herraje_en:hover { background-position: -145px;}



.puntos-venta{ background-image: url(../images/btPuntosVenta.jpg); width: 148px;	height: 32px; cursor: pointer; float: left;}

.puntos-venta:hover { background-position: -148px;}

.puntos-venta_en{ background-image: url(../images/btStores.jpg); width: 170px;	height: 32px; cursor: pointer; float: left;}

.puntos-venta_en:hover { background-position: -170px;}



.cliente{ background-image: url(../images/btClientes.jpg); width: 80px;	height: 32px; cursor: pointer; float: left;}

.cliente:hover { background-position: -80px;}

.cliente_en{ background-image: url(../images/btClients.jpg); width: 80px;	height: 32px; cursor: pointer; float: left;}

.cliente_en:hover { background-position: -80px;}


/* TOOLTIP */

#menu a span {display: none;}

#menu a:hover {z-index:999; background-color:#000000;}

#menu a:hover span {
display: block;
position: relative;
top:-4.5em; left:2em;
width:134px;
height: 30px;
padding:10px;
background: url(../images/tooltip.png);
color: #FFFFFF;
}


/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/

#central{ }

/* COTENEDOR IZQUIERDO */
#base_izquierda {
	width: 322px;
	background-color: #000000;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	margin-top: 17px;
	height: 280px;
	-height: 100%;
}

.tituloNoticias{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	background-repeat: no-repeat;
	height: 19px;
	background-image: url(../images/titNoticias.gif);
	background-position: 17px;
	padding-top: 15px;
	padding-bottom: 13px;
}
.tituloNoticiasEn{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	background-repeat: no-repeat;
	height: 19px;
	background-image: url(../images/titNews.gif);
	background-position: 17px;
	padding-top: 15px;
	padding-bottom: 13px;
}
.cajaNoticas {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #414141;
	border-bottom-color: #414141;
	width: 284px;
	height: 100%;
	margin-left: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.imagenNoticias  {
	width: 86px;
	height: 71px;
	margin-top: 16px;
	float: left;
	margin-right: 13px;
	border: 1px solid #414141;
	margin-left: 15px;
}

.cuerpoNoticias {
	width: 183px;
	height: 100%;
	float: left;
	margin-top: 13px;
}
.titular {
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	display: block;
	padding-top: 5px;
	width: 183px;
}
.fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	font-weight: bold;
	display: block;

}
.textoNoticias {
	display: block;
	padding-top: 8px;
	margin-bottom: 10px;

}


/* COTENEDOR DERECHO */
#base_derecha {	width: 529px; height: 280px; background-color: #000000; float: right; border-top-width: 1px; border-bottom-width: 1px;
border-left-width: 1px;	border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #333333;
border-bottom-color: #333333; border-left-color: #333333; margin-top: 17px;	text-align: center;	font-size: 12px;}

#formularioLogin, #central #formularioContacto TABLE{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
#formularioLogin H3{ font-size:14px;}
#formularioLogin INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #666666; background-color:#333333; color:#666666; background-color:#FFFFFF;}
#formularioLogin TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #666666; background-color:#333333; color:#666666; background-color:#FFFFFF; overflow:auto; width:462px; margin:0px; padding:0px;}
#formularioLogin SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #666666; background-color:#333333; color:#666666; background-color:#FFFFFF;}
#formularioLogin #NotaLegal

/*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 #666666; background-color:#333333; color:#666666; background-color:#FFFFFF;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #666666; background-color:#333333; color:#666666; background-color:#FFFFFF; overflow:auto; width:462px; margin:0px; padding:0px;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #666666; background-color:#333333; color:#666666; background-color:#FFFFFF;}
#central #formularioContacto #NotaLegal
{
	font-size:10px;
	text-align:justify;
	width: 460px;
}

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

/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ padding:20px;}


/* MAPA WEB*/
#mapaweb{ padding:10px; background-color:#000000; border:0px solid #CCCCCC; display:block; 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:#666666; 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; margin-left:20px;}
#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;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ height:100%; /*_height:500px;*/ display:table; clear:both;}


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

#central #actualizable #zonaEnlaces{ font-size:10px; width:205px; float:left; background-image:url(../images/zona-enlaces-background.jpg); background-position:right bottom; background-repeat:repeat-x;
 _height:100%; height:100%; display:table; margin-top:40px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:5px;}

/* TEMAS*/
.marcado{color:#B7B7B7; border-bottom:1px solid #333333; font-weight:bold; text-indent:15px; font-weight:bold; font-size:9px; 
background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat; background-color:#333333; background-position:left center}

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

.desmarcado{color:#FFFFFF; background-color:none; border-bottom:1px solid #333333; text-indent:15px; font-weight:bold; font-size:9px; }
.desmarcado:hover{ background-image:url(../images/tema-marcado.jpg); background-repeat:no-repeat; background-color:#666666; background-position:left center; color:#FFFFFF;}

/* SUBTEMAS */
.marcadoNoticia{color:#666666; font-size:9px; font-weight:bold; background-position:right; text-indent:15px; border-bottom:1px solid #151515; background-color:#FFFFFF;}
.marcadoNoticia:hover{ color:#666666;background-color:#F0F5FB;}

.desmarcadoNoticia{color:#666666; font-size:9px; text-indent:15px; background-position:right; border-bottom:1px solid #151515 }
.desmarcadoNoticia:hover{background-color:#F0F5FB;}

/*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 : 12px;
	color: #666666;
	font-family:Verdana;
	width:596px;
	float:left;
	height:100%;
	display:block;
	background-image:url(../images/contenidos-background.jpg);
	background-position:right top;
	background-repeat:repeat-y;
	margin-left:25px;
}


#seccionTitle{ background-image:url(../images/title-seccion.jpg); 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; }




#loginusuario{ width:600px; height:350px;}
#loginusuario TABLE{
	margin-top:70px; color:#0F2B8F; font-size:9px;}


#home {position:absolute; width:250px; float:right; margin-left:700px;}
#home H1{ color:#666666; 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; 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; list-style-image:url(../images/marcador.gif); }
#central #breves LI UL A{ color:#FFFFFF; display:block; }
#central #breves LI UL A:hover{ color:#CC3300; background-color:none;}

.catalogoNavegacion{ text-align:right; float:right}

.producto{ width:346px; float:left; margin-right:15px; margin-bottom:15px; height:130px; border:1px soli #CCCCCC;}
.producto B{ color:#CC3300; font-size:9px;}
.producto H5 A{ color:#333333; text-decoration:none; font-size:12px;}

.productoFicha{
	width:732px; text-align:justify;
} 

.productoFicha #documentacion{
background-image:url(../images/producto-ficha-utilidades.jpg); background-repeat:no-repeat;
width:196px; height:92px; margin:0px;float:left; padding:20px; list-style-type:none;} 
.productoFicha #documentacion LI{ list-style-type:none;}
.productoFicha #documentacion LI IMG{ margin-right:5px;}

.productoFicha #referencias{
	border:1px solid #CCCCCC; float:right; clear:both; margin-top:15px; padding:20px; width:200px;
} 


.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:#CC3300;
} 

.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:#E3E3E3;
} 

.productoFicha .especificaciones THEAD .coltitle{
	background-color:#F7F7F7;
} 


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

/*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:#666666; text-decoration:none;}
#videos LI A:hover{ background-color:#CC3300; 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 #CCCCCC; height:100px; width:330px;}
#videos LI.videomarcado A{display:block; height:100px; text-decoration:none; padding-right:10px; background-color:#CC3300; color:#CCCCCC;}
#videos LI.videomarcado A H5{ font-size:13px; margin:0px; padding:0px; padding-top:10px; color:#FFFFFF}


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


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







/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	width: 860px;
	float: left;
	background-color: #272727;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkFooter.jpg);
	background-repeat: repeat-x;
	height: 240px;
	margin-top:20px;
	}
	
#pie2{
	width:860px;
	background-color: #272727;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkFooter.jpg);
	background-repeat: repeat-x;
	height: 110px;
	margin-top:20px;
	}
.info{
	width: 500px;
	height: 50px;
	float: left;
	margin-top: 17px;
	margin-left: 15px;
	color: #FFFFFF;
	display: inline;
}
.mestreLog {
	float: left;
}
.infoText {
	float: left;
	margin-left: 8px;
}
.logWrapper {
	float: right;
	height: 36px;
	margin-top: 17px;
	margin-right: 15px;
	
	color: #FFFFFF;
	font-size: 9px;
	font-family: Tahoma;
	text-align: right;
	background-repeat: no-repeat;
	width: 130px;
}
#menuText {
	height: 15px;
	width: 844px;
	margin-top: 14px;
	margin-bottom: 5px;
	float: left;
	padding-right: 15px;
}
.cred {
	display: block;
	text-align: right;
	color: #676767;
}
.cred a {
}
#broncesbar {
 width: 100%;
}
#broncesbar ul {
 margin:0;
 padding:0;
 list-style:none;
}
#broncesbar li {
 display:inline;
 margin:0 2px 0 0;
 padding:0;
}
#broncesbar a {
	text-decoration: none;
	background: repeat-x;
	margin: 0 2px 0 0;
	float:left;
	clear:right;
	padding:0;
	white-space:nowrap;
}
#broncesbar a .hbarleftspan {
 background: left no-repeat;
 display:block;
}
#broncesbar a .hbarrightspan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 10px;
	color: #666666;
	background: right no-repeat;
	display:block;
}
#broncesbar a:hover {
 background: repeat-x;
}
#broncesbar a:hover .hbarleftspan {
 background: left no-repeat;
}
#broncesbar a:hover .hbarrightspan {
 color: #FFFFFF;
 background: right no-repeat;
}
#broncesbar #current a {
 background: repeat-x;
}
#broncesbar #current .hbarleftspan {
 background: left no-repeat;
}
#broncesbar #current .hbarrightspan {
 color: #FFFFFF;
 background: right no-repeat;
}