@charset "UTF-8";
/* CSS Document */

body { background-image:url(img/back2.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#4f646c }
img { border:none }
a { color:#333; text-decoration:none; text-decoration:underline; }
a:hover { color:#000; text-decoration:none }
.limpiar { clear:both }
.limpiar2 { clear:both; height:0.05em }
#container { width: 58.7em; height:100%; margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */ text-align: left; /* esto anula text-align: center en el elemento body. */ background-color:#FFF; }
.menu, .menu_02, .menu_03 { background-image:url(img/back_menu.gif); background-repeat:repeat-x; height:5.6em; margin:0 4px 0 4px; border-bottom:1px solid #CCC; width:58.3em }
.menu ul, .menu_02 ul, .menu_03 ul { margin:0; padding:0; width:58.3em;  *margin-left: 0!important;  /* Sólo IE7 */
}
.menu li, .menu_02 li, .menu_03 li { float:left; background:url(img/li.gif) no-repeat left top; height:4em; border-right:1px solid #CCC; padding-right:1.6em;  *padding-right:1em;
margin-left:0.8em; overflow:visible; list-style-type:none; margin-top:1em }
.menu li a { display:block; color:#333; text-decoration:none; height:4em; float:left; margin-left: 1.4em !important; /* Firefox y los demás */  *margin-left: 1.8em !important;  /* Sólo IE7 */
 *margin-left: 0.9em; /* Sólo IE6 */
}
.menu li a:hover, .menu_02 li a:hover, .menu_03 li a:hover { color:#5D0432; text-decoration:none; }
.menu li a:active, .menu_02 li a:active, .menu_03 li a:active { color:#5D0432; text-decoration:none; }
.menu li a:visited, .menu_02 li a:visited, .menu_03 li a:visited { color:#5D0432; text-decoration:none; }

.menu_02 li a { display:block; color:#333; text-decoration:none; height:4em; float:left; margin-left:2.2em !important; /* Firefox y los demás */  *margin-left: 1.8em !important;  /* Sólo IE7 */
 *margin-left: 0.9em; /* Sólo IE6 */
}
.menu_03 li a { display:block; color:#333; text-decoration:none; height:4em; float:left; margin-left:1.8em !important; /* Firefox y los demás */  *margin-left: 1.8em !important;  /* Sólo IE7 */
 *margin-left: 0.9em; /* Sólo IE6 */
}



.imatge_es { width:48%; float:left; margin:3px }
.imatge_dret { width:48.5%; float:right; margin:3px }
.caixa_1 { background-color:#d9e2e4; height:7.6em; border:1px solid #999; padding:1em; color:#333; padding-top:2em }
.caixa_1 ul { margin:0 0 0 1.3em; padding:0 }
.caixa_2 { background-color:#7f9097; height:8.6em; margin-top:0.2em; border:1px solid #666; padding:1em; color:#FFF }
.caixa_2 ul { margin:0 0 0 1.3em; padding:0 }
.pinferior { border-top:1px solid #CCC; border-bottom:1px solid #CCC; height:9em; margin-left:3px; margin-right:3px; width:58.3em }
.noticias { width:28%; float:left; padding:0.5em; margin-left:1.5em; margin-top:1em }
.clientes { float:left; border-right:1px solid #CCC; padding:0.5em; margin-left:1.5em; margin-top:1em }
.con_inici { line-height:1.5em; margin-left:1.3em }
.clientes img { margin-left:4em; margin-top:0.4em; margin-right:3em }
.contacto { float:left; padding:0.5em; margin-top:1em; margin-left:3em }
.contacto ul { margin:0; padding:0; }
.contacto li { list-style-type:none; font-size:0.9em; margin-left:1.6em; margin-top:0.4em }
.peu { background-image:url(img/peu.jpg); background-repeat:no-repeat; color:#333; height:3em; margin:3px; padding-top:0.4em; font-size:0.9em;  *margin-bottom:-1em
}
.txtpeu { position:absolute; font-size:0.8em; color:#333; width:73em; margin-top:0.7em !important; /* Firefox y los demás */  *margin-top:1.5em !important;  /* Sólo IE7 */
 *margin-top: 0.7em; /* Sólo IE6 */
}
.puntodevista { font-size:0.8em; margin:3px; padding:1em; overflow:hidden; line-height:1.7em; }
.lopixel{float:right; margin-top:0em; font-size:0.9em}
.lopixel a{color:#6e1742; text-decoration:none; font-weight:bold}
.lopixel a:hover{color:#6e1742; text-decoration:underline; font-weight:bold}
/*...............................................INICI EMPRESA*/

.empresa { margin:3px; padding:2em 2em 2em 3em; overflow:hidden; }
.empresa li { padding:0em }
.empresa ul { margin:0; padding:0; list-style-type:none }
.empresa ul li { margin-bottom:1em }
.empresa ul li ul li { margin:0.2em 0 0 -1em; padding:0em 1em; list-style-type:none }
.serviciosa { padding:1em; }
.serviciosa li { padding:0.4em; line-height:1em; list-style-type:none }
.serviciosa ul { margin:0; list-style-type:none }
.serviciosa a { margin-top:1em; text-decoration:none }
.socio { padding:1em; overflow:hidden; float:left; }
.socio li { margin-top:1em; padding:0.2em 0.6em; margin:0.2em 1.4em 0 1.6em; list-style-type:none }
.socio ul { margin:0; padding:0; list-style-type:none; width:67em;  *width:43em;
}
.idiomes { position:absolute; font-size:0.8em; margin-left:63em; margin-top:7.6em; color:#fff; font-weight:bold }
.idiomes a { color:#fff; text-decoration:none }
.idiomes a:hover { color:#fff; text-decoration:underline }
.titols { color:#650030; font-size:1.2em; font-weight:bold; width:39em }
.titols_serv { color:#650030; font-weight:bold; width:45em; font-size:1.2em; }
.titols_serv a { color:#650030; }
.titol { font-size:1.5em; color:#603; margin-left:2em }
.subtitol { font-size:0.8em; color:#4f646c; font-weight:bold }
.clientes_gen { margin:2em 1em 1em 15em; font-size:0.8em }
.client_div { height:9em; }
.client_logo { float:left; margin-left:2em }
.client_desc { float:right; margin-right:1em; margin-left:1em; display:block; height:8em; width:24em }
/*FORMULARI..................................................................................*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */ margin: 0; padding: 0; list-style-type:none; margin-left:0 !important; /* Firefox y los demás */  *margin-left: 2.4em !important;  /* Sólo IE7 */
 *margin-left: 2.4em; /* Sólo IE6 */
}
form li { list-style-type:none; margin-left:-1em }
form ul { margin:0 }
form fieldset { border-color: #000; border-width: 1px; border-style: NONE; padding: 5px;        /* padding in fieldset support spotty in IE */ margin: 0; }
form label { display: block;  /* block float the labels to left column, set a width */ float: left; width: 140px; padding: 0; margin: 8px 0 0 7em; /* set top margin same as form input - textarea etc. elements */ font-size:1.1em }
form fieldset legend { font-size:0.9em; /* bump up legend font size, not too large or it'll overwrite border on left *//* be careful with padding, it'll shift the nice offset on top of border  */
}
form input, form textarea { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */ margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */ }
form input#reset { margin-left:0px; margin-top:0.3em /* set margin-left back to zero on reset button (set above) */ }
textarea { overflow: auto; }
form small { display: block; margin: 0 0 5px 120px; /* instructions/comments left margin set to align w/ right column inputs */ padding: 1px 3px; font-size: 88%; }
form .required { font-weight:bold; } /* uses class instead of div, more efficient */
form br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */ }

/*FI FORMULARI...........................................................................................................*/