/*
  Theme Name: Serenity
  Theme URL: https://bootstrapmade.com/serenity-bootstrap-corporate-template/
  Author: BootstrapMade.com
  Author URL: https://bootstrapmade.com
*/

@media screen and  (orientation: landscape) {
    	
		.mensaje {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    
    /* Con esto ajustamos la posición del texto */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Un color de fondo */
    
   /* background-color:;*/
    /* Debemos superponerlo */
    z-index: -1;
  }
  
  /* El texto que vamos a mostrar */
  .mensaje::before {
    content: "";
    font-size: 2rem;
  }
  
  .contenedor{
    width: 100%;
    height: 100%;
	overflow: auto;
	max-width:500px;
	margin: 0 auto;
	

}

.iniciosafari{
	display:none;
}

}


@font-face {
  font-family: 'Source Sans Variable';
  src: url('assets/font/SourceSansVariable-Roman.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}


html, body {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 1px;
   background-color:white;
   font-family: Source Sans Variable,Serif, Tahoma !important;
}

div {
    display: block;
	
}

.contenedor{
    width: 100%;
    height: 100%;
	overflow: auto;

}

#horizontal{
    width: 100%;
    height: 100%;
	overflow: auto;
	z-index:99999;
	display:none;

}


.login{

	width: 100%;
    height: 100%;
	overflow: auto;
	background-color:#66B4E5;

}

.loginsup{

	width: 100%;
    height: 33%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.loginsup img{

width: 90%;
    height: 90%;

}

.loginmed{

	width: 100%;
    height: 45%;
	text-align: center;


}

.loginpie{

	width: 100%;
    height: 22%;

}

.loginmed input[type="text"],input[type="password"]{

width: 90%;
  padding: 12px 20px;
  margin: 18px 10px;
  box-sizing: border-box;

}

.loginmed input[type="button"]{

	width: 30%;
	height:15%;
   box-sizing: border-box;

	
}

.principal{
	width: 100%;
    height: 100%;
	overflow: auto;
	
}


.cabecera{
 width: 100%;
	height: 7%!important;	
	
}



.divmenutop{
	float:left;
    width: 25%;
	height: 60%!important;
	background-color:white;
	
	color:white;
	font-size:12px;
	text-align:center;
	
}

.divmenudown{
	float:left;
    width: 25%;
	height: 40%!important;
	background-color:white;
	
	color:white;
	font-size:12px;
	text-align:center;
	color:black;
}

.menusel{
	background-color:#65b4e5;
}
.divmenutop img{
	width: 20px;
	height: 20px;
	
}

.pruebaalto{
	
	min-height:100px;
	max-height:100px;
}


.divcuerpo{
	float:left;
    width: 98%;
	height: 89%!important;
	background-color:white;
	color:black;
	font-size:12px;

	padding:3px;
	overflow:auto;
}

.cuerpomain{
	float:left;
    width: 98%;
	height: 84%!important;
	padding:3px;
	text-align:center;
}

.cuerpomain img{
	 width: 100%;
	height: 80%!important;
}

.cuerpopie{
	float:left;
    width: 98%;
	height: 15%!important;
	background-color:#aad9f7;
	padding:3px;
	
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	
}

.latsocio{
	float:left;
    width: 20%;
	height: 100%;

	 display: flex;
  justify-content: center;
  align-items: center;
	
	
}

.latsocio img{
	 width: 80%;
	height: 80%!important;
	vertical-align:middle;
	border-radius:4px;
	
	max-height:60px;

}

.mainsocio{
	float:left;
    width: 80%;
	height: 100%;
	
margin-top:3%;

}
.nomsocio{
	font-size:6.5vw;
	color:#576d9c;
	font-weight: bold;
}

.numsocio{
	font-size:5vw;
	color:grey;
	
}




.concursologo{
	float:left;
    width: 98%;
	height: 40%!important;
	padding:3px;
	text-align:center;
	
}

.concursologo img{
	 width: 80%;
	height: 80%!important;
	filter:brightness(1.1);
	mix-blend-mode: multiply;
}

.concursotexto{
	float:left;
    width: 98%;
	height: 35%!important;
	font-size:10vw;
	padding:3px;
	margin:2px;
	
	
}

.textoconcurso{
	font-size:4vw!important;
	padding:3px;


}

.textoempresa{
	font-size:10vw!important;
	color:#576d9c;
	font-weight:bold;
}
.textoemplinea{
	font-size:6vw!important;
	padding:3px;
	color:blue;
}

.concursopie{
	float:left;
    width: 98%;
	height: 25%!important;
	padding:3px;
	display: flex;
  justify-content: center;
  align-items: center;	
}

.botonconcurso {
  background-color: #cd5633; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border-radius: 8px;
}

.iniciosafari{
	position: fixed; 
	left: 0; 
	bottom: 0; 
	width: 100%;
	height:10%;	
	z-index: 999;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	vertical-align:bottom;	
	background-color:black;
	color:white
	
}

.iniciosafari img{
	width: 30px;
	height:30px;

}

.logosafari{
	float:left;
    width: 15%;
	height: 100%;

	 display: flex;
  justify-content: center;
  align-items: center;
}

.logosafari img{
	 width: 70%;
	height: 70%!important;
	vertical-align:middle;
	border-radius:4px;
}

.centrosafari{
	float:left;
    width: 75%;
	height: 100%;
	font-size:12px!important;

}

.centrosafari img{
	 width: 20px;
	height: 20px!important;
	
}

.breoins{
	font-size:15px;
	font-weight:bold;

}

.breoinsand{
	font-size:13px;
	font-weight:bold;
}

.cierresafari{
	float:left;
    width: 10%;
	height: 100%;
	color:grey;
	font-size:16px;
}

.cierresafari img{
	 width: 30%;
	height: 30%!important;
	
}

.divconcurso{
	height:100%;
	width:100%;
	background: linear-gradient(to bottom, #bed1f9, #576d9c);
}

.divencuesta{
	height:100%;
	width:100%;
	background: linear-gradient(to bottom, #bed1f9, #576d9c);
}

.preguntaencuesta{
	float:left;
    width: 98%;
	height: 15%!important;
}	

.preguntatexto{
	font-size:5vw;
	color:#576d9c;
	font-weight: bold;
	
}

.mainpregunta{
	margin-top:7%;
}

.opcionesencuesta
{
	float:left;
    width: 98%;
	height: 30%;
	padding:3%;
}



.pieencuesta{
	float:left;
    width: 98%;
	height: 20%!important;
	padding:3px;
	display: flex;
  justify-content: center;
  align-items: center;	
}
 

 
/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.opcionesencuesta input[type=radio] {
 height: 20px;
 width: 20px;
 border-radius: 100%;
 left: 15px;
 
}

.opcionesencuesta label {
   font-size:5vw;
}

.lateral50{
	 height: 100%;
	width: 45%;
	float:left
}


.logopubli img{
	 width: 80%!important;
	height: 80%!important;
	border-radius:4px;
	background-color:white;
	max-height:50px;
}

.textopubli
{
	margin-top:1%;
	color:white;
}

.patrocinador{
	background-color:#0b1b4f;
	position: fixed; 
	left: 0; 
	bottom: 0; 
	width: 100%;
	height:25%;	
	z-index: 9999;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	vertical-align:bottom;	
	color:white;
}

.patrocinador img{
	width: 30px;
	height:30px;

}
.patrocinadorsup{
	width: 100%;
	height:40%;	

}

.patrocinadorinf{
	width: 100%;
	height:60%;	
	padding:2%;

}

.logoconcurso{
	float:left;
    width: 15%;
	height: 80%;

}

.centrar{
	 display: flex;
  justify-content: center;
  align-items: center;
}


.slogan{
	font-size:4.3vw;
	font-weight:bold;

}

.div50{
	float:left;
    width: 100%;
	height: 50%;
}

.div80qr{
	float:left;
    width: 100%;
	height: 60%;
		
	
}
#cabeceraqr{

float:left;
    width: 93%;
	height: 29%;
	margin:10px;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	border-radius:8px;
	background-color:#faf8d1;
	padding:3px;

}

.mensajepartido
{
	float:left;
    width: 95%;
	height: 70%;
	margin:10px;
	padding:10px;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	border-radius:8px;
	background-color:#faf8d1;
}

.div80{
	float:left;
    width: 100%;
	height: 80%;
}

.div20{
	float:left;
    width: 100%;
	height: 20%;
}
.div60a{
	float:left;
    width: 80%;
	height: 75%;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	border-radius:8px;
}
.fondosocio{
	background-image:url("fondolua4.png");
	background-repeat: no-repeat;
	background-size: cover;
	 background-position: center;
	--background:linear-gradient(to right, #020261, #b7b7fe);
	color:white;
}

.div20a{
	float:left;
    width: 20%;
	height: 80%;
	
}

.minisocio{
	float:left;
    width: 50px;
	height: 50px;
	margin:5px;
	border-style: solid;
	border-color: #818181!important;
	border-width: thin;
	border-radius:50%;
	font-size:25px;
	font-weight:bold;
	
}

.div70h{
	float:left;
    width: 65%;
	height: 100%;
	
}

.div30h{
	float:left;
    width: 35%;
	height: 100%;
	
}

.div60a img{
	width: 120px;
	height:120px;
	
}

.nombreabon{
	font-weight: 600;
	font-size:15px;
}

.apellidoabon{
	font-weight: 600;
	font-size:13px;
	
}

.temporada{
float:right;
padding:5px;
text-align:right;
}


.cuerpopartido{
	float:left;
    width: 98%;
	height: 10%!important;
	background-color:#bed1f9;
	--padding:3px;
	
	--border-style: solid;
	--border-color: #818181!important;
	--border-width: thin;
	
}

.latpartido{
	float:left;
    width: 32%;
	height: 100%;

	text-align:right;
	font-size:18px;
	padding:2px;
	
}



.latpartido img{
	 width: 40px;
	height: 40px;;
	

}

.adquirir{
	background-color:red!important;
	color:white!important;
	font-weight: bold!important;
}


@media screen and  (max-height:740px) {
	 .div60a{
		float:left;
		width: 80%;
		height: 90%;
		border-style: solid;
		border-color: #818181!important;
		border-width: thin;
		border-radius:8px;
	}
		

}


.div100{

width:100%;
height:98%;
float:left;
padding:5px;
overflow:auto;
}

.div15{

width:100%;
height:15%;
float:left;

}
.div15 img{
width:60px;
height:60px;
}


.div65{

width:97%;
height:65%;
float:left;
padding:5px;
overflow:auto;
}

.novoy{

 display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
  
}

.rojo{

background-color:red;
}
.fondoacceso{

background-color:#A6A5AA;
color: white;
font-weight: bold;
}


#divcondiciones
{
z-index:99999;
}

.nomzona{
	font-size:16px;
	color:#576d9c;
	font-weight: bold;
}

.numzonaet{
	font-size:14px;
	color:grey;
	
}

.numzona{
	font-size:14px;
	color:#576d9c;
	
}

.menutopliga{
	float:left;
    width: 98%;
	height: 5%!important;
	
}

.menuespacioliga{
	float:left;
    width: 100%;
	height: 20%!important;
	background-color:white;
	
}

.menuopciontopliga{
	float:left;
    width: 30%;
	height: 50%!important;
	background-color:white;
	color:grey;
	padding:3px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
	
	border-color: #818181!important;
	border-width: thin;
	border-style: none none none solid;
	
}


.puntosliga{

 display: inline-block;
  background: red;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
  height:25px;
  width:25px;
  font-size:15px;
  
  line-height: 25px;
  text-align: center;
  vertical-align: middle;


}


.titulopartidoliga{
	float:left;
    width: 98%;
	height: 5%!important;
	background-color:blue;
	color:white;
	padding:3px;
	font-size:18px;
	font-weight: bold;
	margin-top:2px;
	
}


.titulojugadorliga{
	float:left;
    width: 98%;
	height: 5%!important;
	background-color:grey;
	color:white;
	padding:3px;
	font-size:18px;
	font-weight: bold;
	margin-top:2px;
}





.cuerpojugadorliga{
	float:left;
    width: 98%;
	height: 15%!important;
	background-color:white;
	padding:3px;
	
	
	border-color: #818181!important;
	border-width: thin;
	border-style: none none solid none;
}


.latlogoliga{
	float:left;
    width: 25%;
	height: 100%;
	margin:2px;
	font-size:70px;
	
}

.latlogoliga img{
	float:left;
    width: 80px;
	height: 80px;
	border-radius:50%;
}

.detjugadorliga{
	float:left;
    width: 70%;
	height: 100%;
	margin:2px;
	
	
}

.jugadortop img{
	border-radius:10%;
	background-color:none;
	width: 80%;
	height: 80%;
	
}

.puntuacion{
	
	float:left;
    width: 80px;
	height: 80px;

	color:grey;
	font-size:25px;
	
	
}

.inputjugador
{
	width:100%;
	font-size:20px;
	background-color:blue;
	color:white;
}

.jugadoritem{
	font-size:20px;
	color:blue;
	font-weight: bold;

}

.tituloitem{
	font-size:15px;
	color:grey;
	font-weight: bold;

}

.descripcionitem{
	font-size:12px;
	color:grey;
	

}

.cabeceraclasificacion{
	float:left;
    width: 98%;

	padding:3px;

	
	background-image: url("uploads/fondocabecera.png");
}


.cabeceraclasificaciondet{
	font-size:20px;
	color:white;
	font-weight: bold;

}

.cabeceraclasificaciondetinf{
	font-size:15px;
	color:white;
	font-weight: bold;

}

.cabeceraclasificacionint{
	widht:100%;
	padding:5px;
}

.bordeinferior{
	border-color: white!important;
	border-width: thin;
	border-style: none none solid none;
}

.cabeceradescripcionitem{
	font-size:12px;
	color:black;
	

}


.puntuacioncabecera{
	
	float:left;
    width: 80px;
	height: 80px;

	color:white;
	font-size:25px;
	
	
}


.cuerpoclasificacionliga{
	float:left;
    width: 98%;
	background-color:white;
	padding:3px;
	
	
	border-color: #818181!important;
	border-width: thin;
	border-style: none none solid none;
}

.latclasificacionliga{
	float:left;
    width: 25%;
	margin:2px;
	font-size:70px;
	
}

.detclasificacionliga{
	float:left;
    width: 70%;
	margin:2px;
	
	
}
.noborde{
	border-style: none none none none;
}

.div33{
	width:33%;
	float:left;
	padding:2px;
}