@import url('template.css');

/* Tabla de download */
table.pdf{
	background:#fff;
	margin:44px 0 40px 8px;
	border-bottom:3px solid #921010;
	font-size:.9em;
	color:#8e8e8e;
	text-align:center;
}
table.pdf th{
	padding:4px 0;
	font-weight:normal;
}
table.pdf td{
	padding:4px 0;
	border-bottom:1px solid #d3d3d3;
}

/* Materiales */
ul.materiales{
	margin:0 0 0 8px;
	font-size:.9em;
	color:#7c7c7c;
}
ul.materiales li{}
ul.materiales li.first{
	font-weight:bold;
}
ul.materiales li a{}
ul.materiales li a:hover{}

/* Productos
/********************************************************************/
#productos{
	background:url(../img/bg_segunda.jpg) repeat-x right top;
	padding:95px 12px 50px 5px;
	float:left;
}
#productos h2{
	border-bottom:3px solid #c01414;
	color:#990d0d;
	font-size:1.1em;
	padding:0 0 5px 0;
}

#productos .col_izq{
	float:left;
	border-right:1px solid #777777;
	margin-right:5px;
	padding-right:5px;
}
#productos .col_der{ float:right;}

#productos .col_izq,
#productos .col_der{
	margin-top:20px;
}
#productos .col_izq h3,
#productos .col_der h3{
	color:#565454;
	padding-bottom:10px;
}
#productos .col_izq h3.segundo,
#productos .col_der h3.segundo{
	padding-top:20px;
}

/* Codificacion */
.codificacion{
	float:left;
	margin-bottom:30px;
	width:100%;
}

.codificacion .col_izq{ width:262px;}
.codificacion .col_izq img{ margin-bottom:15px;}

.codificacion .col_der{ float:none !important; margin-left:276px;}
.codificacion .col_der img{ margin-bottom:15px;}

/* Formula */
.formula{ float:left;}
.formula ul{
	font-size:.9em;
	color:#2d2d2d;
	margin-top:5px;
}
.formula ul li{}
.formula ul li span{
	font-weight:bold;
}

/* Productos detalle
/********************************************************************/
#productos_detalle{
	background:url(../img/bg_bordo.gif) repeat-x left top #fff;
	font-size:.9em;
	padding-top:78px;
	margin-right:13px;
}

#productos_detalle table{ color:#606060;}
#productos_detalle table td{ padding-bottom:9px;}
#productos_detalle table td table td{
	float:left;
	width:174px;
	border-left:11px solid #fff;
	padding:0;
}

/* Tabla child */
#productos_detalle table td table td.borde_izq{ border:0;}

#productos_detalle table td table td ul{ padding:8px;}
#productos_detalle table td table td ul li{}
#productos_detalle table td table td ul li ul{
	padding:0;
	margin-bottom:4px;
}
#productos_detalle table td table td ul li ul li{}
#productos_detalle table td table td ul li span{ font-weight:bold;}
#productos_detalle table td ul li a{ color:#1268b3;}
#productos_detalle table td ul li a:hover{ text-decoration:underline;}

/* Paginado
/********************************************************************/
.paginado{
	background:#fff;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	display:inline; /* IE6 fix */
	float:left;
	margin:0 0 10px 0;
	padding:7px 0 7px;
	width:100%;
}
.paginado li{ display:inline;/* IE6 fix */}
.paginado li.no_bg a{ background:none; margin-left:230px;}
.paginado li a{
	background:url(../img/bg_separador-paginado.gif) no-repeat left 3px;
	color:#000;
	float:left;
	padding:0 5px 0 8px;
}
.paginado li a:hover{
	color:#1a79cd;
	font-weight:bold;
}

.paginado li.sel a{
	color:#1a79cd;
	font-weight:bold;
}



