@font-face{
	font-family: Raleway;
	src: url(../fonts/Raleway-ExtraLight.woff2),
         url(../fonts/Raleway-ExtraLight.woff),
	     url(../fonts/Raleway-ExtraLight.ttf);
	font-weight: 200; font-display: swap;}
@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-Regular.woff2),
         url(../fonts/Raleway-Regular.woff),
	     url(../fonts/Raleway-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-SemiBold.woff2),
         url(../fonts/Raleway-SemiBold.woff),
	     url(../fonts/Raleway-SemiBold.ttf);
    font-weight: 600; font-display: swap;}
*{	margin: 0;	padding: 0;}
#redes ul{	display: none;}
body{	font-family: 'Raleway', sans-serif; font-size: 1.1em; line-height: 2em; font-weight: 400;}
.negro{	background: #000; color: #fff;}
img a, a, a img{	text-decoration: none;}
img{height: auto;}
#idioma a{
	display: block; padding: 5px 0; width: 60px; text-align: center; background: #d97e0a; color: #000; font-size: 0.7em; float: right;}
#idioma a:hover{	color: #d97e0a; background: #fff;}
#membrete{	color: #d97e0a; font-size: 14px; line-height: 20px;}
strong{	font-weight: 600;}
.noneg, .noneg strong{	font-weight: 400;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #d97e0a; padding: 20px 0; display: block; font-weight: 200; }
#menu ul li a:hover{	color: #fff;}
h1{ font-weight: 200; color: #C60;}
h2{ font-weight: 400; color: #c60; }
p{  margin: 12px 0;}
#texto a{	color: #000; display: block;}
#texto a:hover{	color: #c60; }
#texto a h2{	color: #c60;}
#texto a:hover .taco{	color: #FFF; background: #C60;}
#texto .linea a{	display: inline-block;}
.dest, h3{	color: #555; display: block; font-weight: 400;}
#texto .borde{	background: #c60; color: #fff; padding: 20px; }
.taco{	border: 1px solid #c60; color: #c60; padding: 8px 0; font-size: 15px; display: block; width: 280px; text-align: center; margin-top: 15px;}
address{	font-style: normal;	display: inline;}	
.borra{	clear: both;}
#demo{	margin: 80px 0 0 0;}
#texto .video a{	text-align: center; text-indent: -999em; display: block;
	background: url(../imagenes/video.jpg) no-repeat top center; padding: 130px 0 0 0; 
	width: 500px; height: 170px; font-weight: 600;}
#texto .video a:hover{	text-indent: inherit; color: #fff; background: url(../imagenes/video-hover.jpg) no-repeat top center; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	text-shadow: 2px 2px 15px #000;}
#texto .sin{	background: none; font-size: 18px; text-transform: uppercase; color: #777;}
#redes{display: none;}
#redes ul li{	display: inline; list-style-type: none; float: left; width: 50px;}
#redes ul .google a{	background: url("../imagenes/google-1.jpg") no-repeat; 
	text-indent: -999em; display: block; width: 40px; height: 40px;}
#redes .google a:hover{	background: url("../imagenes/google-2.jpg") no-repeat;}
#redes ul .youtube a{	background: url("../imagenes/youtube-1.jpg") no-repeat; 
	text-indent: -999em; display: block; width: 40px; height: 40px;}
#redes .youtube a:hover{	background: url("../imagenes/youtube-2.jpg") no-repeat;}
#tel{	font-size: 50px; color: #d97e0a; font-weight: 200;}
.boton a{	display: block; text-align: center; background: #d97e0a; color: #fff;	padding: 10px 0; width: 160px;}
.boton a:hover{	background: #fff; color: #d97e0a;}
.eusk .boton a{	font-size: 0.9em;}
#aviso{ 	font-size:14px; line-height: 1em; color: #d97e0a; margin: 10px 0 0 0;}
#aviso a{	color: #aaa; display: inline-block; padding: 5px 0;}
iframe{	border: none;}
.horario{	color: #000; display: block; }
#horario{	max-width: 260px; }
#aviso-t{	border-top: 1px solid #d97e0a; 	font-size: 14px; margin: 60px 0 0 0; color:#d97e0a;}
#aviso-t a{	display: inline-block; color: #aaa; padding:7px;}
.negro .todo{	margin: 0;}
.mail{	padding-bottom: 20px;}
.email{margin-top: 10px;}
.mapa{ background: url("../imagenes/mapa.jpg") no-repeat left top; background-size: cover; padding: 340px 0 220px 0;}
.mapa .boton a{ width: 200px; font-size: 15px; margin: 0 auto;}
#texto .mtop{margin-top: 80px;}
.lista li{margin: 0 0 0 20px;}
#texto .lista{	margin: 30px 0 30px 0;}
.foto{width: 100%; height: auto; display: block; margin: 40px 0 0 0;}
.enviar img{width: 100%;  display: block; max-width: 300px;}

@media only screen 
and (max-width : 500px){
.container {	width: 100%;	margin: 0 auto;}
.todo {	margin: 0 25px;}
section{	background: #fff; margin: 20px 0;}
#logo{	margin: 20px 0; text-align: center; }
#menu{	font-size: 22px; margin: 50px 0 0 0;}
#menu ul li a {	padding: 15px 0;}
h1{	font-size: 25px; margin: 30px 0 10px 0;	text-align: center;}
.pantalla, iframe{	display: none;}
.movil{	width: 100%; height: auto;}
#texto p, .sup, .dest, h3{	text-align: center;}
h3{font-size: 0.9em;}
#texto h2{	padding: 40px 0 0 0; margin: 30px 0 0 0; text-align:center; font-size: 20px;
	background: url(../imagenes/punto.jpg) no-repeat center 20px;}
#texto a:hover h2{	background: url(../imagenes/punto-hover.jpg) no-repeat center 15px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#texto .video a {    background: url(../imagenes/video.jpg) no-repeat center top;
    background-size: 100% auto;    padding: 36% 0 10% 0; height: 50px;    width: 100%;}
#texto .video a:hover{
	background: url(../imagenes/video-hover.jpg) no-repeat top center; 	background-size: 100% auto;	text-shadow: 2px 2px 15px #000;}
#texto .alt, #texto .cont{	background: none; padding: 0}
#texto .cont{	padding: 25px 0; border-top: 1px solid #d97e0a;}
.lista p{	margin: 0;}
.taco{	display: block; max-width: 210px; margin: 0 auto; text-align: center;}
.eusk .taco{	max-width: 240px;}
.dest, h3, .video, #texto .sup{	margin: 50px 0 0 0; font-weight: 600;}
#texto .borde{	margin: 20px 0 0 0; }
#datos{	margin: 20px 0 0 0; text-align: center;}
.tels{	margin: 30px 0;}
.tt{	font-size: 26px;}
.linea{	display: block;}
	.linea a{padding: 8px 0;}
.guion, #aviso-t{	display: none;}
	.email img{margin: 0 auto;}
footer{	padding: 25px 0;}
#logo-pie{	width: 125px; margin: 0 auto;}
#redes{	width: 100px; float: right; padding: 12px 0 0 0;}
#tel{	clear: both; padding: 40px 0 20px 0; font-size: 36px; text-align: center;}
#contacto{	margin: 20px 0 0 0; text-align: center;}
.boton a{	margin: 0 auto 20px auto;}
#texto #horario{	margin: 40px auto; text-align: center; }
#aviso .fir{	display: block !important;}
}
@media only screen 
and (max-width : 590px){
#aviso-t{	text-align: center; line-height: 1.7em; padding-top: 20px;}
#aviso-t .fir{	display: block !important;}
#aviso-t a{	padding: 0px 10px 20px 10px;}}
	
@media only screen 
and (min-width : 501px)
and (max-width : 750px) {
body{	background: url(../imagenes/fondo-t.jpg); background-attachment: fixed;	background-size: cover;}
.container {	width: 100%;	margin: 0 auto;}
.todo {	margin: 0 30px;}
#contenido{	padding: 30px;}
section{	background: #fff; margin: 30px 0;}
#logo{	margin: 0 auto; text-align: center;}
#menu{	font-size: 20px; margin: 60px auto 0 auto; max-width: 480px;}
.eusk #menu{	font-size: 17px;}
#menu ul li{	float: left; width: 26%;}
#menu ul .mayor{	width: 48%;}
.eusk #menu ul li{	float: left; width: 28%;}
.eusk #menu ul .mayor{	width: 42%;}
.movil {	display: none;}
.pantalla{	width: 100%; height: auto;}
h1{	font-size: 26px; margin: 50px 0 20px 0;}
#texto p{	margin: 0 0 0 0;}
#texto h2{	padding: 20px 0 0 40px; font-size: 20px;	background: url(../imagenes/punto.jpg) no-repeat 10px 30px;}
#texto a:hover h2{	background: url(../imagenes/punto-hover.jpg) no-repeat 2px 22px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#texto .sin{	padding: 0;}
.taco{	display: block; max-width: 210px; margin: 0 auto; text-align: center; padding: 2px 5px;}
.eusk .taco{	max-width: 260px;}
#texto .video a {    background: url(../imagenes/video.jpg) no-repeat center top;
    background-size: 100% auto;    padding: 36% 0 10% 0; height: 50px;    width: 100%;}
#texto .video a:hover{	background: url(../imagenes/video-hover.jpg) no-repeat top center; 
	background-size: 100% auto;	text-shadow: 2px 2px 15px #000;}
h3, #texto .sup{	margin: 50px auto 0 auto; width: 250px; text-align: center;}
h3{	font-size: 15px;}
.dest, .video{	margin: 50px 0 0 0;}
#texto .borde{	margin: 30px 0 0 0; }
#datos{	margin: 40px auto 0 auto; width: 300px; text-align: center; }
#texto #horario{	margin: 40px auto; text-align: center;}
footer{	padding: 30px 0 0 0;}
#logo-pie{	width: 240px; float: left;}
#redes{	width: 100px; float: right; padding: 12px 0 0 0;}
#tel{	width: 250px; float: left; padding: 20px 0 0 0; clear: both; font-size: 39px;}
#contacto{	margin: 15px 0 0 0; width: 130px; float: right; text-align: right;}
iframe{	width: 100%; height: 360px;}
.boton a {    padding: 7px 0;    text-align: center;    width: 120px;}
.eusk #contacto{	width: 140px;}
.eusk .boton a{	width: 140px;}
#aviso{	display: none;}
.negro .todo{	margin: 0 30px;}
#texto .mleft{margin-left: 40px;}}
	
@media only screen 
and (min-width : 751px)
and (max-width : 1139px) {
body{	background: url(../imagenes/fondo-t.jpg); background-attachment: fixed;	background-size: cover;}
.container {	width: 100%;	margin: 0 auto;}
.todo {	margin: 0 30px;}
#contenido{	padding: 30px;}
section{	background: #fff; margin: 30px 0;}
#logo{	margin: 0 auto; text-align: center;}
#menu{	font-size: 28px; margin: 60px auto 0 auto; max-width: 650px;}
.eusk #menu{	max-width: 740px;}
#menu ul li{	float: left; width: 27%;}
#menu ul .mayor{	width: 46%;}
.eusk #menu ul li{	float: left; width: 28%;}
.eusk #menu ul .mayor{	width: 42%;}
.movil {	display: none;}
.pantalla{	width: 100%; height: auto;}
h1{	font-size: 26px; margin: 50px 0 20px 0;}
#texto p{	margin: 0 0 0 0;}
#texto h2{	padding: 20px 0 0 40px; font-size: 20px;	background: url(../imagenes/punto.jpg) no-repeat 10px 30px;}
#texto a:hover h2{	background: url(../imagenes/punto-hover.jpg) no-repeat 2px 22px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#texto .sin{	padding: 0;}
.taco{	display: inline-block; max-width: 210px; margin: 0 auto; text-align: center; padding: 0 5px;}
.eusk .taco{	max-width: 260px;}
#texto .video a {    background: url(../imagenes/video.jpg) no-repeat center top;
    background-size: 100% auto;    padding: 36% 0 10% 0; height: 50px;    width: 100%;}
#texto .video a:hover{	background: url(../imagenes/video-hover.jpg) no-repeat top center; 
	background-size: 100% auto;	text-shadow: 2px 2px 15px #000;}
h3, #texto .sup{	margin: 50px auto 0 auto; width: 250px; text-align: center;}
h3{	font-size: 15px;}
.dest, .video{	margin: 50px 0 0 0;}
#texto .borde{	margin: 30px 0 0 0; }
#datos{	margin: 40px auto 0 auto; width: 300px; text-align: center; }
#texto #horario{	margin: 40px auto; text-align: center;}
footer{	padding: 30px 0 0 0;}
#logo-pie{	width: 126px; float: left; margin: 0 5% 0 0;}
#redes{	width: 110px; float: left; padding: 12px 0 0 0; margin: 0 5% 0 0;}
#tel{	width: 220px; float: left; padding: 20px 0 0 0; font-size: 39px;}
#contacto{	margin: 15px 0 0 0; width: 130px; float: right; text-align: right;}
iframe{	width: 100%; height: 360px;}
.boton a {    padding: 7px 0;    text-align: center;    width: 120px;}
#aviso{	display: none;}
.negro .todo{	margin: 0 30px;}
#texto .mleft{margin-left: 40px;}}
	
@media only screen 
and (min-width : 1140px){
body{	background: url(../imagenes/fondo.jpg); background-attachment: fixed;	background-size: cover;}
.container {	width: 1140px;	margin: 0 auto;}
.todo {	margin: 0 20px;}
#contenido{	padding: 40px 40px 100px 40px;}
section{	background: #fff; margin: 20px 0;}
#logo{	width: 350px; float: left;	margin: 0 0 20px 0; }
#menu{	width: 600px; float: right;	font-size: 27px; margin: 90px 0 0 0;}
.eusk #menu{	width: 650px;}
#menu ul li{	float: left; width: 27%;}
#menu ul .mayor{	width: 46%;}
.eusk #menu ul li{	float: left; width: 28%;}
.eusk #menu ul .mayor{	width: 42%;}
.movil, #aviso-t {	display: none;}
.pantalla{	width: 100%; height: auto;}
h1{	font-size: 40px; margin: 80px 0 40px 0;}
#texto p{	margin: 0 0 0 260px;}
#texto h2{	margin: 0 0 0 220px; padding: 30px 0 0 40px;	background: url(../imagenes/punto.jpg) no-repeat 10px 45px;}
#texto a:hover h2{	background: url(../imagenes/punto-hover.jpg) no-repeat 2px 38px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.dest, h3, .video, #texto .sup{	margin: 50px 0 0 260px;}
	#texto .lista{	margin: 30px 0 30px 260px;}
	.foto{margin-left: 260px; margin-top: 60px; width: calc(80% - 260px);}
#texto .borde{	margin: 20px 200px 0 260px; }
#datos{	margin: 20px 0 0 260px;}
footer{	padding: 40px;}
#logo-pie{	width: 240px; float: left;}
#redes{	width: 120px; float: left; padding: 15px 0 0 0;}
#tel{	width: 300px; float: left; padding: 15px 0 0 0;}
#contacto{	margin: 10px 0 0 0; width: 300px; float: right;}
#logo-pie, #redes, #tel{	margin: 0 20px 0 0;}
#horario{	max-width: 260px; background: #c60 url(../imagenes/fondo-logo.png) bottom right no-repeat !important;}
#aviso a{	display: inline-block;}}