BODY{
height: 100%;
margin: 0;
padding: 0;
	/*margin : 0px 0px 0px 0px;  10px de marge superior sempre */
	text-align: center; /* pq el iexplorer centri la capa contenedor */
	/*color:#FF0000;  color text vermell (no tocar pq tots els colors els tenim q aplicar amb estiles més locals, no aquest)*/

	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#333333; /* griset clar de fons */
	
	/*border-left: 5px solid  #333333;
	border-right: 5px solid  #333333;*/
	
/*	margin-top:5px;*/
	
scrollbar-face-color:#333333;
scrollbar-arrow-color:#CCCCCC;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#000000;
} 

p
{
/*Example of paragraph no margin css 
This CSS will reduce the space between (lines) paragraphs to zero. It will look more like the default line spacing in popular Word processors. */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin: 0; padding: 0;
text-align:justify;
line-height:15px;
}

.titulo_blanco {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.azul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9db7e9;
margin: 0; padding: 0;
text-align:justify;
line-height:15px;
}




.example1 {
	font-weight: bold;
	font-size: 14px
}

.example2 {
	font-weight: bold;
	font-size: 12px;
	color: #FF0000
}

.tablerow1 {
	background-color: #BBBBBB;
}


/* en el body tenim els 3 divs principals:
1. el div contenedor, de 984 px d'ample i l'alçada ajustada a la mida de la pantalla, sempre mantenint una mida mínima.
2 i 3. dintre el contenedor tenim el central i el peu. El peu ocupa 50 px a la part de baix i el central redimensiona la seva
alçada per cubrir tot l'alt del contenedor.
EL javascript size.js calcula la mida dels divs quan carreguem les pàgines
*/

#div_contenedor{ 
	margin: auto; /* pq centri el mozilla */
	background-color:#4e4e4e; /* negre */
	/* FORÇO DE MOMENT */
	width:984px;
	
		/*border-left: 1px solid  #333333;*/
	/*border-right: 1px solid  #333333;*/
	
/*	border-left: 1px solid  #538397;
	border-right: 1px solid  #538397;*/
		/* FORÇO DE MOMENT  PQ es vegi bé en una pantalla de 1024 px*/
	/* width:970px;   /* col esq+col dreta+separacio+10+10+10+10+1+1+1+1 == 980 */
	/*border-left: 1px solid  #538397;
	border-right: 1px solid  #538397;*/
}
#div_central
{
color:#4e4e4e;
	position:relative;
	left:0px;
	top:0px;	
	width:100%;
	background-color:#4e4e4e; /* negre */
}

#div_peu{
	position:relative;
	left:0px;
	top:0px;	
	height:50px; /* tocar la funció setSize() si toquem aquest alt */
	width:100%;
	background-color:#4e4e4e; /* blanc */
}

#div_peu_adicional{
	position:relative;
	left:0px;
	top:0px;	
	height:0px; /* tocar la funció setSize() si toquem aquest alt */
	width:100%;
	background-color:#4e4e4e; /* blanc */
}
	
/* dintre del div central */
#div_central_esquerra
{
top:0px;
left:0px;
position:absolute;
/*float:left;*/
background-color:#222222; /* negre */

width:284px; /* esquerra+dreta=984 */
}	

#div_central_dreta
{
top:0px;
left:284px;
position:absolute;
/*float:left;*/
background-color:#4e4e4e; /* negre */

width:700px; /* esquerra+dreta=984 */
overflow:hidden; /* perque no surti imatge per la dreta si la redimensionem!!! */
}	

#div_central_esquerra_banner
{
height:90px;
}

#div_central_dreta_banner
{
height:90px;
}

#div_central_dreta_banner_fondo
{
height:90px;
background-image:url(../admin/img/fondo.jpg);
/*background-color:#4e4e4e;*/
color:#EFEFEF;
}

#div_central_esquerra_body
{
height:90px;
}


#div_central_dreta_body
{
top:110px;
left:0px;
position:absolute;
z-index: 10;                      /* place it over the other DIV */
}
#div_central_dreta_body_image
{
top:0px;
left:0px;
position:relative;
}

#translucentbkg
{
left:320px;

width:380px;
height:470px;   /* to match DIVs size          */
background-color:#000000;       /* the background              */
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;
float:right;
position: absolute;              /* absolute positioning        */
}

.div_label
{

	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background: #7387bc url(../admin/img/on.gif) repeat-x;
	background-position: bottom;
	/*color: #fff;*/
	/* AQUI NO cursor: pointer; /* perque canvii la fletxa per la maneta */
	/* NOOO  margin-bottom: 1px; */
	padding: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #7387bc;

	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF; /* gridet */
}


#div_over_transparency
{
text-align:-moz-center; /* pq centri el mozilla */
	
left:320px;
width:380px;
height:700px;
overflow: auto;
float:right;
background-color: transparent;   /* transparent background      */
position: absolute;              /* absolute positioning        */
z-index: 2;                      /* place it over the other DIV */
}

/*   ----------------------------------------------- FINS AQUI ---------------------------------- */

div.div_scrollbar{
overflow: auto;
height:340px;
}



#div_logo_BJ
{
background-color:#000000;
height:80px;
}

#div_banner
{
background-color:#000000;
height:90px;
}


#div_inicio_contenedor
{
/*	border: 1px solid #343230; */
	background-color:#000000;
	border: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
/*	padding: 10px; */
	float:left;
	position:relative;
	width:700px;
	
	/*^background-image: url(../img/joel2.jpg); */

}

#div_inicio_contenedor_imagen
{
width:700px; height:470px;

/*background: #000000 url(../pub/img/fondos/destacado_700_470.jpg);*/
}

