/* CSS Document */
@import url("reset.css");
*,html { margin:0; padding:0; }
form { margin:0;}
a { color:#007680; } 
a:hover {color:#000}
a img {border:0}

.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close hack */

/*---------------- CLASES HTML --------------------------------------*/

body {
background:url(../images/fondo_body.jpg) repeat-x top;
font-family:  Arial,Verdana,Helvetica, sans-serif;

	
	}
a {
}

a:hover {
}

h1 {
	color:#004581;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	margin-top:10px;
	margin-bottom:15px;
	clear:both;
	}
h2 { font-weight:bold; font-size:120%; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; text-decoration:underline; }


/* ------------------  CLASES PROPIAS ----------------------------*/
	
.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
.salto {
	clear:both;
	}
.migas {
	font-size:10px;
	clear:both;
	padding-bottom:10px;
	}
	

/* ------------------------  ID'S  ----------------------------------------*/

#todo {
	width:986px;
	background-image: url(../images/fondo_cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left:auto;
	margin-right:auto;
	}
	
#general {
	width:986px;
	margin: 0px auto 0px auto;
	background:url(../images/fondo_bottom.jpg) no-repeat bottom;
}

#cabecera_home {
	padding-top:23px;
	padding-left:28px;
	margin:0px;
	padding-bottom:0px;
}

#cabecera {
	padding-top:23px;
	padding-left:28px;
	margin:0px;
	
}

img.imagen_cabecera {margin-top:15px; margin-right:29px;}

#rugui {
	float:left;
	color:#999999;
	width:172px;
	height:80px;
	/*margin:0px;*/
	margin-top:8px;
	padding:0px;
	}
#rugui .marca {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:82px;
	height:40px;
	padding-top:40px;
	margin-left:7px;
}
#cabecera ul {
	margin:0px;
	float:right;
	height:8px;
	padding-right:29px;
	/*padding-top:63px;*/

	}
#cabecera ul.margen_cabecera {
	margin-top:68px;
	}
	
#cabecera ul li {
	margin:0px;
	padding:0px;
	display:inline;
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	}
#cabecera ul li a.borde {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/linea_menu.gif) no-repeat left center;
}
#cabecera ul li a.icono_home {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	margin-left:5px;
	background-image: url(../images/ico_home.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
#cabecera ul li a.icono_mapa {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	margin-left:5px;
	background-image: url(../images/ico_mapaweb.gif);
	background-repeat: no-repeat;
	background-position: left -29px;
}
#cabecera ul li a.icono_ubicacion {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	margin-left:5px;
	background-image: url(../images/ico_ubicacion.gif);
	background-repeat: no-repeat;
	background-position: left -31px;
}
#cabecera ul li a.icono_contacto {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	margin-left:5px;
	background-image: url(../images/ico_contacto.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}

#cabecera ul li a.icono_aviso {
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana;
	color:#999999;
	text-decoration:none;
	padding-left:15px;
	margin-left:5px;
	background-image: url(../images/ico_aviso.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
#cabecera ul li a.icono_aviso:hover, #cabecera ul li a.icono_home:hover{
	background-position: left 1px;
}

#cabecera ul li a.icono_contacto:hover {
	background-position: left 3px;
	}
	
#cabecera ul li a.icono_ubicacion:hover {
	background-position: left 4px;
	 }
#cabecera ul li a.icono_mapa:hover {
	background-position: left 0px;
}
#cabecera ul li a:hover {
	color:#004189;
}

#contenido_home {
	width:928px;
	margin-right:auto;
	margin-left:auto;
	margin-top:8px;
	border:#999999 solid 1px;
}
#contenido {
	width:928px;
	margin-right:auto;
	margin-left:auto;
	border-top: #004581 solid 5px;
	/*margin-top:8px;*/
	background:url(../images/fondo_cont.gif) bottom left repeat-y;
	
}


