/* CSS Document */

body  
{
	margin:0px;
	font-family:Verdana;
	font-size: 13px;
	background-color: #03a397;
	scrollbar-face-color:#03a397;
	scrollbar-shadow-color: #006199;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#E3ECDD; 
	scrollbar-darkshadow-color:#428484; 
	scrollbar-track-color: #e2e2e2; 
	scrollbar-arrow-color:#FFFFFF;
	text-align: center;
}
.txt_verd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #346d28;
	font-weight: bold;
}
a:link {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #346d28;
	text-decoration: none;
}
a:active {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
}
.txt_contacto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a:visited {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #346d28;
	text-decoration: none;
}
a:hover {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
}

#master  
{
    width:995px; 
    margin:auto; /* aquest margin auto, es important, fa que es centri el div respecte el body */
    }

#cabecera {
	position:relative;
	text-align:right;
	left:0px;
	top:0px;
	width:995px;
	height:211px;
    z-index:2;
}

#cabecera h1 { display:none; }
#cabecera h2  { display:none; }
{
    color:White; font-size:17px; font-weight:bold;
    line-height:1.05em; /* interliniat */
    float:right; /* situem la capa a la dreta*/
    margin-top:20px;
    margin-right:20px; 

    /* opacitat del text, encara que aquesta propietat funcinoa nomes amb firefox, 
        hauriem de buscar la propietar que funcioni tambe al explorer */
    opacity:.80; 
}
#cabecera #castellano {
	position:absolute;
	left:909px;
	top:175px;
	width:16px;
	height:11px;
	z-index:3;
}
#cabecera #catala {
	position:absolute;
	left:886px;
	top:175px;
	width:16px;
	height:11px;
	z-index:3;
}
#cabecera #bt_inicio {
	position:absolute;
	left:58px;
	top:171px;
	width:141px;
	height:41px;
	z-index:3;
}
#cabecera #bt_quisom {
	position:absolute;
	left:208px;
	top:171px;
	width:141px;
	height:41px;
	z-index:3;
}
#cabecera #bt_serveis {
	position:absolute;
	left:358px;
	top:171px;
	width:141px;
	height:41px;
	z-index:3;
}
#cabecera #bt_promo {
	position:absolute;
	left:508px;
	top:171px;
	width:141px;
	height:41px;
	z-index:3;
}
#cabecera #bt_contacte {
	position:absolute;
	left:658px;
	top:171px;
	width:141px;
	height:41px;
	z-index:3;
}
#cabecera #catala {
	position:absolute;
	left:833px;
	top:164px;
	width:52px;
	height:22px;
	z-index:3;
}
#cabecera #castellano {
	position:absolute;
	left:891px;
	top:164px;
	width:86px;
	height:22px;
	z-index:3;
}
#cabecera #separador_idioma {
	position:absolute;
	left:888px;
	top:164px;
	width:2px;
	height:22px;
	z-index:3;
	background-color: #cccbcc;
}
#bodi {
	/*position:absolute; si la pagina esta centrada, sempre has de treballar amb position:relative;*/
	position:relative;
	left:0px;
	top:0px;
	width:995px;
	height:504px;
	z-index:2;
}
#bodi #titular_home {
	position:absolute;
	left:91px;
	top:60px;
	width:265px;
	height:35px;
	z-index:3;
	color:White; font-weight:bold; font-size:17px;
}
#bodi #txt_home {
	position:absolute;
	left:91px;
	top:111px;
	width:284px;
	height:108px;
	z-index:3;
}
#bodi #serveis {
	position:absolute;
	left:77px;
	top:35px;
	width:840px;
	height:440px;
	z-index:3;
	overflow: auto;
}
#bodi #serveis #txt_serveis {
	position:absolute;
	left:360px;
	top:9px;
	width:450px;
	height:420px;
	z-index:3;
}
#bodi #serveis #foto1 {
	position:absolute;
	left:-353px;
	top:12px;
	width:340px;
	height:255px;
	z-index:3;
}
#bodi #serveis #foto2 {
	position:absolute;
	left:-353px;
	top:330px;
	width:340px;
	height:255px;
	z-index:3;
}
#bodi #serveis #foto3 {
	position:absolute;
	left:-321px;
	top:660px;
	width:283px;
	height:255px;
	z-index:3;
}
#bodi #serveis #foto4 {
	position:absolute;
	left:-353px;
	top:1150px;
	width:340px;
	height:255px;
	z-index:3;
}
#bodi #serveis #foto5 {
	position:absolute;
	left:-353px;
	top:1470px;
	width:340px;
	height:255px;
	z-index:3;
}
#bodi #serveis #foto6 {
	position:absolute;
	left:-353px;
	top:1790px;
	width:340px;
	height:255px;
	z-index:3;
}
#bodi #foto_nadia {
	position:absolute;
	left:62px;
	top:26px;
	width:140px;
	height:190px;
	z-index:3;
}
#bodi #foto_cristina {
	position:absolute;
	left:511px;
	top:26px;
	width:140px;
	height:190px;
	z-index:3;
}
#bodi #patricia_cervantes {
	position:absolute;
	left:61px;
	top:256px;
	width:140px;
	height:190px;
	z-index:3;
}
#bodi #jaume_gimenez {
	position:absolute;
	left:511px;
	top:256px;
	width:140px;
	height:190px;
	z-index:3;
}
#bodi #txt_nadia {
	position:absolute;
	left:212px;
	top:27px;
	width:280px;
	height:184px;
	z-index:3;
}
#bodi #txt_cristina {
	position:absolute;
	left:661px;
	top:27px;
	width:280px;
	height:184px;
	z-index:3;
}
#bodi #txt_patricia {
	position:absolute;
	left:210px;
	top:257px;
	width:280px;
	height:184px;
	z-index:3;
}
#bodi #txt_jaume {
	position:absolute;
	left:661px;
	top:257px;
	width:280px;
	height:184px;
	z-index:3;
}

