body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	background: -webkit-linear-gradient(#003366, white); /* For Safari */
	background: -o-linear-gradient(#003366, white); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#003366, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#003366,white); /* Standard syntax (must be last) */
	background-repeat:no-repeat;
	margin:0px;
	padding:10px;
	text-align:center;
	color:#000;
	}
	
	h1, h2, h3, h4 {
	margin:0;
	padding:0;
	color:#2f295a
	}
	
	a {
	color:#2f295a;
	font-size:11px;
	text-decoration:underline
	}
	
	a:hover {
	color:#A4FAF4;
	font-size:11px;
	text-decoration:none
	}

	a:link.tipo_b {
	color:#2f295a;
	font-size:15px;
	text-decoration:none;
	line-height:200%;
	}

	a:hover.tipo_b {
	color:#336699;
	font-size:17px;
	text-decoration:none
	}
	
	#header {
	background:#000;
	height:190px;
	padding:0;
	} 
	
	#header h1 {
	margin:0;
	padding:10px 20px;
	float:right;
	color:#fff
	}
	
	.headerPic {
	width:950px;
	background:#333 url('img/logo.png');
	height:190px;
	padding:0px;
	}
	
	.comarcas {
	width:950px;
	height:57px;
	position:relative;
	top:132px;
	background:white;
	}
	
	#latizq {
	background-color: #A4CAFA;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	float:left;
	margin-top:10px;
	height:auto;
	padding:10px 5px 5px 5px;
	width:180px;	
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	}
	
	#latder {
	background-color: #A4CAFA;
	float:right;
	height:auto;
	width:180px;
	padding:10px 5px 5px 5px;
	text-align:center;
	margin:10px 0 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: large;
	text-decoration: none underline;
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	}
	
	#container {
	width:950px;
	height:auto%;
	background:#fff;
	border:#fff 15px solid;
	border-top:inherit;
	margin:0 auto;
	text-align:left;
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 10px;
	} 

	#mainContent {
	margin:10px 200px 5px;
	padding:10px 15px 0px 15px;
	text-align:left;
	height:auto;
	border:1px #ccc solid;
 	border-radius: 10px;
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	}
	
	.mainContingut {
	margin:10px 200px 10px;
	padding:10px 15px 10px 15px;
	text-align:left;
	margin-top:10px;
	height:auto;
	border:1px #ccc solid;
 	border-radius: 10px;
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	background-image: url('img/wordecreda.jpg'); 
	}
	
	.mainContingut_1 {
	margin:0px 200px 10px;
	padding:20px 0px 0 5px;
	height:auto;
	}

/******************peu pagina*******************/
	#footer {						
	margin:0x auto;
	background-color: #A4CAFA;
	text-align:center;
	height:auto;
	padding:10px;
	border-radius: 10px;
	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	} 
	
	.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0
	}
	
	.cercar{
	margin:0 auto;
	width:100%;
	-webkit-border-radius: 10px;
    /*border-radius: 10px;*/
   	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	border:1px #ccc solid;
	index-z:10;
	}
	
 	img{
	border:inherit;
	}
		
	#relotge{
	border:none;
	}

	/******************* MENU VERTICAL DESPLEGABLE**********************/
		
	#menuvertical {				
	text-align: center;
	width:180px;
	height:auto;
	background-color: inherit;
	z-index:200;
	box-shadow: 2px 2px 5px #888888;
	}

	#menuvertical ul { 
	list-style-type: none;
	 padding:0;
	}

	#menuvertical ul li.nivel1 {
	width:100%; /* Ancho de las pestanyes */
	}

	#menuvertical ul li.primera {
	border-top: 1px solid white; /* Borde superior de la primera pestanyes ±a */
	}

	#menuvertical ul li {
	padding:0;
	text-decoration: none;
	}

	#menuvertical ul li a {
	display: block;
	text-decoration: none;
	color: #fff; /* Color del texto */
	background-color: #045FB4; /* Color de fondo */
	border: solid 1px #fff; /* Borde de las pestanyes ±as */
	border-top: none;
	padding: 8px;
	position: relative;
	}

	#menuvertical ul li:hover {
	position: relative;
	color: #000; /* Color del texto al pasar el mouse */
	}

	#menuvertical ul li a:hover, #menuvertical ul li:hover a.nivel1 {
	background-color: #A4CAFA; /* Color de fondo al pasar el mouse */
	color: #000;
	position: relative;
	}

	#menuvertical ul li a.nivel1 {
	display: block !important;
	display: none;
	position: relative;
	}

	#menuvertical ul li ul {
	display: none;
	}

	#menuvertical ul li a:hover ul, #menuvertical ul li:hover ul {
	display: block;
	position: absolute;
	left: 180px;
	top: -1px;
	}

	#menuvertical ul li ul li a {
	width: 160px;
	background-color: #045FB4; /* Color de fondo subpestanyas */
	color: #fff; /* Color del texto subpestañas */
	}

	#menuvertical ul li ul li a:hover {
	position: relative;
	background-color: #A4CAFA; /* Color de fondo al pasar el mouse subpestanyas */
	color: #000; /* Color del texto al pasar el mouse subpestanyas */
	}

	/************* AMPLIACIÓ IMATGES COMARQUES************/
	.zoomIt{
	width:79px;
	height:57px;
	margin-left:3px;:
	display:block!important;
	-webkit-transition:-webkit-transform 1s ease-out;
	-moz-transition:-moz-transform 1s ease-out;
	-o-transition:-o-transform 1s ease-out;
	-ms-transition:-ms-transform 1s ease-out;
	transition:transform 1s ease-out;
	}
	.zoomIt:hover{
	text-align:center;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(4.1);

 	-webkit-box-shadow:  5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	border:1px #336699 solid;
	index-z:10;
	}


/************* TAUAL COMPOSICIÓ CREDA************/

	table {
	width: 100%;  
	border: 1px solid #d2d3fb; 
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
	font-size:small;
	-webkit-box-shadow:5px 5px 5px #888888;
	box-shadow: 5px 5px 5px #888888;
	} 

	caption {
	text-align:left;
	}

	th.encabezado{background-color:#045FB4; width:100%; height:20px; text-align:center; color:white; border-top-left-radius:8px; border-top-right-radius:8px;	}
	td.titol {background-color:#A4CAFA; width:50%; text-align:center; height:20px; vertical-align:middle; color:black; } 
	td.nom {background-color:#A4CAFA; width:50%; text-align:left; height:20px; vertical-align:middle; color:black; padding-left:10px; } 
	td.funcions {background-color:#A4CAFA; width:50%; text-align:left; height:20px; vertical-align:middle; color:black; padding-left:10px; }