@charset "UTF-8";
/* CSS Document */


/* -----------------------------------
INTERFACE
----------------------------------- */

#container {
	margin:0 auto;
	padding:0 0 30px;
	text-align:left;
	width:920px;
	}	
	
#top {
	height:30px;
	width:100%;
	color:#FFF;
	padding: 0 15px 0 15px;
	font-size:13px;
	font-weight:normal;
	}
	
#top h3 {float:left;}
.top_derecha {float: left; margin: 0 0 0 270px;}
	
#completo {
	background: url(../images/fondo-top-web.gif) top repeat-x;
	padding-top: 8px;
}

#header {
	height:90px;
	}
	
#header #logo {
	float:left;
	height:53px;
	padding:15px 0 0 15px;
	width:210px;
	}
	
#header h1, #header h2 {
	background: url(../images/tornilleria-reche-logo.jpg) no-repeat top left;
	cursor:pointer;
	display:block;
	height:53px;
	text-indent:-9999px;
	}
		
#header h1, #header h2 a {
	display:block;
	height:50px;
	width:210px;
	}
	
#header .contact {
	float:right;
	padding:20px 0 0;
	width:215px;
	color:#565656;
	font-size:17px;
	line-height:1.2;
	}
	
#header .contact span {
	color:#888888;
	font-size:13px;
	}

#header a {
	color:#888888;
	font-size:13px;
	text-decoration:none;
	}

#header a:hover {
	color:#3666a0;
	}
	
ul#menu-principal {
	height:50px;
	}
	
ul#menu-principal li {
	float:left;
	width:230px;
	}
	
ul#menu-principal li a {
	cursor:pointer;
	display:block;
	height:50px;
	text-indent: -999999px;
	}
	
ul#menu-principal li a#presentacion {
	background:transparent url(../images/b-presentacion.jpg) no-repeat scroll 0 0;
	}
ul#menu-principal li a#catalogo {
	background:transparent url(../images/b-catalogo-tornilleria.jpg) no-repeat scroll 0 0;
	}
ul#menu-principal li a#soluciones {
	background:transparent url(../images/b-soluciones-a-medida.jpg) no-repeat scroll 0 0;
	}
ul#menu-principal li a#contacto {
	background:transparent url(../images/b-contacta.jpg) no-repeat scroll 0 0;
	}
ul#menu-principal li a#presentacion:hover, ul#menu-principal li a#catalogo:hover, ul#menu-principal li a#soluciones:hover, ul#menu-principal li a#contacto:hover {
	background-position:0 -50px;
	}
	
#pagina_contenido {
  background: url(../images/fondo-contenido.gif) 0 0 repeat-y;
  width: 890px;
  margin: 40px 0 0 15px;
	}
	
#columna_izq{
	float:left;
	width:674px;
	border-right:1px solid #DCDCDC;
	padding:0 0 30px 0;
	}

#columna_derecha {
	float:right;
	padding:0 0 0px 15px;
	width:200px;
	}
	

/* -----------------------------------
PORTADA
----------------------------------- */

#imagen-inicio {
	float:left;
	width:229px;
	height:214px;
	overflow:hidden;
	}

.imagen-rotando {
	float:left;
	width:229px;
	display:block;
	}
	
#splash-inicio {
	border-bottom:1px solid #DCDCDC;
	height:220px;
	}

#splash-inicio h2 {
	font-size:35px;
	color:#575756;
	font-weight:normal;
	line-height:0.8;
	padding-left: 230px;
	}
	
.subtitulo-inicio {
	color:#385e9a;
	font-size:22px;
	padding-left: 230px;
	}
	
.texto-inicio {
	color:#575756;
	font-size:14px;
	padding: 15px 30px 0 0;
	line-height:1.2;
	padding-left: 230px;
	}
	
#enlaces-splash {
	margin: 20px 0 0 0;
	padding-left: 230px;}

a.enlace-base {
	color:#3666a0;
	font-size:14px;
	height:14px;
	padding-left:20px;
	}
	

.flechita-1 {
	background:url(../images/flechita.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:170px;
	margin-right:50px;
	}
	
.flechita-2 {
	background:url(../images/flechita.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:170px;
	padding-top:2px;
	}
	
.flechita-2-atras {
	background:url(../images/flechita-atras.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:170px;
	padding-top:2px;
	}

.flechita-3 {
	background:url(../images/flechita-consultanos.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:170px;
	margin-right:50px;
	}

.flechita-4 {
	background:url(../images/flechita.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:50px;
	margin:3px 0 0 15px;
	display:block;
	}

.flechita-5 {
	background:url(../images/flechita.jpg) top left no-repeat;
	height:14px;
	float:left;
	width:170px;
	padding-left:20px;
	padding-top:2px;
	}
	

/* LATERAL DERECHO */
#columna_derecha h3 {
	font-size:13px;
	color:#565656;
	margin-bottom:10px;
	}

/* cajetin SOLUCIONES A MEDIDA */
#soluciones-especiales {
	background:url(../images/fondo-soluciones-a-medida.jpg) top left no-repeat;
	height:220px;
	margin-bottom:30px;
	}

.texto-cajetin {
	font-size:14px;
	color:#315183;
	padding: 92px 20px 0 20px;
	line-height:0.9;
	}

.consultanos {
	font-size:21px;
	padding: 5px 0 3px 20px;
	color:#3666a0;
	}
	
a.consultanos-bajo {
	font-size:21px;
	padding: 7px 0 3px 40px;
	color:#3666a0;
	display:block;
	}
	

/* cajetin SUSCRIBCION NOTICIAS */
#suscribcion-noticias {
	background:url(../images/suscribcion.jpg) top left no-repeat;
	height:220px;
	margin-bottom:30px;
	}

.texto-cajetin-suscribcion {
	font-size:13px;
	color:#315183;
	padding: 105px 20px 0 20px;
	line-height:0.9;
	}
	
/* cajetin NOVEDADES */	
#cajetin-novedades {
	background:url(../images/fondo-cajetin-novedades.jpg) top left no-repeat;
	height:230px;
	}

#bajo-cajetin {
	background:url(../images/fondo-cajetin.jpg) bottom left no-repeat;
	height:30px;
	font-size:12px;
	padding: 23px 38px 15px 15px ;
	line-height:1.5;
	font-weight:bold;
	width:160px;
	}

