@charset "utf-8";
/* HTML */

img{
	border:none;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
body{
	padding:0;
	margin:0;
	/*width:1100px;*/
	/*width:100%;*/
	
	/*margin:0 auto auto auto;/* Para centrar la página, pegada arriba */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	/*border:1px dotted #CCCCCC;*/
		background:url(../img/bg_top_cuerpo.gif)  repeat-x 0px 138px;
}
h1{
	padding:0;
	margin:0;
	/*margin-left:25px;*/
	margin-left:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	/*text-transform:capitalize;*/
	top:-2px;
}
.h1_mini{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
}

/* Colores específicos para encabezados de página, según color de aleta */
#h1_perfiles{
	color:#008068;
}
#h1_hogar{
	color:#00aeef;
}
#h1_escalerillas{
	color:#f8971d;
}
#h1_barandas{
	color:#008068;
}
#h1_especiales{
	color:#ebc900;
}
#h1_femopanel{
	color:#7dc242;
}
#h1_parrillas{
	color:#006a93;
}
#h1_general{
	color:#ce0100;
}
#h1_industrial{
	color:#ed1c24;
}
#h1_policarbonato{
	color:#00aaad;
}






/*div{
	border:1px solid green;
}*/



/* ID's */

#top{
	height:122px;/*143px; Tiene alto de 138, pero hay que descontar el padding top de 16px para que calce */
	padding:16px 0 0 0;
	margin:0;
	/*border:1px solid red;*/
}
* html #top{
	height:120px;
}
#top_submenu{
	float:right;
	padding-top:33px;
}
#top_submenu a{
	margin-left:17px;
}
#logo{

}
#menu{
	/*height:32px;*/
	background:url(../img/bg_menu.jpg) repeat-x top;
	/*padding-left:85px;*/
	text-align:center;
	margin-bottom:0;
}
* html #menu{
	height:30px;
}
#menu img{
	margin:0;
	padding:0;
}
/*#sitemap{
	margin-left:30px;
}
* html #sitemap{
	padding-left:50px;
}
* html #mapa_sitio{
	position:absolute;
	top:500px;
	border:1px solid red;
}

#mapa-4{
	position:relative;
	left:80px;
	margin-left:15px;
	top:-15px;
}*/

#mapa-4_2{
	position:relative;
	left:235px;
	/*margin-left:15px;*/
	top:-40px;
}


#submenu_indus, #submenu_proy{
	float:left;
	top:133px;
	background-color:#c80813;
	/*padding:10px;*/
	z-index:10;
	border:1px solid red;
	width:180px;
	white-space:nowrap;	
	position:absolute;
}
* html #submenu_indus{
	float:left;
	z-index:99;
	position:absolute;
	top:138px;
}
* html #submenu_proy{
	float:left;
	z-index:99;
	position:absolute;
	top:138px;
}

#submenu_indus a, #submenu_proy a, #submenu_indus2 a{
	display:block;
	font-size:12px;
	color:white;
	padding:2px;
	padding-left:6px;
	border-bottom:1px solid white;
}
#submenu_indus a:hover, #submenu_proy a:hover, #submenu_indus2 a:hover{
	color:white;
	background-color:#660000;
	text-decoration:none;
	z-index:1;
}

#submenu_indus{
	margin-left:117px;
}
/* Parq que quede bajo 'Proyectos', y con ancho correspondiente */
#submenu_proy{
	margin-left:530px;
	width:100px;
}


#cuerpo{
	background:url(../img/bg_top_cuerpo.gif)  #EAE9E5 repeat-x top;
	margin:0 auto;
	clear:both;
	/*padding-bottom:140px;*/
	width:880px;
	}
* html #cuerpo{
	margin-top:-2px;
}

#central{
	width:880px;/*956*/
	margin:0 auto 0 auto;
	background-color:#eae9e5;/*e5e5e5;*/
	/*border:#993300 solid 1px;********************************************/
	height:280px;
}
#conte{
	width:880px;/*956*/
	background-color:#eae9e5;/*e5e5e5*/
	/*margin-left:83px;*/
	margin:0 auto 0 auto;
	padding-top:40px;

}
#conte_izq{
	width:545px;
	padding-bottom:60px;

}
#pag_interiores #conte_izq, #pag_noticias #conte_izq{
	padding-bottom:0;
}
#conte_izq p{
	margin-left:45px;
	text-align:justify;
}
#pag_interiores #conte_izq p{
	width:453px;/*380*/
	width:380px;/**/
	text-align:justify;
}

#conte_der{
	width:328px;
	float:right;
	height:100px;
	padding-bottom:20px;
}
* html #conte_der{
	height:100px;
	padding-bottom:10px;
}
#aleta{
	float:left;
	position:relative;
	top:-35px;
	padding-top:2px;
	left:0;
}
#aleta .aleta_proy, #aleta .aleta_cont{
	top:30px!important;
}
*html #aleta{
	/*top:-50px;*/
	top:-25px;
}
#logo_ul{
	text-align:center;
	float:right;
}
#exp_mapa{
	margin-left:20px;
}

