:root{
  --color-txt2H:#ff8000;
  --color-txt:#fff;

  --tamanio-normalTH:20px;
  --tmanio-normalHC:15px;

  --tamanio-normalH700:15px;
  --tmanio-normalHC700:12px;

  --tamanio-normalH450:13px;
  --tmanio-normalHC450:9px;

  --tipo-fuente:'Roboto','sans-serif','Raleway','Dancing Script';
}
/*TABS nueva forma de navegar en HORARIOS*/

.wrap, .wrap-natacion{
  width: 100%;
  margin: 15px auto;
}

.wrap{ max-width: 800px; }
.wrap-natacion{max-width: 1200px;}

ul.tabs, ul.tabs-natacion{
	width: 100%;
	/*background: #363636;*/
	list-style: none;
	display: flex;
}

ul.tabs li{
	width: 18%;
}

ul.tabs li a{
	color:#fff;/* #fff;*/
	text-decoration: none;
	text-align: center;
  border-radius: 5px;
	display: block;
	padding: 15px 0;
  font-size: 20px;
}
ul.tabs li a:hover{
  /*color:#1a237e;*/
	background: #ff6f00;
    border-radius: 8px;
}

ul.tabs li a.active{
	background: #0984CC;
}

ul.tabs li a .tab-text{
	margin-left: 8px;
}

/*para horarios de natacion*/
ul.tabs-natacion li{
  margin: 5px 10px;
	width: 80%; /*18%*/
}

ul.tabs-natacion li a{
	color:#fff;/* #fff;*/
	text-decoration: none;
	text-align: center;
  border-radius: 5px;
	display: block;
	padding: 15px 0;
  font-size: 20px;
}
ul.tabs-natacion li a:hover{
  /*color:#1a237e;*/
	background: #ff6f00;
    border-radius: 8px;
}

ul.tabs-natacion li a.active{
	background: #0984CC;
}

ul.tabs-natacion li a .tab-text{
	margin-left: 8px;
}

.secciones{
	width: 100%;
/*	background: #fff;*/
}

.secciones article{
	padding: 20px;
}

.secciones article p{
	text-align: justify;
}

/*archivo de estilos para las tablas de HORARIOS*/
.t-horario-escuelas{
  margin: auto;
  width: 100%;
  max-width: 1200px;
  padding: 5px;
  align-items: center;
}
.t-horario-escuelas .tabla_horario td {
  font-size: 15px;
}

td.t-h-celda-b-superior{
  border-top: 1px solid #ff8000;
}
td.t-h-celda-b-inferior{
  border-bottom: 1px solid #ff8000;
}



.slider-horario{
  margin: auto;
  width: 100%;
  max-width: 800px;
  padding: 5px;
  align-items: center;
}
/*table {
  width: 100%;
}
table {
    border-collapse: collapse;
}
*/
.tabla_horario{
  width: 100%;
}
.tabla_horario, td, th{
  /*width: 100%;*/
  border-collapse: collapse;
  border: 1px solid #ff8000; /*ff7043; /*borde naranja /* #0d47a1; /*black;*/
  font-size: 20px;
}



.slider-horario .tabla_horario tr td {
  height: 23px;
  font-size: 15px;
}

.slider-horario /*table,*/  {
    border: 1px solid #ff8000; /*ff7043; /*borde naranja /* #0d47a1; /*black;*/
    /*font-size: 18px;*/
}

/*
ul, li {
    list-style: none;
}*/
ul.tabla-horario{
  position: relative;
  width: 100%; /*800px*/
  height:680px;  /*  ltura del contenedor de las tablas */
  color:#fff;/*  #fff;*/
}
ul.tabla-horario li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .8s;
    background:#000;
  /*  background:#104400; /*#104480; /*#104400; #009688; /*#025641; 104400 #023859*/
}
ul.tabla-horario li img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

ul.tabla-horario li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}

ul.tabla-horario li:target {
    opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
}