#flechita-novedades {
	background: #e2e3c1 top left no-repeat;
	height:14px;
	float:left;
	width:189px;
	height:15px;
	padding-left:15px;
	padding-top:2px;
	font-size:13px;
	border-bottom:#FFF 1px solid;
	border-top:#FFF 1px solid;
	}

#novedades-foto {
	display:block;
	width:204px;
	height:126px;
	overflow:hidden;
	}
	
/* MENU DE PRODUCTOS */
#caja-menu-productos {
	margin: 20px 0 0 0;
	}
	
ul#menu-productos {
	height:122px;
	/*margin: 20px 0 0 0;*/
	}
	
ul#menu-productos li {
	float:left;
	width:80px;
	margin-left:2px;
	}
	
ul#menu-productos li a {
	cursor:pointer;
	display:block;
	height:110px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	}
	
ul#menu-productos li a#prod-tornillos {
	background:transparent url(../images/tornillos-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-tuercas {
	background:transparent url(../images/tuercas-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-varillas {
	background:transparent url(../images/varillas-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-remaches {
	background:transparent url(../images/remaches-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-esparragos {
	background:transparent url(../images/esparragos-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-arandelas {
	background:transparent url(../images/arandelas-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-pasadores {
	background:transparent url(../images/pasadores-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-bulones {
	background:transparent url(../images/bulones-menu.jpg) no-repeat scroll 0 0;
	}
ul#menu-productos li a#prod-tornillos:hover, ul#menu-productos li a#prod-tuercas:hover, ul#menu-productos li a#prod-varillas:hover, ul#menu-productos li a#prod-remaches:hover, ul#menu-productos li a#prod-esparragos:hover, ul#menu-productos li a#prod-arandelas:hover, ul#menu-productos li a#prod-pasadores:hover, ul#menu-productos li a#prod-bulones:hover {
	background-position:0 -122px;
	}
	
#post-autonomia {
	clear:left;
	background: url(../images/fondo-autonomia.jpg) no-repeat;
	height:81px;
	width:660px;
	margin: 15px 0 0 0;
	}
	
#post-autonomia p {
	color:#3a609b;
	font-size:14px;
	line-height:1.2;
	padding: 16px 30px 0 120px;
	}
	

/* CAJETIN INFERIOR */
#cajetin-inf {
	clear:both;
	padding-bottom:30px;
	text-align:left;
	width:895px;
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	margin:0 0 0 15px;
	height:166px;
	}
	
#cajetin-inf h3 {
	font-size:13px;
	color:#565656;
	margin:0px 0 10px 0;
	}
	
#cajetin-inf h3 {
	font-size:13px;
	color:#565656;
	margin:0px 0 10px 0;
	}
	
#cajetin-inf a h4 {
	font-size:17px;
	color:#3a609b;
	}
	
#cajetin-inf p {
	font-size:12px;
	color:#8d8d85;
	}
	
#noticias-portada p {
	margin:10px 0 10px 0;
	}
	
#cajetin {
	float:left;
	width:204px;
	padding-right:10px;
	}
	
.cajetin-1 {
	padding:28px 0 0px 0;
	}
	
.cajetin-2 {
	padding:28px 0 27px 15px;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;
	}
	
.cajetin-3 {
	padding:28px 0 0 15px;
	border-right:1px solid #DCDCDC;
	height:170px;
	}
p.cajetin-3 {
	width:150px;
	}

.cajetin-4 {
	padding:28px px 0px 0px;
	}

ul.lista-sectores {
	color:#94948c;
	font-size:13px;
	line-height:1.5;
	padding-top:3px;
	}
	
ul.lista-prod-inferior {
	color:#94948c;
	font-size:13px;
	line-height:1.5;
	padding-top:8px;
	padding-left:20px;
	width:100%;
	list-style-image:url(../images/flechita.jpg);
	margin:10px 0 10px 0;
	}
	
ul.lista-prod-inferior li {
	width:50%;
	float: left;
	}
	
#mediomabient-post {
	background:url(../images/fondo-medioambiente.jpg) no-repeat top left;
	padding:128px 0 0 15px;
	margin: 15px 0 0 15px;
	height:37px;
	width:204px;
	}

#mediomabient-lateral {
	display:block;
	background:url(../images/fondo-medioambiente.jpg) no-repeat top left;
	height:40px;
	width:204px;
	padding:128px 0 0 15px;
	margin: 20px 0 25px 0px;
	}


/* FOOTER */
#footer {
	clear:both;
	background:url(../images/fondo-footer.jpg) repeat-x;
	height:195px;
	}
	
