
/* Generics 
----------------------------------------------*/
body{font-size:62.5%;background:#fff; font-family:helvetica,verdana,sans-serif; color:#666; padding:0; margin:20px; line-height:1.3;}

a{color:#FF9900;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#000;margin:0;padding:0;}
img{border:0;display:block;}
form,p,li{margin:0;padding:0;}
input,textarea{font-family:helvetica,verdana,sans-serif;color:#000;font-size:1.1em;}
ul{margin:0;padding:0;list-style:none;}
ul.llista li{background:url(../img/list.gif) no-repeat 0 4px;padding:0 0 35px 15px;}
ul.llista li li{background:url(../img/list2.gif) no-repeat 0 8px;padding:0;text-indent:7px;}


/* Layout 
----------------------------------------------*/
#contenidor{position:relative;width:944px;margin:0 auto;background:#fff;}
#capcalera{height:278px;background:#082d78 url(../img/bg_header.gif) repeat-x 0 0; }
#contingut{overflow:hidden;padding:10px 0 0;background:#061f54 url(../img/bg_contingut_top.gif) no-repeat 11px 61px;}
#peu{background:#082d78 url(../img/bg_contingut_bottom.gif) no-repeat 0 0;padding:56px 10px 10px;}

#contingut h1{font:bold 1.4em verdana,arial,sans-serif;text-transform:uppercase;color:#fff;margin:0 11px 54px;padding:0 2px 7px;border-bottom:1px solid #fff;line-height:1.1em;}
.seccio{background:#fff; margin:0 11px;padding:15px 20px;font-size:1.2em;min-height:239px;overflow:hidden;}
.seccio h2{font:1.5em helvetica,arial,sans-serif;color:#082D78;margin:0 0  30px;line-height:1.1em;background:url(../img/ico_subtitol.gif) no-repeat 0 3px;padding:0 0 0 10px;}
.seccio p{padding:0 0 15px;}


/* Menu 
----------------------------------------------*/
#menu{position:absolute;left:7px;top:99px;font-family:verdana,arial,sans-serif;font-size:1.1em;}
#menu li{position:relative;display:block;float:left; background:url(../img/menu_separador.gif) no-repeat 0 3px;text-transform:uppercase;font-weight:bold;white-space:nowrap;}
#menu li.first{background:none;padding-left:0;}
#menu li a{display:block;padding:0 6px 5px 8px;color:#fff;outline:none;}
#menu li ul{padding:2px 0 9px;margin:0 0 0 2px;background:#061f54;width:187px;}
#menu li li {float:none;background-image:none;margin:0;padding:0 9px;white-space:normal;font-weight:normal;text-transform:none;}
#menu li li a{border-bottom:1px solid #44577f; padding:5px 0;}
#menu li a:hover{color:#ff9900;text-decoration:none;}
#menu li ul{display:none;position: absolute;top: 100%;left: 0;}
#menu li>ul {top: auto;left: auto;}
#menu li:hover ul, #menu li.over ul {display: block;}






/* Contingut 
----------------------------------------------*/

/*header*/
#capcalera #logo{padding:12px 0 0 14px;}
#capcalera .flash{position:absolute;left:0;top:120px;}
#capcalera #menu-idiomes{position:absolute;right:10px;top:8px;}
#capcalera #menu-idiomes a{color:#fff;}
#capcalera #menu-idiomes li{display:inline;background:url(../img/separador_idiomes.gif) no-repeat 0 3px;padding:0 4px 0 5px;}
#capcalera #menu-idiomes li.first{background-image:none;}
#capcalera #applus{position:absolute;right:14px;top:37px;}

/*home*/
#p-home #contingut{padding:20px 0;background-image:none;background-color:#fff;}
#p-home #peu{background-image:none;padding:10px;}
.flash-home{float:left;width:336px;margin:0 21px 0 0;}
.proposito{float:left;width:308px;height:225px;margin:0 21px 0 0;background:#f4f4f4 url(../img/bg_proposito_bottom.jpg) no-repeat left bottom;}
.proposito h2{background:#f4f4f4 url(../img/bg_proposito_top.gif) no-repeat 0 0;font:bold 1.6em arial,helvetica,sans-serif;color:#3C3C3C;padding:6px 13px 5px;}
.proposito .text{font-size:1.2em;font-family:helvetica,arial,sans-serif;padding:6px 10px 0;line-height:1.4;}
.proposito .text p{padding:0 0 10px;}
.noticias{float:left;width:255px;margin:0;}
.noticias h2{font:bold 1.6em helvetica,arial, sans-serif;color:#082D78;border-bottom:1px solid #082D78;padding:7px 0 3px;margin:0 0 20px;}
.noticias h3{font:bold 1.4em helvetica,arial, sans-serif;color:#082D78;}
.noticias li{border-top:1px solid #d9d9d9;padding:10px 0 10px;}
.noticias li.first{border-top:none;padding-top:0;}
.noticias li .data{margin:0 0 7px;}
.noticias li p,.noticias li .mes-info{line-height:1.6;font-family:helvetica,arial,sans-serif;font-size:1.1em;}

/*historia*/
#p-historia .seccio{background:#fff url(../img/imatge_historia.jpg) no-repeat 678px 17px;padding-right:313px;}

/*vision*/
#p-vision .seccio{background:#fff url(../img/imatge_vision.jpg) no-repeat 678px 17px;padding-right:313px;}
#p-nuestro-objetivo .seccio{background:#fff url(../img/imatge_nuestro_objetivo.jpg) no-repeat 678px 17px;padding-right:313px;}

/*ingenieria*/
.ingenieria .imatges{float:left;width:257px;}
.ingenieria .imatges li{padding:0 0 25px;}
.ingenieria .imatges img{display:block}
.ingenieria .text{float:left;width:475px;line-height:1.5;}
.ingenieria .text p{padding:0 0 30px;}
.ingenieria ul.llista li p{padding:0;margin:0;}

/*produtos y soluciones*/
.productos #contingut{background:#061f54 url(../img/bg_contingut_productos_top.gif) no-repeat 235px 61px;}
.productos #peu{background:#082d78 url(../img/bg_contingut_productos_bottom.gif) no-repeat 0 0;padding:56px 10px 10px;}
.productos .seccio{background:transparent url(../img/bg_seccio_productos.gif) repeat-y 224px 0;padding:0;}
.seccio .menu{float:left;width:210px;}
.seccio .menu li{background:url(../img/ico_item_submenu.gif) no-repeat 0 0.2em;padding:0 0 8px 7px;display:block;line-height:1.2em;}
.seccio .menu a{color:#fff;}
.seccio .menu li.on a,.seccio .menu li a:hover{color:#ff9900;text-decoration:none;}
.fitxa{float:right;width:673px;background:#fff;padding:15px 0 0;}
.fitxa .columna1{float:left;width:410px;margin: 0 42px 0 0;}
.fitxa .columna2{float:left;width:200px;}
.fitxa h2{font-weight:bold;}
.fitxa p{padding:0;}
.fitxa .apartat{padding:0 0 35px;}
.fitxa h3{font:bold 1.3em helvetica,arial,sans-serif;color:#082D78;margin:0 0  15px;line-height:1.1em;padding:0 0 3px;border-bottom:1px solid #082D78;}
.fitxa caption{font-weight:bold;padding:0 0 7px 93px;background:url(../img/bg_caption_productes.gif) no-repeat 93px 18px;}
.fitxa table{border-spacing:0;}
.fitxa th{font-weight:normal;font-size:0.9em;padding:2px 0 14px 0;vertical-align:bottom;background:url(../img/bg_th_productes.gif) repeat-x 0 32px;}
.fitxa th.model{text-align:left;padding-left:10px;}
.fitxa td{font-size:0.8em;text-align:right;padding:2px 28px 2px 0;}
.fitxa td.carga-opt{padding-right:3px;text-align:center}
.fitxa td.model{text-align:left;width:80px;padding-right:0;padding-left:3px;}
.fitxa tr.fons td{background:#ffdfe9;}
.fitxa tr.separador td{border-top:1px solid #e1e1e1;height:15px;}
.fitxa .imatges{overflow:hidden;margin:10px 0 0;}
.fitxa .imatges li{margin:0 0 18px;}
.fitxa .imatges img{border:1px solid #999;display:block;margin:0 0 8px;}
.fitxa .columna2 .imatges{margin-bottom:-20px;}
.fitxa .columna2 .imatges li p{font-size:0.9em;text-align:right;padding:0 3px}
.fitxa .horitzontals li{float:left;margin:0 20px 20px 0;}
.fitxa .pdf{margin:0 0 25px;}
.fitxa .pdf a{background:url(../img/ico_pdf.gif) no-repeat right top;padding:0 15px 2px 0;font-size:0.9em;font-weight:bold;}
.fitxa ul.links li{font-size:0.9em;padding:0 0 4px;}

/*donde actuamos*/
.donde-actuamos #contingut{background:#061f54 url(../img/bg_contingut_productos_top.gif) no-repeat 235px 61px;}
.donde-actuamos #peu{background:#082d78 url(../img/bg_contingut_productos_bottom.gif) no-repeat 0 0;padding:56px 10px 10px;}
.donde-actuamos .seccio{background:transparent url(../img/bg_seccio_productos.gif) repeat-y 224px 0;padding:0;}
.donde-actuamos .fitxa .columna1{float:none;width:644px;margin:0;}
.donde-actuamos .fitxa .horitzontals li{margin:0 12px 20px 0;text-align:center;font-size:0.9em;}
.donde-actuamos .seccio h2{margin-bottom:17px;}
.donde-actuamos .seccio .descripcio{margin:0 0 60px;}

/*proyectos*/
.llista-projectes h2{margin:0 0 2px;font-weight:bold;}
.llista-projectes li{overflow:hidden;border-bottom:1px solid #e3e3e3;padding:0 0 20px;margin:0 0 20px;width:700px;}
.llista-projectes .data{font-size:1.2em;color:#333;margin:0 0 10px 10px;}
.llista-projectes .imatge{float:left;width:230px;}
.llista-projectes .imatge img{display:block;margin:0 0 0 2px;}
.llista-projectes .text{float:right;width:465px;}
.paginacio {text-align:center;padding:10px 0 0;}
.paginacio li{display:inline;padding:0 4px 0 4px;font-size:1.2em;}
.paginacio li.first,.paginacio li.left,.paginacio li.right{background-image:none;}
.paginacio li.left{margin-right:-6px;}
.paginacio li.right{margin-left:-6px;}
.paginacio li strong{font-size:1.1em;}

/*actualidad*/
.llista-noticies{margin:0 283px 0 0;line-height:1.5;}
.llista-noticies h2{background-image:none;padding:0;margin:0;font-weight:bold;}
.llista-noticies li{overflow:hidden;border-bottom:1px solid #e3e3e3;padding:0 0 10px;margin:0 0 10px;}
.llista-noticies .data{padding:0 0 4px;}
.llista-noticies .text{padding:0 0 8px;}
.llista-noticies .text p{margin:0;padding:0;}
.actualidad .pdf a{background:url(../img/ico_pdf.gif) no-repeat right top;padding:0 18px 2px 0;}
.llista-noticies li .imatges{margin:5px 0 0;}
.llista-noticies li .imatges li{border:none;}

#p-buenas-vibraciones .llista-noticies li{margin:0 0 30px;}
#p-buenas-vibraciones .llista-noticies li li{margin:0;}

.noticia-ampliada .text{float:left;width:427px;margin:0;}
.noticia-ampliada .text h2{padding:0 0 15px;}
.noticia-ampliada .text p{padding-bottom:15px;}
.noticia-ampliada .imatges{float:right;width:350px;}
.noticia-ampliada .imatges li{margin:0 0 40px;}
.noticia-ampliada .pdf{padding-top:3px;}
.noticia-ampliada .pdf a{background:url(../img/ico_pdf.gif) no-repeat right top;padding:0 18px 2px 0;font-size:0.9em;font-weight:bold;}
.back{text-align:right;padding:0 35px 48px;}
.back a{font-size:0.9em;}


/*links*/
#p-links .llista-noticies li{margin:0 0 20px;padding:0 0 15px;}

/*contacto*/
#p-contacto .columna1{float:left;width:480px;margin: 0 38px 0 0;}
#p-contacto .columna2{float:left;width:330px;margin: 63px 0 0;}
#p-contacto form{padding:18px 0 0;}
#p-contacto label{float:left;width:57px;display:block;padding:3px 0 0;}
#p-contacto label.apellidos {width:63px;text-align:center;}
#p-contacto label.cp {width:93px;text-align:center;}
#p-contacto label.provincia {width:64px;text-align:center;}
#p-contacto label.fax {width:38px;text-align:center;}
#p-contacto input{float:left;width:403px;}
#p-contacto input.boto{float:right;width:auto;border:none;background:#fff;text-align:right;padding:0;color:#FF9900;font-size:1.0em;cursor:pointer;}
#p-contacto input.boto:hover{text-decoration:underline;}
#p-contacto textarea{float:left;width:403px;}
#p-contacto #nombre{width:134px;}
#p-contacto #apellidos{width:202px;}
#p-contacto #direccion{width:229px;}
#p-contacto #cp{width:77px;}
#p-contacto #ciudad{width:203px;}
#p-contacto #provincia{width:132px;}
#p-contacto #telefono{width:201px;}
#p-contacto #fax{width:160px;}
#p-contacto form p{clear:both;padding:0 0 7px;overflow:hidden;}
#p-contacto form .peu{padding:10px 14px 10px 57px;font-size:0.9em;}
#p-contacto .dades{margin:0 0 10px;}
#p-contacto .dades p{font-size:0.9em;padding:0;}
#p-contacto .ver-googlemaps{text-align:right;padding-top:17px;}
#p-contacto .ver-googlemaps a{color:#FF9900;font-size:0.9em;}


/*nota legal*/
#p-nota-legal #contingut{background:#fff;color:#666;}
#p-nota-legal #contingut p{font-size:1.2em;margin:0 0 10px;}
#p-nota-legal h1{color:#061f54;border-color:#061f54;margin:0 0 20px;}



/* Peu 
----------------------------------------------*/
#peu p{color:#fff;text-align:center;font-size:1.1em;padding:0 0 3px;}
#peu a{color:#fff;}
#peu .separador{padding:0 3px;}



/*items del menu actius segons id del body*/
#p-home #m-home div a,#p-historia #m-home div a,#p-historia #m-historia a,#p-vision #m-home div a,#p-vision #m-vision a,#p-nuestro-objetivo #m-home div a,#p-nuestro-objetivo #m-nuestro-objetivo a{color:#ff9900;}
#p-ingenieria #m-ingenieria div a,#p-ingenieria #m-servicio-asistencia a,#p-patologias #m-ingenieria div a,#p-patologias #m-patologias a,#p-servicio-ingenieria #m-ingenieria div a,#p-servicio-ingenieria #m-servicio-ingenieria a,#p-estudio-vibraciones #m-ingenieria div a,#p-estudio-vibraciones #m-estudio-vibraciones a{color:#ff9900;}



#p-donde-actuamos #m-donde-actuamos div a,#p-donde-actuamos #m-donde-clima a,#p-donde-agua  #m-donde-actuamos div a,#p-donde-agua #m-donde-agua a,#p-donde-elevacion #m-donde-actuamos div a,#p-donde-elevacion #m-donde-elevacion a,#p-donde-acustica-arquitectonica #m-donde-actuamos div a,#p-donde-acustica-arquitectonica #m-donde-acustica-arquitectonica a,#p-donde-maquinaria #m-donde-actuamos div a,#p-donde-maquinaria #m-maquinaria a,#p-donde-plantas-industriales #m-donde-actuamos div a,#p-donde-plantas-industriales #m-donde-plantas-industriales a{color:#ff9900;}
#p-proyectos #m-proyectos div a,#p-proyectos #m-proyectos-clima a,#p-proyectos-agua #m-proyectos div a,#p-proyectos-agua #m-proyectos-agua a,#p-proyectos-elevacion #m-proyectos div a,#p-proyectos-elevacion #m-proyectos-elevacion a,#p-proyectos-acustica-arquitectonica #m-proyectos div a,#p-proyectos-acustica-arquitectonica #m-proyectos-acustica-arquitectonica a,#p-proyectos-maquinaria #m-proyectos div a,#p-proyectos-maquinaria #m-proyectos-maquinaria a,#p-proyectos-plantas-industriales #m-proyectos div a,#p-proyectos-plantas-industriales #m-proyectos-plantas-industriales a,#p-proyectos-laboratorios #m-proyectos div a,#p-proyectos-laboratorios #m-proyectos-laboratorios a,#p-proyectos-varios #m-proyectos div a,#p-proyectos-varios #m-proyectos-varios a{color:#ff9900;}
#p-actualidad #m-actualidad div a,#p-actualidad #m-noticias a,#p-articulos #m-actualidad div a,#p-articulos #m-articulos a,#p-buenas-vibraciones #m-actualidad div a,#p-buenas-vibraciones #m-buenas-vibraciones a{color:#ff9900;}
#p-links #m-links div a{color:#ff9900;}
#p-contacto #m-contacto div a{color:#ff9900;}

.missatge {color:#ff0000}
#fotoProp2 {background:#efefef; border:1px solid #333;width:410px;}
#fotoProp2 img{margin:0 auto}