/* CSS Document */
*{margin:0px;}

body{
	background:#204E7A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}

a{text-decoration:none}
.rojo{color:#a60026}
p{margin:0px; padding-top:12px;}
.clear{clear:both}
.link{color:#000;font-weight:bold;}
.link:hover{color:#204E7A;}
.img_izq{float:left;margin-right:15px;border:#214e78 solid 3px;}
.img_der{float:right;margin-left:15px;border:#214e78 solid 3px;}
h1{}
h2{text-transform:uppercase;font-size:22px;font-family:Arial narrow;font-weight:bold;}
h4{color:#204E7A;font-size:20px;font-family:Arial narrow;margin:0px;padding-top:16px;}
h5{color:#51555e;font-size:17px;font-family:Arial narrow;margin:0px;padding-top:17px;}

#encabezado{
	background:url(imagenes/fondo_encabezado.jpg) no-repeat;
	width:884px;
	height:414px;
	margin-top:10px;
	margin:auto;
	}

#cuerpo{
	background:url(imagenes/fondo_cuerpo.jpg) no-repeat #D2D2D2;
	width:858px;
	overflow:hidden;
	border-left:solid 2px #818385;
	border-right:solid 2px #818385;
	padding-left:22px;
	padding-top:12px;
	padding-bottom:30px;
	margin:auto;
	}

.link_anterior
	{
	float:left;
	text-decoration:none;
	color: #204E7A;
	}

.link_siguiente
	{
	float:right;
	padding-right:26px;
	text-decoration:none;
	color: #204E7A;
	}

.lista{float:left;width:156px;}

#izquierdo{	float:left;	width:292px;}



/*Menus*/


a#m_taquetes {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_taquetes.jpg) top left no-repeat;
	}

a#m_taquetes:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_pijas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_pijas.jpg) top left no-repeat;
	}

a#m_pijas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_taquetes:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}



a#m_brocas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_brocas.jpg) top left no-repeat;
	}

a#m_brocas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_abrazaderas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_abrazaderas.jpg) top left no-repeat;
	}

a#m_abrazaderas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_tornillos_tuercas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_tornillos_tuercas.jpg) top left no-repeat;
	}

a#m_tornillos_tuercas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}



a#m_accesorios {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_accesorios.jpg) top left no-repeat;
	}

a#m_accesorios:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_nudo_cable {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_nudo_cable.jpg) top left no-repeat;
	}

a#m_nudo_cable:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_armellas_alcayatas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_armellas_alcayatas.jpg) top left no-repeat;
	}

a#m_armellas_alcayatas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_clavos {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_clavos.jpg) top left no-repeat;
	}

a#m_clavos:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_varillas_roscada {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_varillas_roscada.jpg) top left no-repeat;
	}

a#m_varillas_roscada:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_birlo_techo {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_birlo_techo.jpg) top left no-repeat;
	}

a#m_birlo_techo:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_tensores {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_tensores.jpg) top left no-repeat;
	}

a#m_tensores:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}


a#m_herramientas_fijacion {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_herramientas_fijacion.jpg) top left no-repeat;
	}

a#m_herramientas_fijacion:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_unicanal {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_unicanal.jpg) top left no-repeat;
	}

a#m_unicanal:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}

a#m_grapas {
	display:block;
	width:250px;
	height:21px; /* aqui esta el truco */
	text-indent:-9999px;
	background:url(imagenes/mo_grapas.jpg) top left no-repeat;
	}

a#m_grapas:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
	}



#productos{
	float:left;
	background:url(imagenes/fondo_productos.jpg) no-repeat;
	width:265px;
	height:321px;
	padding-left:6px;
	padding-top:52px;
	}
				
#productos img{border:none;}

#productos a{width:250px;height:21px;}

#derecho{float:left;width:522px;padding-left:20px;}
.seccion{
	width:245px;
	height:267px;
	float:left;
	background:url(imagenes/fondo_seccion.jpg) no-repeat;
	padding-top:6px;
	padding-right:10px;
	text-align:right;
	margin-bottom:10px;
	margin-right:12px;
	}

.seccion p{ text-align:justify; padding-right:6px; padding-left:8px; font-size:11px; padding-top:3px;}

.titulo_inicio{ padding-top:12px;}

.precios{text-align:right;padding-right:40px;}

.precios a{text-decoration:none;color:#A60026;}

#pie{
	width:884px;
	background:url(imagenes/fondo_pie.jpg) no-repeat;
	height:100px;
	text-align:right;
	margin:auto;
	}

#menu_pie{
	text-align:right;
	padding-right:23px;
	}

#menu_pie a{
	font-size:16px;
	font-family:Arial narrow,sans serif;
	color:#242424;
	text-decoration:none;
	text-align:right;
	}

/* ESTILOS DE LA FORMA DE CONTACTO*/
#forma_contacto{font-size:12px ;text-align:left;color:#000000;width:263px;float:left;padding-left:8px; background:url(imagenes/fondo_forma.jpg) no-repeat; padding-top:48px;padding-bottom:14px;}
#forma_contacto #fiel{margin-top:0px;margin-left:0px;}
#forma_contacto input,textarea{width:206px; margin-left:55px; width:187px; border: solid 1px #CFCFCF; background:url(imagenes/fondo_txt.jpg) no-repeat;}
#forma_contacto #fieldset{border:0px;margin-top:0px;}
#forma_contacto textarea{height:75px;font-family:Arial, Helvetica, sans-serif;font-size:12px; background:url(imagenes/fondo_txtarea.jpg) no-repeat}
#forma_contacto button { 
	text-align:center;
	margin-top: 5px;
	margin-right:4px;
	background:url(imagenes/fondo_boton.jpg) no-repeat;
	width:71px;
	height:25px;
	border:none;	
}
#forma_contacto label{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#subcategorias{margin-top:0px;background:url(imagenes/fondo_links.jpg) no-repeat;width:509px;height:94px}
#contenido_subcategoria{padding:20px;width:499px;margin:0px;margin-top:0px}
#contenido_subcategoria a{color:#204e7a;float:left;width:150px;text-decoration:none;background:url(imagenes/vineta.jpg) no-repeat;padding-left:10px;text-align:left;}
.productos{width:508px;border-bottom:#204e7a 1px solid;padding-bottom:30px;}
.productos p{margin:0px;color:#222121;padding:0px;font-family:arial;padding-bottom:12px;}

.imagen{float:left;width:152px;text-align:center;height:163px;background: url(imagenes/fondo_productos.gif) no-repeat;margin-right:10px;padding:4px;}
.imagen img{}

.especificaciones{float:left;width:310px;}


.tabla {background: url(imagenes/fondo_cabecera_tabla.jpg) no-repeat; border-collapse:collapse; float:left;width:271px;text-align:center;}
.tabla table{}
.tabla thead{border-collapse:collapse;height:36px;}
.tabla td{border:1px;background:#d7d7d7;text-align:center;padding:10px;}
.tabla_grande{background: url(imagenes/fondo_cabecera_grande.jpg) no-repeat; border-collapse:collapse; float:left;width:271px;text-align:center;}

.kit{float:left;width:224px;text-align:center;height:172px;background: url(imagenes/fondo_kits.gif) no-repeat;margin:15px;padding:4px 3px;}