/* --------------------------- */
/* ----- Estilos genericos---- */
/* --------------------------- */

* {
	padding:0;
	margin:0;
	}

html,body {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ededed;
	text-align:center;/* hack IE 5 auto-center */
	}

a {
	text-decoration: none;
}

a img {
	border: none;
}

a:link, a:visited {
	text-decoration:none;
}

html body a:hover {
	text-decoration:none;
}

h1 {
	font-size:13px;
	margin-top:7px;
	margin-bottom:5px;
	display:block;
	float:right;
	color:#999999;
	font-weight:bold;
	text-align:right;
}

h2 {
	font-size:13px;
}

h2.h2InteriorUno {
	float:left;
	color:#9e9674;
	width:650px;
	padding-top:16px;
	padding-left:10px;
	padding-bottom:10px;
}	

h2.h2InteriorTres {
	float:left;
	color:#9e9674;
	width:650px;
	padding-top:16px;
	padding-left:12px;
	padding-bottom:10px;
}

h3 {
	font-size:11px;
}

h4 {
	font-size:11px;
}

.destac {
	color:#FFFFFF;
}

a.enlCont {
	text-decoration:none;
	color:#666666;
}

a.enlCont:hover {
	text-decoration:underline;
}

.ocultar {
	display:none;
}

#credits {
	margin:0 auto;
	width:700px;
	text-align:right;
	padding-top:9px;
	margin-bottom:10px;
}


.destacComm {
	display:block;
	float:left;
	width:100%;
	clear:both;
	font-size:10px;
	color:#999999;
	padding-bottom:16px;
}

/* --------------------------- */
/* ----- Contenedores--------- */
/* --------------------------- */

#wrapper {
	clear:both;
	margin:0 auto;
	width:730px;
	overflow:hidden;
	min-height:1%;
	background-color:#FFFFFF;
	padding-top:7px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:16px;
	margin-top:0;
	text-align:left; /* hack IE 5 auto-center */
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:700px;
}

#content {
	clear:both;
	float:left;
	width:100%;
	padding-top:5px;
}

#colIzq {
	float:left;
	overflow:hidden;/* hack altura automatica */
	min-height:1%;/* hack altura automatica */
	width:110px;
	margin-left:-1em;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:99px;
	margin-left:0;
}

#colDer {
	width:603px;
	float:left;
	overflow:hidden;/* hack altura automatica */
	min-height:1%;/* hack altura automatica */
	background-color:#ebebeb;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:600px;
}

#flashcontent {
	float: left;
	width:90%;
	text-align:center;
}

/* tecnica CSS para activar menus despues de click */

body#homep a#home, body#empresap a#empresa, body#sectoresp a#sectores, body#metalesp a#metales, body#productosp a#productos, body#contactop a#contacto {
	background-color: #9e9674;
	color: #FFFFFF;
}

/* --------------------------- */
/* ----- Encabezado -----------*/
/* --------------------------- */

#header {
	clear:both;
	float:left;
	width:100%;	
	padding-bottom:3px;
}

.logo{
	padding-right:16px;
	display:block;
	float:left;
}

.subnivel {
	color:#333333;
	font-size:11px;
	font-weight:bold;
}

/* Home Lema */

div.homeLema {
	clear:both;
	padding:0;
	display:block;
	float:left;
	color:#333333;
	font-weight:bold;
	font-size:11px;
	width:100%;
}

p.lemaPartUno {
	display:block;
	float:left;
	padding-left:7px;
}

p.lemaPartDos {
	display:block;
	float:right;
	padding-right:7px;
}


/* ------------------------------- */
/* ----- Navegacion principal -----*/
/* ------------------------------- */


/* Navegacion principal */

ul.navPrinc {
	display:block;
	float:left;
	list-style:none;
}