#texto_contenido {
	width:633px;
	margin-left:20px;
	margin-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	float:right;
	font-size:12px;
	height:auto;
	min-height:585px;
}

#texto_contenido p {
	margin-bottom:10px;
	line-height:20px;
	}

#texto_contenido a {
	color:#004581;
	font-weight:bold;
}

.texto_obligatorio{
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-size: 10px;
}

.texto_obligatorio_rojo{
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-size: 10px;
	color: #C80000;
}

.texto_obligatorio_blanco{
	padding: 0px;
	margin: 0px;
	margin-left: 28px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 10px;
	color: #FFFFFF;
}


	
#col_izq {
	width: 253px;
	float:left;
	margin:0;
	padding:0;
	border-right:#999999 solid 1px; 
}




#menu_principal {
	width: 253px;
	height:328px;
	/*float:left;*/
	
	background:#404040 url(../images/fondo_menu.png) center;
	}
#menu_principal ul {
	margin:0px;
	padding-top:25px;
}

#menu_principal ul li {
	list-style-type:none;
	}


#menu_principal ul li a {
	margin-left:20px;
	padding-left:20px;
	width:200px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:45px;
	letter-spacing:1px;
	background-image: url(../images/flechas.gif);
	background-repeat: no-repeat;
	background-position: 0px -23px;
	text-align:right;
}

#menu_principal ul li a:hover {
	color:#000000;
	background-image: url(../images/flechas.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	}




#pie {
	clear:both;
	padding-bottom:40px;
	font-size:10px;
}

#pie2 {
	/*clear:both;*/
	padding-bottom:45px;
	padding-top:3px;
	text-align:center;
	/*padding-left:200px;*/
	font-size:10px;
	float:right;
	width:60%;
}

.fondo_formu {
background: #5c5c5c url(../images/fondo_pie_formulario.jpg) center top; width:253px; height:11px; float:left; margin-right:20px; border-right:#999999 solid 1px; margin-top:0px; border-bottom: 3px solid #004581; }

#pie ul, #pie2 ul {
margin-top:0px;
margin-left:30px;
}

#pie ul li, #pie2 ul li  {
	display:inline;
	color:#999999;
}

#pie ul li a, #pie2 ul li a {
	color: #004189;

}

#pie ul li a:hover, #pie2 ul li a:hover {
	color:#000000;
	}
	
#bloque_pie_es, #bloque_pie_en, #bloque_pie_fr {
	width:928px;
	height:157px;
	border-bottom:#999999 solid 1px;
	border-right:#999999 solid 1px;
	border-left:#999999 solid 1px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:7px;
	text-align:right;
	}
#bloque_pie_fr {background:url(../images/imagen_pie_fr.jpg)  no-repeat top center;}
#bloque_pie_en {background:url(../images/imagen_pie_en.jpg)  no-repeat top center;}
#bloque_pie_es {background:url(../images/imagen_pie.jpg)  no-repeat top center;}
	
	#formulario_home {
	width: 253px;
	/*height:305px;*/
	/*padding-bottom: 5px;*/
	background: #5c5c5c url(../images/fondo_formulario.jpg) center top;
	/*text-align:center;*/
	border-top: #999999 solid 1px;  
	}
	
#formulario_home #form1 label {
	font-family: "Trebuchet MS", Tahoma,  Verdana;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	margin-right: 5px;
	margin-left:12px;
	margin-top: 7px;
	margin-bottom: 2px;
	padding-left:15px;
}

.label_home {
	display: block;
	float: left;
	width: 92px;
	}

.campos_home {
	margin-bottom:5px;
	margin-top:5px;
	width:120px;
	}

.textarea_home {
	margin-left:35px;
	width:205px;
	margin-top:5px;
	margin-bottom:10px;
	height:80px;
	overflow:auto;
	}

legend {
	display:block;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:25px;
	font-family:"Trebuchet MS",Tahoma, Verdana;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	height:20px;
	width:180px;
	background-image: url(../images/flecha_form.gif);
	background-repeat: no-repeat;
	background-position: right 16px;
	}
