@charset "utf-8";
/* CSS JP ANCLAJES */

body{background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#282828; margin:0px; padding:0px;}
a{outline:0;}
p,a,ul,li,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

/* CARCASA INDEX */
div#contenedor_general{float:left; width:949px; height:auto;}

/* Cabecera */
div#contenedor_cabecera{float:left; width:949px; height:109px;}
/*div#contenedor_cabecera h1 a{float:left; width:252px; height:109px; text-indent:-5000px; background-image:url(../images/cabecera/bg-logo-h1.gif); background-repeat:no-repeat;}*/


/* Contenedor contenido */
div#contenedor_contenido{float:left; width:949px; height:auto; background-image:url(../images/contenido/bg-contenido.gif); background-repeat:repeat-y; padding-bottom:30px;}
div#contenido_derecha{float:left; width:673px; height:auto; margin-left:13px;}


/* Menu */
div#contenedor_menu{float:left; width:198px; height:auto; margin-left:53px;}
div#contenedor_menu ul{float:left; width:198px; height:auto; list-style-type:none;}
div#contenedor_menu ul li{float:left; width:186px; background-color:#e1e1e1; height:auto; padding-left:12px; padding-top:3px; padding-bottom:3px; margin:0; margin-bottom:1px;}
div#contenedor_menu ul li.visited{float:left; width:186px; background-color:#000099; height:auto; padding-left:12px; padding-top:3px; padding-bottom:3px; margin:0; margin-bottom:1px;}
div#contenedor_menu ul li.productos{padding-left:12px; background-image:url(../images/menu/triangulito.gif); background-repeat:no-repeat; background-position:4px 7px;}
div#contenedor_menu ul li a{display:block; text-decoration:none; color:#3a2885; margin:0;}
div#contenedor_menu ul li a.enlacevisitado{display:block; text-decoration:none; color:#fff; margin:0;}
div#contenedor_menu ul li a:hover{text-decoration:underline;}

div#contenedor_menu ul li a.submenu01{margin-left:5px; background-image:url(../images/menu/cuadradito.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:8px;}

div#contenedor_menu ul li a.submenu02{margin-left:25px; background-image:url(../images/menu/cuadradito.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:8px; color:#fff; font-weight:bold;}
div#contenedor_menu ul li.menu02{float:left; width:186px; background-color:#bababa; height:auto; padding-left:12px; padding-top:3px; padding-bottom:3px; margin:0; margin-bottom:1px;}
div#contenedor_menu ul li.menu02_visited{float:left; width:186px; background-color:#000099; height:auto; padding-left:12px; padding-top:3px; padding-bottom:3px; margin:0; margin-bottom:1px;}

div#contenedor_menu ul li.despliegue{padding-left:12px; background-image:url(../images/menu/flecha-abajo.gif); background-repeat:no-repeat; background-position:4px 7px;}


/* Footer */
div#footer{clear:left; width:949px; height:auto; padding-bottom:20px;}
.footer_right{float:right; border-top:3px solid #e3e3e3; width:685px; height:auto; padding-top:5px;}



/* CONTENIDO */

/* Index */
.contenedor_foto{float:left; width:198px; height:198px; margin-bottom:13px;}
.contenedor_foto a{float:left; width:188px; height:23px; color:#FFFFFF; text-decoration:none; background-repeat:no-repeat; padding-left:10px; padding-top:175px; font-size:12px; font-weight:bold;}
.contenedor_foto a.visited{text-decoration:underline;}
.contenedor_foto a:hover{text-decoration:none; background-repeat:no-repeat;}
.margen{margin-left:11px; margin-right:11px;}
.transporte a{color:#FFFFFF; background-image:url(../images/index/01-transportes-a.jpg);}
.transporte a:hover{color:#FF6808; background-image:url(../images/index/01-transportes-b.jpg);}
.conectores a{color:#FFFFFF; background-image:url(../images/index/02-conectores-a.jpg);}
.conectores a:hover{color:#FF6808; background-image:url(../images/index/02-conectores-b.jpg);}
.fachadas a{color:#FFFFFF; background-image:url(../images/index/03-fachadas-a.jpg);}
.fachadas a:hover{color:#FF6808; background-image:url(../images/index/03-fachadas-b.jpg);}
.estructuras a{color:#FFFFFF; background-image:url(../images/index/04-estructuras-a.jpg);}
.estructuras a:hover{color:#FF6808; background-image:url(../images/index/04-estructuras-b.jpg);}
.obras a{color:#FFFFFF; background-image:url(../images/index/06-obras-a.jpg);}
.obras a:hover{color:#FF6808; background-image:url(../images/index/06-obras-b.jpg);}
.estandar a{color:#FFFFFF; background-image:url(../images/index/05-accesorios-a.jpg);}
.estandar a:hover{color:#FF6808; background-image:url(../images/index/05-accesorios-b.jpg);}

/* Sección */
/*h2#titulo_seccion{float:left; color:#3a2885; width:100%; height:auto; border-bottom:1px dotted #3a2885; font-size:12px; font-weight:normal; padding-bottom:2px;}*/
h2#titulo_seccion{float:left; color:#3a2885; width:100%; height:auto; border-bottom:1px #3a2885; font-size:12px; font-weight:normal; padding-bottom:2px;}
div#imagen_seccion{float:left; width:100%; height:auto; margin-top:5px;}
div#imagen_seccion a{color:#4e4ed9; text-decoration:none; font-size:11px;}
div#imagen_seccion a:hover{text-decoration:underline;}
div.caja_producto{float:left; width:100%; height:auto; margin-bottom:23px; margin-top:12px;}
h3#nombre_producto{float:left; width:99%; height:auto; color:#fff; font-size:12px; font-weight:normal; background-color:#3a2885; padding:2px; padding-left:5px;}
h3#nombre_producto_gris{float:left; width:99%; height:auto; color:#fff; font-size:12px; font-weight:normal; background-color:#737373; padding:2px; padding-left:5px;}
.texto_producto{float:left; width:380px; height:auto; margin-top:8px; padding-left:5px; font-size:13px;}
.texto_producto a{color:#4e4ed9; text-decoration:none; font-size:11px;}
.texto_producto a:hover{text-decoration:underline;}
.imagen_producto{float:right; width:auto; height:auto; margin-top:8px; text-align:right; margin-right:0px;}


/* Ficha */
div#descargas{float:left; width:100%; height:auto; background-color:#bababa; margin-top:2px;}
div#descargas ul{float:left; list-style-type:none; padding:10px;}
div#descargas ul li{}
div#descargas ul li a{color:#fff; text-decoration:none;}
div#descargas ul li a:hover{text-decoration:underline;}

/* Ejemplos */
div.caja_ejemplo{float:left; width:100%; height:auto; margin-bottom:23px; margin-top:12px;}
h3#nombre_ejemplo{float:left; width:99%; height:auto; color:#3a2885; font-size:11px; font-weight:normal; background-color:#d8d2f1; padding:2px; padding-left:5px;}
.foto_ejemplo{float:left; width:auto; height:auto; margin-right:15px; margin-top:13px;}
.foto_articulo{float:left; width:20%; height:auto; margin-right:15px; margin-top:13px;}
.foto_tabla{float:left; width:77%; height:auto; margin-top:13px;}
.box_descarga{float:left; margin-top:13px;}
.box_descarga a{color:#3a2885; text-decoration:none;}
.box_descarga a:hover{text-decoration:underline;}


/* Empresa */
div#texto_empresa{float:left; width:100%; height:auto; font-size:12px; margin-top:10px; margin-bottom:10px;}

/* Noticias */
.caja_noticia{float:left; width:100%; height:auto; margin-bottom:23px; margin-top:12px;}
p.titular_noticia{float:left; width:100%; height:auto; border-bottom:1px dotted #3a2885; font-size:12px; font-weight:bold; padding-bottom:3px;}
.foto_texto_noticia{float:left; width:auto; height:auto; margin-top:10px;}
.texto_noticia{float:left; width:400px; height:auto; padding-left:10px;}
.texto_noticia a{color:#3a2885; text-decoration:underline;}
.foto_noticia{float:left; width:auto; height:auto;}


/* Enlaces */
.caja_enlace{float:left; width:100%; height:auto; margin-top:12px; margin-bottom:23px;}
.nombre_enlace{float:left; width:100%; height:auto; color:#000000; font-weight:bold; font-size:12px;}
.texto_enlace{float:left; width:90%; height:auto; margin-top:10px; padding-left:18px;}
.texto_enlace a{color:#3a2885; text-decoration:underline;}



/* FORMULARIO TIPO 1 */
div#formulario_contacto {width: 625px; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top:20px; float:left;}
div#formulario_contacto strong {font-weight: bold; color: #333333; float:left; width: 300px; margin-bottom: 1px;}
div#formulario_contacto strong.corto {font-weight: bold; color: #333333; float:left; width: 200px; margin-bottom: 1px;}
div#formulario_contacto input {background-color: #f1f0f0; border: 1px solid #D7D5EB; float: left; width: 613px; margin-bottom:0px; padding-left:3px; padding-right: 3px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353; }
div#formulario_contacto textarea {background-color: #f1f0f0; border: 1px solid #D7D5EB; float: left; width: 613px; margin-bottom:0px; padding-left:3px; padding-right: 3px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353;}
div#formulario_contacto .f-input_corto {background-color: #f1f0f0; border: 1px solid #D7D5EB; float: left; width: 294px; margin-bottom: 1px; padding-left: 3px; padding-right: 3px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #535353;}
div#formulario_contacto label{float:left; margin-bottom:12px;}
div#formulario_contacto .labels {float: left; padding-bottom:12px;}
div#formulario_contacto .label1 {float: left; width: 100px; margin-top:0px; }
div#formulario_contacto .label2 {float: left; width: 100px; margin-left: 220px; margin-top:0px;}

div#formulario_contacto label span {font-size: 0.8em; margin-top: 0px; padding-bottom: 5px; float:left; width: 600px;} 

div#btn_formulario {margin-left: 5px; margin-right: 0px; margin-top: 15px; padding: 0; float:left; width: 300px;}
div#btn_formulario input {width:auto; border:0; padding:0;}
div#campos_obligatorios {margin-top: 23px; margin-left: 200px; float:left;}


/* Clases */
.nomargin{margin:0;}
.texto_violeta{color:#3a2885;}