@font-face {
font-family: BerlinSansFBDemiBold;
src: url("../recursos/FUENTES/04434_BerlinSansFBDemiBold.ttf");
}

@font-face {
font-family: BerlinSansFB;
src: url("../recursos/FUENTES/04435_BerlinSansFB.ttf");
}

@font-face {
font-family: CenturyGothic;
src: url("../recursos/FUENTES/07558_CenturyGothic.ttf");
}

@font-face {
font-family: Social_Media_Circled;
src: url("../recursos/FUENTES/Social_Media_Circled.otf");
}

.redSocialEvento{
	
	font-family:Social_Media_Circled;
	font-size: 185%;
}

body{
	
	margin:0px;
	padding:0px;
	font-family: 'BerlinSansFB', sans-serif;
	font-size:14px;
	background-image: url("../recursos/fondo.png");
}

#cabeceraWeb{
	
	background: rgba(103, 105, 166, 0.45);
	/* opacity:0.45; */
	color:white;
	width:100%;
	height:8vh;
	display: flex;
	justify-content: space-between;
	
}

#tituloEvento {
    
	width: 120%;
    margin: 1vh 0vh 0vh 2vh;
	
}

#presentacionEvento{
	
	color:white;
	width:100%;
	/* height:100vh; */
	
}


#textoPresentacionEvento img{
	
	width:50%;	
	
}

/*menu horizontal*/

#menuHorizontal {
    width: 49%;
    padding: 1.2% 0% 0% 21%;
    font-size: 170%;
    /* margin-left: 4%; */
}



#menuHorizontal ul {
	
    list-style-type: none;
    display: flex;
    margin: 0px;
    padding-left: 0px;
    justify-content: space-around;

}


#menuHorizontal a{
	
	text-decoration:none;
	cursor:pointer;
	color:white;
}

/*FIN:MenuHorizontal*/

/* REDES DEL EVENTO */

#redesEvento{
	
	width:3%;
	padding: 0.75% 7%;
    font-size: 88%;
	
}

#redesEvento ul {
	
    list-style-type: none;
    display: flex;
    margin: 0px;
    padding-left: 0px;
    justify-content: space-around;
    width: 127%;
	
}

#redesEvento li{
	
	margin: 18%;
	
}

#redesEvento a{
	
	text-decoration:none;
	cursor:pointer;
	color:white;
	
}
	
	
/* FIN: REDES DEL EVENTO */

#contenedorTextoPresentacion {
    margin: 15% 8% 1% 40%;
    text-align: left;
    font-size: 160%;
}


#contenedorTextoPresentacion h1{
	
	font-size:166%;
	
}
#contenedorTextoPresentacion p{
	
	font-family: 'CenturyGothic', sans-serif;
	font-size: 73%;
	text-align: justify;
	
}



#textoPresentacionEvento{
	
	width:100%;
	/* height:56vh; */
	/* background-color:green; */
	display:flex;
	margin-bottom: 5%;
}

#textoPresentacion{
	
	width:50%;
	height:100%;
	/* background-color:red; */
	
}

#contenendorImagenPresentacion{
	
	width:50%;
	/* height:100%; */
	background-image: url("../recursos/ilustracion.png");
	background-repeat: no-repeat;
	background-position: 20% 0%;
	background-size:contain;
	
	
}

/* #contenendorImagenPresentacion img{ */
	
	/* width:100%; */
	/* background-color:yellow; */
	/* max-width: 231.5px; */
    /* max-height: 50vh; */
/* } */



#imagenPresentacionEvento{
	
	width:100%;
	
	/* height:40vh; */
	/* background-repeat: no-repeat; */
	/* background-size:cover; */
	/* background-image: url("../recursos/FOTO_GALERIA.png"); */
	
	
}



/* INFOEVENTO */

#infoEvento{
	
	width:100%;
	
}

#contenedorInfoEvento {
    width: 75%;
    height: 88%;
    background-image: url(../recursos/cuadro_blanco_g4g.png);
	background-size: cover;
    background-repeat: no-repeat;
    margin: 4% 0% 4% 12%;
	display: flex;
	
}

#logoG4P {
	
    width: 50%;
    background-image: url(../recursos/logo_g4g_grande.png);
    background-repeat: no-repeat;
    background-position: 79% 36%;
    background-size: 55%;
}

#contenedorInfoG4P{
	
	width: 50%;
    margin: 0%;
    padding: 6.2% 0%;
	
}

#contenedorInfoG4P h3{
	
	color:#FF4D0E;
	font-size: 100%;
	
}