#footer-contenedor {
	margin:0 auto;
	text-align:left;
	width:895px;
	}
	
#mapaweb {
		padding: 10px 0 7px 0;
		margin-bottom:24px;
	}

ul.mapaweb {
	display:inline;
	font-size:12px;
	}
	
ul.mapaweb li {
	display:inline;
	padding-right:15px;
	margin-left:8px;
	border-right:1px solid #93acc1;
	}

#footer-logo {
	float:left;
	width:300px;
	font-size:13px;
	margin-top:8px;
	}

#footer-logo h3 {
	color:#123968;
	margin-top:15px;
	}

#footer-datos {
	float:left;
	margin: 6px 0 0 380px;
	width:204px;
	}
	
#footer-datos h3 {
	color:#123968;
	font-size:20px;
	}

#footer-datos p {
	font-size:13px;
	color:#3666a0;
	padding: 8px 0 0 0;
	line-height:1.1;
	}	

.llamenos {
	padding: 15px 0 0 15px;}
	

#soluciones-especiales-footer {
	background:url(../images/soluc-amedida-footer.jpg) top left no-repeat;
	height:160px;
	}
	
#soluciones-especiales-footer span {
	color:#315183;
	font-size:13px;
	}

p.consultanos-footer {
	font-size:21px;
	color:#3666a0;
	padding: 0 0 0 20px;
	margin-top:-25px;
	display:block;
	}

.texto-cajetin-footer {
	color:#315183;
	padding: 35px 25px 0 20px;
	line-height:0.9;
	}
	



/*	BF	*/
#bf { clear:both; height: 15px; padding: 20px 0 10px 0; text-align:center;}
#bf a{ color:#94948C; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#bf a:hover{ color:#123968;}


/* -----------------------------------
EMPRESA
----------------------------------- */
#tit-cabecera {
	height:112px;
	width:660px;
	}

#tit-cabecera h1 {
	color:#FFF;
	font-size:40px;
	padding: 25px 0 0 45px;
	}

#tit-cabecera h3 {
	color:#123968;
	font-size:20px;
	padding: 0px 0 0 45px;
	}
	
.tit-presentacion {	background: url(../images/tit-presentacion.jpg) no-repeat;}
.tit-soluciones {	background: url(../images/tit-soluciones-a-medida.jpg) no-repeat;}
.tit-contacto {	background: url(../images/tit-contacto.jpg) no-repeat;}
.tit-medio-ambiente {background: url(../images/tit-medio-ambiente.jpg) no-repeat;}
.tit-noticias {background: url(../images/tit-noticias.jpg) no-repeat; margin-bottom:20px;}
.tit-cat-tornillos {background: url(../images/tit-cat-tornillos.jpg) no-repeat;}
.tit-novedades {background: url(../images/tit-novedades.jpg) no-repeat;}


/* MINI - MENU DE PRODUCTOS */

#caja-menu-mini-productos {
	display:block;
	height:130px;
	}
ul#menu-mini-productos {
	float:left;
	height:112px;
	width:204px;
	margin-bottom:20px;
	}
	
ul#menu-mini-productos  li {
	float:left;
	width:101px;
	padding-top:2px;
	}
	
ul#menu-mini-productos  li a {
	cursor:pointer;
	display:block;
	height:20px;
	color:#FFF;
	font-size:13px;
	text-align: left;
	padding: 5px 0 2px 28px;
	}
	
ul#menu-mini-productos  li a#mini-prod-tornillos {
	background:transparent url(../images/menu-mini-productos-tornillos.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-tornillos-inactivo {
	background:transparent url(../images/menu-mini-productos-tornillos.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}

ul#menu-mini-productos  li a#mini-prod-tuercas {
	background:transparent url(../images/menu-mini-productos-tuercas.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-tuercas-inactivo {
	background:transparent url(../images/menu-mini-productos-tuercas.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}	
	
ul#menu-mini-productos  li a#mini-prod-varillas {
	background:transparent url(../images/menu-mini-productos-varillas.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-varillas-inactivo {
	background:transparent url(../images/menu-mini-productos-varillas.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}

ul#menu-mini-productos li a#mini-prod-remaches {
	background:transparent url(../images/menu-mini-productos-remaches.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos li a#mini-prod-remaches-inactivo {
	background:transparent url(../images/menu-mini-productos-remaches.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}

ul#menu-mini-productos  li a#mini-prod-esparragos {
	background:transparent url(../images/menu-mini-productos-esparragos.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-esparragos-inactivo  {
	background:transparent url(../images/menu-mini-productos-esparragos.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}	
	
ul#menu-mini-productos  li a#mini-prod-arandelas {
	background:transparent url(../images/menu-mini-productos-arandelas.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-arandelas-inactivo {
	background:transparent url(../images/menu-mini-productos-arandelas.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}	
	
ul#menu-mini-productos  li a#mini-prod-pasadores {
	background:transparent url(../images/menu-mini-productos-pasadores.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-pasadores-inactivo {
	background:transparent url(../images/menu-mini-productos-pasadores.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}	
	
ul#menu-mini-productos  li a#mini-prod-bulones {
	background:transparent url(../images/menu-mini-productos-bulones.jpg) no-repeat scroll 0 0;
	}
	
ul#menu-mini-productos  li a#mini-prod-bulones-inactivo  {
	background:transparent url(../images/menu-mini-productos-bulones.jpg) no-repeat scroll 0 0;
	background-position:0 -52px;
	}	
	
ul#menu-mini-productos  li a#mini-prod-tornillos:hover, ul#menu-mini-productos  li a#mini-prod-tuercas:hover, ul#menu-mini-productos li a#mini-prod-varillas:hover, ul#menu-mini-productos li a#mini-prod-remaches:hover, ul#menu-mini-productos li a#mini-prod-esparragos:hover, ul#menu-mini-productos li a#mini-prod-arandelas:hover, ul#menu-mini-productos li a#mini-prod-pasadores:hover, ul#menu-mini-productos li a#mini-prod-bulones:hover {
	background-position:0 -26px;
	}

#empresa-contenido {
	margin: 40px 0 40px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:660px;
	}

#empresa-foto img {
	float:left;
	}

#empresa-foto {
	width:660px;
	height:190px;
		color:#565656;

	}
	
#empresa-foto p {
	float:left;
	width:190px;
	padding: 0 0 0 30px;
	}
	
#soluciones-contenido span {
	color:#3666a0;
	}

#empresa-contenido span {
	color:#3666a0;
	}
	
#empresa-fila-2 p {
	display:block;
	float:left;
	width:197px;
	/*height:143px;*/
	padding:0 15px 0 15px;
	border-right:1px solid #DCDCDC;
	}
	
#aiju {
	display:block;
	float:left;
	width:195px;
	}
	
#aiju p {
	border-right: none;!important
	height:50px;!important
	}
	
#aiju img {
	padding:20px 15px 0 15px;
	}
	