fieldset {
	

	}

.boton_form_home {
	float:right;
	margin-right:10px;
	margin-top:7px;
	padding:0 10px;
	height:24px;
	background:url(../images/boton.gif) repeat-x top;
	font-weight:bold;
	border-left:1px solid #686868;
	border-top:1px solid #686868;
	border-right:1px solid #686868;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
	clear:both;
	}
#texto_contenido #form2  label {
	float: left;
	width: 200px;
	font-family:"Trebuchet MS",Tahoma, Verdana;
	font-size:14px;
	margin-top:4px;
	margin-bottom:4px;
	letter-spacing:3px;
	padding-left:30px;

}

#texto_contenido #form2 {
	margin-top:30px;
	}

.boton_form {
	margin-top:10px;
	height:24px;
	background:url(../images/boton.gif) repeat-x top;
	font-weight:bold;
	border-left:1px solid #686868;
	border-top:1px solid #686868;
	border-right:1px solid #686868;
	color:#fff;
	font-size:90%;
	padding:0 10px;
	margin-left:230px;
	text-transform:uppercase;
}
#texto_contenido #form2 textarea  {
	width: 370px;
	height:50px;
	margin-top:3px;
}

#texto_contenido #form2 #textarea:focus,  #texto_contenido #form2 #textfield:focus {
	background:#CCCCCC;
	}

.campos_form {
	width:370px;
	margin-top:3px;
	margin-bottom:3px;
	}
#texto_contenido p {
	line-height: 1.4em;
}

#texto_contenido dt strong {
	line-height: 1.4em;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	
}

#texto_contenido dl {
	margin-top:40px;
	}
#texto_contenido dd {
	margin-bottom:20px;
	}

.calidad {
	padding-left:90px;
	margin-bottom:10px;
	background-image: url(../images/calidades.gif);
	background-repeat: no-repeat;
	background-position: 37px center;
	}

.cantidad {
	padding-left:90px;
	margin-bottom:20px;
	background-image: url(../images/cantidades.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	}

.rapidez {
	padding-left:90px;
	margin-bottom:20px;
	background:url(../images/rapidez.gif) no-repeat center left;
	}

.medidas {
	padding-left:90px;
	margin-bottom:20px;
	background-image: url(../images/medidas.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	}
ul#menu_rugui {
	margin-top:10px;
	}
	
ul#menu_rugui li {
	display:block;
	width:300px;
	height:235px;
	padding-top:0px;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0;
		}
		
ul#menu_rugui li a {
	color:#004581;
	font-size:18px;
	text-decoration:none;
	text-align:center;
	margin:0 auto 0 auto;
	width:280px;
	height:235px;
	display:block;
	font-family:"Trebuchet MS",Tahoma, Verdana;
	letter-spacing: 1px;
	font-weight:normal;

	}