ul.navPrinc li {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.navPrinc li a{
	font-size:9px;
	display: block;
	padding-left:7px;
	padding-bottom: 3px;
	padding-top:5px;
	width:80px;
	color:#666666;
}

ul.navPrinc li a:link, ul.navPrinc li a:visited {
	text-decoration: none;
}	

ul.navPrinc li a:hover, ul.navPrinc li a.activo {
	background-color: #9e9674;
	color: #FFFFFF;
}

/* ------------------------------- */
/* ----- Home specific ------------*/
/* ------------------------------- */

/* Subnavegacion tipo 1 */

ul.navSecTipoUno {
	clear:both;
	float:left;
	list-style:none;
}

ul.navSecTipoUno li {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.navSecTipoUno li a{
	font-size:9px;
	display: block;
	margin-left:7px;
	padding:3px;
	width:210px;
	background-color:#FFFFFF;
	color:#666666;
}

ul.navSecTipoUno li a:link, ul.navSecTipoUno li a:visited,{
	text-decoration: none;
}	

ul.navSecTipoUno li a:hover, ul.navSecTipoUno li a.activo {
	background-color: #9e9674;
	color: #FFFFFF;
}

.imgTipoUno {
	display:block;
	float:left;
	margin-top:5px;
	margin-left:10px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	margin-left:16px;
}

/* ------------------------------- */
/* ----- Empresa specific ---------*/
/* ------------------------------- */

div.contentInter {
	display:block;
	width:470px;
	float:left;
	margin-left:7px;
	margin-top:10px;
}

div.contentInter p {
	display:block;
	width:420px;
	clear:both;
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	margin-top:10px;
	margin-left:25px;
	line-height:16px;
}

div.contentInterDos {
	display:block;
	width:470px;
	float:left;
	margin-left:7px;
}

div.contentInterDos p{
	display:block;
	width:450px;
	font-size:11px;
	color:#666666;
	margin-bottom:4px;
	margin-top:4px;
	margin-left:10px;
	line-height:14px;
}

.imgTipoUnoE {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:20px;
	
	}
/* ------------------------------- */
/* ----- Metales specific ---------*/
/* ------------------------------- */

p.subTitle {
	display:block;
	float:left;
	clear:both;
	font-size:11px;
	width:100%;
	color:#666666;
	padding-left:32px;margin-bottom:20px;
}

.destacCommM {
	display:block;
	float:left;
	width:100%;;
	clear:both;
	font-size:9px;
	color:#999999;
	padding-bottom:32px;
	padding-top:2px;
	padding-left:25px;
}

.destacCommS {
	display:block;
	float:left;
	width:100%;;
	clear:both;
	font-size:9px;
	color:#999999;
	padding-bottom:32px;
	padding-top:40px;
	padding-left:25px;
}

.destacCommH{
	display:block;
	float:left;
	width:100%;;
	clear:both;
	font-size:9px;
	color:#999999;
	padding-bottom:32px;
	padding-left:25px;
	margin-top:30px;
}

/* Subnavegacion tipo 2 */

ul.navSecTipoDos {
	clear:both;
	float:left;
	padding-left:32px;
	list-style:none;
	}

ul.navSecTipoDos li {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	margin:0;
	margin-bottom:2px;
	list-style:none;
	background-color:#FFFFFF;
	color:#666666;
	width:120px;
}

ul.navSecTipoDos li a:link, ul.navSecTipoDos li a:visited {
	text-decoration: none;
}	

ul.navSecTipoDos li a:hover {
	background-color: #9e9674;
	color: #FFFFFF;
}

.imgTipoDosM {
	display:block;
	float:left;
	margin-left:40px;margin-bottom:16px;
}

/* ------------------------------- */
/* ----- Contacto specific --------*/
/* ------------------------------- */

.contactoColIzq {
	width:225px;
	float:left;
	padding-left:25px;
	padding-bottom:32px;
	margin-right:20px;
	}

.contactoColDer {
	display:block;
	width:295px;
	float:left;
}

.contactoColDer form {
	width:100%;
	margin-left:2em;
	padding:0;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	margin:0;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

input {
	width:180px;border:none;
	background-color:#e4e4e4;
	color:#333333;
	padding:2px;
	margin-top:11px;
}

textarea {
	width:186px;border:none;
	background-color:#e4e4e4;
	color:#333333;
	margin-top:11px;
}
	
.contactoColDer label {
	display:block;
	clear:both;
	float:left;
	width:60px;font-weight:bold;
	font-size:9px;
	color:#666666;
	padding-top:11px;
}

input.botEnv {
	display:block;
	float:right;
	margin-right:16px;
	margin-top:16px;
	width:80px;font-weight:bold;
	color:#666666;
	background-color:#e4e4e4;
}

html>body input.botEnv {
	width:60px;
	margin-right:44px;width:80px;}

.contactoColIzq p, .contactoColDer p {
	font-size:11px;
	color:#666666;
	margin-bottom:16px;
}

.contactoColIzq a {
	text-decoration:none;
	color:#666666;
}

.contactoColIzq a:hover {
	text-decoration:underline;
}

img.localizacion {
	margin-top:16px;
}

#errormsg {
	position:absolute;
	width:140px;
	margin-top:90px;
	margin-left:-250px;
}   

html>body #errormsg{
	position:absolute;
	width:140px;
	margin-top:13px;
	margin-left:0;
}

#errormsg p{
	color:#CC0000;
	font-size:9px;
} 

