
/* Generics 
----------------------------------------------*/
body{font-size:62.5%;background:#eee url(../img/bg_body.gif) repeat-x 0 0; font-family:arial,verdana,sans-serif; color:#666; padding:0; margin:0; line-height:1.3;}

a{color:#fa7900;text-decoration:none;outline: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:arial,verdana,sans-serif;color:#333;}
ul{margin:0;padding:0;list-style:none;}
.txt span{visibility:hidden;}


/* Layout 
----------------------------------------------*/
#contenidor{width:938px;margin:0 auto;}
#capcalera{height:76px;margin:64px 19px 0;overflow:hidden;}
#capcalera a:hover{text-decoration:none;}
#capcalera-logo{float:left;width:400px;}
#capcalera-logo a{display:block;width:263px;height:22px;background:url(../img/binaria.gif) no-repeat 0 0;font-size:1.4em;}
#capcalera-logo a span{font-size:0.8em;}
#capcalera-contacta{float:right;width:300px;margin:10px 0 0;}
#capcalera-contacta a{display:block; float:right; width:62px; height:10px; background:url(../img/txt_contactar.gif) no-repeat 0 0;font-size:1.1em;}
#contingut {overflow:hidden;margin:0 19px;}
#peu{background:url(../img/linia_punts_horitzontal.gif) repeat-x 0 0;padding:13px 0;margin:0 19px;}


/* Contingut 
----------------------------------------------*/


/*home*/
#p-home #contingut{margin:0;}
#text-home{margin:0 19px 15px;background:url(../img/linia_punts_horitzontal.gif) repeat-x left  bottom;}
#text-home h2{width:900px;height:120px;background:url(../img/txt_home.gif);}
#treballs-destacats{margin:0 0 34px;overflow:hidden;}
#treballs-destacats h3{font-size:1em;background:url(../img/txt_trabajos_destacados.gif) no-repeat 0 0;width:130px;height:23px;margin:0 0 0 19px;}
#treballs-destacats li{float:left;display:block;width:310px;height:251px;background:url(../img/home_marc_fotos.gif) no-repeat 19px 0;line-height:1.3;}
#treballs-destacats img{margin:6px 0 14px 25px;}
#treballs-destacats h4{font-size:1.1em;margin: 0 0 1px 19px;}
#treballs-destacats p{font-size:1.1em;margin: 0 0 0 20px;}

/*trabaja en binaria*/
#p-trabaja #contingut{font-size:1.4em;margin-bottom:100px;}
#p-trabaja h1{background:url(../img/txt_trabaja_en_binaria.gif) no-repeat 0 0;width:164px;height:16px;font-size:1em;margin:10px 0 0;}
.titol{padding:0 0 14px;margin:0 0 11px;background:url(../img/linia_punts_horitzontal.gif) repeat-x left  bottom;}
.intro{padding:0 0 14px;margin:0 0 20px;background:url(../img/linia_punts_horitzontal.gif) repeat-x left  bottom;}
#p-trabaja h2{font-size:1em;color:#666;margin:0 0 14px;}
#p-trabaja ul{margin:0 0 25px;}
#p-trabaja li{background:url(../img/list.gif) no-repeat 0 6px;padding:0 0 0 19px;}

/*contacta*/
#p-contacta h1{background:url(../img/txt_contactar_con_binaria.gif) no-repeat 0 0;width:200px;height:16px;font-size:1em;margin:10px 0 0;}
#p-contacta .titol{margin-bottom:25px;}
#p-contacta .dades{float:left;width:368px;}

#p-contacta #contacta{background:url(../img/linia_punts_vertical.gif) repeat-y 381px 0;overflow:hidden;margin:0 0 60px;}
#p-contacta .dades .bloc{padding:0 0 20px;font-size:1.4em;}
#p-contacta .dades .bloc p{}
#p-contacta .dades h2{font-size:1em;color:#333;}
#p-contacta .dades .email{padding:10px 0 0;}
#p-contacta .dades .email h2{display:inline;padding:0 4px 0 0;}
#p-contacta .dades .email div{padding:0 0 5px;}
#p-contacta .dades .telf{font-size:2.7em;line-height:1;padding:3px 0 0;}
#p-contacta .dades .mapa{background:url(../img/marc_mapa.gif) no-repeat 0 0;padding:10px 0 0;margin:15px 0 0;}
#p-contacta .dades .mapa img{margin:0 16px 18px 10px;}
#p-contacta .dades .mapa a{font-size:0.8em;text-decoration:underline;}
#p-contacta .form{float:right;width:498px;}
#p-contacta .form .missatge{font-size:1.4em;}
#p-contacta form label{font-size:1.4em;display:block;padding:0 0 5px;}
#p-contacta .nombre,#p-contacta .email {float:left;width:244px;padding:0 0 35px;}
#p-contacta input{font-size:1.4em;width:220px;}
#p-contacta textarea{font-size:1.4em;width:464px;height:204px;}
#p-contacta .form h2{margin-bottom:24px;font-size:1.4em;color:#333;}
#p-contacta .comentarios{padding:0 0 15px;}
#p-contacta .condiciones{float:left;width:373px;}
#p-contacta .condiciones input{width:auto;vertical-align:middle;}
#p-contacta .condiciones label{font-size:1.1em;display:inline;}
#p-contacta input.boto{width:95px;background:url(../img/bg_boto.gif) no-repeat 0 0;font-size:1.2em;font-weight:bold;border:none;margin:0;padding:4px 0 6px;}

/*fitxa*/
#p-fitxa #contingut{margin-bottom:15px;margin-right:0;}
#p-fitxa h1{font-size:2.6em;line-height:1.2;letter-spacing:-1px;color:#666;font-weight:normal;padding:0 0 11px;margin:0 19px 11px 0;background:url(../img/linia_punts_horitzontal.gif) repeat-x left  bottom;}
#p-fitxa .descripcio{font-size:1.4em;padding:0 0 14px;margin:0 19px 20px 0;background:url(../img/linia_punts_horitzontal.gif) repeat-x left  bottom;}
#p-fitxa .banner{background:url(../img/bg_banner.gif) no-repeat 0 0;position:relative;height:765px;}
#p-fitxa .imatges{margin:0 0 17px;width:904px;}
#p-fitxa .imatges a{display:block;}
#p-fitxa .banner div{position:absolute;left:508px;top:250px;}
#p-fitxa .videos li{float:left;display:block;width:458px;background:url(../img/marc_video.gif) no-repeat 0 0;line-height:1.3;}
#p-fitxa .videos li.right{width:445px}
#p-fitxa .videos li div{padding:10px;}
#p-fitxa .videos li p{font-size:1.1em;text-align:center;padding:8px 0;}
#p-fitxa .links{margin:0 19px 15px 5px;}
#p-fitxa .links li{display:inline;font-size:1.4em;padding:0 30px 0 22px;}
#p-fitxa .links li.atras {background:url(../img/ico_atras.gif) no-repeat 0 0;}
#p-fitxa .links li.online {background:url(../img/ico_ver_online.gif) no-repeat 0 0;}

/*pagina orange manuela*/
#p-fitxa .orange li{float:left;display:block;width:458px;background:url(../img/marc420x340.gif) no-repeat 0 0;line-height:1.3;}
#p-fitxa .orange li div{height:340px;}
#p-fitxa .orange li.center{float:none;clear:both;width:auto;background:url(../img/marc880x530.gif) no-repeat 0 0;}
#p-fitxa .orange li.center div{height:530px;}

/* Peu 
----------------------------------------------*/

#peu-legal{color:#999;font-size:1.1em;}
#peu-legal a{color:#999;}
#peu-trabaja{float:right;font-size:1.1em;}




