/*-------------------------------------------FUENTES-------------------------------------------------------------*/

@font-face {
font-family: BEBASNEUE-REGULAR;
src: url("../fonts/BEBASNEUE-REGULAR.TTF") format("opentype");
}

@font-face {
font-family: FEO;
src: url("../fonts/FEO.TTF") format("opentype");
}
@font-face {
font-family: GOTHIC;
src: url("../fonts/GOTHIC.TTF") format("opentype");
}
@font-face {
font-family: GOTHICB;
src: url("../fonts/GOTHICB.TTF") format("opentype");
}
@font-face {
font-family: GOTHICBI;
src: url("../fonts/GOTHICBI.TTF") format("opentype");
}@font-face {
font-family: GOTHICI;
src: url("../fonts/GOTHICI.TTF") format("opentype");
}@font-face {
font-family: SOCIAL_MEDIA_CIRCLED;
src: url("../fonts/SOCIAL_MEDIA_CIRCLED.OTF") format("opentype");
}
/*-------------------------------------------GENERAL-------------------------------------------------------------*/

*{color:#ffffff;}

body{
	margin:0px;
	color:#ffffff;
	font-family:GOTHIC
}

h1{ /* Títulos de sección */
	font-family:FEO;
	font-size:300%;
}
a{
	text-decoration:none;
}
h1{
    margin: 0;
}

.bloque_cuerpo{
    padding: 3%;
}

/*--------------------------TÍTULOS-------------------------------------------------------------------------------*/

.absoluteTitulo {                            				/* TÍTULOS(Desafío,FreePlay,RealidadVirtual) */
	
	height:87%;
	width:70%;


}

tr {
	height: 24px !important;
}
.absoluteTituloComoLlegar {                            				/* TÍTULO ComoLlegar */
	

	
	height:20%;
	width:70%;

    left: 45%;
    top: 17%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}

.absoluteTituloContacta {                            				/* TÍTULO Contacta */

	
	height:20%;
	width:400px;

    left: 30%;
    top: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}




/*-------------------------------------------PORTADA-------------------------------------------------------------*/

#portada{																/* Section Portada */
	background-image:url(../images/FOTO_PORTADAPRIN.png);
	background-repeat: no-repeat;
	background-size:cover;
    background-position: center;
	
}

#contenedorPortada1{													/* Cabecera Portada */
	
	padding-left:20px;
	padding-top:15px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	
}


#contenedorPortada2{
	
	width:68%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-around;
	align-items:center;
	
}



.elementoPortada1{
	
	font-family:BEBASNEUE-REGULAR;
	font-size:175%;
	display:flex;
	flex-flow:row nowrap;
	
}

.redesSociales{
	font-family:SOCIAL_MEDIA_CIRCLED;
	font-size: 100%;
	margin:5px;

}

#contenedorPortada3{											/* Imagenes Portada */
	height:93vh;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	
}

.elementoPortada2{
	font-size:50%;
	margin-left: 150px;
	
}


/*-------------------------------------------DESAFIOS-------------------------------------------------------------*/
#desafios{
	/*position:relative;
	height:800px;*/
	background-color:blue;
	background-size:cover;
    padding: 5% 9%;
    background-image: url("../images/desafios.jpg");

	
}


.contenedor_desafios{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    color: black;
}

.bloque_desafio{
    background-color: white;
    width: 40%;
    margin-bottom: 20px;
}

.bloque_desafio img{
    float: left;
    width: 41%;
}

.info_desafio{
    color: black;
    margin-left: 45%;
    padding-right: 3%;
    font-size: 90%;
    text-align: justify;
    padding-bottom: 10px;
}

.info_desafio em{
    color: black;
}

.info_desafio div{
    color: black;
    font-family: BEBASNEUE-REGULAR;
    font-size: 230%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}


.absoluteTexto {											/* Texto */

	height:18%;
	width:90%;
    position: absolute;
    left: 50%;
    top: 31%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	max-width:100%;
	max-height:100%;
	margin-left: auto;
    margin-right: auto;
    display: block;
	

}
.absoluteTexto p{
	font-size:108%;
	max-width:100%;
	max-height:100%;
	
	margin-left: auto;
    margin-right: auto;
    display: block;
}


.absoluteDesafios3 {											/* Cuadrado: Imagen + Texto */
	display:flex;
	flex-flow: wrap row;
	justify-content:space-between;
	
	
	height:58%;
	width:90%;
    position: absolute;
    left: 50%;
    top: 73%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	font-size:125%;
	
	
}

.contenedorDesafios{

	height:42%;
	width:47%;
	margin-top:5px;
	
	display:flex;
	flex-flow:row nowrap;	
}

.elementoImagenDesafios{
	
	background-color:black;
	width:49%;
	
	
}

.elementoImagenDesafios img{

	max-width:100%;
	max-height:100%;
	
	margin-left: auto;
    margin-right: auto;
    display: block;
	
}

.elementoTextoDesafios{
	background-color:white;
	width:49%;
	

	
}
.elementoTextoDesafios h2{
	
	margin-top:10px;
	font-style:uppercase;
	text-align:center;
	max-width:100%;
	color:black;
	}

.elementoTextoDesafios p{
	height:55%;
	width:75%;
	color:black;

	margin-top:-20px;

	font-size:60%;
	max-width:100%;
	max-height:100%;
	margin-left: auto;
    margin-right: auto;
    display: block;


}

.prueba{/* Sin usar */
	
	border:solid red;
}

/*-------------------------------------------FREE PLAY-------------------------------------------------------------*/

#freeplay{

    padding: 5% 9%;

	background-color:red;
	background-size:cover;
    background-image: url("../images/freeplay.jpg");
	
}

