@import url("http://www.studiogenesis.net/framework/framework.css");
@charset "utf-8";
/* CSS Document */

/*********************************************************** RESETEO ******************/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
.romper{clear:both;}

/************************************************* ESTRUCTURA BÁSICA **************************************************/

body{
margin:0;
background-image:url(../images/fondo-body.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#6782b6;
}

#container{
width:900px;
margin:auto;
padding:0;
position:relative;
}

#header{
height:58px;
background-image:url(../images/fondo-header.gif);
background-repeat:repeat-x;
margin:14px 0 0 0;
position:relative;
}

#footer{
height:300px;
background-image:url(../images/fondo-footer.gif);
background-repeat:repeat-x;
background-position:top;
position:relative;
}

/**************************************************  ÍNDEX  ********************************************************************/

.logo-tort{
padding:6px 20px 0 31px;
float:left;
}

h1 strong{
display:none;
}

h1{
padding:19px 0px 0px 100px;
}

.idiomes{
position:absolute;
top:0;
right:25px;
}

.idiomes a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#bcbcbc;
font-size:9px;
margin:0 4px;
font-weight:bold;
}

.idiomes a:hover{
color:#333;
}

.idiomes a.active{
color:#333;
}

.menu{
background-image:url(../images/fondo-menu.gif);
background-repeat:repeat-x;
height:27px;
}

.menu ul {  
list-style:none;
margin:0;
padding:0;
}

.menu ul li {
padding:0;
float:left;
}

.menu ul li a {
display:block;
height:27px;
margin:0 15px;
text-decoration:none;
}

.menu ul li a.active {
background-position:bottom;
}

.menu ul li a:hover {
background-position:bottom;
}

.menu ul li a span {
display:none; 
}

.w82{
width:82px;
}

.w55{
width:55px;
}

.w164{
width:164px;
}

.w105{
width:105px;
}

.w73{
width:73px;
}

.w27{
width:27px;
}

.w40{
width:40px;
}

.w95{
width:95px;
}

.w153{
width:153px;
}

.w64{
width:64px;
}

.w38{
width:38px;
}

.w160{
width:160px;
}

.w65{
width:65px;
}

.w125{
width:125px;
}

.w41{
width:41px;
}

.w70{
width:70px;
}

.w138{
width:138px;
}

#boto-inici{background-image:url(../images/boto-inici.gif);}
#boto-empresa{background-image:url(../images/boto-empresa.gif);}
#boto-obresiclients{background-image:url(../images/boto-obresiclients.gif);}
#boto-serveis{background-image:url(../images/boto-serveis.gif);}
#boto-actualitat{background-image:url(../images/boto-actualitat.gif);}
#boto-contacte{background-image:url(../images/boto-contacte.gif);}

#boto-inici-es{background-image:url(../images/boto-inici-es.gif);}
#boto-empresa-es{background-image:url(../images/boto-empresa-es.gif);}
#boto-obresiclients-es{background-image:url(../images/boto-obresiclients-es.gif);}
#boto-serveis-es{background-image:url(../images/boto-serveis-es.gif);}
#boto-actualitat-es{background-image:url(../images/boto-actualitat-es.gif);}
#boto-contacte-es{background-image:url(../images/boto-contacte-es.gif);}

#boto-inici-uk{background-image:url(../images/boto-inici-uk.gif);}
#boto-empresa-uk{background-image:url(../images/boto-empresa-uk.gif);}
#boto-obresiclients-uk{background-image:url(../images/boto-obresiclients-uk.gif);}
#boto-serveis-uk{background-image:url(../images/boto-serveis-uk.gif);}
#boto-actualitat-uk{background-image:url(../images/boto-actualitat-uk.gif);}
#boto-contacte-uk{background-image:url(../images/boto-contacte-uk.gif);}

.ficha-home1{
height:547px;
background-image:url(../images/fondo-home.jpg);
background-position:center;
position:relative;
}

.ficha-home2{
height:547px;
background-image:url(../images/fondo-home-es.gif);
background-position:center;
position:relative;
}

.ficha-home3{
height:547px;
background-image:url(../images/fondo-home-uk.gif);
background-position:center;
position:relative;
}
.seccions-home{
background-image:url(../images/fondo-seccions.jpg);
background-position:center;
height:350px;
}

.serveis-home{
position:absolute;
left:35px;
bottom:85px;
}

.serveis-home h2 {
float:left;
margin-right:40px;
}

h2 strong{
display:none;
}

.seccio1-home, .seccio2-home, .seccio3-home{
width:263px;
margin:0 13px 0 20px;
float:left;
overflow:hidden;
height:400px;
}
.seccio3-home {height:450px;}