#aiju  a:hover {
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Firefox, Opera, ... */
	opacity: 0.85; /* CSS 3*/
	}

#post-idi {
	clear:left;
	background: url(../images/fondo-empresa-idi.jpg) no-repeat;
	height:102px;
	width:660px;
	margin: 15px 0 0 0;
	}
	
#post-idi p {
	color:#3a609b;
	font-size:14px;
	line-height:1.1;
	padding: 18px 30px 0 160px;
	}
	
#post-idi a {color:#cb5b18;	}
#post-idi a:hover {color:#eb8b0e;	}

#post-calidad {
	clear:left;
	background: url(../images/fondo-empresa-calidad.jpg) no-repeat;
	height:102px;
	width:660px;
	margin: 10px 0 0 0;
	}
	
#post-calidad p {
	color:#565656;
	font-size:14px;
	line-height:1.1;
	padding: 25px 30px 0 160px;
	}
	
#instalaciones a {
	margin-bottom:15px;
	height:69px;
	display:block;
	}

#instalaciones  a:hover {
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Firefox, Opera, ... */
	opacity: 0.85; /* CSS 3*/
}
	
	
	
/* ----------------------------
	SOLUCIONES A MEDIDA
------------------------------*/
#soluciones-contenido {
	margin: 40px 0 30px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:660px;
	}

#desarrollamos {
	display:block;
	float:left;
	width:195px;
	}
	
#desarrollamos h3 {
	margin: 0 0 15px 15px;
	font-size:13px;
	color:#9f8116;
	}

#desarrollamos h2 {
	color:#565656;
	font-size:17px;
	margin: 0 0 15px 15px;
	}

#desarrollamos a {
	font-size:15px;
	height:14px;
	padding-left:5px;
	}
	
#post-ventajas {
	clear:left;
	background: url(../images/fondo-post-ventajas.jpg) no-repeat;
	height:105px;
	width:660px;
	margin-bottom:30px;
	}
	
#post-ventajas p {
	color:#3a609b;
	font-size:14px;
	line-height:1.1;
	padding: 5px 30px 0 160px;
	}
	
#post-ventajas h2 {
	padding: 35px 30px 0 160px;
	color:#cb5b18;
	font-size:19px;
	}
	
#post-ventaja-puntos {
	clear:left;
	height:82px;
	width:660px;
	margin-bottom:10px;
	}
	
#post-ventaja-puntos p {
	color:#565656;
	font-size:14px;
	line-height:1.1;
	padding: 15px 30px 0 160px;
	}
	
#post-ventaja-puntos span {
	color:#cb5b18;
	font-size:17px;
	}

.ventaja-1 {background: url(../images/fondo-post-ventajas-costes.jpg) no-repeat;}
.ventaja-2 {background: url(../images/fondo-post-ventajas-tiempos.jpg) no-repeat;}
.ventaja-3 {background: url(../images/fondo-post-ventajas-flexibilidad.jpg) no-repeat;}
	
#post-form-ok {
	clear:left;
	background: url(../images/form-ok.jpg) no-repeat;
	height:105px;
	width:660px;
	margin-bottom:30px;
	}
	
#post-form-ok p {
	color:#3a609b;
	font-size:14px;
	line-height:1.1;
	padding: 3px 30px 0 160px;
	}
	
#post-form-ok h2 {
	padding: 42px 30px 0 160px;
	color:#cb5b18;
	font-size:23px;
	}

#post-ver-mas {
	clear:left;
	background: url(../images/form-ver-mas.jpg) no-repeat;
	height:102px;
	width:660px;
	}
	