#bodi #promo1 {
	position:absolute;
	left:90px;
	top:21px;
	width:428px;
	height:207px;
	z-index:3;
}
#bodi #promo2 {
	position:absolute;
	left:90px;
	top:259px;
	width:428px;
	height:207px;
	z-index:3;
}
#bodi #promo3 {
	position:absolute;
	left:550px;
	top:22px;
	width:362px;
	height:444px;
	z-index:3;
}
#bodi #dades {
	position:absolute;
	left:114px;
	top:155px;
	width:281px;
	height:130px;
	z-index:3;
}
#bodi #google_map {
	position:absolute;
	left:433px;
	top:54px;
	width:425px;
	height:350px;
	z-index:3;
	border: 1px solid #346d28;
}
#bodi #foto_servicios_horizontal {
	position:absolute;
	left:144px;
	top:139px;
	width:340px;
	height:229px;
	border: 1px solid #346d28;
	z-index:3;
}
#bodi #foto_servicios_vertical {
	position:absolute;
	left:204px;
	top:139px;
	width:200px;
	height:298px;
	border: 1px solid #346d28;
	z-index:3;
}
#bodi #txt_servicios {
	position:absolute;
	left:514px;
	top:139px;
	width:340px;
	height:229px;
	z-index:3;
}
#bodi #txt_psicologia {
	position:absolute;
	left:464px;
	top:139px;
	width:450px;
	height:330px;
	z-index:3;
}
#bodi #desplegable_serveis {
	position:absolute;
	left:55px;
	top:-1px;
	width:752px;
	height:126px;
	z-index:3;
	visibility: hidden;
}
#bodi #desplegable_servicios {
	position:absolute;
	left:55px;
	top:-1px;
	width:752px;
	height:126px;
	z-index:3;
	visibility: hidden;
}

#pie {
	position:relative;
	left:0px;
	top:0px;
	width:995px;
	height:142px;
	z-index:2;
}