#div_inicio_contenedor_imagen_destacado
{
width:700px; height:470px;
background: #000000 url(../pub/img/fondos/destacado_700_470.jpg);
}
#div_inicio_contenedor_imagen_empresa
{
width:700px; height:470px;
background: #000000 url(../pub/img/fondos/empresa_700_470.jpg);
}
#div_inicio_contenedor_imagen_servicios
{
width:700px; height:470px;
background: #000000 url(../pub/img/fondos/servicios_700_470.jpg);
}
#div_inicio_contenedor_imagen_contacto
{
width:700px; height:470px;
background: #000000 url(../pub/img/fondos/contacto_700_470.jpg);
}
#div_inicio_contenedor_imagen_trabajo
{
width:700px; height:470px;
background: #000000 url(../pub/img/fondos/trabajo_700_470.jpg);
}



   



#div_inicio_dreta_OBOSLET
{
width:320px;
background:none;
float:left;
height:425px;
}



#div_separacio  /* separa les dos columnes div */
{
	position:relative;
	float:left;
	width:10px;
	background-color:#21201f; /* blanc */
}

div#div_presentacion_centrador
{
margin: auto; /* pq centri el mozilla */
width:100%;
background-image: url(../img/joel2.jpg);
}
div#div_presentacion
{
background-color:#000000;
width:400px;
height:450px;
float:left;
/*	opacity: .8;
    filter: alpha(opacity=80);*/
}

div#div_presentacion_foto
{
background-color:#000000;
width:200px;
height:450px;
float:left;
background-image: url(../img/joel2.jpg);
}


/*   -------------------------------------- ELS 2 DIVS ACCORDION ------------------------------------------ */





/* -- BJ -----------------------------------------------------------------> ACCORDION */

div#test-accordion
{
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	float:left;
	position:relative;
	width:284px; /* esquerra+dreta=984 */
}

div.accordion-toggle{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background: #3f3c38 url(../admin/img/off.gif) repeat-x;
	background-position: bottom;
	cursor: pointer; /* perque canvii la fletxa per la maneta */
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	margin-left:15px;
	margin-right:15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #5d5852;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF; /* griset */
}
div.accordion-toggle:hover , div.accordion-toggle-active {
	background-image: url(../admin/img/on.gif);
	background-color: #7387bc;
	border-top: 1px solid #7387bc;
}

div.accordion-content{
	overflow: hidden;	/* required for effect */
	background:#191919; 
	color: #c4bab1;
	/* NOOOO	border-bottom: 1px solid #000; */
	padding: 0;
	margin: 0; /* NOOOO  9px 24px 6px 24px; */
/******* AIXÒ EN 0 PQ FUNCIONI BE NO FAGI EL SALT AL CARREGAR LA PAGINA. LLAVORS POSARÉ l'ALÇADA DIRECTAMENT DE SOL EL CONTENT QUE S'OBRE INICALMENT I JA ESTA ****/
	height:0px; 
	width:254px; 
	margin-left:15px;
	margin-right:15px;
}

div.accordion-content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0;
	margin-top:5px;
	margin-right:0;
	margin-bottom:5px;
	text-align: left;
}

div.accordion-content-scrollbar{
overflow: auto;
height:0px;
margin-left:10px;
width:244px;
}
/* -- BJ <----------------------------------------------------------------- ACCORDION */



div.accordion-toggle-fixe{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background: #3f3c38 url(../admin/img/off.gif) repeat-x;
	background-position: bottom;
	/*color: #fff;*/
	cursor: pointer; /* perque canvii la fletxa per la maneta */
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #5d5852;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF; /* gridet */
}




div.accordion-toggle-fixe:hover , div.accordion-toggle-fixe-active {
	background-image: url(../admin/img/on.gif);
	background-color: #7387bc;
	/*border-top: 1px solid #7387bc;*/
}






/* -- BJ -----------------------------------------------------------------> LINKS */
A{
	font-size:11px;
	text-align:left;
	margin: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


A:link {font-weight:normal; text-decoration:none; color:#FFFFFF;}
A:visited {font-weight:normal;text-decoration:none; color:#FFFFFF;} 
A:active  {font-weight:normal; text-decoration:none; color:#FFFFFF;} 
A:hover   {font-weight:normal; text-decoration:underline; color:#FFFFFF;} 


A.link_adaptat:link {font-weight:normal; text-decoration:none; color:#FFFFFF;}
A.link_adaptat:visited {font-weight:normal;text-decoration:none; color:#FFFFFF;} 
A.link_adaptat:active  {font-weight:normal; text-decoration:none; color:#FFFFFF;} 
A.link_adaptat:hover   {font-weight:normal; text-decoration:underline; color:#FFFFFF;} 

A.link_adaptat2:link {font-weight:bold; text-decoration:none; color:#88a0d7;}
A.link_adaptat2:visited {font-weight:bold;text-decoration:none; color:#88a0d7;} 
A.link_adaptat2:active  {font-weight:bold; text-decoration:none; color:#88a0d7;} 
A.link_adaptat2:hover   {font-weight:bold; text-decoration:underline; color:#88a0d7;} 

.div_piso A:link {font-weight:normal; text-decoration:underline; color:#000000;}
.div_piso A:visited {font-weight:normal;text-decoration:underline; color:#000000;} 
.div_piso A:active  {font-weight:normal; text-decoration:underline; color:#000000;} 
.div_piso A:hover   {font-weight:normal; text-decoration:underline; color:#000000;} 
/* -- BJ <----------------------------------------------------------------- LINKS */



















.table1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	text-align: left;
/*	vertical-align:top;*/
color:#FFFFFF;
}


.border-cool-out{
  border:1px solid black;
  background-color:#000066;
  width:150px;
  padding:0px;
}