#post-ver-mas p {
	color:#3a609b;
	font-size:16px;
	line-height:1.1;
	padding: 45px 30px 0 160px;
	}
	
#post-ver-mas a {color:#cb5b18;	}
#post-ver-mas a:hover {color:#eb8b0e;	}
	
.naranja { color:#cb5b18;}
	
/* ----------------------------
	CONTACTO
------------------------------*/
#contacto-contenido {
	margin: 40px 0 30px 0;
	color:#3666a0;
	float:left;
	line-height:1.1;
	width:660px;
	}
	
#caja-datos {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	height:290px;
	float:left;
	width:210px;
	}

#caja-datos h2 {
	font-size:19px;
	color:#000;
	}
	
#caja-datos p {
	font-size:16px;
	color:#3666a0;
	padding:25px 0 58px 0;
	line-height:1.2;
	}
	
#acciones-mapa a {
	height:25px;
	width: 155px;
	display:block;
	clear:both;
	color:#565656;
	font-size:14px;
	padding: 10px 0 0 45px;
	margin-bottom:2px;
	}
	
#acciones-mapa a:hover {
	color:#3c639c;
	}

.mapa-ampliar {background:#f2efe9 url(../images/icon-mapa-ampliar.gif) top left no-repeat;}
.mapa-ruta {background:#f2efe9 url(../images/icon-mapa-ruta.gif) top left no-repeat;}

#caja-mapa {
	height:280px;
	float:left;
	width:415px;
	background:#f2efe9;
	display:block;
	margin-left:20px;
	padding:7px;
	font-size:small;
	}
	
	
/* ----------------------------
	MEDIO AMBIENTE
------------------------------*/
#medioambiente-contenido {
	margin: 40px 0 10px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:660px;
	}
	
#medio-amb-imagen {
	display:block;
	float:left;
	width:214px;
	height:151px;
	background:#CCC;
	}
	
#medio-amb-imagen a {
	background:url(../images/cumple-normativa-rohs.jpg) top left no-repeat;
	display:block;
	width:214px;
	height:151px;
	}
	
#medio-amb-imagen a:hover {
	background-position: 0-151px;
	}
	
/* ----------------------------
	NOTICIAS
------------------------------*/
#noticias-contenido {
	margin: 10px 0 10px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:660px;
	}

#historico-noticias {
	clear:both;
	padding:10px 0 10px 0;
	}
	
#lista-noticias li {
	background:url(../images/fondo-lista-noticias.gif) no-repeat top left;
	border-bottom:#FFF solid 2px;
	font-size:14px;
	line-height:1.4;
	}
	
#lista-noticias span {
	color:#565656;
	font-size:12px;
	}

#lista-noticias a {
	display:block;
	padding: 15px 15px 15px 20px;
	}

#lista-noticias-lateral {
	margin-bottom:20px;
	}	
	
#lista-noticias-lateral li {
	background:url(../images/fondo-lista-noticias.gif) no-repeat top left;
	border-bottom:#FFF solid 2px;
	font-size:12px;
	line-height:1.4;
	}
	
#lista-noticias-lateral span {
	color:#565656;
	font-size:12px;
	}

#lista-noticias-lateral a {
	display:block;
	padding: 15px 15px 15px 20px;
	}
	
#lista-acabados{
	margin-bottom:20px;
	}	
	
#lista-acabados li {
	background:url(../images/fondo-lista-noticias.gif) no-repeat top left;
	border-bottom:#FFF solid 2px;
	font-size:12px;
	line-height:1.4;
	width:204px;
	}

#lista-acabados p {
	padding: 16px 0px 15px 15px;
	color:#565656;
	float: left;
	width:100px;
	}
	
#lista-acabados img {	 
	padding-top:2px;
	display:block;
	height:45px;
	}

#acabados-bajo p {
	clear:both;
	display:block;
	background:url(../images/acabados-fondo-txt.jpg)  bottom left no-repeat;
	width:180px;
	font-size:12px;
	padding-right:15px;
	padding-bottom:20px;
	margin-bottom:20px;
	line-height:1.1;
	}

#acabados-bajo span {
	color:#9f8116;
	}
	




/* NAVEGACIÓN NOTICIAS */	
#paginación {
	width:100%;
	height:30px;
	}
	
.mininaveg {
	float: right;
	}

.mininaveg li {
	float: left;
	}
	
.mininaveg li a {
	color: #BFBFBF;
	font-size: 1.2em;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #BFBFBF;
	}
	
.mininaveg span {
	color:#9d993e;
	}

.mininaveg-texto {
	padding: 5px 0 0 0;}
	
.mininaveg .miniatras {
	background: url(../images/navegacion-flecha-atras.gif) no-repeat left center;
	height: 23px;
	width: 24px;
	text-indent: -9999px;
	display: block;
	margin-right: 15px;
	border-style: none;
	padding:0;
	}
	
.mininaveg .miniadelante {
	background: url(../images/navegacion-flecha-adelante.gif) no-repeat left center;
	height: 23px;
	width: 24px;
	text-indent: -9999px;
	display: block;
	margin: 0 15px;
	border-style: none;
	padding: 0px;
	}
	
.mininaveg .miniatras:hover,.mininaveg .miniadelante:hover {
	background-position: -24px center;
	}
	
.mininaveg .miniultima,.mininaveg .minitodos {
	border-style:none;
	}

#artículo {
	float:left;
	width:645px;
	padding-left:5px;
	}
	
