@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700');
*{box-sizing:border-box; margin: 0; padding: 0;}

.paginaapertura {width: 360px; height: 100%; 
				background-image: url(http://catedraocampo.com.ar/vn11/tp/www/img/fondo1.png); 
				margin: auto; 
				background-repeat: no-repeat;
				}

.formularioybotones {text-align: center; 
					margin: 0px 35px 0px 35px;}
					
.formularioybotones p { font-family: 'Yanone Kaffeesatz', sans-serif; 
					   font-size: 1.2em; 
					   padding-top:90px; 
					   color: #fff;}
					   
.formularioybotones p a{text-decoration: none; 
					   color: #fff;
					   line-height:10px}
					   
.formularioybotones p a:hover{color: #022f4a;}


.contenedortrivia {display: flex; position:relative; z-index: 0;}

.caminados{width: 180px; 
		   background: rgba(2, 79, 126, 0.65); 
		   height: 572px; margin-top: -62px }
		   
.titulocaminados p{width: 180px; 
			 font-family: 'Yanone Kaffeesatz', sans-serif; 
			 font-size: 5.3em; 
			 padding: 0px;
             margin-left: -20px;
			 color: #fff; 
			 text-align: left; 
			 line-height: 1em; 
			 font-weight: 700;}

.titulocaminados {padding-top: 90px;}

.triviafondocolor {width: 50%; 
		background-color: rgba(255, 0, 0, 0.56); 
		height: 572px;margin-top: -62px ;  }
			
.titulotriviatxt p{width: 180px; 
			   font-family: 'Yanone Kaffeesatz', sans-serif; 
			   font-size: 5.3em; 
			   padding-left: 110px; 
			   color: #fff; 
			   text-align: center; 
			   line-height: 1em; 
			   font-weight: 700;}
			   
.titulotriviatxt {padding-top: 82px;}

.pagtrivia p{ margin-left: 56px; padding: 0px;}
			   
.pagtrivia {text-align: center;}

.botoncomenza {font-size:1.8em; 	font-family: 'Yanone Kaffeesatz', sans-serif; 	font-weight: 300; color: #fff; text-align: center; padding: 10px 10px 10px 10px; background-color: #022f4a; margin: 15px 45px 15px 45px }
.botoncomenza a {text-decoration: none; color: #fff;}

h3 { font-size: 1.2em; 
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-weight: 200; 
	color: #fff; 
	text-align: center; 
    padding: 25px 15px 15px 15px;}

h4 { font-size: 1.2em; 
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-weight: 200; 
	color: #fff; 
	text-align: center; 
    padding: 0px;}
	

/* PERFIL*/


/* FIN juegos, CONIENZA TRIVIA*/

/* esto es perfil y  hamburguesa */

.header{display: flex; 
		justify-content:space-between;
		height:10%;
		width:310px;
		margin-left:25px; 
		padding-top:15px;
		z-index:2; position: relative;}
		
.imagenes{width:180px;}

.opciones{font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size:18px;
		color:white;
		line-height:3em;
		height:140px;
		width:100%;
		border-radius: 4px;
		z-index:20;
		position:relative;}
		
.opciones li {list-style-type: none;}
.opciones li a{text-decoration: none; 
			color:white; 
			display: block;}

.cruz, .hamb{ cursor: pointer;float:right;}
.nene, .otracruz {cursor: pointer;}

.botones ul {margin-top: 30px; 
			width: 100%; 
			font-size: 1em;
			line-height:4em;
			padding: 5px; 
			background-color: black;
			height:130px;}

.botones{width:130px;}

.botones ul li img {margin-left:10px;}

.otro {background-color: blue;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size:18px;
		line-height:4em;
		border-radius: 2px;
		z-index:20;
		position:relative;
		padding:10px 0px 0px 10px;}

.otro li {list-style-type: none; font-size:18px;}
.otro li a{text-decoration: none; color: #fff; display: block;}
.otro li a img {margin-right:1em;}

.juampi{margin:0px 0px 10px 20px;}

.banderaylapiz{display:flex; justify-content:aspace-between;
margin-bottom: 5px;padding-right:15px;cursor: pointer;}

.trivia {margin-top: 0px;display:block;
position:relative;}

.contenedor{ border:   thick solid #000;
  overflow: hidden;
  width:    100%;}
  
 /* fin de perfil y  hamburguesa */
  

.contenedorfondorosa{width: 100%; 
					 background-color: rgba(255, 0, 0, 0.56); 
					 height: 568px;}
					 


.trivia p{width: 180px; 
		 font-family: 'Yanone Kaffeesatz', sans-serif; 
		 font-size: 5.3em; 
		 padding: 0px; 
		 color: #fff; 
		 line-height: 1em; 
		 font-weight: 700; 
		 padding: 0px 90px 0px 90px;}
		 
.trivia img {margin:0px 0px 10px 145px;}/* agregado*/

.contenedordeportes{ background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/fondo1.png); height: 620px; width: 360px;}

.deportes1, .deportes2, .deportes3, .deportes4, .deportes5 {display: flex; justify-content: space-around; width: 360px;	padding: 10px; background-color: rgba(255, 0, 0, 0.56); }																									h5{font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; text-align: center; margin: 35px 15px 0px 15px; font-weight: 300; }
h5 a{text-decoration: none; color: #022f4a;}
h5 a:hover{color: #1ab17d;}

															
/* FIN TRIVIA ELIJE DEPORTE, COMIENZA REGISTRO Y LA TRIVIA DE FUTBOL*/

.txt p{font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.5em; color: #fff; padding:15px 5px 15px 15px;; }
.flecha {padding: 15px 5px 15px 15px;}

nav { display: flex; justify-content: space-between; align-items: center;}
.completadatos {background-color:  #fff;}
.completadatos {background-color: #fff; height: 568px;}

form {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.2em; padding-left: 20px;}


/* FIN REGISTRO, CONIENZA TRIVIA FUTBOL*/



.futbol p{width: 180px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 5em; padding: 0px; color: #fff; line-height: 1em; font-weight: 700; padding: 0px 90px 0px 90px;} 
.futbol img {margin-left:150px; padding-top: 15px;}
.pregunta {background-color: rgba(255, 255, 255, 0.49); height: 250px; margin: 50px 15px 15px 15px; border: 55px;}


/* PRIMERA PREGUNTA*/


.reloj {padding: 10px; text-align: left;}
h4{ margin: 0px; padding: 0px; font-size: 1em;}


.pregunta1 {background-color: rgba(255, 255, 255, 0.51); height: 260px; margin: 0px 25px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.pregunta1 p { font-size: 1.4em; width: 100%; padding: 15px ; margin: 0px; text-align: center; font-weight: 400; line-height: 1.2em;}



.categoria p{font-size: 1.5em; padding: 5px 0px 5px 30px; background-color: rgba(255, 255, 255, 0.87); margin-left: 25px; width: 150px; color: rgb(175, 0, 0);}

.pregunta1 ul li { font-size: 1.3em; font-family: 'Yanone Kaffeesatz', sans-serif; color: #fff; font-weight: 300; margin-left: 15px; padding: 5px; list-style: none; margin-right: 15px;}

.pregunta1 a {text-decoration: none; color: #fff;}
.pregunta1 a:active{ color: #022f4a;}


.categoria {display: flex; justify-content: space-between; padding-right: 35px; align-items: center}


/* PRIMERA PREGUNTA CORRECTA*/


.triviacorrecta {width: 360px; height: 509px; 
				background-image: url(http://catedraocampo.com.ar/vn11/tp/www/img/triviafondo1.png);}



.cartelcorrecto {background-color: rgb(15, 209, 142); width: 250px; height: 200px; position: absolute; margin: 230px 20px 0px 55px;}

.cartelcorrecto p, .cartelincorrecto p{font-family: 'Yanone Kaffeesatz', sans-serif; color: #fff; font-size: 3em; font-weight: 200; padding:10px 0px 0px 15px;}

h2 {font-size: 1.2em;font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 200; color:#fff; padding: 0px 15px 5px 15px;}
h2 a:active{ color: #022f4a;}
h2 a {text-decoration: none; color: #fff;}

/* PRIMERA PREGUNTA INCORRECTA*/

.cartelincorrecto {background-color: #a70000; width: 250px; height: 200px; position: absolute; margin: 230px 20px 0px 55px;}

/* PERFIL EDITABLE*/
.contenedorperfil{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/perfiledita.png);
					width:360px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;}
					
.cambiafoto p {font-size: 1.2em; 
			  font-family: 'Yanone Kaffeesatz', sans-serif; 
			  color:white; 
			  font-weight: 300;
			  margin: 150px 0px 0px 125px;
			  cursor: pointer;}	

/* FIN PERFIL EDITABLE*/



/* MEDALLERO*/
.contenedormedallero{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/medallerofondo.png);
					width:360px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;}
.botonranking{margin:485px 0px 0px 130px}
								
/* FIN MEDALLERO*/


/* PUNTOS*/
.contenedorpuntos{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/puntos.png)
					width:400px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;}


/* FIN PUNTOS*/

/* RANKING*/

.contenedorranking{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/pantallaranking.png);
					width:360px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;}

.formulario{margin:26px 0px 0px 157px;}
					
.formulario p { font-family: 'Yanone Kaffeesatz', sans-serif; 
			   font-size: 1.2em; 
			   padding-top:90px; 
				}

/*FIN RANKING*/


/*REGLAMENTOS*/

.reglamentos p{font-family: 'Yanone Kaffeesatz', sans-serif; 
		 font-size: 4em; padding: 15px; color: #fff; 
		 line-height: 1em; font-weight: 700; text-align: center;}

.reglamentos {background-color: rgba(0, 0, 0, 0.78);;height: 850px; margin-top: -60px; padding-top: 70px; }


.reglamentos1, .reglamentos2, .reglamentos3, .reglamentos4, .reglamentos5 {display: flex; justify-content: space-around; width: 360px;	padding: 15px;  }

.atletismo p, .basquet p{font-family: 'Yanone Kaffeesatz', sans-serif; 
		 font-size: 4em; padding: 15px; color: #fff; 
		 line-height: 1em; font-weight: 700; text-align: center;}

.atletismo {background-color: rgba(0, 0, 0, 0.78);;height: 980px; margin-top: -60px; padding-top: 70px;  }

.basquet {background-color: rgba(0, 0, 0, 0.78);;height: 1370px; margin-top: -60px; padding-top: 70px;  }

.reglamento1 p, .reglamento2 p{font-size: 1.2em;font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; color: #022f4a; text-align: justify; line-height: 1.2em; }
.reglamento1 {background-color: rgba(255, 255, 255, 0.87); margin: 0px 15px; height: 775px;}

.reglamento2 {background-color: rgba(255, 255, 255, 0.87); margin: 0px 15px; height: 1180px;}



/*FIN REGLAMENTOS*/

/* DESPEDIRSE*/

.contenedordespedirse{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/despedirse.png);
					width:360px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;
					}

.salirypermanecer{display:flex;
				width:260px;
				justify-content: space-between;
				padding:260px 0px 0px 100px;
				font-family: 'Yanone Kaffeesatz', sans-serif; 
			   font-size: 1.2em; }
				
.salirypermanecer p { color: #fff; text-decoration: none;}
.salirypermanecer a:active, a{text-decoration: none; color:#fff;}

/* FIN DESPEDIRSE*/

/* GRACIAS*/

.contenedorgracias{background-image:url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/gracias.png);
					width:360px;
					height:100%;
					margin: auto; 
					background-repeat: no-repeat;}

/* FIN GRACIAS*/


/*REGLAMENTOS*/

.calendario p{font-family: 'Yanone Kaffeesatz', sans-serif; 
		 font-size: 4em; padding: 15px; color: #fff; 
		 line-height: 1em; font-weight: 700; text-align: center;}

.calendario, .tablacalendario {background-color: #022f4a;height: 600px; margin-top: -60px; padding-top: 70px; }

.tablacalendario img {width: 200%; margin-left: 20px; margin-top: 0px; }
.tablacalendario { margin-top: -30px; background-color: rgba(255, 255, 255, 0); height: 450px;overflow: scroll;}



.caminadosprincipal {margin-top: 0px;display:block;
position:relative; background-color: rgba(2, 79, 126, 0.65); height: 572; margin-top: -62px;  padding-top: 65px}

			   
.caminadosprincipal {text-align: center;}

.caminadosprincipal p{width: 100%; 
			   font-family: 'Yanone Kaffeesatz', sans-serif; 
			   font-size: 5.3em; 
			   color: #fff; 
			   text-align: center; 
			   line-height: 1em; 
			   font-weight: 700; }
			   

.botoncomenza2 {font-size:1.8em; 	font-family: 'Yanone Kaffeesatz', sans-serif; 	font-weight: 300; color: #fff; text-align: center; padding: 10px 10px 10px 10px; background-color: rgba(216, 0, 0, 0.77); margin: 15px 45px 15px 45px }
.botoncomenza a {text-decoration: none; color: #fff;}


/* CAMINADOS*/

.caminados1 {background-image: url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/mapacaminados.gif);height: 570; margin-top: -58px; padding-top: 60px;}

.caminados2 {background-image: url(http://catedraocampo.com.ar/vn11/tp/www/img/pngs/mapafondo.png);height: 606; margin-top: -62px; margin-left: -2px; padding-top: 60px; width: 362px;}


.caminadosvineta1 img {margin: 30px 50px 0px 50px;}

.caminadosvineta2 img {margin: 190px 50px 0px 50px;}

.caminadosvineta3 img {margin: 150px 50px 0px 50px;}

.caminadosvineta img {margin: 124px 50px 0px 150px;}

.posta1 img{ width: 80%;  }
.posta1 {text-align: center;}

.postadescripcion {background-color: rgba(255, 255, 255, 0.83); height: 180px; margin: 15px; overflow-y: scroll}

.postadescripcion p{font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.2em; font-weight: 300; text-align: left; padding: 15px}



footer {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; margin-top: 100px;}

.footer1 {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; margin-top: 300px;}
.footer2 {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; margin-top: 420px;}

.footer3 {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; margin-top: 820px;}