.seccio1-home span, .seccio2-home span, .seccio3-home span{
display:none;
}

.seccio3-home{
margin:0 0px 0 33px;
}

.arxiu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:6px 0 0 0px;
color:#FFFFFF;
}

.arxiu a{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.seccio1-home h3, .seccio2-home h3, .seccio3-home h3{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
margin-bottom:15px;
}

.seccio1-home p a, .seccio2-home p a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d7e5ff;
line-height:140%;
text-decoration:none;
}

.seccio1-home p a strong, .seccio2-home p a strong{
color:#FFFFFF;
}

.seccio1-home a, .seccio2-home a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#005169;
line-height:140%;
text-decoration:none;
}

.foto-seccio{
margin:10px 0;
}

.blau{
font-size:18px;
font-weight:normal;
color:#d5e3ff;
}

.seccio3-home form p{
float:left;
width:80px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

.seccio3-home form{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

.camp1, .camp2{
width:150px;
background-image:url(../images/fondo-camp.gif);
background-repeat:repeat-x;
background-position:top;
border:0;
margin:5px 0;
padding:3px;
color:#999999;
}

.camp2{
height:45px;
}


.boto-enviar {
margin:10px 0 0 0;
background-color:#1f5b7d;
padding:3px;
border:1px solid #1f5b7d;
font-size:10px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.nomtelefon{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:normal;
}

.nomtelefon em{
font-style:normal;
color:#eaaaaa;
}

.nomtelefon span{
margin-left:220px;
margin-right:25px;
color:#eaaaaa;
}

.logos-peu{
margin:50px 0 0 240px;
}

.logos-peu a{
margin:0 6px;
}

.menu-peu p a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
margin:0 10px;
font-size:10px;
}

.menu-peu p span{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-top:25px;
font-size:10px;
}

.menu-peu{
margin:15px 0;
}

.menu-peu p{
margin:20px 0;
}

/**************************************************  HISTORIA  ********************************************************************/

.submenu{
background-image:url(../images/fondo-submenu.gif);
background-repeat:repeat-x;
height:40px;
}

.submenu ul {  
list-style:none;
margin:0;
padding:0;
}

.submenu ul li {
padding:0;
float:left;
margin:15px 10px 0 10px;
}

.submenu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ee9898;
text-decoration:none;
}

.submenu ul li a:hover{
color:#fff;
text-decoration:none;
}

.submenu ul li a.active{
color:#fff;
}

.contingut-historia{

}

.contingut-historia h2 strong{
display:none;
}

.text-historia{
background-color:#7a91ca;
padding:25px;
overflow:hidden;
background-image:url(../images/fondo-sombra.gif);
background-repeat:no-repeat;
background-position:top;
}

.legal{
background-color:#7a91ca;
padding:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:145%;
color:#FFFFFF;

}

.text-historia p{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:140%;
margin:5px 0 0 20px;

}

.text-historia h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
line-height:140%;
margin:5px 10px;
}

.baner{
width:389px;
height:149px;
float:left;
margin:20px;
}

/**************************************************  QUALITAT  ********************************************************************/

.contingut-qualitat h2 strong{
display:none;
}

.seccio, .fitxes{
background-color:#7a91ca;
padding:25px;
overflow:hidden;
_display:inline-block;
background-image:url(../images/fondo-sombra.gif);
background-repeat:no-repeat;
background-position:top;
}

.esquerra{
float:left;
width:400px;
margin-right:40px;
}

.dreta{
float:left;
width:400px;
}

.dreta2{
float:right;
width:360px;
}

.dreta3{
float:right;
width:400px;
}

.dreta4{
float:right;
width:410px;
margin-top:20px;
}

.aenor p{
width:250px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
color:#FFFFFF;
padding:5px 0 0 20px;
}

.aenor a{
float:left;
}

.proces{
padding:10px;
width:341px;
margin-left:20px;
background-image:url(../images/fondo-degradat.gif);
background-repeat:repeat-x;
background-position:top;
}

.punt{
background-image:url(../images/fondo-puntos.gif);
background-position:top;
background-repeat:no-repeat;
width:261px;
padding:8px 10px 10px 70px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:140%;
font-size:12px;
font-weight:bold;
background-color:#6181bb;
margin-top:8px;
}

/**************************************************  SEGURETAT  ********************************************************************/

.esquerra h3 strong, .proces h3 strong{
display:none;
}

.esquerra p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:140%;
margin-top:20px;
}

.esquerra h3, .proces h3{
margin:15px 0;
}

