body {
  font-family: Calibri; 		
	font-size:12px;
	color: #004B96;
	background-color:#004B96;    		
}

.condicions {
	  font-family: Calibri; 		
	font-size:12px;
	color: #004B96;
	background-color:#FFFFFF;
}

.titol {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #004B96;
	font-weight:bold;
}

.idioma {
	color:#FFFFFF;
	font-weight:bold;
}

a:link, 
a:visited { 
	text-decoration:none;
	border:none;
	color:inherit;
}

.verd {
	color:#006600;
	font-weight:bold;
}

.vermell {
	color:#A5224A;
	font-weight:bold;
}
.menu {
	background-color:#A5224A;
	color:#FFFFFF;
	font-weight: bold; 
	text-align:center; 
	padding:0px;
}

.menusel {
	background-color:#004B96;
	color:#FFFFFF;
	font-weight: bold; 
	text-align:center;
	padding:0px;  
}



.separacio {
	background-color:#A5224A;
}

.peu {
	font-size: 12px;
	color:#A5224A;
}

.contingut {
	text-align:justify;
	vertical-align:top;
	background-color:#EEEEEE;
}

.cap {
	background-color:#004B96;
	color:#FFFFFF;
	font-weight: bold; 
	padding:0px;  
}

img {
	border-color:#004B96;
}

.sborder {
	border:none;
}

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*Estilos del borde y texto*/
position: absolute;
background-color: white;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}