#artículo h1 {
	font-size:22px;
	font-weight:bold;
	color:#385e9a;
	width:430px;
	line-height:1;
	margin:0 0 5px 0;
	float:left;
	display:block;
	}

#artículo p {
	width:430px;
	margin-bottom:15px;
	font-size:14px;
	display:block;
	float:left;
	line-height:1.4;
	}

#artículo img {
	margin: 0 10px 10px 0;
	background:#c9e3ef;
	padding:5px;
	/*height:113px;*/
	width:156px;
	}
	
#artículo-fotos {
	width:160px;
	display:block;
	float: right;
	margin-top:35px;
	}

#artículo-fotos a:hover {
	filter:alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Firefox, Opera, ... */
	opacity: 0.85; /* CSS 3*/
	}

.fecha {
	background:url(../images/icon-fecha.gif) top left no-repeat;
	padding: 1px 0 0 20px;
	font-size:12px;
	margin:0 0 15px 0;
	display:block;
	height:18px;
	width:410px;
	float:left;
	}
		
#descarga-adjunto {
	width:380px;
	background:url(../images/descargar-adjunto.jpg) top left no-repeat;
	padding:11px 0 10px 50px;
	float:left;
	margin-top:15px;
	}
	
#descarga-adjunto a {
	font-size:16px;
	display:block;
	}
	
#leer-otras-noticias {
	width:380px;
	background: url(../images/fondo-ver-otras-noticias.jpg) top left no-repeat;
	padding:11px 0 10px 50px;
	float:left;
	margin-top:15px;
	}
	
#leer-otras-noticias a {
	font-size:16px;
	display:block;
	}
	


/* ----------------------------
	CATALOGO
------------------------------*/
#catalogo-contenido {
	margin: 0px 0 10px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:674px;
	}

#tit-catalogo {
	border-bottom: solid 1px #DCDCDC;
	padding: 40px 0 0 0;
	height:30px;
	}
	
#tit-catalogo h1 {
	color:#575756;
	font-size:19px;
	float:left;
	width:200px;
	}
	
#tit-catalogo p {
	float: left;
	width:130px;
	margin-left:305px;
	padding: 0 0 0 20px;
	}
	
/* FAMILIAS CATALOGO */
#catalogo-familias {
	margin-top:20px;
	}

#catalogo-familias a:hover{
	color:#426ca2;
	}


#catalogo-familias h2 {
	margin: 165px 0 -5px 0;
	background: #FFF;
	display:block;
	height:34px;
	width:185px;
	font-size:18px;
	}

.fam-tornillos {
	background:url(../images/flecha-cat-tornillos.jpg) top left no-repeat;
	color:#b34429;
	padding-left:20px;
	}
.fam-tuercas {
	background:url(../images/flecha-cat-tuercas.jpg) top left no-repeat;
	color:#355738;
	padding-left:20px;
	}
.fam-varillas {
	background:url(../images/flecha-cat-varillas.jpg) top left no-repeat;
	color:#736c24;
	padding-left:20px;
	}
.fam-remaches {
	background:url(../images/flecha-cat-remaches.jpg) top left no-repeat;
	color:#5d5032;
	padding-left:20px;
	}
.fam-esparragos {
	background:url(../images/flecha-cat-esparragos.jpg) top left no-repeat;
	color:#2a3c71;
	padding-left:20px;
	}
.fam-arandelas {
	background:url(../images/flecha-cat-arandelas.jpg) top left no-repeat;
	color:#6e8237;
	padding-left:20px;
	}
.fam-pasadores {
	background:url(../images/flecha-cat-pasadores.jpg) top left no-repeat;
	color:#5a3f70;
	padding-left:20px;
	}
.fam-bulones {
	background:url(../images/flecha-cat-bulones.jpg) top left no-repeat;
	color:#466871;
	padding-left:20px;
	}

#catalogo-familias p {
	background: #FFF;
	display:block;
	width:200px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0px; 
	padding: 10px 0 0 0;
	width: 100%;
	display:block;
	}
	
ul.thumb li {
	margin: 0 25px 0px 0;
	padding: 0 0 0 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 199px;
	height: 290px;
	}
	
ul.thumb li img {
	width: 199px; 
	height: 149px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	}
	
ul.thumb li img.hover {
	border: none;  /*Quitamos el border cuando estamos en hover */
	background:#c5e1ee;
	}
	
	
/* CATALOGO FAMILIAS INTERIOR */

#tit-cabecera-cat {
	height:112px;
	width:660px;
	}

#tit-cabecera-cat h1 {
	color:#FFF;
	font-size:40px;
	padding: 25px 0 0 105px;
	}

#tit-cabecera-cat h3 {
	color:#a3cfe4;
	font-size:20px;
	padding: 0px 0 0 105px;
	}

#tit-cabecera-cat h3 a {color:#a3cfe4; /*text-decoration: underline;*/}
#tit-cabecera-cat h3 a:hover {color:#fff;}
	
.tit-cat-tornillos {background: url(../images/tit-cat-tornillos.jpg) no-repeat;}
.tit-cat-tuercas {background: url(../images/tit-cat-tuercas.jpg) no-repeat;}
.tit-cat-varillas {background: url(../images/tit-cat-varillas.jpg) no-repeat;}
.tit-cat-remaches {background: url(../images/tit-cat-remaches.jpg) no-repeat;}
.tit-cat-esparragos {background: url(../images/tit-cat-esparragos.jpg) no-repeat;}
.tit-cat-arandelas {background: url(../images/tit-cat-arandelas.jpg) no-repeat;}
.tit-cat-pasadores {background: url(../images/tit-cat-pasadores.jpg) no-repeat;}
.tit-cat-bulones {background: url(../images/tit-cat-bulones.jpg) no-repeat;}