#contenedorInfoG4P h1{
	
	font-family:BerlinSansFBDemiBold;
	color:#1C1D32;
	font-size: 258%;
    margin: 2% 0%;
}

#textoInfoEvento{
	
	width: 61%;
    text-align: justify;
	font-size:118%;
	font-family:CenturyGothic;
	color:#1C1D32;
	
}

/* FIN: INFOEVENTO */

/* CONTENIDO EVENTO */

#contenidoEvento {
    width: 100%;
    padding: 3% 0%;
}

#tituloContenidoEvento{
	
	width:100%;
	text-align:center;
	color: white;
	font-size: 256%;
	
	
}

#subtituloContenidoEvento{
	
	width:100%;
	text-align:center;
	
	color: #FF4D0E;
	font-size: 142%;	
	
}


#recuadrosContenidoEvento {
    width: 60%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-left: 20%;
}

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.recuadro {
    width: 250px;
    height: 217px;
    margin: 3%;
	border: solid 1pt ;
	border-image:
		
		linear-gradient(
			to top,
			#FF4D0E,
			rgba(0, 0, 0, 0)
		)1 1%;
	
    /* background-image: url(../recursos/FOTO_TORNEOS.png); */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
}



/* AQUI // TODO ELIMINAR A FUTURO */

.recuadroEjemplo {
    width: 250px;
    height: 217px;
    margin: 3%;
    background-image: url(../recursos/FOTO_TORNEOS.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.subRecuadro{
	
	width:50%;
	height:2%;
	
	
}



#nuevaGeneración{
	
	background-image: url(../recursos/nuevasGeneraciones.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
	
}

#nuevaGeneración p{
	
	/* margin: 71% 0% 0% 31%; */
    font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 0%;
	
}

#realidadVirtual{
	
	background-image: url(../recursos/rv.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	
	
}

#realidadVirtual p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
	margin: 67% 0% 0% 5%;
	
	
}

#indie{
	
	background-image: url(../recursos/indie.png);
    background-repeat: no-repeat;
    background-size: cover;	
	
	
}

#indie p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 69% 0% 0% 0%;
	
	
}

#youtuber{
	
	background-image: url(../recursos/youtuber.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
	
}

#youtuber p{
	
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    /* background-color:#fe4c40; */
	margin: 61% 0% 0% 7%;
    /* width: 46%; */
	
}

#torneos{
	
	background-image: url(../recursos/imagenPrueba.png);
    background-repeat: no-repeat;
    background-size: cover;
	/* border-image-outset: 2px; */
	
}

#torneos p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
}

#arcade{
	
	background-image: url(../recursos/arcade.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	
}

#arcade p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
}

#retro{
	
	background-image: url(../recursos/retro.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	
	
}

#retro p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
	
}

#esports{
	
	background-image: url(../recursos/esports.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	
	
}

#esports p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
	
}

#torresGaming{
	
	background-image: url(../recursos/torreGaming.png);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 45%;
	
}

#torresGaming p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
}

#perifericos{
	
	background-image: url(../recursos/perifericos.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	
	
}

#perifericos p{
	
	font-size: 152%;
    color: white;
	
	text-align: center;
    margin: 63% 0% 0% 5%;
	
	
}
	
/* FIN CONTENIDO EVENTO */

/* CALENDARIO EVENTO */

#calendarioEvento{
	
	width:100%;
	min-height: 50vh;
	background-color:#25252E;
	padding-top: 2%;
    padding-bottom: 4%;
	
}

#calendarioEvento h1{
	
	color:white;
	margin-left: 17%;
    font-size: 256%;
}

#calendarioEvento h3{
	
	color:#FF4D0E;
	margin-left: 17%;
    font-size: 142%;
}

.calendarioEventos {
	border:solid #0F101C;
    background-color: #1C1C23;
    min-height: 20vh;
    width: 62%;
    margin-left: 17.2%;
    margin-top: 3%;
       padding: 1% 2% 3% 2%;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

.diaEvento{
	
	background-image: url(../recursos/cuadro_calendario.png);
	width:300px;
	background-position: 0% 45%;
	background-size:contain;
	background-repeat:no-repeat;
	
	color:white;
	padding: 1%;
	
}

.diaEvento p {
    /* margin: 23% 25%; */
    font-size: 226%;
    width: 100%;
    height: 36%;
    text-align: center;
}

.diaEvento div {
    text-align: center;
    color: #FF4D0E;
    font-size: 186%;
}

.diaEvento2{
	
	background-image: url(../recursos/cuadro_calendario.png);
	width:300px;
	background-position: 0% 35%;
	background-size:contain;
	background-repeat:no-repeat;
	
	color:white;
	padding: 1%;
	
	
}

.diaEvento2 p {
    /* margin: 23% 25%; */
    font-size: 226%;
    width: 100%;
    height: 36%;
    text-align: center;
}

.diaEvento2 div {
    text-align: center;
    color: #FF4D0E;
    font-size: 186%;
}

#fecha1{
	
	margin: 13% 0% 9% 0%;
	
}