/* Fotos con enlaces (Productos)
/********************************************************************/
/* UL primera */
ul.primera{
	margin-top:28px;
	width:178px;
	float:left;
}
ul.primera li{
	background:url(../img/thumb03.jpg) no-repeat left top;
	color:#fff;
	padding:0px 0 4px 10px;
	padding:42px 0 11px 10px;
	margin-right:1px;
	font-size:1.1em;
}
ul.primera li.first{
	background:url(../img/chapa-perforada.jpg) no-repeat left top;
	height:auto;
	padding:67px 0 5px 10px;
	margin-bottom:5px;

	color:#fff;
	font-weight:bold;
	font-size:1.5em;
}
ul.primera li.redondas{
	background:url(../img/redondas.jpg) no-repeat left top;
}
ul.primera li.cuadradas{
	background:url(../img/cuadradas.jpg) no-repeat left top;
}
ul.primera li.tajos{
	background:url(../img/tajos.jpg) no-repeat left top;
}
ul.primera li.decorativas{
	background:url(../img/decorativas.jpg) no-repeat left top;
}
ul.primera li.especiales{
	background:url(../img/especiales.jpg) no-repeat left top;
}

ul.primera li a{
	color:#fff;
	font-weight:bold;
}

/* UL segunda */
ul.segunda{
	margin-top:28px;
	width:178px;
	float:left;
	font-size:1.5em;
}
ul.segunda li{
	background:url(../img/ejemplo.jpg) no-repeat left top;
	padding:67px 0 5px 10px;
	margin-bottom:5px;
}
ul.segunda li.estampadas{
	background:url(../img/chapa-estampada.jpg) no-repeat left top;
}
ul.segunda li.expandido{
	background:url(../img/thumb02.jpg) no-repeat left top;
}
ul.segunda li.mallas{
	background:url(../img/mallas.jpg) no-repeat left top;
}

ul.segunda li span{
	display:block;
	font-size:.8em;
}
ul.segunda li a{
	color:#fff;
	font-weight:bold;
}

/* Boxes
/********************************************************************/
/* box one */
.box_one{
	background:url(../img/bg_box-two.gif) repeat-x left 0px #ebebeb;
	width:183px;
	font-size:.9em;
	color:#7d7d7d;
	border-bottom:5px solid #c1c1c1;
	margin:232px 0 20px 5px;
	padding:0 0 12px 0;
	float:left;
}
.box_one p{
	background:url(../img/bg_box-two-parrafo.gif) repeat-x left bottom;
	margin:0 15px 5px 7px;
	padding:15px 0 10px 0;
}
.box_one a.link{
	display:block;
	color:#8e474b;
	font-weight:bold;
	margin-left:7px;
}
.box_one a.link:hover{
	text-decoration:underline;
}

/* box two */
.box_two{
	background:url(../img/bg_box-two.gif) repeat-x left 97px #ebebeb;
	width:172px;
	font-size:.9em;
	color:#7d7d7d;
	border-bottom:5px solid #c1c1c1;
	margin:0 0 20px 0;
	padding:0 0 12px 0;
}
.box_two p{
	background:url(../img/bg_box-two-parrafo.gif) repeat-x left bottom;
	margin:0 15px 5px 7px;
	padding:15px 0 10px 0;
}
.box_two a.link{
	display:block;
	color:#8e474b;
	font-weight:bold;
	margin-left:7px;
}
.box_two a.link:hover{
	text-decoration:underline;
}


/* SWF
/********************************************************************/
.swf{
	background:url(../img/bg_bordo.gif) repeat-x left top;
	padding:28px 0 30px 0;
	margin-right:24px;
}




/* Lista Servicios */
#servicios{
	margin:20px 0 0 0;
}
#servicios li{
	clear:left;
}
#servicios li img{
	border:2px solid #4f2f2f;
	float:left;
	margin:0 0 12px 0;
}
#servicios li p{
	color:#5c5c5c;
	font-size:11px;
	padding:0 0 0 190px;
}
#servicios li p span{
	display:block;
	font-weight:bold;
}