/* Estilo para div menu_descargas, cuando iba al lado del texto */
/*#menu_descargas{
	float:right;
	font-size:12px;
	margin-right:0;
}*/
#menu_descargas{
	font-size:12px;
/*	top:-160px;*/
/*top:50px;
	left:58px;*/
	width:150px;
	position:absolute;
	top:534px;
	margin-left:55px;
	font-size:10px;
}
#menu_descargas strong{
	color:#a6a6a6;
}
#menu_descargas a{
	display:block;
	margin-top:3px;
}
/* Mismo submenú para linea industrial, pero en el menu de la derecha */
#submenu_indus2{
	background-color:#c80813;
	position:relative;
	top:0;
	left:50px;
	float:right;
	width:180px;
	z-index:99;
}
* html #submenu_indus2{
	position:absolute;
	top:461px;
	left:auto;
	margin-left:160px;
}




#menu_der{
	width:173px;
	/* En algunas páginas parece que "height" es demasiado el alto de las lineas grises del menu, pero es porque no todos tienen el link de "carta colores ral"*/
	height:188px;
	margin-left:36px;
	/*padding-top:30px;*/
	padding-top:0;
	border-left:2px solid #c2c2c2;
	border-right:2px solid #c2c2c2;
}
#menu_der img{
	padding-top:0;
}
#menu_der a{
	display:block;
	/*width:151px;*/
	margin:0 9px 10px 9px;
	padding-top:0;
	/*padding:2px;
	padding-left:12px;
	text-transform:uppercase;
	font-weight:bold;*/
	color:#6b6c6c;
	white-space:nowrap;
}
/*#menu_der a:hover, */
.menu_sel{
	background-color:#c70913;
	color:white !important;
	text-decoration:none;
}
#thumb {
	position:relative;
	padding-left:40px;
	bottom:-28px;
	width:450px;/* Para que no tape el menu del pie */
}
*html #thumb {
	bottom:-33px;
}
#thumb img{
	border:4px solid #d8dcdb;
	margin-right:16px;
}

#thumb_noticia{
	position:relative;
	padding-left:40px;
	/*bottom:-28px;*/
	width:500px;/* Para que no tape el menu del pie */
	text-align:right;
	z-index:1;
}
*html #thumb_noticia{
	/*bottom:-33px;*/
}
#thumb_noticia img{
	/*border:4px solid #d8dcdb;*/
	margin-right:16px;
	padding-bottom:3px;
}



#pie{
	background:url(../img/bg_pie.gif) repeat-x top;
	/*position:relative;*/
	font-size:12px;
}

#pie_menu{
	width:880px;/*956*/
	height:46px;
	/*background-color:#666666;/*#a5a5a5;*/
	margin:auto;
	text-align:right;
	border-left:1px solid #828282;
	border-right:1px solid #828282;
	/*z-index:99;*/
}

#pie_datos{
	width:880px;/*956*/
	height:100px;
	margin:auto;
	border-left:1px solid #585858;
	border-right:1px solid #585858;
	padding-top:5px;
	/*background-color:#333333;*/
}

#pie_contactos{
	color:#c9c9c9;
	margin-left:40px;
	/*width:400px;*/
	height:60px;
	padding-top:-20px;
	/*position:relative;
	top:-10px;*/
}
#pie_certif{
	float:right;
	margin-right:12px;
	vertical-align:middle;
}
*html #pie_certif{
	margin-right:8px;
}
#pie_certif img{
	margin-left:10px;
}
#pie_logos{
	padding:0;
	margin:0;
}
#pie_logos img{
	margin-right:20px;
}

#form_contacto{
	margin-left:50px;
}
#form_contacto label{
	width:70px;
	float:left;
	text-transform:capitalize;
}
#form_contacto input, #form_contacto select, #form_contacto textarea{
	width:70%;
}

#form_contacto p{
	padding:0;
	margin-bottom:3px;
	margin-top:0;
}
#form_contacto textarea{
height:100px;
}




/* Clases */

.sep_17{
		margin-left:17px;
}
.titulo_central{
	float:right;
}
.h1{
	margin-left:45px;
}
.pie_oscuro{
	float:right;
	padding-right:25px;
	padding-top:14px;
}
.pie_oscuro, .pie_oscuro a{
	color:#666666;
}
.pie_oscuro a{
	text-decoration:underline;
}
.logo_iso{
	float:right;
	padding-top:38px;
	/*margin-right:33px;*/
}

.img_central{
	position:absolute;
	margin-left:-78px;
	width:628px;
	height:275px;
}
* html .img_central{
	width:629px;
	height:275px;
	margin-left:-79px;
}