#fecha2{
	
	margin: 19% 0% 14% 0%;
	
}

#fecha3{
	
	margin: 19% 0% 14% 0%;
	
	
}

#fecha4{
	
	margin: 17% 0% 11% 0%
	
}

#fecha5{
	
	margin: 17% 0% 11% 0%
	
}

#fecha6{
	
	margin: 17% 0% 11% 0%
	
}

#fecha7{
	
	margin: 13% 0% 9% 0%;
	
}

#fecha8{
	
	margin: 13% 0% 9% 0%;
	
}

#fecha9{
	
    margin: 18% 0% 10% 0%;
	
}


/* FIN:CALENDARIO EVENTO */


/* INFO EMPRESA EVENTO */

#infoEmpresaEvento{
	
	width:100%;
	
	
	
}

#contenedorInfoEmpresa {
    width: 75%;
    height: 88%;
    background-image: url(../recursos/cuadro_blanco_bwg.png);
	background-size: cover;
    background-repeat: no-repeat;
    margin: 4% 0% 4% 12%;
	display: flex;
	
}


#logoBWG {
	
    width: 50%;
    background-image: url(../recursos/LOGO_BWG.png);
    background-repeat: no-repeat;
    background-position: 79% 36%;
    background-size: 50%;
}

#contenedorInfoBWG{
	
	width: 50%;
    margin: 0%;
    padding: 6.2% 0%;
	
}

#contenedorInfoBWG h3{
	
	color:#FF4D0E;
	font-size: 100%;
	
}

#contenedorInfoBWG h1{
	
	font-family:BerlinSansFBDemiBold;
	color:#1C1D32;
	font-size: 258%;
    margin: 2% 0%;
}

#textoInfoEmpresa{
	
	width: 61%;
    text-align: justify;
	font-size:118%;
	font-family:CenturyGothic;
	color:#1C1D32;
	
}


/* FIN: EMPRESA EVENTO */


/* CONTACTA EVENTO */

#calendarioEvento h3 a{
	
	text-decoration:none;
	cursor:pointer;
	color: #FF4D0E;
}

#contactaEvento{
	
	width:100%;
	/* height:50vh; */
	background-repeat:no-repeat;
	background-position: 100% 0%;
	background-size:46%;
	background-image: url(../recursos/FOTO_CONTACTO.png);
	margin-bottom: 2%;
}

#contactaEvento h1{
	
	color:white;
	margin-left: 17%;
	font-size:200%;
	
}

#contactaEvento h3{
	
	color:white;
	margin-left: 17%;
	
}

#contactaEvento form{
	
	display:flex;
	padding: 0% 0% 0% 16%;
	width: 60%;
	color:#151626;
	
}



.contenidoFormulario{
	
	width: 33%;
	padding: 0% 2%;
	
}

#contenedorPrivacidad{
	
	color: white;

    width: 127%;
    font-size: 14px;
    padding: 0%;
	text-align: justify;
	
}


.camposForm{
	
	padding: 3%;
    margin: 3% 0%;
    width: 100%;
	
	
	
}

.camposForm::placeholder {
  color:#151626;
}

.enviarFormulario{
	
	display:block;
	padding: 2% 12%;
    background-color: #FF4D0E;
	color:white;
	margin-top: 4%;
	
}

.enviarFormulario:hover{
	
	opacity:0.75;
	cursor:pointer;
}

.estiloTextArea{
	
	padding: 3%;
    margin: 3% 0%;
	height: 30vh;
	width: 121%;
	
	
}

.estiloTextArea::placeholder {
	color:#1C1D32;
	font-family:CenturyGothic;
}

#contactaEvento form p{
	
	color:white;
	text-align:justify;
	width: 127%;
	
}

#contactaEvento form p a{
	
	color:#FF4D0E;
	
}

/* FIN: CONTACTA EVENTO */


footer{
	
	background-color: #363636;
    color: white;
    text-align: center;
    padding: 1%;
	
}

footer a {
    color: white;
    text-decoration: none;
    font-size: 112%;
    margin: 0% 1% 0% 1%;
}