#catalogo-familias-interior {
	margin-top:20px;
	}

/*#catalogo-familias-interior a:hover{
	}
*/

#catalogo-familias-interior h2 {
	margin: 110px 0 -5px 0;
	background: #FFF;
	display:block;
	height:34px;
	width:200px;
	font-size:15px;
	}

#catalogo-familias-interior p {
	background: #FFF;
	display:block;
	width:200px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}


ul.thumb-fam {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px 0 0 0;
	width: 100%;
	display:block;
	}
	
ul.thumb-fam li {
	margin: 0 25px 0px 0;
	padding: 0 0 0 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 199px;
	height: 170px;
	}
	
ul.thumb-fam li img {
	width: 198px; 
	height: 98px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	}
	
ul.thumb-fam li img.hover {
	border: none;  /*Quitamos el border cuando estamos en hover */
	background:#c5e1ee;
	}
	
/* LISTA CON FOTOS MÁS GRANDES */

#catalogo-familias-interior-2 {
	margin-top:20px;
	}

#catalogo-familias-interior-2 h2 {
	margin: 165px 0 -5px 0;
	background: #FFF;
	display:block;
	height:34px;
	width:200px;
	font-size:15px;
	}

#catalogo-familias-interior-2 p {
	background: #FFF;
	display:block;
	width:200px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

ul.thumb-fam-2 {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px 0 0 0;
	width: 100%;
	display:block;
	}
	
ul.thumb-fam-2 li {
	margin: 0 25px 0px 0;
	padding: 0 0 0 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 199px;
	height: 230px;
	}
	
ul.thumb-fam-2 li img {
	width: 198px; 
	height: 149px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	}
	
ul.thumb-fam-2 li img.hover {
	border: none;  /*Quitamos el border cuando estamos en hover */
	background:#c5e1ee;
	}


/* FICHA DE PRODUCTO */
#tit-catalogo-ficha {
	border-bottom: solid 1px #DCDCDC;
	padding: 40px 0 0 0;
	height:30px;
	}
	
#tit-catalogo-ficha h1 {
	color:#575756;
	font-size:23px;
	float:left;
	width:500px;
	}

#tit-catalogo-ficha p {
	float: right;
	width:130px;
	padding: 0 15px 0 20px;
	margin: 6px 0 0 0;
	}
	
#tit-catalogo-ficha span {
	text-transform:uppercase;}


#foto-ficha {
	float:left;
	width:312px;
	display:block;
	background: #f0f0f0;
}

#especificaciones {
	display:block;
	float: right;
	width:329px;
	font-size:13px;
	}
	

#ficha-datos img {
	border: 1px solid #ddd;
	}

#ficha-datos h3 {
	color:#3a609b;
	font-size:13px;
	}

#ficha-datos p {
	padding: 5px 0 10px 0;
	margin-bottom:15px;
	width:314px;
	padding-right:15px;
	}

.borde-inf {
	border-bottom:1px solid #DCDCDC;
	}

#rohs-ficha {
	background: url(../images/ico-rohs.jpg) top left no-repeat;
	height:23px;
	padding: 13px 0 10px 0;
	width:314px;
	padding-right:15px;
	}
	
#rohs-ficha a {
	color:#565656;
	padding: 0 0 0 42px;
	}

#rohs-ficha a:hover {color:#9f8116;}

#botones-ficha {
	clear:both;
	}
	
#botones-ficha a {
	float:left;
	width:314px;
	height:48px;
	display:inline-block;
	margin:20px 20px 30px 0;
	padding: 30px 0 0 0;
	background:url(../images/botones-ficha.jpg) top left no-repeat;
	text-align:center;
	font-size:17px;
	color:#3a609b;
	}
	
#botones-ficha a:hover {
	background-position:0 -78px;
	color:#735d0e;
	}

#plano {text-align:center;}
#plano img { padding:15px 0 0 0;}
ul.thumb-ficha {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px 0 0 0;
	width: 100%;
	display:block;
	}
	
ul.thumb-ficha li {
	margin: 0 25px 0px 0;
	padding: 0 0 0 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 170px;
	height: 128px;
	}
	
ul.thumb-ficha li img {
	width: 170px; 
	height: 128px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	}
	
ul.thumb-ficha li img.hover {
	border: none;  /*Quitamos el border cuando estamos en hover */
	background:#c5e1ee;
	}
	
#leyenda-ficha li {
	display:inline-block;
	float:left;
	width:245px;
	padding:5px 5px 5px 15px;
	background:#e9f2f6;
	border-right: solid 3px #FFF;
	}
	
#tabla {
	/*background: #dcdcdc;*/
	width:645px;
	/*height:250px;*/
	margin: 30px 10px 30px 0;
	}

#tabla-medidas, #plano, #fotos-adic {
	clear:both;}

#one-column-emphasis {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 645px;
	text-align: left;
	border-collapse: collapse;
	}
	
#one-column-emphasis th {
	font-size: 18px;
	font-weight: normal;
	padding: 12px;
	color: #3a609b;
	text-align:center;
	}
	
