body {
font-family:verdana;
font-size:76%;
margin:0 auto;
padding:0;
color:#4E4B4A;
width:990px;
}


/******* generals *******/

h1#capcalera {
background:url(../img/logo_01.gif) no-repeat left;
width:336px;
height:70px;
padding-right:25px;
}


h1#capcalera a {
display:block;
background:url(../img/logo_01.gif) no-repeat left;
width:336px;
height:70px;
}


.general {
text-indent:-10000px;
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:0 0
}

div#contingut_01 {
width:910px;
margin:0 auto;
}

div#contingut_02 {
background:url(../img/fons_02.gif) no-repeat left top;
}

div#contingut_03 {
background:#DBDDDB url(../img/fons_03.gif) no-repeat left top;
}

div#contingut_04 {
background:url(../img/fons_05.gif) no-repeat left top;

}
div#vincles_menu {
float:left;
padding:3px 0 5px 0
}



/*****CAPCALERA***/
.capca_adreca {
font-size:14px;
background: url(../img/punt_llista.gif) left no-repeat;
padding-left:20px;
font-weight:bold;
}


/************HOME*************/

div#mano_de_obra {
/*position:relative;*/
margin-left:214px;
margin-top:7px;
}

div#mano_de_obra ul {
font-size:1.1em;
width:190px;
background-color:#F8F8F6;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
padding:10px;
border:1px solid #716F6E;
position:absolute;
top:328px;
margin:0 200px 0 0;
list-style:none;}

div#mano_de_obra ul li {
display:inline;
padding:0;
margin:0;
}

div.menu_tancat ul {display:none;}

div.menu_obert ul {display:block;}

a.menu_flotat:link, a.menu_flotat:visited {
display:block;
background:url(../img/quadrat_01.gif) 0 5px no-repeat;
padding-left:12px;
color:#716F6E;
text-decoration:none;
}

/***********CATALOGO GALERIA*************/

div#Galeria_catalogo {
margin-right:30px;
padding-bottom:5px
}

div#Galeria_catalogo div{
padding:0 8px 2px 2px;
}

div#Galeria_catalogo a {display:block;border-style:solid;border-width:4px;} 
div#Galeria_catalogo img {border:0;} 
div#Galeria_catalogo a:link, div#Galeria_catalogo a:visited   {border-color:#B3B3B3;color:#716F6E; text-decoration:none}
div#Galeria_catalogo a:hover {border-color:#FCAA16; color:black; text-decoration:none}


.Producto {
margin:0 20px 0 10px;}
.Producto a{display:block;border-style:solid;border-width:4px;} 
.Producto img {border:0}
a.v_producto:link, a.v_producto:visited {border-color:#B3B3B3}
a.v_producto:hover {border-color:#FCAA16}


/************************PRODUCTOS ******************/

.caract_producte {
font-weight:bold;
background-color:#766957;
color:white;
text-align:center;
padding:5px;
margin-bottom:8px;
}

.caract_producte_oferta {
font-weight:bold;
background-color:#E72F2A;
color:white;
text-align:center;
padding:5px;
margin-bottom:8px;
}

/***********SEGONA GALERIA ************/

.reforma a{display:block;border-style:solid;border-width:4px;} 
.reforma img {border:0}
a.v_reforma:link, a.v_reforma:visited {border-color:white; text-decoration:none}
a.v_reforma:hover {border-color:#FCAA16; text-decoration:none}


/****** GALERIA PROYECTOS *****/

div#projectes {
width:260px;
margin:19px 0 0 50px
}

div#projectes div {
float:left;
padding-bottom:10px;
margin-right:10px;
}

div#projectes img {border-width:0;}

div#projectes a:link, div#projectes a:visited {display:block;border:2px solid #fff}
div#projectes a:hover {border:2px solid #FCAA16}

div#vincles_pagines {clear:left;
margin:0 0 8px 50px}

div#vincles_pagines a.triat_pag {text-decoration:none;color:#999999;cursor:default}

div#foto_gran {
border:8px solid white;
margin-top:13px;
margin-bottom:5px;}
/* 
colors 
------
*/

.gris_01 {color:#C6C5C5}
.gris_02 {color:#716F6E}
.gris_03 {color:#4E4B4A}
.groc {color:#FFF100}
.blanc {color:#FFF}
.vermell {color:#FF0000}

/* 
colors de fons 
--------------*/
.f_negre {background-color:#000000}
.f_blau {background-color:#007EA1}

/*Amplades*/

.w133 {width:133px}
.w145 {width:145px}
.w156 {width:156px}
.w330 {width:330px}
.w600 {width:600px}

.h_75 {height:75px}

/***marges ***/

.per_esquerra_50 {padding-left:50px}
.per_esquerra_40 {padding-left:40px}
.margin_4 {margin:4px 0 0 4px}
.margin_2 {margin:2px 0 0 2px}


/****VINCLES*****/

a:link, a:visited {
color:#716F6E;
font-weight:bold;
}

a:hover {color:#FF0000}

a.triat_submenu:link, a.triat_submenu:visited {color:#B3B3B3}

a.v_mapa_capca {
display:block;
width:82px;
height:27px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-100000px;}

a.v_mapa_capca:link, a.v_mapa_capca:visited {background-image: url(../img/mapa_01.gif);}
a.v_mapa_capca:hover {background-position:-92px}


a.v_vincles_menu:link, a.v_vincles_menu:visited {
text-decoration:none;
padding-left:20px;
padding-right:35px;
font-size:14px;
color:#716F6E;
font-weight:bold;
}

a.v_vincles_menu#ultim_vincle {padding-right:0px; margin:0}

a.v_vincles_menu:hover, a.triat:link, a.triat:visited {
background:url(../img/fletxa_01.gif) left no-repeat;
color:#FF0000;
}

/*a.triat_menu:link, a.triat_menu:visited  {
background:url(../img/fletxa_01.gif) left no-repeat;
color:#FF0000;
font-weight:bold;
padding-left:20px;
padding-right:35px;
font-size:14px;
text-decoration:none;
cursor:default

}*/

a.idioma:link, a.idioma:visited {
background:url(../img/punt_llista_02.gif) left no-repeat;
padding-left:12px;
padding-right:10px;
text-decoration:none;
font-size:14px;
color:#181512
}


a.aqui {
display:block;
width:47px;
height:44px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-100000px;
margin-left:10px;
margin-right:50px
}

a.aqui:link, a.aqui:visited {background-image: url(../img/aqui_es_01.gif);}
a.aqui:hover {background-position:-50px}

a.menu_flotat:link, a.menu_flotat:visited {
display:block;
background:url(../img/quadrat_01.gif) 0 5px no-repeat;
padding-left:12px;
color:#716F6E;
text-decoration:none;
}

a.menu_flotat:hover {
background-image:url(../img/quadrat_02.gif);
color:#0084AA;
}

/* 
separadors 
----------
	- n'hi ha d'horitzontals i de verticals
	- normalment tenen 15px alçada i una imatge de fons que es repeteix horitzontalment
*/

.separador_1_h { /* la h final vol dir 'horitzontal' */
height:15px;
background-position:left center;
background-repeat:repeat-x;
background-image:url(../img/border_02.gif);
margin:5px 30px 10px 20px;
}