.fabricantes-acero {
	background-image: url(../images/fabricantes-acero.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.conocemos_acero {
	background-image: url(../images/conocemos-acero.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.nuestras_instalaciones {
	background-image: url(../images/nuestras_instalaciones.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.localizaion {
	background-image: url(../images/localizacion.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.medidas-de-las-pletinas {
	background-image: url(../images/medidas-de-las-pletinas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.calidades-de-acero {
	background-image: url(../images/calidades-de-acero.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#localizacion {
	width:200px;
	float:right;
	}
ul#menu_rugui2 li {
	display:inline;
	color:#004581;
	font-weight:bold;
	}
	
ul#menu_rugui2 li a {
	display:block;
	float:left;
	margin-right:3px;
	margin-bottom:20px;
	font-size:13px;
	padding:10px 6px 10px 6px;
	text-decoration:none;
	background:#004581;
	color:#FFFFFF;
	}
ul#menu_rugui2 li a:hover {
	background:#333333;

}
	
#texto_contenido ul#menu_rugui2 {
	padding-bottom:15px;
	color:#004581;
	font-weight:bold;
	}

#texto_contenido ul li {
	margin-bottom:10px;
	/*list-style-type:circle;*/
	}



#localizacion dl {
	margin-top:0px;
	}
#localizacion2 {
	clear:both;
	display:block;
	margin-bottom:10px;
	}
	
#localizacion dt, #localizacion2 dt {
	font-weight:bold;
	margin-bottom:8px;
	margin-top:8px;
	display:block;
	}
#localizacion dd, #localizacion2 dd {
	margin-bottom:8px;
	}
.enlace_mapa { text-align:left; display:block; width:400px; float:left padding-top:10px; }
.foto {
	text-align:center;
	margin-top:30px;
	padding-bottom:20px;
	}
.fotos {
	border:#004581 2px solid;
	}
.borde_fotos {
	margin-top:20px;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	width:520px;
	padding-top:44px;
	height:240px;
	background:url(../images/borde_fotos.png) no-repeat center;
	}
	.borde_fotos2 {
	margin-top:20px;
	text-align:center;
	padding-left:35px;
	padding-right:35px;
	width:570px;
	padding-top:40px;
	height:240px;
	background:url(../images/borde_fotos.png) no-repeat center;
	}

	.borde_fotos3 {
	margin-top:20px;
	text-align:center;
	padding-left:35px;
	padding-right:35px;
	width:550px;
	padding-top:40px;
	height:240px;
	background:url(../images/borde_fotos.png) no-repeat center;
	}


#contacta_ahora { margin-left:30px;}	
#contacta_ahora dt {
	font-weight: bold;
	color: #000000;
	float:left;
	width:180px;
}
#contacta_ahora dd {
	float:left;
	width:340px;
}

#flash {
	float:left;
	margin:0;
	padding:0px;
	width:674px;
	height:328;
	}
	
.tablatu {}
.tablatu th { background:#fff; font-weight:bold; padding:2px; color:#999; width:35px; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.tablatu th.na { background:#fff; border:none; border-bottom:1px solid #eee; }
.tablatu td { width:35px; border-top:1px solid #eee; border-right:1px solid #eee; } 
.tablatu tr.format td { background:#eaeaea; border-right:1px solid #fff; }

.tablatu td.bola { background:#fff url(../images/bola.gif) center no-repeat; }
.tablatu tr.format td.bola { background:#eaeaea url(../images/bolagris.jpg) center no-repeat; }

.priv { float:right; font-weight:normal; font-size:90%; padding-right:35px; padding-top:5px; }


.fabricantes dl dt { font-weight:bold;}

.tel { padding-left:20px; background:url(../images/tel.gif) left no-repeat; }

.lista_normal { margin-left:10px; }
.lista_normal li { background:url(../images/bullet_2.gif) left 4px no-repeat; padding-left:10px; }

.priv_home { float:right; font-weight:normal; font-size:70%; padding-right:10px; padding-top:0; margin-top:-6px; }
.priv_home a { color:#fff; }

.mapa { }
.mapa li {  font-size:110%; background:url(../images/bullet_2.gif) left 4px no-repeat; padding-left:10px; }
.mapa li ul { margin-top:10px; }
.mapa li ul li {  font-size:90%; background:url(../images/bullet_2.gif) left no-repeat; padding-left:10px; margin-left:15px; }

.tabla_calidades { width:400px; text-align:center; color:#fff; border-top:2px solid #fff; border-right:2px solid #fff; margin:10px auto; }
.tabla_calidades .t1 { background:#2a6caf; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px; }
.tabla_calidades .t2 { background:#0258a1; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px;}
.tabla_calidades .t3 { background:#005093; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px;}
.tabla_calidades .t4 { background:#034278; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px;}
.tabla_calidades .t5 { background:#043560; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px;}
.tabla_calidades .t6 { background:#00203c; border-bottom:2px solid #fff; border-left:2px solid #fff; height:30px;}