@charset "utf-8";
/* CSS Document */

/*------------------ GENERAL --------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 11px Verdana, Geneva, sans-serif;
	text-align: justify;
	background-image: url(../images/body_fondo.gif);
	background-repeat: repeat;
}
p{
	margin: 0;
	padding: 0;
}
#contenido{
	width: 996px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/contenido_fondo.png);
	background-repeat: repeat-y;
}
#cabecera {
	height: 130px;
	width: 980px;
	margin-left: 8px;
	background: url(../images/cabecera_fondo.jpg) repeat-x;
}
#pie {
	width: 980px;
	height: 25px;
	background: #000000 url(../images/pie_fondo.gif) repeat-x;
	margin-left: 8px;
	text-align: center;
	color: #EDECCE;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
}
#pie a{
	color: #EDECCE;
	text-decoration: none;
}
#pie a:hover{
	color: #FBEC00
}
#subpie {
	width: 996px;
	margin: 0px auto;
	text-align: center;
	font-size: 10px;
	color: #000000;
	padding-top: 2px;
	background: url(../images/subpie_fondo.png) no-repeat top;
}
#subpie a {
	color: #000000;
	text-decoration: none;
}

#subpie  a:hover  {
	color: #C00;
}
#lateral{
	display: inline;
	float: left;
	width: 180px;
	height: 450px;
	background: url(../images/lateral_fondo.gif) no-repeat 0px 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#lateral p{
	padding: 10px 0px 0px;
	display: inline;
	float: left;
}
#lateral h3{
	color: #8F0707;
	font: bold 30px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
#lateral strong{
	color: #680606;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#lateral .link a{
	color: #0B017B;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	height: 14px;
	background: url(../images/boton_flecha_der.gif) no-repeat 0px 0px;
	float: left;
	display: inline;
	padding-left: 20px;
}
#lateral .link a:hover{
	background: url(../images/boton_flecha_der.gif) no-repeat 0px -14px;
}
#menu {
	margin-left: 8px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	float: left;
	height: 450px;
	margin-top: 0px;
}
#menu_fin{
	display: inline;
	float: left;
	height: 18px;
	width: 150px;
	background: url(../images/menu_fin_fondo.gif) no-repeat;
}
#menu ul{
	background: url(../images/menu_fondo.gif) repeat-y left top;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 150px;
	display: inline;
}

#menu li {
	width: 150px;
	display: inline;
	margin: 0px;
	list-style: none;
	float: left;
	padding: 0px;
}
#menu li a{
	text-decoration: none;
	line-height: 28px;
	color: #FFF;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 112px;
	margin: 0px;
	padding: 0px 15px;
	display: inline;
	background: url(../images/menu_li.gif) repeat-x;
}
#menu  li a:hover{
	color: #FFF;
	background: url(../images/menu_li_h.gif) repeat-x;
}
#menu li a.seleccionado{
	color: #FFFFFF;
	background: url(../images/menu_li_a.gif) repeat-x;
}
#menu li.menu_proves a{
	background: url(../images/menu_li_proves.gif) repeat-x;
	color:#888;
	width: 102px;
	padding-right: 25px;
	height: 22px;
	line-height: 22px;
}
#menu li.menu_proves a:hover{
	background: url(../images/menu_li_proves.gif) repeat-x;
	color:#006;
}
#menu li.menu_proves a.seleccionado{
	background: url(../images/menu_li_proves.gif) repeat-x;
	color:#740202;
}
#centro{
	display: inline;
	float: left;
	width: 590px;
	border-style: none;
	padding: 10px;
}
#centro h1.benvingut{
	color: #8F0707;
	font: bold 50px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px;
	margin: 35px 0px 0px;
	float: left;
	width: 570px;
	text-align: center;
}
#centro h2{
	color: #8F0707;
	font: bold 30px Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px;
	margin: 0px;
}
#centro .foto_index{
	width: 570px;
	display: inline;
	float: left;
	height: 250px;
	margin-left: 10px;
}
#centro .text_index{
	width: 550px;
	display: inline;
	float: left;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
#centro iframe{
	display: inline;
	float: left;
	margin-top: 5px;
}
#centro span.descripcio{
	display: inline;
	float: left;
	width: 550px;
	padding-right: 10px;
	padding-left: 10px;
}
.rec_superior{
	line-height: 8px;
	background: url(../images/centro_fondo500_superior.png);
	float: left;
	height: 8px;
	width: 508px;
	margin-left: 25px;
	display: inline;
	margin-top: 20px;
}
.rec{
	background: url(../images/centro_fondo500.png);
	float: left;
	width: 508px;
	margin-left: 25px;
	display: inline;
}
.rec_inferior{
	line-height: 8px;
	background: url(../images/centro_fondo500_inferior.png);
	float: left;
	height: 8px;
	width: 508px;
	margin-left: 25px;
	display: inline;
}
.llistat{
	background: url(../images/centro_fondo_llistat.png) repeat-x bottom;
	display: inline;
	float: left;
	margin-left: 3px;
}
.llistat:hover{
	background: url(../images/centro_fondo_llistat_h.png) repeat-x bottom;
}
.llistat a{
	text-decoration: none;
	color: #333;
	font-size: 12px;
	height: 35px;
	display: inline;
	float: left;
	width: 500px;
	background: url(../images/centro_fondo_data.png) no-repeat 10px 12px;
	cursor: pointer;
}
.llistat a:hover{
	background: url(../images/centro_fondo_data_h.png) no-repeat 10px 12px;
}
.llistat .data{
	display: inline;
	float: left;
	text-align: center;
	width: 70px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	height: 14px;
	line-height: 13px;
	margin-top: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
.llistat .titol{
	font-size:12px;
	display: inline;
	float: left;
	width: 340px;
	margin-top: 12px;
}
.llistat .pdf{
	display: inline;
	float: right;
	margin: 5px 8px 0px 0px;
	padding: 0px;
}
form{
	float: left;
	display: inline;
	width: 477px;
	margin-left: 3px;
	background: url(../images/centro_fondo_largo.png) repeat-x bottom;
	padding: 5px 0px 20px 23px;
}
label{
	height: 14px;
	width: 450px;
	display: inline;
	float: left;
	color: #333;
	margin-top: 5px;
	font: 11px/14px Verdana, Geneva, sans-serif;
}
input, select{
	background: #E2E2E2;
	display: inline;
	float: left;
	height: 20px;
	width: 450px;
	margin-top: 5px;
	font: 14px/20px Verdana, Geneva, sans-serif;
	border: 1px solid #CCC;
}
textarea{
	background: #E2E2E2;
	display: inline;
	float: left;
	height: 75px;
	width: 450px;
	margin-top: 5px;
	padding-left: 2px;
	font: 11px/16px Verdana, Geneva, sans-serif;
	border: 1px solid #999;
}
input#checkbox{
	width: 20px;
	float: left;
	display: inline;
	height: 16px;
	margin-top: 5px;
	background: url(none);
	border-width: 0px;
	border-style: solid;
	line-height: 16px;
}	
input.enviar{
	margin: 5px 0px 0px;
	padding: 0px;
	width: 82px;
	float: right;
	height: 20px;
	cursor: pointer;
	display: inline;
	text-align: center;
	border-width: 0px;
	border-style: solid;
	background: #770202;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
input.enviar:hover{
	background: #0B017B;
}
a.enviar,
input.pagar{
	width: 250px;
	font-size:12px;
	height: 25px;
	float:right;
	display: inline;
	text-align: center;
	border-width: 0px;
	border-style: solid;
	background: #770202;
	color: #FFF;
	line-height: 25px;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}
a.enviar:hover,
input.pagar:hover{
	background: #0B017B;
}


a.privacitat{
	text-decoration: none;
	color: #333;
}
a.privacitat:hover{
	text-decoration: underline;
}
.envio_ok{
	float: left;
	display: inline;
	width: 500px;
	margin-left: 3px;
	background: url(../images/centro_fondo_largo.png) repeat-x bottom;
	padding: 80px 0px 100px;
	font-size: 12px;
	line-height: 25px;
}
.bg_ok,
.bg_info{
	background: url(../images/envio_ok.png) no-repeat;
	width: 300px;
	float: left;
	display: inline;
	height: 75px;
	padding-top: 25px;
	padding-left: 110px;
	margin-left: 45px;
}
.bg_info{
	height: 90px;
	padding-top: 10px;
	background: url(../images/envio_info.png) no-repeat;
}
.esquerra{
	display: inline;
	float: left;
	width: 230px;
}
.esquerra h1{
	margin: 0px;
	padding: 0px;
	font: 24px Arial, Helvetica, sans-serif;
	color: #263C80;
}
.esquerra h1 strong{
	color: #AC0304;
	font-size: 26px;
}
.esquerra .data{
	color: #263C80;
	font: bold 18px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin-top: 10px;
	width: 230px;
	text-align: right;
}
.esquerra .horari{
	color: #263C80;
	font: bold 12px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin-top: 0px;
	width: 60px;
	text-align: right;
}
.esquerra .horari_hora{
	color: #263C80;
	font: 12px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin-top: 0px;
	width: 170px;
	text-align: left;
}
.esquerra .lloc{
	color: #263C80;
	font: 12px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin-top: 0px;
	width: 60px;
	text-align: right;
}
.esquerra .lloc_texte{
	color: #263C80;
	font: 12px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin-top: 0px;
	width: 170px;
	text-align: left;
}
.dreta{
	display: inline;
	float: left;
	width: 320px;
	margin-left: 15px;
}
.dreta ul{
	display: inline;
	float: left;
	width: 320px;
	margin: 10px 0px 20px;
	padding: 0px;
	list-style: none;
}
.dreta li{
	display: inline;
	float: left;
}
.dreta li a{
	background: #999 url(../images/submenu_izq.gif) no-repeat left 0px;
	color: #FFF;
	text-decoration: none;
	display: inline;
	float: left;
	margin-right: 5px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
}
.dreta li a:hover{
	background: #263C80 url(../images/submenu_izq.gif) no-repeat left 0px;
}
.dreta li a.seleccionado{
	background: #740202 url(../images/submenu_izq.gif) no-repeat left 0px;
}
.dreta li a.seleccionado span.submenu,
.dreta li a span.submenu,
.dreta li a span.submenu:hover
{
	background: url(../images/submenu_der.gif) no-repeat right 0px;
	padding-right: 11px;
	padding-left: 11px;
	height: 25px;
	display: inline;
	float: left;
	font: 12px/25px Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.dreta .text_proves{
	display: inline;
	float: left;
	width: 285px;
	margin-left:15px;
	font-size: 14px;
}
.dreta .text_proves p{
	padding-bottom: 15px;
}
.dreta .text_proves a.circuit_altimetria,
.dreta .text_proves a.circuit_mapa,
.dreta .text_proves a.circuit_track
{
	float: left;
	width: 150px;
	display: inline;
	height: 90px;
	text-decoration: none;
	color: #AD0303;
	font: bold 18px/25px Arial, Helvetica, sans-serif;
	padding-left: 120px;
	padding-top: 20px;
}
.dreta .text_proves a.circuit_altimetria{
	background: url(../images/proves_altimetria.gif) no-repeat;
}
.dreta .text_proves a.circuit_mapa{
	background: url(../images/proves_mapa.gif) no-repeat;
}
.dreta .text_proves a.circuit_track{
	background: url(../images/proves_track.gif) no-repeat;
}
.dreta .text_proves a em{
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
}
.dreta .text_proves a.circuit_altimetria:hover{
	background: url(../images/proves_altimetria_h.gif) no-repeat;
	color: #263C80;
}
.dreta .text_proves a.circuit_mapa:hover{
	background: url(../images/proves_mapa_h.gif) no-repeat;
	color: #263C80;
}
.dreta .text_proves a.circuit_track:hover{
	background: url(../images/proves_track_h.gif) no-repeat;
	color: #263C80;
}
.collaboradors{
	background: url(../images/centro_fondo_llistat.png) repeat-x bottom;
	display: inline;
	float: left;
	margin-left: 3px;
}
.collaboradors a:hover{
	background: url(../images/centro_fondo_collaboradors_h.png) repeat-x bottom;
}
.collaboradors a{
	text-decoration: none;
	color: #333;
	font-size: 12px;
	height: 64px;
	display: inline;
	float: left;
	width: 500px;
	cursor: pointer;
}
.collaboradors .senseweb{
	text-decoration: none;
	color: #333;
	font-size: 12px;
	height: 64px;
	display: inline;
	float: left;
	width: 500px;
}
.collaboradors .adreca{
	display: inline;
	float: left;
	width: 240px;
	margin-top: 8px;
	padding-left: 20px;
	font: 11px Arial, Helvetica, sans-serif;
}
.collaboradors .web{
	display: inline;
	float: right;
	margin: 12px 15px 0px 0px;
	padding: 0px;
}
.collaboradors img{
	display: inline;
	float: left;
	margin-left: 8px;
	margin-top: 3px;
}
.autoritzats strong{
	font-size: 14px;
}
.autoritzats a{
	text-decoration: none;
	color: #0B017B;
	font-weight: bold;
	display: inline;
	float: left;
	padding-left: 20px;
	background: url(../images/boton_flecha_der.gif) no-repeat left top;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
}
.autoritzats a:hover{
	color: #000;
	background-position: left bottom;
}
/*------------------------ PRIVACITAT ----------------------*/
#privadesa {
	margin: 10px auto 0px;
	width: 500px;
	font: 11px Verdana, Geneva, sans-serif;
	text-align: justify;
	padding: 10px 15px 15px;
	border: 1px solid #900;
	height: 420px;
	background: #FFF;
}
#privadesa p { margin-bottom: 15px; }
#privadesa .titol {
	color: #333;
	font: 24px Verdana, Geneva, sans-serif;
	display: block;
	padding-top: 10px;
	padding-bottom: 4px;
	margin-bottom: 30px;
	margin-top: 10px;
	border-top: 2px solid #900;
}
#privadesa a {
	color: #666;
	text-decoration: none;
}
#privadesa a:hover { text-decoration: underline; }

/*-------------------- BANNER SOTA MENÚ ---------------- */
#banner {
	display: inline;
	float: left;
	width: 130px;
	margin-left: 10px;
	margin-top: 3px;
	border: 1px dashed #900;
}
#banner a{
	color: #0B017B;
	width: 130px;
	float: left;
	display: inline;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	background: #FC3;
}
#banner strong{
	font-size: 20px;
	color: #900;
}
#banner a:hover{
	background: #CCC;

}