.dreta h3 strong, .dreta2 h3 strong, .dreta3 h3 strong, .dreta4 strong{
display:none;
}

/**************************************************  OBRES I CLIENTS  ************************************************************/

.obres{
overflow:hidden;
_display:inline-block;
}

.fitxes{
padding:20px 5px;
}

.fitxes h3{
margin:12px;
}

.obres h2 strong, .fitxes h3 strong{
display:none;
}

.fitxa{
width:407px;
height:119px;
float:left;
padding:8px 8px 0 8px;
background-color:#95a8d7;
margin:10px;
}

.fitxes{
overflow:hidden;
_display:inline-block;
}

.foto-obra{
float:left;
margin-right:10px;
}

.text-obra{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
color:#FFFFFF;
}

.text-obra p a{
color:#FFFFFF;
}

.totes-noticies a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#5169b1;
margin:10px;
padding:4px;
}

/**************************************************  URBANITZACIONS  ************************************************************/

.exec{
background-image:url(../images/fondo-exec.gif);
background-position:top;
background-repeat:no-repeat;
padding:15px 5px 7px 65px;
background-color:#617ebb;
width:271px;
margin:8px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:140%;
font-weight:bold;
color:#fff;
}

.urbanistica h3 strong{
display:none;
}

.urbanistica p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:150%;
color:#FFFFFF;
margin:10px 0;
}

.urbanistica{
background-image:url(../images/fondo-urbanistica.gif);
background-position:center;
background-repeat:no-repeat;
width:391px;
height:242px;
padding:15px;
}

.baner-confia{
margin:25px 0;
}


/**************************************************  CONTACTA  ************************************************************/


.form-contacta p{
width:100px;
float:left;
margin:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

.form-contacta span{
float:left;
margin:10px;
}


.form-c{
padding:3px;
border:none;
background-image:url(../images/fons-degradat.gif);
background-position:top;
background-repeat:repeat-x;
width:250px;
}


.form-contacta form file{
width:250px;
background-image:url(../images/fons-degradat.gif);
background-position:top;
background-repeat:repeat-x;
}


.form-f{
width:250px;
height:200px;
background-color:#e7eef7;
background-image:url(../images/fons-degradat.gif);
background-position:top;
background-repeat:repeat-x;
border:none;

}

.radiobutton{
margin-left:130px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-top:20px;
}

.boto-formulari{
margin:10px 10px 10px 130px;
background-color:#1f5b7d;
padding:3px;
border:1px solid #1f5b7d;
font-size:10px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.punt p strong{
color:#e8b75b; 
font-weight:bold; 
font-size:14px;
}



/**************************************************  GRUP  ************************************************************/

.logo1{
width:270px;
float:left;
background-image:url(../images/fondo-logos.gif);
background-repeat:repeat-x;
background-position:top;
margin:0 5px;
}

.logo1 h3 strong{
display:none;
}

.logo1 h3{
margin:20px 0;

}

.logo1 p{
margin:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:140%;
}

.logo1 p a{
color:#FFFFFF;
font-weight:bold;
}

.logo1 p a:hover{
text-decoration:underline;
}

.formulari-equip, .formulari-equip-2, .formulari-equip-3{
background-image:url(../images/formulari_equip.gif);
background-position:top center;
background-repeat:no-repeat;
background-color:#6880c0;
width:338px;
height:300px;
padding:120px 25px 10px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.formulari-equip {height:370px;}

.formulari-equip-2{
background-image:url(../images/formulari_equip-2.gif); height:370px;
}

.formulari-equip-3{
background-image:url(../images/formulari_equip-3.gif); height:370px;
}

.formulari-equip form, .formulari-equip-2 form, .formulari-equip-3 form{
margin-top:20px;
}

.formulari-equip form p, .formulari-equip-2 form p, .formulari-equip-3 form p{
float:left;
width:100px;
}

.camp-equip{
width:217px;
background-color:#899fd2;
border:none;
margin-bottom:15px;
padding:2px;
}

.boto-equip{
margin-left:100px;
}

.studiogenesis a{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:9px;
padding:10px 0 50px 0;
vertical-align:middle;
text-decoration:none;
margin-bottom:25px;
}

.studiogenesis{
float:left;
width:200px;
}

.logo-peu{
float:right;
margin:10px;
}

.studiogenesis a img{
vertical-align:middle;
}

#altres{
margin:35px 8px;
}

#altres p{
background-color:#95a8d7;
width:860px;
padding:5px 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:150%;
margin-bottom:10px;
}

.siguenos{
position:absolute;
right:5px;
top:5px;

}

.siguenos a{

}

.br6  {
	border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}