.menu-horario{
  text-align: center;
  margin: 10px;
}

.menu-horario li{
  display: inline-block;
  text-align: center;
}

.menu-horario li a{
  display: inline-block;
  color:#fff;/*  #fff;*/
  text-decoration: none;
  background-color:#023859;/* #008080; verde*/
/*  background-color:#000;/* #008080; verde*/
  padding: 10px;
  width: 80px;
  height: 40px;
  font-size: 15px;
  border-radius: 20px;
}
.menu-horario li:hover { /*eemnto <a href=""> */
  width: 100px;
  padding: 3px;
  border-radius: 25px;
	background:#ff8000;
}

.t-horario-escuelas .tabla_horario{
  overflow-x: scroll;
  scroll-behavior:smooth;
}

.menu_natacion1000 {
  /*display: flex;*/
	align-items: center;
	justify-content: center;
  width: 100%;
}
.menu_natacion700 {
  display:none;
}
.menu_natacion450 {
	display:none;
}

/*.tamaniotxt{
  font-size: 20px;
  padding: 2px;
}*/






































@media screen and (max-width: 700px){
	ul.tabs li{
		width: none;
		flex-basis: 0;
		flex-grow: 1;
	}
  .slider-horario .tabla_horario tr th {
      font-size: 15px;   /*12px;*/
  }
  ul.tabs li a{
    font-size: 15px;
  }

  .tamaniotxt{
    font-size: 16px;
    padding: 2px;
  }

  .menu_natacion700 {
    display:grid;
  	/*align-items: center;*/
  	justify-content: center;
    width: 100%;
    /*border: 1px solid #FFF;*/
  }
  .menu_natacion1000 {
  	display:none;
  }
  .menu_natacion450 {
  	display:none;
  }
  /*
  .lineadivision{
    font-size: 15px;
  }*/
}

@media screen and (max-width: 450px){
	ul.tabs li a{
		padding: 10px 0px;
    font-size: 13px;
	}

	ul.tabs li a .tab-text{
		display: none;
	}

	.secciones article{
		padding: 20px;
	}
  .slider-horario .tabla_horario tr th {
      font-size: 13px;
  }
  .tamaniotxt{
    font-size: 12px;
    padding: 2px;
  }
  .t-horario-escuelas .tabla_horario{
    overflow-x: scroll;
    scroll-behavior:smooth;
  }
  ul.tabs-natacion li{
  	width: 90%;
  }

  .menu_natacion1000 {
    display:none;
  }
  .menu_natacion700 {
    display:none;
  }
  .menu_natacion450 {
    display:block;
    width: 100%;
    /*border: 1px solid #ff080f;*/
  }


  /*

  .tabla_horario{
    overflow-x: scroll;
    scroll-behavior:smooth;
  }
  .t-horario-escuelas{
    overflow-x: scroll;
    scroll-behavior:smooth;
  }
  .lineadivision{
    font-size: 15px;
  }*/
}














/*
 @media screen and (max-width:450px) and (max-width:700px){
   .slider-horario{
     width: 100%;
     height: auto;
     margin-top: 5px;
     padding: 0px;
   }
   .t-horario-escuelas{
     width: 100%;
     padding: 0px;
     align-items: center;
     /*overflow-y: scroll;*/
/*   }
   .t-horario-escuelas .tabla_horario td {
     font-size: 10px;
   }
   /*.t-horario-escuelas > .fondocelda {
     background:#616161;
   }
   .lineadivision{
     background: #616161;
   }*/
/*.slider-horario .tabla_horario {
     width: 100%;
     margin-top: 100px;
   }
   .slider-horario .tabla_horario tr td {
     height: 20px;
     font-size: 15px;
   }
   ul.tabla-horario{
     position: relative;
     left: 0; /*calc((100%-800px)/2);*/
/*     width: 100%;
     height: 680px;
     color:#fff;/*  color:#fff;
   }
   .menu-horario li a{
     padding: 10px;
   }
}
*/