/* Empresa
/********************************************************************/
.empresa{
	background:url(../img/bg_bordo.gif) repeat-x left top;
	padding:28px 0 30px 0;
	margin-right:23px;
}



.empresa img{
	float:left;
}

.right{
	padding-top:39px;
}
.right p{
	color:#818181;
	padding:0 94px 15px 184px;
}
.right p span{
	font-weight:bold;
}

/* Aplicaciones */
#aplicaciones{
	background:url(../img/bg_bordo.gif) repeat-x left top;
	color:#6f6f6f;
	font-size:.9em;
	margin-right:23px;
	padding:45px 0 0 14px;
}


#aplicaciones .colizq,
#aplicaciones .colder{
	width:242px;
	float:left;
	padding-bottom:30px;
}
#aplicaciones .colizq p,
#aplicaciones .colder p{
	padding:0 15px 10px 0;
}

#aplicaciones .colizq p span,
#aplicaciones .colder p span{
	display:block;
	font-weight:bold;
}

/* Contacto
/********************************************************************/
#gradas{
	background:url(../img/bg_bordo.gif) repeat-x left top #fff;
	color:#606060;
	float:left;
	font-size:.9em;
	margin:0 13px 40px 0;
	padding-top:78px;
	width:555px;
	display:inline;
}

/* celda */
#gradas .celda{
	float:left;
	margin-bottom:15px;
	width:100%;
}
#gradas .celda img{
	float:left;
	margin-right:12px;
}
#gradas .celda ul{
	float:left;
	width:200px;
}
#gradas .celda ul li{ margin-bottom:2px;}
#gradas .celda ul li span{ font-weight:bold;}
#gradas .celda ul li a{}
#gradas .celda ul li a:hover{}

#gradas table{
	float:left;
	margin-bottom:5px;
}
#gradas table td{
	text-align:center;
}
#gradas table table{
	margin-bottom:0;
	float:none;
	width:auto !important;
}


/* Contacto
/********************************************************************/
#contacto{
	background:url(../img/bg_bordo.gif) repeat-x left top;
	color:#767676;
	font-size:.9em;
	margin-right:22px;
	padding:78px 0 0 17px;
}
#contacto p{}

#contacto p span{
	display:block;
	font-weight:bold;
}

/* Mensaje enviado */
.msg_ok{
	background:#fff;
	margin-top:30px;
	padding:10px 0;
	text-align:center;
}


/* Errores de envio */
.errores{
	color:#ff0000;
	margin-top:20px;
}

.errores ul{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
.errores ul li{}

/* Formularios
/********************************************************************/
.form001{
	height:1%; /* IE7 fix (double top margin) */
	padding:0 0 30px 0;
	margin:20px 0 0 0px;
}
.form001 legend{
	display:none;
}

.form001 label{
	color:#767676;
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:2px;
}

.form001 label.error_disp{
	color:#ff0000;
	font-weight:bold;
}
.form001 label span.obligatorio{}


.form001 input{
	border:1px solid #af0701;
	width:227px;
	margin-bottom:5px;
	padding:4px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.form001 textarea{
	border:1px solid #af0701;
	width:468px;
	font-size:1.2em;
}

.form001 ul{
	border-top:3px solid #990d0d;
	width:475px;
	padding-top:20px;
}
.form001 ul li{
	float:left;
	padding-right:17px;
}
.form001 ul li.comentarios,
.form001 ul li.npr{
	padding-right:0;
}

.form001 ul li.buttons{ margin-bottom:20px;}
.form001 ul li.buttons button{
	background:#bc3833;
	border:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	width:102px;
	height:23px;
	margin:20px 5px 0 0;
	padding-bottom:2px;
	cursor:pointer;
}
.form001 ul li.buttons p{
	display:inline;
}

li.texto{
	width:400px;
}