@charset "utf-8";
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
/******************************************************************************************************
CLASES
******************************************************************************************************/
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear:both;
}
.M10{
	margin: 10px 10px 10px 10px;
}
.MT10{
	margin-top: 10px;
}
.ML10{
	margin-left: 10px;
}
.MB10{
	margin-bottom: 10px;
}
.MB10_A{
	margin-bottom: 5px;
}

.P5 {
	padding: 5px 5px 5px 5px;
}
.P10 {
	padding: 10px 10px 10px 10px;
}
.PL10{
	padding-left: 10px;
}
.PT5 {
	padding-top: 5px;
}
.PT10 {
	padding-top: 10px;
}
.w760 {
	width: 760px;
}
.w400 {
	width: 400px;
}
.w500 {
	width: 400px;
}
/******************************************************************************************************
ESTRUCTURA PRINCIPAL
******************************************************************************************************/
#header {
	height: 161px;
}
#main {
	min-height: 230px;
}
.centerIt {
	margin: 0px auto 0px auto;
	width: 780px;
}
.bloqueGde {
	width:760px;
	padding: 10px 10px 10px 10px;
}
.bloqueIzq {
	width:483px;
	float: left;
}
.bloqueDer {
	width:297px;
	float: left;
}
.interiorL {
	width: 374px;
	float: left;
}
.interiorD {
	width: 406px;
	float: left;
}
.listado {
	padding: 25px 25px 10px 25px;
}
/******************************************************************************************************
CONTENIDO (MAIN)
******************************************************************************************************/


/******************************************************************************************************
FOOTER
******************************************************************************************************/
#footer {
	padding: 10px 10px 10px 10px;
	margin: 5px 0px 10px 0px;
}
/******************************************************************************************************
HOME
******************************************************************************************************/
.claim {
	width: 412px;
	height: 202px;
	margin: 0px 0px 10px 10px;
	padding: 25px 22px 10px 22px;
}
.banner {
	margin: 0px 0px 10px 10px;
}
/******************************************************************************************************
BLOQUE TITULO
******************************************************************************************************/
.destinoNum {
	float: left;
	height: 58px;
	width: 55px;
	padding: 5px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
}
form.heading  {
	width: 220px;
	float: right;
	margin: 10px 0px 0px 25px;
}
form.heading  select.text {
	margin: 0px 0px 10px 0px;
	width: 175px;
	vertical-align: middle;
}
form.heading   input.textButton{
	vertical-align: middle;
	margin: 0px 0px 10px 0px;
}
p.heading {
	width: 550px;
	float: left;
	padding: 10px 10px 0px 20px;
}
p.enlace {
	text-align:right;
	width: 150px;
	float: right;
	padding: 10px 20px 0px 0px;
}
p.accesdestino {
	text-align:left;
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 15px !important;
}
/******************************************************************************************************
BLOQUE LISTADO
******************************************************************************************************/
.recurso {
	width: 196px;
	margin: 0px 25px 25px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
}
.recursoDetails {
	width: 196px;
	height: 145px;
	margin: 0px 25px 5px 0px;
	padding: 10px 10px 10px 10px;
}

.agencia {
	width: 690px;
	margin: 0px 20px 5px 0px;
	padding: 10px 10px 10px 10px;
}

.agenciaDetails {
	width: 690px;
	margin: 0px 25px 5px 0px;
	padding: 10px 10px 20px 10px;
}

.agenciaDetails ul li{
	padding: 0px 0px 10px 10px;
}
.listado select.text {
	width: 250px;
	margin: 10px 0px 10px 10px;
	vertical-align: middle;
}
.listado  input.textButton{
	vertical-align: middle;
	margin: 10px 0px 10px 0px;
}
.listado label {
	line-height: 25px;
	margin: 0px 0px 10px 0px;
}
.listado p.opciones img{
	vertical-align: middle;
	margin-right: 10px;
}
.listado p.recursTransport {
	padding: 0px 0px 0px 10px;
	margin: 25px 0px 0px 0px;
}


/******************************************************************************************************
BLOQUE LISTADO
******************************************************************************************************/
#paginacion {
	margin: 0px 25px 25px 25px;
	padding: 10px 10px 10px 10px;
}


.pielistado .masinfo {
	width: 350px;
	float: left;
}
.pielistado  p {
	padding: 10px 10px 10px 15px;
}	
.pielistado img {
	vertical-align: middle;
	margin-bottom: 10px;
}	
.pielistado .servicios {
	width: 350px;
	float: left;
}
.pielistado h2 {
	padding: 10px 20px 10px 20px;
}


