@import url("https://fonts.googleapis.com/css?family=Roboto:300,700,400");
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


body{
	/*background:#efefef;*/
	font-family:'Montserrat';
	font-weight:normal !important;
}

a
{
    color:Black;    
}

header.principal{height:115px;background:#008ac9;/*! -webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2); */-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);/*! box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2); */position: unset;z-index: 10000000;}

header.inicial{
height:50px;
background-color:#dadad8;
line-height:50px;
}

header.inicial .supIzq{
width:50%;
float:left;
height: 50px;

}
header.inicial .supDer{
width:50%;
float:right;
text-align:right;
height: 50px;
}

.supIzq a{
    font-size: 1.8rem;
    color: #34404C;
    line-height: 50px;
    vertical-align: middle;
    padding-left: 0.1rem;
}

.supIzq a:hover{
    color: #d62f2d;
}


section.datos{
	/* background:#e91d2d;
	background-image: url('../img/back.png');
	background-size: contain; */
}

section.datos .container{
	background:#FFF;
}

.MenuP{
    top:25px;
    position:relative;
    height:80px;
}

.MenuM{
    top: 25px;
    height: 80px;
    min-width: 72px;
    text-align: right;
    position: relative;
}

.botoneraHome {
background-color:#efefef;
padding-top: 20px;
padding-bottom: 20px;
}

.botoneraHome div.boton{
text-align:center;
margin-bottom:10px;
}

.botoneraHome div.boton img{
width:72%;
}


 div.boton a:hover{
    color:#d62f2d;
}

.botoneraHome div.boton span{
font-weight:bold;
}

.tab-content > .active {
  display: block;
  position: absolute;
  z-index: 1;
  background: #d62f2d;
  width: 100%;
  left: 0;
  right: 0;
  padding-left: 16%;
  padding-right: 16%;
  padding-top: 10px;
  padding-bottom: i0px;
}


section.accesos{
	padding-top:30px;
	padding-bottom:30px;
}

div.accesos{
    border-radius:15px;
    border:4px solid #FFF;
    background:#000;
}

div.accesos div.TituloEnJuego{
	background-image: url("../img/fondoverde.png");
	height: 200px;
	background-size: cover;
}

div.accesos div.datos h5{
	font-weight: 400;
    color: #666666;
    font-size: 1.5rem;
}

div.accesos div.TituloAccesoFederados{
	background-image: url("../img/fondoazul.png");
	height: 200px;
	background-size: cover;
}

div.accesos div.AccesoLoginBack{
	
    height: 140px;
    text-align: center;
    padding-top: 11px;
    color: #000;
    /*border-bottom:1px solid red;*/
}

div.TituloEnJuego div.h2{
	display: table-cell;
	color: #FFF;
	font-size: 4.1rem;
	font-weight: bold;
	height: 200px;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	width: 360px;
	padding-top: 30px;
	padding-left: 25px;
	line-height: 63px;
}

div.TituloAccesoFederados div.h2{
	display: table-cell;
	color: #FFF;
	font-size: 3.8rem;
	font-weight: bold;
	height: 200px;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	width: 360px;
	padding-top: 30px;
	padding-left: 25px;
	line-height: 63px;
}


table.sinBordes  tr, table.sinBordes  td{
	border:none !important;
	background:transparent !important;
	font-weight:bold;
}

table.sinBordes{
	margin-bottom: 0.5rem !important; 
}


div.datos div.table-responsive{
	border-bottom:1px dashed black !important;
}

.imgRDP{
	background-image: url(../img/fondoPista.jpg);
    height: 200px;
    background-size: cover;
}

div.imgRDP div.h2{
	display: table-cell;
	color: #FFF;
	font-size: 3.15rem;
	font-weight: bold;
	height: 200px;
	background-size: cover;
	text-shadow: 2px 2px 2px #000;
	width: 360px;
	padding-top: 30px;
	padding-left: 25px;
	line-height: 63px;
	width:460px;
	overflow-wrap: anywhere;
}
.divRDP{
	background: #efefef;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

section.reservadepistas {
	padding-bottom:30px;
	
}

footer{
	background:#000;
	color:#FFF;
	padding:30px;
	text-align:center;
}

footer .MenuFooter p {
	line-height:18px;
	color:#d2d1cf;
}

footer .MenuFooter {
	margin-bottom:20px;
}

footer h2.linea {
  position: relative;
  z-index: 1;
}

footer h2.linea:before {
  border-top: 1px solid #d2d1cf;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

footer h2.linea span {
 background: #34404c;
  padding: 0 15px;
  font-size: 1.5rem;
}

.PatrocinadoresFooter{
	padding-bottom:20px;
}

.PatrocinadoresFooter img {
	max-width:180px;
}

.ColaboradoresFooter{
	padding-bottom:20px;
}

.ColaboradoresFooter img {
	max-width:170px;
}

.ColaboradoresFooter div.row div.col-md-3 {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.InfoFooter{
	line-height:130px;
	margin-top:20px;
	margin-bottom:20px;
}

.InfoFooter img{
	max-height:130px;
}

footer p.info{
	font-size:1.1rem;
	
}

.margenTop80{
	margin-top: 80px;
}

.margenTop40{
	margin-top: 40px;
}

.espacio115{
	padding-top: 115px;
}
.espacio40{
	padding-top: 40px;
}


.dropdown-item {
	white-space: normal !important;
}

.accordion-item {
	border:none;
	border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important;
}

.accordion-button:not(.collapsed) {
	background-color:#dedede;
	
}

.accordion-item:first-of-type {
	border-top-left-radius:0;
	border-top-right-radius: 0;
}

.textoFecha{
	font-size:0.75rem;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-weight:bold;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background: none;
	color: #d62f2d;
	font-weight: bold;
	border-bottom: 11px solid #d62f2d;
	border-radius: 0;
}

.btn-primary.amarillo {
	background-color:#f5c300;
	border:0;
  height: 70px;
	color:#008AC9;
	font-weight: bold;
}


.btn-primary {
	background-color:#008AC9;
	border:0;
}

.btn-primary:hover {
	background-color:#000;
}

.nav-link{
	color:#34404c;
}

.nav {
  /*--bs-nav-link-padding-x: 1.25rem;
  --bs-nav-link-padding-y: 0.7rem;*/
}

.btn-outline-secondary {
		
}

.submenu{
	color: white;
}

.submenu p a {
	text-decoration:none;
	color:white;
}
.submenu p a:hover {
	font-style: italic;	
	color:#34404c;
}

.carousel-caption{
	opacity: 0.7;
    background: black;
    padding: 22px;
    right: unset;
    max-width: 500px;
	text-align: left;
}


.fcCantiPistas{
	font-size: 3em;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	text-align: end;
}

.fcPistasTotales{
	margin-top: 15px;
	text-align: start;
	line-height: 16px;
}
.textopistasLG{
	font-size: 0.9rem;
	text-align: left;
}

.textopistas{
	font-size: 0.80rem;
	text-align: left;
}

.fichaGaleria .row .col-xl-12.col-xxl-6{
	margin-bottom: 15px;
}


/*MENU MOBILE*/
.offcanvas-body {
	background:#d62f2d;
	color:white;
}
.MenuMobile button{
	color:white;
}
/*FIN MENU MOBILE*/


.dropdown-menu a{
	color: #004D9A;
}

.MenuFooter a{
	text-decoration:none;
	color:white;
	font-size: 0.80rem;
}


.dropdown-menu .listanoticias .dropdown-header{
    margin:none;
}


.listanoticias a{
    font-size:0.85rem;
    /*text-transform: lowercase;*/
}

.bloqueNoticia a.noticia {
    text-decoration:none;
    color:#004D9A;
}

.bloqueNoticia img{
    /*! border-radius:15px; */
    margin-bottom:20px
}

.bloqueNoticia div, .bloqueNoticia p{
    font-size:0.9rem;
}

.bloqueNoticia p{
    min-height: 50px;
}

.imgNoti{
    text-align:center;
    margin-bottom:20px;
}

.galerianoticia div img{
    border-radius:15px;
}

.ReenviaNoticia i{
    color:#004D9A;
    font-size:1.3rem;
    margin-left: 10px;
}



.caption-ranking{
    position:relative;
    background: black;
    opacity: 0.7;
    padding: 15px;
    text-align: left;
    left: 0px;
    color: White;
    height: 100px;
    bottom: 99px;
    margin-bottom: -70px;
}

.RNK1Posicion {
    width: 15%;
    font-size: 7rem;
    line-height: 0.6;
    display: inline-block;
    text-align: right;
}

.RNK1Nombre {
    font-weight: bold;
    width: 40%;
    font-size: larger;
    line-height: 18px;
}

.RNK1Datos  {
    /*padding: 3px;*/
    font-size: smaller;
    line-height:15px;
}


.RNKPosicion{
    font-size: 3.5rem;
    font-weight: bold;    
}

.RNKNombre{
    font-weight: bold;  
    line-height: 18px;  
    font-size:large;
    /*height: 36px;*/
}

.RNKDatos{
    font-size: x-small;
}

.fichaStaff {
    border:1px solid black;
}
.fichaStaffP{
    border:1px solid black;
    margin:0 auto;
}

.dError {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #e73449;
    border-radius: 7px;
    padding: 10px;
    color: white;
    text-align: center;
}

.caption-rankingabs1 {
    position: relative;
    background: black;
    opacity: 0.7;
    padding: 15px;
    text-align: left;
    left: 0px;
    color: White;
    height: 430px;
    bottom: 430px;
    margin-bottom: -420px;
    max-width: 25%;
}

.RNKABS1Posicion {
     font-size: 5.5rem;
    display: inline-block;
    text-align: right;
    margin-bottom: 88%;
    margin-top: -32px;
}

.RNKABS1Nombre {
   font-weight: bold;
    font-size: 1.1rem;
    line-height:18px;
}

.RNKABS1Datos  {
    padding: 3px;
    font-size: smaller;
    line-height:15px;
}

.RNK23Posicion {
    font-size: 4rem;
    display: inline-block;
    text-align: right;
    color: White;
    line-height: 3rem;
    margin-top: 11px;
    margin-bottom: 5px;
}

.RNK23Nombre {
    font-weight: bold;
    color:White;
    line-height:18px;
}

.RNK23Datos  {
    padding: 3px;
    font-size: small;
    color:White;
    line-height:15px;
}


thead.dark tr th{
    background-color:#34404c;
    color:white;
}

.dCategorias {
    color: white;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.dCategorias .imgCategoria{
    /*background-image: url('/img/fondoCategorias.png');
    height: 185px;
    background-size: cover;
    background: #34404c;*/
    height:100px;
    position: relative;
    
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top: 3px solid red;
    border-left: 3px solid red;
    border-right: 3px solid red;
} 

.dCategorias .nombreCategoria{
    /*background-color:#004d9a;*/
    background-color:#d62f2d;
    padding:22px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

img.patrocinadorCategoria{
      width: 70%;
      /*filter: drop-shadow(4px 10px 18px #000);*/
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
} 

a{
	text-decoration:none !important;
}

#ModalRecupass .modal-body input{
    font-size:0.9rem;
}


table.tablagridview th {
    background-color: #34404c;
}

table.tablagridiew tbody tr th a {
    color: white !important;
}

table.tablagridview th,table.tablagridview td {
    font-family: 'Montserrat';
    text-align: left;
    font-size: 0.9rem;
}

.redesmovil a {
    margin-left:10px;
    color:White;
    font-size:2.1rem;
}

/*Federados**********************************************************/
.divDatosPersonales, .divDatos, .divNotificaciones, .divDatosVariosm{
   background-color: #fff;
   width: 100%;
   margin-bottom: 10px;
   padding: 15px;
   margin-top: 15px;
   height:282px;
   display: table !important;
}

.divDatosRanking{
   background-color: #fff;
   width: 100%;
   margin-bottom: 10px;
   padding: 15px;
   margin-top: 15px;
}

.divDatosRanking .row h4{
    background: #34404c;
    padding: 10px;
    text-align: center;
    margin-top: -12px;
    color: white;
}

.divDatosRanking .row div h1{
    font-size: 7rem;
    font-weight: bolder;
    text-align: center;    
}

.divDatosRanking .row div h2{
    height: 170px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.hrDatosPersonales{
    border: 15px solid #008AC9;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
}

.divNotificacionesFederado{
   height: 291px;
   background-color: #fff;
   width: 100%;
   margin-bottom: 10px;
   padding: 15px;
   margin-top: 15px;
   /*height:605px;*/
   display: table !important;
}

.menuFederado{
    background: #000;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

div.menuFederado nav a{
    font-size:0.9rem;
    color:#FFF;
}

.btn-blanco{
    border:1px solid blue;
    color: Blue;
}

.btn-blanco:hover{
    background:#EEE;
}

div.menuFederado nav a.navbar-brand .active{
    font-weight: bold;
    color: silver;
}

.divLicenciaDatos{
   background-color: #fff;
   width: 100%;
   margin-bottom: 10px;
   padding: 15px;
   margin-top: 15px;
   height:450px;
   display: table !important;
}

.divDatosLigas{
    background: #eee;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

/*FIN Federados*****************************************/

.nav-link{
	padding:10px;
}

tr.paginador td table{
}

tr.paginador td table tbody tr td {
	width:20px;
	text-align:center;
}
tr.paginador td table tbody tr td span { 
    background: #34404c;
    width: 22px;
    display: block;
    border-radius: 18px;
    color: white;
}


/*EFECTO MAQUINA ESCRIBIR*/
 .maquina-escribir {
    display: block;
    /*white-space: nowrap; */ /*--- los espacios en blanco no rompen la línea */        
    animation: escribiendo 2s steps(22);          
    overflow: hidden;
  }

  .cursor{
    animation: 0.6s parpadeo-cursor infinite;
  }

  @keyframes escribiendo {
    from {
      width: 0;
    }
  }

  @keyframes parpadeo-cursor {
    50% {
      opacity: 0;
    }
  }
  /*EFECTO MAQUINA ESCRIBIR*/  
  
  /*EFECTO TEXTO DESLIZA*/
  .efectoArriba {
    color: #999;
    height: 87px;
    text-align: center;
    width: 100%;
}
.efectoArriba p {
  height: 50px;
  float: left;
  margin-right: 0.3em;
}
.efectoArriba b {
  float: left;
    overflow: hidden;
    position: relative;
    height: 38px;
    top: 14px;
    width: 100%;
    font-size:24px;
}
.efectoArriba .efectoArribaTexto {
  display: inline-block;
    color: #008AC9;
    position: relative;
    /*white-space: nowrap;*/
    top: 0;
    left: 0;


/*animation*/
-webkit-animation:move 5s;
   -moz-animation:move 5s;
    -ms-animation:move 5s;
     -o-animation:move 5s;
        animation:move 5s;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
@keyframes move{
0%  { top: 0px; }
20% { top: -38px; }
40% { top: -72px; }
60% { top: -110px; }
80% { top: -148px; }
}

@-webkit-keyframes move {
0%  { top: 0px; }
20% { top: -38px; }
40% { top: -72px; }
60% { top: -110px; }
80% { top: -148px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
20% { top: -38px; }
40% { top: -72px; }
60% { top: -110px; }
80% { top: -148px; }
}
@-o-keyframes move {
0%  { top: 0px; }
20% { top: -38px; }
40% { top: -72px; }
60% { top: -110px; }
80% { top: -148px; }
}
@keyframes move {
0%  { top: 0px; }
20% { top: -38px; }
40% { top: -72px; }
60% { top: -110px; }
80% { top: -148px; }
}
  /*EFECTO TEXTO DESLIZA*/
  
.dropdown-item.active, .dropdown-item:active {
  color: white;
  text-decoration: none;
  background-color: #d62f2d;
}  

.form-checkF label{
    display: initial;
    margin-left:5px;
}

.form-check-input[type="checkbox"] {
  /*border-radius: 0.25em;*/
  width: 25px;
  height: 25px;
  vertical-align: bottom;
  margin-right: 5px;
  border-color: red;
}



a.navbar-brand{
    padding: 10px;
 padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 2px solid red;
font-weight: bold;
/*border-radius: 6px;*/
text-align: center;
}
a.navbar-brand:hover{
	background:#e91d2d;
}
a.navbar-brand.active{
    background:#e91d2d;
}


/*MIENTRAS CARGA LA PAGINA*/
#preloader {
  background: #FFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

#status,
.status-mes {
  background-image: url(../img/preloder1.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
}

.status-mes {
  background: none;
  left: 0;
  margin: 0;
  text-align: center;
  top: 65%;
}
/*MIENTRAS CARGA LA PAGINA*/

.spanButton {
    font-size: small;
    background: red;
    padding: 3px;
    border-radius: 5px;
}

.iconoborrarinstance{
    font-size:2rem;
    vertical-align: middle;
}
.iconoborrarinstance:hover{
    color:Red; 
}

#tb_puntos_local,#tb_puntos_visita{
	min-width:38px;	
}

.m-p-g__fullscreen.active {
	z-index:100000 !important;
}


@media all and (max-width:765px){
    .fcCantiPistas{
        text-align: initial;
    }
}


div.menuFederadoNew{
    height: 100px;
    text-align: center;
    display: flex;
    font-size: x-small;
    font-weight: bold;
}

div.menuFederadoNew>a{
    margin: auto;
}

div.menuFederadoNew> a> i{
    font-size: 3rem;
    display: block;
}

div.menuFederadoNew:hover{
    background:#008AC9;
}

div.menuFederadoNew:hover>a{
    color:white;
}
div.menuFederadoNew:hover>a>i{
    color:white;
}

@keyframes abreMenu{
	0% 
	{
		opacity: 0;
		transform: translateY(-120px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


@keyframes cierraMenu{
	0% 
	{
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-120px);
	}
}



.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
	/* background:#023859; */
	/* z-index:1000; */
	/* max-width: 1000px; */
	/* width:95%; */
	/* margin:20px auto; */
	margin-top: 32px;
}

header nav ul {
	list-style:none;
	padding-left: 0px;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#f5c300;
	color:black;
	transition:all 0.5s ease-in;
}

header nav ul li a:hover {
	background:#f5c300;
	color:black;
	transition:all 0.5s ease-in;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 10px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
		background:#000;
	position: absolute;
	width: 230%;
	z-index:1000;
	padding-left: 0px;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a:hover {
	color:black;
	transition:all 0.5s ease-in;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

@media screen and (max-width: 1199px) {
	body {
		padding-top:80px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background: #000;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
		background: black;
		z-index: 100000000;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
}


section.ssocial a {color:#008ac9;font-size:3.5rem; line-height: 3.5rem;}
section.ssocial a:hover {color:white;font-size:3.5rem; }

.carousel-control-prev-icon, .carousel-control-next-icon {
  box-shadow: 0 0 20px 5px white;
  border-radius: 15px;
}