.contenedorFreePlay{

	
	display:flex;
	flex-flow:row wrap;
	justify-content:around;
	align-items:center;
	
	position:absolute;
	height:45%;
	width:100%;
    position: absolute;
    left: 50%;
    top: 73%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	
}

.elementoFreePlay{
	border:solid white; /* QUITAR, solo para visualizar!!*/
	
	margin:auto;
	height:45%;
	width:32%;
}

.elementoFreePlay img{

	max-width:100%;
	max-height:100%;
	
	margin-left: auto;
    margin-right: auto;
    display: block;
	
}

.juegos_freeplay{
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin: auto;
        justify-content: space-evenly;
    align-items: center;
}

.juegos_freeplay img{
    height: auto; width: auto; max-width: 30%; max-height: 30%; margin: 10px;
}
/*-------------------------------------------REALIDAD VIRTUAL-------------------------------------------------------------*/

#realidadvirtual{
	 padding: 5% 9%;
	background-color:green;
	background-size:cover;
    background-image: url("../images/realidadvirtual.jpg");

	
}

.absoluteTextoRealidadVirtual {											/* Texto */

	height:50%;
	width:90%;
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	max-width:100%;
	max-height:100%;
	margin-left: auto;
    margin-right: auto;
    display: block;
	


}
.absoluteTextoRealidadVirtual p{
	font-size:108%;
	max-width:100%;
	max-height:100%;
	
	margin-left: auto;
    margin-right: auto;
    display: block;
}


#horarios{
	 padding: 5% 9%;
	background-color:green;
	background-size:cover;
    background-image: url("../images/horarios.jpg");

	
}

/*-------------------------------------------TORNEOS-------------------------------------------------------------*/
#torneos{
	
	background-color:blue;
	background-size:cover;
    padding: 5% 9%;
    background-image: url("../images/torneos.jpg");

	
}
/*-------------------------------------------TALLERES-------------------------------------------------------------*/

#talleres{
	
	background-color:blue;
	background-size:cover;
    padding: 5% 9%;
    background-image: url("../images/talleres.jpg");

	
}
/*-------------------------------------------CÓMO LLEGAR?-------------------------------------------------------------*/




#comollegar{
	
	 padding: 5% 9%;
	background-image:url(../images/contacta.jpg);


}

.absoluteComoLlegar {											/* Texto */
	
	
	
	height:50%;
	width:70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	max-width:100%;
	max-height:100%;
	margin-left: auto;
    margin-right: auto;
    display: block;

}

.absoluteComoLlegar img{

	max-width:100%;
	max-height:100%;
	
	margin-left: auto;
    margin-right: auto;
    display: block;
	border-radius: 8px;
}

.contenedorComoLlegar{
	
	
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	
	position:absolute;
	height:23%;
	width:100%;
	position: absolute;
	bottom:-12%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
}

.elementoComoLlegar{
	
	margin:15px;
	height:70%;
	width:25%;
	
}

/*-------------------------------------------Contacta-------------------------------------------------------------*/

#contacta{
	position:relative;
	height:600px;
	background-image:url(../images/comollegar.jpg);
	background-size:cover;
    padding: 5% 9%;


}

#contacta .bloque_cuerpo{
        font-size: 120%;
}

.absoluteContacta{
	
	position:absolute;
	height:53%;
	width:550px;
	position: absolute;
	top:55%;
	left:70%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
	font-family:GOTHICI;
	font-size:150%;
	
}

.absoluteContacta table{
	
	text-align:right;
	
	
}



.absoluteContacta table input{
	color:black;
	height:20px;
	width:241px;
	margin: 0 auto;
	padding: 2%;
}

textarea{
	height:75px;
	width:200px;
	max-height:75px;
	min-height:75px;
	max-width:250px;
	min-width:250px;
	color:black;
}


label{
    float: left;
    width: 220px;
}

input, textarea, select{
    margin-bottom: 5px;
    color: black;
    padding: 5px;
}
select,input{
    width: 250px;
}

select, textarea, input{
    box-sizing: border-box;
}

select{
    background-color: white;
    color: black;
}

select option{
    color: black;
}

.form_contacta{
    text-align: right;
    width: 500px;
    float: right;
    margin-right: 280px;
}

button{
    border-radius: 10px;
    color: white;
    background-color: #2d66d5;
    border: 0;
    padding: 5px 15px;
    margin-right: 80px;
}

/*-----------Botón: Enviar-------------*/
.enviar{
	
	position:absolute;
	left:329px;
	bottom:0px;
	font-size:78%;
	
	background-color:blue;
	border:none;
	border-radius:8px;
	text-transform: uppercase;
}

.enviar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.enviar:active {
	border:none;
	position:relative;
	top:1px;
}


/*-------------------------------------*/

/*-------------------------------------------Footer-------------------------------------------------------------*/

#footer{
	background-color:black;
	

	
	position:relative;
	height:200px;
	
	background-size:cover;
	
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	
}

.elementoFooter1{
	
	text-align:center;
	margin-left:75px;
	margin-bottom:43px;
	font-size:180%;
	font-family:GOTHICB;
	
	
	width:50%;
}
.elementoFooter1 a:hover{
	
	color: #479eee;
}


.elementoFooter2{
	
	text-align:center;
	margin-right:85px;
	margin-bottom:20px;
	
	width:25%;
	
}

.textoCentro{
	width: 1000px;
	margin: auto;
}
#contenedor_torneos{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 935px;
    margin: auto;
}
#contenedor_torneos_img{
	height: 198px;
	width: 237px;
	margin-top: 38px;
}