/******************************************************************************************************
OTROS BLOQUES
******************************************************************************************************/
.homeDestinos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.homeDestino {
	width: 248px;
	float: left;
	margin: 15px 0px 0px 5px;
}
.homeDestino h3 {
	height: 32px;
	padding: 7px 5px 0px 10px;
}
.homeDestino ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}
.homeDestino ul li {
	padding: 2px 0px 0px 3px;
	height: 25px;
}
/******************************************************************************************************
BLOQUE IZQUIERDA
******************************************************************************************************/
#mapaGoogle {
	width: 331px;
	height: 316px;
}
.interiorL .mapaL {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	width: 331px;
	height: 316px;
}
.interiorL .fotoL {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
.interiorL .leyenda {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}
	.interiorL .leyenda p {
		width: 163px;
		float: left;
	}
	.interiorL .leyenda p img {
		vertical-align: middle;
		margin: 10px 10px 5px 0px;			
	}
	.interiorL .leyenda li {
		width: 133px;
		float: left;
		padding: 0px 0px 0px 30px;
		margin: 10px 0px 0px 0px;
		height: 26px;
	}
.interiorL .videoL {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	width: 331px;
	height: 270px;
}	
/******************************************************************************************************
BLOQUE DERECHA
******************************************************************************************************/
.bloqueDer h2 {
	padding: 10px 10px 10px 10px;
}
	.bloqueDer .practicas {
		padding: 20px 10px 10px 0px;
	}
	.bloqueDer .practicas .info {
		width: 115px;
		float: left;
		padding: 0px 0px 25px 10px;
	}
	.bloqueDer .practicas .foto {
		width: 125px;
		float: right;
		padding: 5px 5px 5px 5px;
	}
	.bloqueDer .practicas p img {
		vertical-align: middle;	
	}

.interiorDestino {
	width: 185px;
	float: left;
	margin: 15px 0px 15px 8px;
}
.interiorDestino h3 {
	height: 29px;
	padding: 7px 5px 0px 8px;
}
.interiorDestino p {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


.interiorD h2 {
	padding: 30px 10px 10px 10px;
}

.interiorD p img {
	vertical-align: middle;
	margin: 5px 10px 5px 0px;
} 
.destacado h2{
	padding: 10px 20px 0px 20px;
}
.destacado .info {
	width: 150px;
	float: left;
	padding: 0px 0px 25px 10px;
}
.destacado .foto {
	width: 161px;
	float: right;
	padding: 5px 5px 5px 5px;
}
.destacado p img {
	vertical-align: middle;	
}

.facilitats ul li {
	padding: 0px 0px 0px 10px;
}
.interiorD fieldset {
	padding: 10px 10px 10px 10px;
}
.interiorD fieldset img {
	vertical-align: middle;
	margin-bottom: 10px;
}
.interiorD select {
	vertical-align: middle;
	margin-bottom: 10px;
	width: 250px;
}

/******************************************************************************************************
HEADER
******************************************************************************************************/
#header #accesos {
	padding: 36px 0px 0px 0px;
}
#header #accesos h1 {
	margin: 20px 0px 0px 8px;
	padding:  0px 0px 0px 0px;
}
#header #accesos h2 {
	margin: 0px 0px 0px 8px;
	padding:  0px 0px 0px 0px;
}
#header #logo {
	display: block;
	float: left;
}
#header #accesos form {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
}

#header #accesos form input.text {
	height: 15px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
	vertical-align: middle;
}
#header #accesos form select.text {
	height: 19px;
	width: 111px;
	margin: 0px 0px 0px 17px;
	padding: 4px 0px 0px 5px;
	vertical-align: middle;
}
#header #accesos input.textButton{
	vertical-align: middle;
}

#header #accesos ul {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}
#header #accesos ul li {
	float: left;
	width: 95px;
	height: 39px;
	margin: 0px 0px 0px 3px;
}

/******************************************************************************************************
MENU
******************************************************************************************************/
#menu {
	margin: 15px 0px 0px 0px;
	width: 778px;
	min-height: 30px;
	height: 50px;
}
#menu li {
	float: left;
	height: 25px;
	padding: 5px 16px 0px 16px;
}
/**************************************************************************************************************************************************
ACTUALITAT
**************************************************************************************************************************************************/
.actualitat {
	margin: 0px 0px 15px 0px;
}
.actualitat .foto {
	width: 100px;
	padding: 5px 5px 5px 5px;
	margin: 0px 20px 0px 0px;
	float: left;
}
.actualitat .texto {
	float: left;
	width: 550px;
	padding: 0px 10px 10px 10px;
}
	.actualitat .texto h2 {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto h3 {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto p {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto p.mas {
		padding: 10px 0px 0px 10px;
	}
	h3.subtitle {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
	}
.actualitat .texto2 {
	float: left;
	width: 700px;
	padding: 0px 10px 10px 10px;
}
	.actualitat .texto2 h2 {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto2 h3 {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto2 p {
		padding: 0px 0px 0px 10px;
	}
	.actualitat .texto2 p.mas {
		padding: 10px 0px 0px 10px;
	}
	

/**************************************************************************************************************************************************
ACCESIBILIDAD
**************************************************************************************************************************************************/
#accesibilidad {
	padding: 25px 25px 25px 25px;
}
#accesibilidad h2 {
	padding: 0px 0px 0px 0px;
}
#accesibilidad h3 {
	padding: 0px 0px 0px 0px;
}
#accesibilidad p {
	padding: 20px 0px 0px 0px;
}
#accesibilidad ul ul { 
	margin-left: 15px;
}
#accesibilidad li {
	padding-left: 10px;
}
#accesibilidad table {
	margin: 25px 0px 25px 0px;
}
#accesibilidad th {
	padding: 10px 10px 10px 10px;
}

#accesibilidad td {
	padding: 10px 10px 10px 10px;
}
#accesibilidad .pictogramas td {
	padding: 10px 10px 10px 10px;
	vertical-align:top;
}