.photo {
	width: 180px;
	height: 110px;
	position: relative;
	left: -20px;
}

.photo ul li {
	list-style: none;
	position:absolute;
	top:0px;
	margin: -10px 0px 0px -40px;
}
.photo ul li a img{
	border: none;
	margin: 8px 0px 0px 30px;
}
.photo ul ul li img{
	width: 180px;
	height: 115px;
	position: absolute;
	top: 0px;
	margin:0px 0px 0px 0px;
	left: 0px;
}

.foto_contingut{
width:320px;
margin-top:70px;
margin-left:20px;
}

.foto_preguntas{
width:320px;
border:solid 1px orange;
}

.photo_galeria ul li {list-style:none;width:100px;height:120px;position:absolute;margin-top:-50px;margin-left:-28px;}
.photo_galeria ul li a img{width:100px; height:100px;border:solid 1px gray;margin-bottom:-16px;margin-right:8px;}
.photo_galeria ul ul li img{width:180px; height:180px;position:absolute;margin-top:-80px;margin-left:-53px; border:solid 3px gray;}




body, body div{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #363636;
font-size: 11px;

}


.contenedora{
padding:8px;
padding-top:0px;
padding-bottom:0px;
background-image: url(/fotos/sombrasddd.jpg);
}

.barradalt{
height:70px;
}

.menu{
height:25px;
background-image: url(/fotos/fondo_menu.jpg);
}

.menu div{
font-weight:bold;
color:#464242;
padding-top:6px;
margin-left:4px;
}

.menu div a, a.pdf{
text-decoration: none;
color:#464242;
}

.menu div a:hover, a.pdf:hover{
text-decoration: underline;
color:black;
}

.menu div span{
font-weight:normal;
color:#464242;
margin-top:6px;
margin-left:4px;
font-size:9px;
}

.contingut{
background-color: white;
height:100%;

}

.contingut_logo{
background-color: white;
height:460px;
}

.pregunta{
color:black;
text-decoration:none;
}

.pregunta:hover{
color:black;
text-decoration:underline;
}


.contingut_i{
float:left;
width:500px;
padding-right:10px; 
margin: 20px 0px 0px 20px;
line-height:18px;
background-color: white;

}

.contingut_i #inici{
margin: 15px 0px 0px 20px;
}


.contingut_i_llarg{
float:left;
width:830px;
height:320px;
margin: 20px 0px 0px 15px;
line-height:18px;
}

.contingut_i_llarg div{
font-weight: bold;
text-transform:uppercase;
}

.contingut_i_llarg ol{
margin-top:15px;
margin-left:25px;
}

.contingut_i #titol{
height:30px;
font-weight: bold;
text-transform:uppercase;
}

.contingut_d{
height:335;
width:315;
float:right;
margin: 20px 0px 0px 15px;
}

.contingut_d .hojas{
background-image: url(/fotos/hojas.jpg);
height:340;
width:316;
}

.contingut_d .hojas div{
height:280px;
width:200px;
margin: 0px 0px 0px 70px;
padding-top:25px;
line-height:18px;
}

.contingut_d .hojas div #titol{
font-weight:bold;
height:15px;
}

#height_total{
 height:90%;
}

.logos{
width:100%;
float:left;
}

.ver_logos{
height:15px;
margin-top:3px;
width:97%;
float:left;
text-align:right;
}

.ver_logos a{
color:#00014f;
font-weight:bold;
text-decoration:none;
}

.ver_logos a:hover{
color:#00014f;
font-weight:bold;
text-decoration:underline;
}

.logos img{
margin: 0px 5px 0px 5px;

}

.barrabaix{
height:15px;
background-image: url(/fotos/fondo_baix.jpg);
background-repeat: repeat-x;
}


.aralos div a{
color:black;
text-decoration:none;
}

.aralos div a:hover{
color:black;
text-decoration:underline;
}

.pass{
width:408px;
float:right;
margin-top:40px;
font-weight:bold;
}


input{
height:18px;
width:80px;
border:solid 1px gray;
font-size:10px;
}

input.envia{
height:18px;
width:60px;
font-family: verdana;
border:solid 1px orange;
background-image: url(/fotos/fondo_boton.jpg);
font-size:10px;
font-weight:bold;
color:#4a4a4a;
}

.logo{
width:40%;
float:left;
}

.sombra_left{
width:10px;
background-image: url(/fotos/sombra_left.gif);
}

.sombra_right{
width:10px;
background-image: url(/fotos/sombra_right.gif);
}


.volver{
margin-right:30px;
}


.volver a,{
border:none;
font-size:11px;
}

.volver .lletres{
color:gray;
text-decoration:none;
}