/* CSS Document Nattura*/

*, html {margin:0; padding:0;	font:normal 97% Arial, Helvetica, sans-serif;}

body, .bodyInt, .bodyInt2 {
	background:#eee url(../img/fondo.gif) left top repeat-x;
	color:#333;
	margin:0;
	padding:0 0 5px;
}
.bodyInt {background:#eee url(../img/fondo-int.gif) left top repeat-x;}
.bodyInt2 { background-color:#fff;}

h1 {
	width:226px;
	height:56px;
	margin:35px 0 10px;
	padding:0;
	overflow:hidden;
	float:left;
}
h1 span { display:none}
#head h2 {
	float:right;
	color:#999;
	font-size:100%;
	clear:right;
	margin-top:15px;
	width:500px;
	text-align:right;
}
#head h2 span {
	color:#000;
	font-weight:normal;
	display:block;
	font-size:140%;
}
h4 { font-size:110%; font-weight:bold; color:#000; margin-bottom:5px;}
.clear {clear:both;}

a {	text-decoration:none;color:#1179af; font-size:100%;}
a:hover {text-decoration:underline; }
img, img a {border-style:none;text-decoration:none;}
p {	margin-bottom:10px;	line-height:145%;}
strong { font-weight:bold; font-size:100%;}
li { list-style-type:none; font-size:100%;}
.aviso { margin: 1rem 0}
.aviso li { background: url("../img/ico-flecha-p-gris.gif") left center no-repeat; padding-left: 10px; margin: 0 25px 8px}
#contenedor {width:951px;margin:0 auto;}

/* -------- Estilos head ----------*/

.menu-sup {float:right; /*width:440px;*/ width:290px;}
.menu-sup ul { padding-top:5px; float:left; background:url(../img/fondo-menu-sup.gif) 0 0 no-repeat; margin-right:10px;height:22px;}
.menu-sup li { margin:0; padding:0 6px; display:inline;list-style-type:none;color:#666; }
.menu-sup li a {color:#0396fd;}
.menu-sup li a:hover { text-decoration:underline;}
.menu-sup li.activo { background:url(../img/ico-flecha-gris.gif) 73px 6px no-repeat; font-weight:bold; }
p.sobre, p.sobreEu { background:url(../../img/pestana-sup.png) left top no-repeat; width:145px; height:24px; display:block; float:left; color:#fff; padding:5px 0 0 30px;}
p.sobreEu{ font-size:130%; padding:2px 0 0 50px; background:url(../img/pestana-sup.png) left top no-repeat; width:125px}
p.sobre a, p.sobreEu a { color:#fff;}
p.sobre span { font-weight:bold; padding-left:10px; display:none}

.tableTarifas caption { background-color:#1179af; padding:5px 0; color:#fff; font-weight:bold;}
.tableTarifas { border:1px solid #ddd; margin-bottom:15px;}
.tableTarifas th { font-weight:bold; background-color:#eee; padding:8px 0;}
.tableTarifas td{ text-align:center; padding:8px 0; border-top:1px solid #ddd;}

/* menu dopdown */

#menu {
	clear:both;
	background-color:#000;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	width:100%;
	height:43px;
	padding-top:7px;
	margin-bottom:7px;
}

#navigation {margin:0;clear:both;padding:8px 0 0 12px;}

ul.nav-main, ul.nav-main li {list-style:none; margin:0;padding:0;}
ul.nav-main {position: relative;z-index: 597;}
ul.nav-main li:hover > ul {	visibility: visible;}
ul.nav-main li.hover, ul.nav-main li:hover {position: relative;	z-index: 599;cursor: pointer;}

ul.nav-main li {
	float:left;
	display:block;
	height: 30px;
	color: #999;
	font:bold 100% Arial, Helvetica, sans-serif;
}
ul.nav-main li a {display:block;color:#fff;	font:bold 100% Arial, Helvetica, sans-serif;text-decoration:none;padding:3px 8px;margin-right:25px;	height:15px;}
ul.nav-main li a:hover {color:#ffb907; }
ul.nav-main li.sin a { margin-right:15px; padding-right:15px; background: url(../img/icono-blanco.gif) right 8px no-repeat;}
ul.nav-main li.sin a:hover{ margin-right:15px; color:#ffb907;background: url(../img/icono-amarillo.gif) right 8px no-repeat;}
ul.nav-main li.ico a { padding-right:15px; }
ul.nav-main li.ico a:hover{ color:#ffb907;background: url(../img/icono-amarillo.gif) right 8px no-repeat;}

ul.nav-main li.currentt {color:#000; background:url(../img/fondo-menu-am.gif) right 0 no-repeat; font-size:110%;font-weight:bold;  height:36px!important;width:195px;}
ul.nav-main li.currentt a, ul.nav-main li.current2 a {color:#000; margin-right:0; padding:3px 0 3px 12px; }
ul.nav-main li.currentt a:hover, ul.nav-main li.current2 a:hover{ color:#000;}

ul.nav-main li.currenttt {color:#000; background:url(../img/fondo-menu-am.gif) right 0 no-repeat; font-size:110%;font-weight:bold;  height:36px!important;width:180px;}
ul.nav-main li.currenttt a {color:#000; margin-right:0; padding:3px 0 3px 12px; }
ul.nav-main li.currenttt a:hover { color:#000;}

ul.nav-main .current {color:#000; background-color:#ffb907; margin-right:28px; padding:3px 8px; height:18px; }
ul.nav-main *.list {color:#000;}
ul.nav-main li.current2 {color:#000; background:url(../img/fondo-menu-am.gif) right 0 no-repeat; font-size:110%;font-weight:bold; height:36px!important;width:173px; margin-right:14px; }

ul.nav-main li.activo2 {color:#000;font-size:110%;font-weight:bold;  height:24px!important;}
ul.nav-main li.activo2 a {color:#000; margin-right:0; padding:3px 0 3px 14px; }
ul.nav-main li.activo2 a:hover{ color:#000;}
ul.nav-main .activo2 {color:#000; background-color:#ffb907; margin-right:13px; padding:3px 8px; height:18px; }
ul.nav-main li.activo2 ul.nav-sub li a{
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 12px;
	float: none;
	width:145px;
	background: none!important;
	font:bold 90% Arial, Helvetica, sans-serif;
	color:#fff;
}
ul.nav-main li.activo2 ul.nav-sub li a:hover { color:#ffb907;}

ul.nav-sub {
	visibility: hidden;
	position: absolute;
	/*padding:10px;*/
	top: 25px;
	left: 0;
	z-index: 598;
	background-color:#1c1c1c;
	width:195px;
}
ul.nav-main li.ico ul.nav-sub,
ul.nav-main li.current2 ul.nav-sub {width:173px;}
ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 2px 0 2px 5px;
	height: 27px;
	float: none;
	border-top: 1px solid #666;
	width:97%;
}


ul.nav-sub li a, ul.nav-main li.currentt ul.nav-sub li a, ul.nav-main li.currenttt ul.nav-sub li a, ul.nav-main li.current2 ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 12px;
	float: none;
	width:145px;
	background: none!important;
	font:bold 90% Arial, Helvetica, sans-serif;
	color:#fff;
}
ul.nav-sub li a:hover, ul.nav-main li.currentt ul.nav-sub li a:hover, ul.nav-main li.current2 ul.nav-sub li a:hover, ul.nav-main li.currenttt ul.nav-sub li a:hover { color:#ffb907;}

 /*Fin menu dropdown*/


#menu-ppal ul{ padding:8px 0 0 18px;}
#menu-ppal li{	margin:0;margin-right:31px;list-style-type:none; float:left; font-size:110%;font-weight:bold; padding:3px 8px;}
#menu-ppal li a {color:#fff; font-weight:bold;}
#menu-ppal li a:hover {color:#ffb907; text-decoration:none;}

#menu-ppal li.sin { margin-right:0px;}
.destacado-A,.destacado-B,.destacado-C,.destacado-D, .destacado-E {
	display:inline-block; vertical-align:top;
	background:#fff;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;
	padding:10px 2%; margin-bottom:25px}


/*---- Menu navegacion ----*/
#menuMovil { display:none; position:absolute; left:0; top:16px}
header {
	padding: 0 0;
	overflow: hidden;
	background-color:#fff;}

header h1 a {color: #FFF!important; text-decoration: none;}
.menu-anchor {
	width: 45px;
	height: 47px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	border-left:none;
	background-color:#000;
	color:#fff; text-align:center; text-transform:uppercase; font-size:80%; }

.menu-anchor:before {
	content: "";
	display: block;
	margin: 10px auto 15px;
	width: 60%;
	height: 0.20em;
	background: #fff;
	box-shadow: 0 .45em 0 0 #fff, 0 .9em 0 0 #fff;
}
.menu-active .menu-anchor { border:1px solid #3b1c16; border-left:none}

menu {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 220px;
	height: 100%;
	padding-top: 20px;
	background: #222;
	box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3);
	color:#fff
}
menu li a {
	display: block;
	/*border-bottom: 1px solid rgba(255,255,255,.3);*/
	margin: 0;
	color: #fff;
	text-decoration: none;
}
menu li a strong{ display:block;padding: 5px 20px; margin-bottom:1px
}
menu li li a {
	border-bottom: none;
	padding: 0px 20px 5px 30px;
	color:#ccc
}

menu li.current a {
	color: #fff;
	font-weight:bold;
	background-color:#e00815;
}

menu li a:hover {
	color: #3CF;
	text-decoration:none
}

menu li.color { background-color:#5d433e}
/*
	Aqui você esconde o menu para fora da tela 
	O valor é exatamente a largura da sidebar
*/
menu {
	-webkit-transform: translateX(-220px);
	-moz-transform: translateX(-220px);
	-ms-transform: translateX(-220px);
	transform: translateX(-220px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
menu p { margin-left:20px}
menu h2 { color:#ccc; font:bold 120% Arial, Helvetica, sans-serif; background-color:#666; padding:8px 0 8px 20px; display:block; border-bottom:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3)}

/*
	Essa é a posição original do HEADER e do MAIN
*/
header, .main {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.menu-active header, 
.menu-active .main {
	-webkit-transform: translateX(220px);
	-moz-transform: translateX(220px);
	-ms-transform: translateX(220px);
	transform: translateX(220px);
}

/*-------------------------------------------------------*/
.destacado-A {
	width:55%;
	margin:20px 0;
	margin-right:2%
}
.destacado-A img{ width:100% }
.destacado-A .tit, .destacado-B .tit, .destacado-C .tit, .destacado-D .tit, .destacado-E .tit { font-size:150%; color:#000; line-height:100%;}
.destacado-B .tit { background-position: 212px 7px; }
.destacado-C .tit { background-position: 313px 7px; font-size:140%; }
.destacado-D .tit { background-position: 89px 7px; font-size:150%; line-height:inherit }

.destacado-A h2, .destacado-B h2 { font-size:140%; color:#1179af; margin:5px 0;}
.destacado-B h2 { font-size:140%; }
.destacado-A p { font-size:100%; display:block;}
.destacado-B p { display:block; line-height:130%;}

.destacado-A p.enlace, .destacado-B p.enlace, .destacado-D p a { background:url(../img/ico-azul-circilar-peq.gif) left center no-repeat; padding-left:17px; display:block; margin:0px; }
.destacado-B p.enlace { margin-top:0px }
.destacado-A p.enlace a, .destacado-B p.enlace a, .destacado-D p a {font:100% Tahoma, Geneva, sans-serif; color:#1179af;}

.destacado-B { width:33%; margin-top:20px }
.destacado-D { width:33%}
.destacado-C { float: left; width: 58%; box-sizing: border-box; height:168px; margin-right:2%; overflow:hidden }
.destacado-E { float: right; width: 40%; height: 168px; overflow: hidden; box-sizing: border-box; }
.destacado-E .tit { background-position: 313px 7px; font-size:140%; }
.destacado-E .nbs-flexisel-inner { margin-left: 20px; }

#mycarousel li a { color:#117aaf!important; font:100% Tahoma, Geneva, sans-serif}
#mycarousel img { margin-bottom:5px; margin-top:8px}
.destacado-D li { float:left; width:40px;}
.vv iframe { width:100%}

.destacado-B-otrosenlace {margin-top: 20px}

#home-destacado-izq { float: left; width: 58%;  }
#home-destacado-izq div.destacado-A { width: 100%; box-sizing: border-box; }
#home-destacado-der { float: right; width: 40%; }
#home-destacado-der div.destacado-B, #home-destacado-der div.destacado-D { width: 100%; box-sizing: border-box; }


/*---- Interior ---- */

.headImg { background:url(../img/degradado.gif) center bottom no-repeat; height:258px; overflow:hidden; margin-bottom:25px;}
.mostrar { display:none; text-align:center;}
.c-Actividad {height:230px; margin-bottom:20px; padding:0 0 0 30px;background:url(../img/c-fondo.gif) left -3px no-repeat; clear:both; }
.activTxt { float:left; width:390px; margin-top:20px}
.activTxt h3 { border-style:none; margin-bottom:0px;}
.c-Actividad img { float:right; width:501px; margin:7px 9px 0 0; height:206px;}
.descrip { font-size:110%; color:#333; line-height:130%; width:400px;}
p.descrip strong{ display:block; color:#000; font-size:120%; }
.c-ActDeport h3, .c-ActGrupos h3, .c-ActFormativas h3, .c-ActMedioambientales h3 { border-style:none; width:400px; margin-bottom:0px;}

.c-ActDeport, .c-ActGrupos, .c-ActFormativas, .c-ActMedioambientales { height:220px; margin-bottom:10px; padding:25px 0 0 30px;}
.invierno{ background: url(../img/c-actividades-deportivas-invierno.jpg) left -3px no-repeat; background-size:100%}
.primavera{ background: url(../img/c-actividades-deportivas-primavera.jpg) left -3px no-repeat; background-size:100% }
.otono{ background: url(../img/c-actividades-deportivas-otono.jpg) left -3px no-repeat; background-size:100% }
.verano{ background: url(../img/c-actividades-deportivas-verano.jpg) left -3px no-repeat; background-size:100% }

.c-ActGrupos{ background: url(../img/c-actividades-grupos.jpg) left -3px no-repeat; background-size:100% }
.c-ActFormativas{ background: url(../img/c-actividades-grupos.jpg) left -3px no-repeat;  background-size:100%}
.c-ActMedioambientales{ background: url(../img/c-actividades-grupos.jpg) left -3px no-repeat;  background-size:100%}


.colIzq, .colIzqAct { float:left; width:25%; margin-top:1px;}
.texto { width:70%; font-size:95%; float:right}
.cabecera { width:100%}
.texto ul { margin:10px 0;}
.texto ol li { list-style-type:decimal; margin-left:17px; font-size:100%; color:#515151; }
.texto ol li b { font-size:110%; color:#000!important;}
.texto ol li ul li { background:url(../img/flecha-ne.gif) left 7px no-repeat; padding:0 0 5px 10px; line-height:140%; list-style-type:none; font-size:105%; color:#515151; margin-left:0;}
.texto ol li ul li b { font-size:90%!important; color:#515151!important;}

.texto ul li { background:url(../img/flecha-ne.gif) left 7px no-repeat; padding:0 0 5px 10px; line-height:140%;}
.texto-cv { width:70%; font-size:95%; float:right; background-color:#f1f1f1; padding:1px 0 12px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.texto-cv h3 {margin:0 10px 10px; border-top:0px; border-bottom:0px;font-size:150%; clear:both; padding:0px; line-height:80%;}
h3 { font-size:190%; display:block; margin:5px 0 20px 0; color:#000; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding:4px 0;}
p.txtGr, p.txtGr2 { font-size:130%; color:#666; line-height:115%; display:block; margin:15px 0 15px; font-weight:bold; padding-left:10px; border-left:8px solid #ddd;}
p.txtGr2 { margin:20px 0 20px; display:block;}
h4 a { font-size:100%; margin:0 0 10px; background:url(../img/ico-azul-circilar-peq.gif) left 3px no-repeat; padding-left:17px; display:block; }

.menuSC { width:100%; overflow:auto; padding-bottom:8px}
ul.senda { /*float:left;*/ width:90%; display:block; }
ul.senda li{ float:left; color:#666; font-size:100%; margin-top:5px; padding:0 2px; }
ul.senda li a { color:#0396fd;}

ul.compartir { width:215px; float:left; margin:5px 0 20px; /* overflow:hidden;*/}
ul.compartir li {width:60px; display:inline-block; vertical-align:top}
ul.compartir li:first-child{ margin-right:60px; width:40px!important}

p.tituloMenu { background: #369; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:95%; margin-bottom:5px; padding:5px 8px;  color:#fff;  font-size:130%;}
.colIzq ul { margin-bottom:30px;}
.colIzq ul li { background:#eee; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width:95%; margin-bottom:5px; padding:10px 8px; font-size:105%;}
.colIzq li .activo { background:url(../img/ico-activo.gif) right center no-repeat; display:block; margin-right:5px; font-weight:bold;}
.colIzq li .activo a { font-weight:bold; color:#333;}
.colIzq ol { margin-bottom:10px;}
.colIzq ol li { padding:0 0 0 6px; font-size:90%; background:url(../img/ico-flecha-p-gris.gif) left 6px no-repeat; line-height:140%}

.colIzqAct ul { margin-bottom:30px; }
.colIzqAct li a{ font-size:105%; padding:8px; border-bottom:1px solid #fff;background-color:#eee;width:220px; display:block;}
.colIzqAct li a:hover{ background-color:#ddd; text-decoration:none;}
.colIzqAct li .activo { display:block; margin-right:5px; font-weight:bold; background-color:#333; color:#fff;width:220px; padding:8px; font-size:105%;}

.activ { width:100%; background-size:100%}
.activ img { margin:0 auto 8px; max-width:300px;width:100%;  display:block}
.activ p.activTit{ background: #999; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:95%; margin-bottom:7px; padding:5px 8px;  color:#fff;  font-size:130%;font-weight:bold; }
.activ p { line-height:130%; margin-bottom:2px;}
.activ p a { font-size:110%; font-weight:bold;}
.trabajo {width:93%; margin-top:20px; background-color:#eee; padding:8px;}.trabajo p { line-height:130%;}
.trabajo p.activTit{ background: #999; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:90%; margin-bottom:5px; padding:5px 8px; font-size:130%;color:#000; font-size:130%; font-weight:bold; }

.actividad { padding:10px; width:28%; min-height:335px; display:inline-block; margin:0 1.3% 20px; background:#fff; -webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px; vertical-align:top }
.actTxt { font-size:105%; }
.actTxt p a { margin-bottom:0!important; padding-bottom:0; font-weight:bold!important;}
.actFoto { width:100%; margin-bottom:5px }
.actFoto img { width:100%; }

.estacion { width:24%; min-height:400px; display:inline-block; vertical-align:top; margin:0 2px 20px; background-color:#fff; }
.estacion:last-child { margin-right:0}
.estacion img { width:100%; }
p.estTxtTit a, p.estTxtTitEu a{ font-size:140%; color:#000; background-color:#ffb907; display:block; padding:5px 10px; height:60px;}
p.estTxtTitEu a{ padding-top:10px;}
p.estTxtTit a span { font-size:230%; margin:0 10px;}
p.estTxtTitEu a span { font-size:190%; margin:0 10px 5px 0;line-height:80%; font-weight:bold; display:block}

p.estTxtTit a:hover{ color:#fff; background-color:#000; text-decoration:none; }
.estacion ul, .grupo ul { margin:0 10px 10px; min-height:180px}
.estacion li, .grupo li { border-bottom:1px dotted #ccc; padding:5px 0;} 

.cajaDeportes{ /*background: url(../img/fondo-caja-deportes.gif) 2px top repeat-y;*/ margin-bottom:20px;}
.cajaGrupos { /*background:url(../img/fondo-caja-grupos.gif) 2px top repeat-y;*/ margin-bottom:20px;}
.grupo { width:32%; min-height:550px; display:inline-block; vertical-align:top; margin:0 2px 5px; background-color:#fff; padding-bottom:10px }
.grupo:last-child { margin-right:0}
.grupo img { width:100%; }
p.grupoDesc { margin:0 0 15px 15px; width:90%; }
p.estTxtTit a{ font-size:140%; color:#000; background-color:#ffb907; display:block; padding:5px 10px; height:60px;}
p.estTxtTit a span { font-size:200%; margin:0;line-height:80%; display:block}
p.estTxtTit a:hover{ color:#fff; background-color:#000; text-decoration:none; }

p.actTxtTit { font-size:120%; line-height:100%; margin-bottom:5px;}
p.botonAct { width:112px; height:25px; display:block; overflow:hidden; background:url(../img/boton-ver-actividad.gif) left top no-repeat; margin-left:10px;}
p.botonAct:hover { background:url(../img/boton-ver-actividad.gif) left -25px no-repeat;}
p.botonActEu { width:112px; height:25px; display:block; overflow:hidden; background:url(../img/boton-ikusi-jarduera.gif) left top no-repeat; margin-left:10px;}
p.botonActEu:hover { background:url(../img/boton-ikusi-jarduera.gif) left -25px no-repeat;}
p.botonInfo { width:120px; height:25px; display:block; overflow:hidden; background:url(../img/boton-mas-info.gif) left top no-repeat; margin-left:15px; cursor:pointer}
p.botonInfo:hover { background:url(../img/boton-mas-info.gif) left -25px no-repeat;}
p.botonInfoEu { width:120px; height:25px; display:block; overflow:hidden; background:url(../img/boton-informazio-gehiago.gif) left top no-repeat; margin-left:15px; cursor:pointer}
p.botonInfoEu:hover { background:url(../img/boton-informazio-gehiago.gif) left -25px no-repeat;}

p.fcha { margin-left:10px;}

.masInfo { width:237px; }
.masInfo p.infoTit { background:url(../img/boton-gris-osc.gif) left top no-repeat; width:231px; height:30px; display:block; padding:4px 0 0 6px; color:#000; font-size:130%; font-weight:bold;  }
.masInfo p { line-height:130%; margin-bottom:2px;}
.borde { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
.borde2 { background:#fff;-moz-border-radius: 12px;	-webkit-border-radius: 12px; border-radius: 12px; width:94%; display:block; padding:8px 2%; margin-bottom:5px;font-size:100%; margin-left:10px;}
.fondo-gris { background:url(../img/fondo-gris.gif) left top no-repeat; width:930px; height:40px; display:block; padding:8px 8px; margin:20px 0 5px;font-size:100%; }

.flecha { background:url(../img/ico-azul-circilar-peq.gif) 70px 3px no-repeat; }
.radius {
	width:23%;
	background-color:#eee;
	padding:2%;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Google Chrome y Safari */
	border-radius: 20px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
.size01 { line-height:100%; color:#000; border-bottom:1px solid #fff; padding-bottom:8px; font-size:110%; font-weight:bold; }
.size01 strong span { color:#000; font-size:140%;}
.bordeTopBl {border-bottom:1px solid #fff; border-top:1px solid #fff;padding:8px 0;}
.caja_contacto {
	width:94%;
	background-color:#eee;
	padding:10px 3%;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Google Chrome y Safari */
	border-radius: 20px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
	margin-bottom:10px
}

.caja_contacto ol li { font-size:100%}
/*--- estilos ficha --- */

.fichaIz { float:left; width:700px; margin-top:20px; font-size:105%; background-color:#f1f1f1;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; padding-bottom:12px; }
.fichaIz h3 { margin:0 10px 10px; border-top:0px; border-bottom:0px;font-size:150%; clear:both; padding:0px; line-height:120%;}
.fichaIz img { margin-bottom:10px;}
.fichaFoto { /*background-color:#000;*/ text-align:center; margin:10px 12px 15px; overflow:hidden; }
.fichaFoto img{ width:100%}
.fichaDesc { margin:12px 12px 0; background-color:#fff; padding:10px 20px; color:#444; font-size:95%; overflow:visible}
.fichaDesc ol li { list-style-type: none; color:#515151; padding-bottom:8px; line-height:145%; margin-left:15px; font-size:100%;background:url(../img/ico-flecha-p-gris.gif) left 5px no-repeat; padding-left:10px;}
.fichaDesc ol li b { color:#000; font-size:110%;}
.fichaDesc ol li ul li { list-style:none; background:url(../img/ico-flecha-p-gris.gif) left 5px no-repeat; padding-left:10px; margin:5px 0 0 10px; font-size:105%; line-height:140%; color:#515151;}
.fichaDesc ul,.fichaDesc p,.fichaDesc p ul { display:block!important; margin-bottom:6px; overflow: visible}

.fichaDesc ul li b { color:#515151; font-size:100%;}
.fichaDesc ul li { list-style-type: disc; color:#515151; padding-bottom:8px; line-height:145%; margin-left:15px; font-size:90%;}
.fichaDesc div { line-height:145%; margin-bottom:8px;color:#515151 }
.fichaDesc div li{ font-size:105%; color:#515151 }

.fichaDcha { float:right; width:220px; margin:15px 5px 0 0; }
.fichaDcha h4 { background:url(../img/boton-gris-cl.gif) left top no-repeat; height:30px; color:#666; padding:8px 0 0 10px; font-weight:bold; font-size:110%;}
p.t1 { font-size:180%; color:#999; font-weight:bold; line-height:140%;}
p.t2 { font:bold 120% Arial, Helvetica, sans-serif; color:#fff; margin-top:20px; background-color:#1179af; padding:8px 10px; display:block;}
p.t3 { font-size:100%; color:#000; font-weight:bold; line-height:140%; text-transform:uppercase; border-top:1px dotted #ccc; padding-top:8px; margin:8px 0;}
p.t4 { font-size:100%; color:#000; font-weight:bold; line-height:140%; text-transform:uppercase; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:8px 0; margin:8px 0;}

.a1_caja { padding:8px; border:1px solid #ddd; margin-bottom:10px;}
.a1 {}
.a1 li { line-height:160%; color:#555; margin-bottom:5px;}

ul.galeria { margin:15px 0 0 20px; padding:0;}
ul.galeria li{ background:none; padding:0; margin:10px; float:left;}
ul.galeria li:last-child{ margin-right:0}

/* --------- Estilos contenido -------- */
/* --------- PIE -------------*/

.pie-fondo {
	width:100%;
	margin:20px auto 10px;
	background-color:#fff;
	padding:10px 0;
}
.pie2 { border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin:30px 0 }
.pie { width:961px; margin:5px auto 0}
.pie a {color:#666;}
.pie a:hover { text-decoration:underline;}
/*.navarra{ float:left; width:391px; height:63px; margin-left:20px;}*/

p.credit { text-align:center; display:block; color:#666;font:85% Tahoma, Geneva, sans-serif; display:block;}p.credit a { color:#515151;}

.logotipos { float:right; width:125px; display:block; text-align:center}
.logotipos img{ width:100%}
.logotipos2 { display:block; margin:auto; text-align:center; width:150px;}
.pieActiv {width:790px; float:left; border-right:1px dotted #ccc; padding-right:30px; }
.pieActiv p.pAct { margin-bottom:2px; display:block;clear:both; } 
.pieActiv p a { font-size:90%;color:#1179af; } 
ul.redesSociales { height:30px; margin-bottom:10px; float:left}
.redesSociales li { float:left; margin-right:10px;}
.redesSociales li img { }
.redesSociales li:first-child { float:none; clear: both; margin:20px 0 15px; text-transform: uppercase} 


/* -------------- Formulario --------------- */
#formulario { margin:10px 0 0 10px; padding-bottom:25px; }
#formulario h4{ display:block; text-align:center; border-bottom:1px dashed #666; margin:0 20px 10px 20px; padding-bottom:10px;}
#formulario p { line-height:150%;}
.mb { margin-bottom:50px;}
.f1 { float:left; width:300px; margin-top:20px;}
label { display:block; line-height:150%; margin-left:30px;}

input, textarea{
	border:1px solid #ccc;
	padding:2px;
	color:#000;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:80%;
	background-color:#fff;
	margin:0 0px 3px 30px;	
	list-style-type:none;
}
textarea{
	height:144px;
	margin-bottom:20px;
	width:90%;
}

.boton{
	border-style:none;
	width:120px;
	text-align:center;
	height:30px;
	color:#fff;
	background-color:#1179af;
	display:block;
	margin:20px auto;
	cursor:pointer;
	padding:2px 0;
	font:bold 130% Arial, Helvetica, sans-serif;
}

.boton:hover{ background-color:#000;}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}

#formulario a {color:#666;	border-bottom:1px dotted #666;}
#formulario a:hover{border-bottom:1px solid #666;}
p.tpriv { margin:10px 4%; font-style:italic; color:#666; line-height:110%!important}

.gracias{ margin:10px 0px 20px 10px; padding: 20px 50px; font-size:110%; height:200px;}
.gracias p { line-height:150%;}
.gracias a { text-decoration:underline;}
.gracias a:hover { color:#cc0000;}

.radius02 {	margin-top:20px;background-color:#fff;border:1px solid #ddd}
b {font-weight:bold;}
ul.listas { margin-bottom:10px;}.listas li { margin:0 0 3px 15px; line-height:140%; background:url(../img/ico-flecha-p-gris.gif) left 8px no-repeat; padding-left:8px;}
#bloque-reserva {margin:0 0 10px;text-align:center}
#bloque-pdf {margin: 15px 0 10px;background-image: url(../img/ico-pdf.gif);background-repeat:no-repeat}
#bloque-pdf p {margin-bottom:0px;margin-left: 25px}
#bloque-pdf a {margin-left: 25px}
#textobloqueB {/*float:left;height:142px;*/}
#textobloqueA {/*float:left; height:105px;*/	}
div.enlacehome {float:left;margin-top:10px}

/*--- Cookies ----*/
.cookies{width:100%;background-color:#f2f1ef;margin:8px auto 0;padding:5px 0;display:none; position:fixed; bottom:0; border-top:3px solid #fff;}
.cookiesCaja { margin:0 auto;background-color:#eee;color:#666;width:950px;font-size:90%;}
p.cookiesTxt{ float:left; width:800px;}
p.cookiesBot{background-color:#0053a0; display:block; float:right; width:110px; margin-top:6px; text-align:center;padding:5px 0;color:#fff!important;font-weight:bold;text-decoration:none!important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;}
p.cookiesBot a{color:#fff; text-decoration:none; text-transform:uppercase}

/* All Mobile Sizes (devices and browser)*/

@media only screen and (min-width: 768px) and (max-width: 990px){
#contenedor { width:100%}
.cookiesCaja { width:98%;}
p.cookiesTxt{ width:70%;}
.pie { width:90%;}
.pieActiv {width:500px; }
#navigation {padding:8px 0 0 8px;}
ul.nav-main li a {	font:bold 90% Arial, Helvetica, sans-serif;padding:3px 8px;margin-right:10px;}

.c-Actividad img { width:55%;}
.descrip { font-size:110%; color:#333; line-height:130%; width:100%; }
.activTxt { width:40%; margin-top:20px;}
.activTxt h3 { border-style:none; margin-bottom:0px;}

.actividad { padding:10px; width:27%; min-height:335px; display:inline-block; margin:0 1.3% 20px; background:#fff; -webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px; vertical-align:top }

.fichaIz { width:68%; margin:20px 0 0 2%; }
.fichaDcha { width:25%; margin:15px 2% 0 0; }

}


@media only screen and (max-width: 767px) {
	body, .bodyInt, .bodyInt2 {	background:#fff none;}
	#contenido { padding-bottom:10px}
	#contenedor { width:100%; background-color:#fff}
	#contenedor.int { background-color:#fff}
	#contenido.intt { background-color:#eee}
	#head { padding-bottom:3px; background-color:#fff}
	p.cookiesTxt { width:95%; margin:0 auto;float:none; }
	.cookiesCaja { width:100%;}
	p.cookiesBot{float:none; width:70%; margin:10px auto 0}
	#head h2 { display:none}
	.menu-sup {float:none; width:95%; margin:0 auto; display:none}
	.menu-sup li { margin:0; padding:0 6px; display:inline;list-style-type:none;color:#666; }
	
	#menu {display:none}
	#menuMovil {display:block;}
	p.sobre, p.sobreEu { background:none; width: auto; height: auto; display: inherit; float:left; padding:5px 0 0 10px; border-left:1px solid #ccc; padding-left:15px; color:#000}
	p.sobre span { display: inline-block;}
	p.sobre a { color:#0396fd}
	h1 { margin:10px auto; float:none; width:100%; display:block; text-align:center	}
	
	#home-destacado-izq,#home-destacado-der { float: none; width: 95%; margin:0 auto  }
	.destacado-A,.destacado-B,.destacado-C,.destacado-D,.destacado-E  { height:inherit;	display: block; width:100%; margin:10px auto 0px!important; border-bottom: 4px solid #ddd; border-radius:0; padding-bottom:20px; float:none}
	
	.destacado-A { padding-bottom:50px}
	.destacado-B img { margin:0 auto; display:block; text-align:center}
.destacado-B { border-bottom:none; margin-bottom:0; padding-bottom:0}
.destacado-C { width: 95%;  }
.destacado-E { width: 95%; border-bottom:none }
.destacado-D{ background-color:#eee; border-radius:5px; border:none; padding-bottom:5px}
	
	.pie-fondo {margin:0px auto;}
	.pie { width:90%; margin:0 auto}
	.logotipos { float:none; width:100%; display:block; text-align:center; padding-top:20px }
	.pieActiv {width:100%; float:none; border-right:none; padding-right:0px; }
	p.credit { background-color:#eee; padding:15px 0; margin-bottom:0}
	.menuSC { border-bottom:1px solid #ddd;border-top:1px solid #ddd; background-color:#fff;}
	.colIzq, .colIzqAct { float:none; width:95%; margin:0 auto;}
	.texto { width:95%; font-size:95%; float:none; margin:0 auto 20px }
	.oc { display:none}
	.mostrar { display:block}
	.colIzq.radius { float:none; width:89%; margin:0 auto;padding:2% 3%;}
	.f1 { float:none; width:100%; margin-top:20px;}
	label { margin:2% auto;	display:block; width:85%}
	input, textarea{padding:5px;width:82%;margin:0 auto 3px;display:block}
	textarea{width:82%;}
	label.checklabel { display:block; margin:15px 5% 0}
	.check { margin-left:35px; margin-top:15px}
	
	.fichaIz { float:none; width:90%; margin:20px auto 0; padding:5px 0 12px}
	.fichaDcha { float:none; width:90%; margin:15px auto; }
	.borde2 { margin:5px auto; width:90%}
	
	.headImg { background:none; height:auto; overflow: visible;}
	
	.c-ActDeport, .c-ActGrupos, .c-ActFormativas, .c-ActMedioambientales { height: auto; margin-bottom:10px; padding:25px 2% 0; }
	.c-Actividad {height: auto; margin:0 0 20px; padding:0;background:#ffb909 none}
	.c-Actividad img { width:98%; height:auto;}

	.activTxt { float:none; width:90%; margin:0px auto; padding-bottom:10px; }
	.activTxt h3 { border-style:none; margin-bottom:0px;}
	.c-Actividad img { float:none; width:100%; margin:0; height: auto;border-bottom:1px solid #fff}
	.descrip { font-size:110%; color:#333; line-height:130%; width:100%;}
	p.descrip strong{ display:block; color:#000; font-size:120%; }
	.c-ActDeport h3, .c-ActGrupos h3, .c-ActFormativas h3, .c-ActMedioambientales h3 { border-style:none; width:400px; margin-bottom:0px;}

	.actividad { width:85%; height: auto; margin:0 auto 20px; display:block}
	p.t1 { font-size:150%;}
	.texto-cv { width:95%; float:none; margin:20px auto ;}
	.grupo, .estacion { width:90%; min-height: inherit; display:block; margin:20px auto; }
	.estacion ul, .grupo ul { min-height: inherit}
	.estFoto { height:200px; overflow:hidden;}
	.estacion .estFoto img { margin-top:-20%; max-width:400px}
	.grupo .estFoto img { margin-top:-10%;max-width:400px}
	.cajaDeportes { background-color:#eee; padding-top:3px; margin-top:0}
}