#errormsg img {
	width:1px;
	height:1px;
}

.error {
	background:#fcc;
}

p.smsCorrecto {
	clear:both;
	display:block;
	float:left;
	width225px;
	color:#CC0000;
	font-size:9px;
	margin:0;
	padding-bottom:10px;
}

/* ------------------------------- */
/* ----- Productos ----------------*/
/* ------------------------------- */

#colIzqProductos {
	width:295px;
	float:left;
	overflow:hidden;/* hack altura automatica */
	min-height:1%;/* hack altura automatica */
	height:100%;
}

#colIzqProductos #flashcontent {
	float: left;
	width:205px;
	padding-bottom:16px;
	padding-top:4px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	padding-top:0;
}

#colDerProductos {
	width:390px;
	float:left;
	overflow:hidden;/* hack altura automatica */
	min-height:1%;/* hack altura automatica */
	background-color:#F5F5F5;
	margin-top:3px;
	margin-left:10px;
	padding:16px;
	height:465px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:360px;
}

.navProductos {
	clear:both;
	float:left;
	display:block;
	width:100%;
	height:352px;
	margin-left:-0.5em;
	margin-top:0.2em;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	margin-left:0;
	margin-top:0;
	}

/* Subnavegacion tipo 3 */

ul.navSecTipoTres {
	float:right;
	display:block;
	background-color:#999999;
	list-style:none;
	padding-top:16px;
	padding-bottom:16px;
	height:332px;
	width:193px;
	padding-left:7px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:190px;
	height:307px;
}

ul.navSecTipoTres li {
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.navSecTipoTres li a{
	font-size:9px;
	display: block;
	margin-left:0;
	padding:3px;
	padding-left:8px;
	width:140px;
	background-color:#FFFFFF;
	color:#666666;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:120px;
	margin-left:22px;
}	

ul.navSecTipoTres li a:link, ul.navSecTipoTres li a:visited {
	text-decoration: none;
}	

ul.navSecTipoTres li a:hover, ul.navSecTipoTres li a.activo {
	background-color: #9e9674;
	color: #FFFFFF;
}

h2.h2InteriorDos {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:100%;
	color:#666666;
	padding-bottom:10px;
}	

table.datosTecnicos {
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	width:350px;
	border:none;
	color:#666666;
	font-size:10px;
}

table.datosTecnicos td {
	padding:1.6px;
}

table.datosTecnicos th {
	text-align:left;
	width:140px;}

div.datosGenericos {
	margin-top:16px;
}

div.datosGenericos h3{
	display:block;
	float:left;
	clear:both;
	font-size:11px;
	width:110px;
	color:#666666;
	margin-right:10px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	width:130px;
}

div.datosGenericos img {
	float:left;
	display:block;
}

div.anteriorSig {
	float:right;
	margin-right:2px;
	display:block;
	width:388px;
	font-size:9px;
	background-color:#F5F5F5;
	height:24px;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	margin-right:4px;
	width:391px;
}

.botonsPag {
	display:block;
	float:right;
	width:199px;
	margin-right:3px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
	font-weight:bold;
	voice-family: "\"}\""; /* hack IE 5x */
	voice-family: inherit;
	margin-right:18px;
	margin-top:0;
}

a.anterior {
	float:left;
	padding:5px;
	background-color:#666666;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:18px;
	padding-top:3px;
	padding-bottom:3px;
	margin-right:5px;
}

a.siguiente {
	display:block;
	float:left;
	padding:5px;
	background-color:#666666;
	color:#FFFFFF;
	padding-left:21px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

a.siguienteOff, a.anteriorOff {
	display:block;
	float:left;
	background-color:#999999;
	color:#CCCCCC;
}

a.siguienteOff {
	padding-left:21px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

a.anteriorOff {
	padding-left:3px;
	padding-right:21px;
	padding-top:3px;
	padding-bottom:3px;
	margin-right:1px;
}