/* Galería */
#slideshowHome{
	position:absolute;
	margin-left:-78px;
	width:628px;
}
* html #slideshowHome{
	width:629px;
	height:275px;
}





.spacer{
	clear:both;
}

/* Clase para centrar elementos respecto a todo el contenido 
pero que debe ir alineado a la izquierda (Ver logo. Necesario para efecto líquido)*/

#cont_logo {
text-align:left;
padding-left:150px;
}
.centra_izq{
	width:1080px;
	text-align:center;
	margin:0 auto 0 auto;
}


.centra_der{
	text-align:right !important;
	padding-right:180px;
}

.ver_mas{
	color:#be0100;
}
.listados_planchas{
	margin-left:50px;
}
* html .listados_planchas{
	padding-left:50px;
}





/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	  visibility: hidden;
	  display: block;
	  font-size: 0;
	  content: " ";
	  clear: both;
	  height: 0;
}

.clearfix {
	  display: inline-block;
}

/* start commented backslash hack \*/

* html .clearfix {
	  /*height: 1%;*/
}

.clearfix {
	  display: block;
}
/* close commented backslash hack */
#submenu_indus   {
margin-left:190px;
}

#submenu_proy {
margin-left:620px;
}

#fichas_proyectos{
	padding-top:25px;
	/*border:1px solid blue;*/
	width:520px;
	padding-left:30px;
}
* html #fichas_proyectos{
	padding-left:0;
}
.ficha, .ficha_indus{
	/*border:1px solid red;*/
	width:150px;
	float:left;
	padding-left:15px;
	padding-bottom:30px;
}
#fichas_proyectos img{
	/*padding-left:10px;*/
	border:4px solid #d8dcdb;/*#666666;*/
}
.ficha strong, .ficha_indus strong{
	display:inline-block;
}
.ficha label{
	font-weight:bold;
	/*font-size:11px;*/
}
.ficha a{
	text-decoration:underline;
}
.ficha_indus a{
	text-decoration:none;
}
.ficha_indus a:hover{
	color:#666666;
}

.certificados img{
	margin-left:100px;
	margin-top:20px;
}
.logo_ul{
	/*margin:8px auto 0 20px;*/
	text-align:center;
}
.h2_home{
	margin:0;
	padding:0;
	text-align:center;
	color:#8d8d8b;
	font-size:15px;
	padding-left:50px;
}
.list_especif{
	padding-top:10px;
}
.list_especif p{
	padding-left:40px;
}

.lnkVolver{
	float:right;
	position:relative;
	top:-35px;
	font-weight:bold;
}

/* Area contenido destacado */
#caja_destacados {
/*width:790px;*/
height:550px;
margin-left:50px;
clear:both;
}

.destacados {
float:left;
width:370px;
vertical-align:top;
margin-right:27px;
line-height:11px;
}
.destacados h4 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#c01621;
text-transform:capitalize;
position:relative;
top:-7px;
}

.destacados .publicado {
color:#a8a7a5;
position:relative;
top:-20px;
}

.text_post div {
position:relative;
top:-28px;
height:1px;
background:url(../img/lineas-home.gif) no-repeat right;
width:255px;
left:122px;
}

.text_post div hr {
display:none;
}
.destacados p {
position:relative;
top:-35px;
font-size:11px;
color:#666666;
}

.destacados .ver_mas {
position:relative;
top:-43px;
left:122px;
}
.img_post{
    width:107px;
	height:107px;
    background:url(../img/fondo_thmb.png) no-repeat left 5px;
    float: left;
	padding: 8px;

}


.img_post img {
/*border: solid 5px #FFFFFF;*/
/*background-image:url(../img/fondo_thmb.png) no-repeat;
margin-right:5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;*/
padding:6px 16px;
float:right;
width:90px;
height:90x;
}
.sidebar_social {

}

#facebook2 {
list-style-image:url(../img/fb_icon.gif);
}
#twitter2 {
list-style-image:url(../img/twitter_icon.gif);
}
#rss2 {
list-style-image:url(../img/rss_icon.gif);
}

#ver_anteriores {
float:right;
position:relative;
right:320px;
}

#formulario {
float:left;
width:400px;
margin-left:20px;

}

.radio {
}

#a_negocios {
width:200px;
text-align:center;
margin-left:100px;
}



.seccion_form {
background:#990000;
color:#FFFFFF;
padding:3px 5px;
font-weight:bold;
}


table  strong {
color:#990000;
}

table tr {
padding:5px;
}

form input {
color:#CCCCCC;
}

#submit {
color:#000000;
}

#caja_destacados2 {
/*width:790px;*/
height:550px;
margin-left:50px;
clear:both;
}
#radiobuttons {
text-align:center;
}

.direccion {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
float:left;
position:relative;
word-spacing:.3px;
font-weight:bold;

top:-5px;
}