#one-column-emphasis td {
	padding: 10px 15px;
	color: #3A609B;
	border-top: 1px solid #a9d2e6;
	text-align:center;
	}
	
.oce-first {
	background: #E9F2F6;
	font-size: 18px;
	border-left: 0px solid transparent;
	font-weight:bold;
	}
	
#one-column-emphasis tr:hover td{
	color: #3a609b;
	background: #d3e9f6;
	}

#one-column-emphasis span {
	color: #3a609b;
	font-size: 11px;
	}
	
	
	
/* ------------------------
	NOVEDADES 
-------------------------*/

ul.thumb-novedades {
	float: left;
	list-style: none;
	margin: 0; 
	width: 674px;
	display:block;
	}
	
ul.thumb-novedades li {
	margin: 0 20px 0px 0;
	padding: 15px 0 15px 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 100%;
	height: 175px;
	border-bottom:1px solid #DCDCDC;
	}
	
ul.thumb-novedades li img {
	width: 198px; 
	height: 149px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	margin-top: 25px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	float:left;
	}
		
ul.thumb-novedades li img.hover {
	border: none;  /*Quitamos el border cuando estamos en hover */
	background:#c5e1ee;
	}
	
#lista-novedades {
	margin-top:20px;
	}

#lista-novedades h2 {
	margin: 15px 0 0px 230px;
	display:block;
	width:420px;
	font-size:17px;
	}

#lista-novedades p {
	float:left;
	margin: 10px 0 0px 230px;
	display:block;
	width:420px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

.ver-novedad {
	margin-top:30px;
	}


/* ------------------------
	FORMULARIO 
-------------------------*/

#formulario-contenido {
	margin: 0px 0 40px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.1;
	width:530px;
	padding-left:130px;
	font-size:13px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	}

.texto-ini-form {
	margin:15px 0 10px 0;
	color:#3666A0;
	font-size:16px;
	line-height:1.3;
	padding: 0 20px 0 30px;
	}
	
.leyenda {
	background:#3666A0 url(../images/fondo-label.form.jpg) top left no-repeat;
	padding:10px 10px 10px 20px ;
	font-size:18px;
	color:#FFF;
	display:block;
	width:370px;
	margin: 30px 0 20px 0;
	clear:both;
	height:19px;
	font-size:13px;
	}

.input {
	float:left;
	width:245px;
	background:#d4e8f2;
	height:20px;
	margin:5px 0 0 0;
	border:none;
	padding:5px 5px 0px 8px ;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px;
	}

.textarea {
	float:left;
	width:250px;
	background:#d4e8f2;
	margin:5px 0 30px 0;
	border:none;
	padding:5px 5px 0px 8px ;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px;
	}

.label {
	float:left;
	width:140px;
	height:25px;
	margin:10px 0 0 0;
	}

#formulario-contenido li {
	clear:both;
	height:37px;}

#formulario-contenido select {
	background:#3a609b;
	padding:3px 8px 3px 3px;
	width:260px;
	color:#FFF;
	}

#formulario-contenido option {
	border-bottom: soli 1px #FFF;
	font-size:12px;
	padding:2px;
	height:15px;
	}

.enviar {
	clear:both;
	display:block;
	width:400px;
	background:url(../images/enviar.jpg) top left no-repeat;
	height:34px;
	padding:3px 15px 15px 15px ;
	text-align:center;
	font-size:18px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	border:none;
	cursor: pointer;
	font-weight:bold;
	color:#123968;
	}

#caja-enviar {
	margin: 20px 0 0 0; 
	}
	
.examinar {
	margin:5px 0 0 0;
	}

/* CONDICIONES */

#condiciones-contenido {
	margin: 15px 0 40px 0;
	font-size:13px;
	color:#565656;
	float:left;
	line-height:1.3;
	width:660px;
	}

#tit-condiciones {
	border-bottom: solid 1px #DCDCDC;
	padding: 0px 0 0 0;
	height:30px;
	clear:both
	}

#tit-condiciones h1 {
	color:#575756;
	font-size:19px;
	float:left;
	width:400px;
	}
	
#tit-condiciones p {
	float: left;
	width:130px;
	margin-left:305px;
	padding: 0 0 0 20px;
	}

#embalaje p {
	display:block;
	float:left;
	width:197px;
	/*height:143px;*/
	padding:0 15px 0 15px;
	border-right:1px solid #DCDCDC;
	margin-bottom:40px;
	text-align:center;
	}


/* ------------------------
	FICHA PRODUCTO - PDF 
-------------------------*/
#contendor-datos-pdf h4 {
	font-size:21px;
	color:#3a609b;
	}

ul.thumb-ficha-pdf {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 10px 0 0 0;
	width: 100%;
	display:block;
	margin-bottom:40px;
	}
	
ul.thumb-ficha-pdf li {
	margin: 0 25px 0px 0;
	padding: 0 25px 0 0;
	float: left;
	position: relative; /* Aquí ponemos posicionamiento absoluta */
	width: 170px;
	height: 128px;
	}
	
ul.thumb-ficha-pdf li img {
	width: 200px; 
	height: 152px; /* Aquí va el tamaño del thumbnail pequeño */
	-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	}
	
.lopd {
	font-size:10px;
	color:#787878;
	display:block;
	width:400px;
	margin: 20px 0;
	}