@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);

html, body{ 
	margin:0;
	padding:0;
	min-height:100%;
}
 
body { 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1rem;
    font-weight: normal;
}

*:first-child+html body {	
	overflow: visible;
} /** hack para IE7 **/

p{
	font-size:1.25rem;
	font-family: 'Patrick Hand', cursive;
	margin:0 0 14px 0;
	line-height:1.5;
	word-wrap:break-word;
	float:left;
	width:100%;
}

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

/*** ESTRUCTURA ***/

.center{   
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:0 20px 0 20px;
	box-sizing:border-box;
	position:relative;
}

.header{
	width:100%;
	float:left;
	height:auto;
	background-color:#fff;
	z-index:998;
	text-align:center;
	position:relative;
}
	
	.header .center{
		display:table;
		z-index:900;
	}
	
	.header img{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:auto;
		z-index:-900;
	}
	
	#preguntas .header{margin-bottom:30px;}
	

.contenido{
	width:100%;
	position:relative;
	float:left;
	padding-bottom:20px;
	z-index:99;
}

/*** MENÚ ***/

.menu{
	width:100%;
	float:right;
	padding:0;
	margin:0;
	position:absolute;
	bottom:10px;
	right:0;
	left:0;
	text-align:center;
	display:inline-block;
}

/*** CAJAS ***/

.caja-logos{
	width:100%;
	float:left;
	text-align:center;
	padding:30px 0;
}

	.caja-logos img{
		width:auto;
		max-width:100%;
		height:auto;
		float:left;
		margin-left:10px;
	}
	
	.caja-logos span{
		color:#706f6f;
		font-weight:600;
		float:left;
		line-height:4;
	}
	
	.organiza{width:390px; display:inline-block; margin:auto; margin-right:20px;}
	.apoya{width:210px; display:inline-block; margin:auto; margin-right:20px;}
	.auspicia{width:230px; display:inline-block; margin:auto;}

.caja-img{
	width:100%;
	float:left;
	text-align:center;
}

.caja-descarga{
	width:100%;
	float:left;
	margin:5px 0 30px 0 ;
}

.caja-premios{
	text-align:center;
	width:100%;
	float:left;
}
	
	.premio{
		width:185px;
		text-align:center;
		display:inline-block;
		margin:5px auto 20px auto;
		padding:0 4px;
		box-sizing:border-box;
	}
	.premio p{text-transform:uppercase; font-size:1rem;}

/*** COLUMNAS **/

.col-20{width:20%; float:left; box-sizing:border-box; text-align:center;}
.col-80{width:80%; float:left; box-sizing:border-box; padding-right:5%;}
.col-100{width:100%; float:left; box-sizing:border-box;}


/*** TITULOS **/

.titulo{
	width:100%;
	text-align:center;
	margin-bottom:30px;
	margin-top:20px;
}

.titulo.bases h2{background:#7c1099;}
.titulo.info h2{background:#b5be00;}
.titulo.premios h2{background:#eb7a08;}

	.titulo h2{
		font-size:5rem;
		padding:10px 60px;
		text-align:center;
		color:#fff;
		font-family: 'Patrick Hand', cursive;
		width:auto;
		display:inline-block;
		border-radius:10px;
	}

/*** TEXTOS ***/

.header h2{
	padding:5px 20px;
	background:url(../img/op-blanco.png);
	border-radius:8px;
	text-align:center;
	font-size:2.8rem;
	color:#7c1099;
	font-family: 'Patrick Hand', cursive;
	width:auto;
	display:inline-block;
	margin-bottom:10px;
	position:relative;
	margin-top:25%;
	font-weight:100;
}
.header h3{
	padding:10px 25px;
	background:url(../img/op-nar.png);
	border-radius:8px;
	text-align:center;
	font-size:3rem;
	color:#fff;
	font-family: 'Patrick Hand', cursive;
	width:auto;
	display:inline-block;
	font-weight:100;
}
	.header h3 a{color:#fff; text-decoration:none;}
.header h5{
	padding:10px 25px;
	background:url(../img/op-violeta.png);
	border-radius:8px;
	text-align:center;
	font-size:1.6rem;
	color:#fff;
	font-family: 'Patrick Hand', cursive;
	width:auto;
	position:relative;
	display:inline-block;
	top:52%;
	font-weight:100;
}
h5{
	color:#cd1f2c;
	font-family: 'Patrick Hand', cursive; 
	font-size:1.3rem;
}
h6{
	color:#547824;
	font-family: 'Patrick Hand', cursive; 
	margin-bottom:10px;
	font-size:1.9rem;
	font-weight:100;
}

/** hover **/

.header a:hover{color:#333; text-decoration:none;}

.tx{
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.tx p{color:#547824;}
.tx span{color:#eb7a08; font-size:1.25rem;}

#preguntas .tx{text-align:left;}
#inicio p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#024150; font-size:0.9rem;}

#premios{ text-align:center;}
#premios .tx{width:80%; float:none; display:inline-block;}

span.destacado{
	width:100%;
	float:left;
	margin:30px 0 0 0;
	color:#eb7a08;
	font-size:2rem;
	text-align:center;
	font-family: 'Patrick Hand', cursive; 
}
/* agregado preguntas ------------------------------------------------*/
span.cantidad-preguntas {
	display:block;
	margin: 20px 0 0 0;
	font-family: 'Patrick Hand', cursive;
	font-size:1.5rem;
	text-align:center;
	color:#706f6f;
}
/* fin agregado preguntas ------------------------------------------------*/
span.estado-1{
	background:url(../img/op-verde.png);
	border-radius:10px;
	color:#fff;
	font-family: 'Patrick Hand', cursive;
	font-size:2rem;
	text-align:center;
	display:inline-block;
	margin-top:20px;
	padding:15px;
	box-sizing:border-box;
	font-weight:100;
}
span.estado-2{
	background:url(../img/op-am.png);
	border-radius:10px;
	color:#fff;
	font-family: 'Patrick Hand', cursive;
	font-size:2rem;
	text-align:center;
	display:inline-block;
	margin-top:20px;
	padding:15px;
	box-sizing:border-box;
	font-weight:100;
}
span.estado-3{
	background:url(../img/op-rojo.png);
	border-radius:10px;
	color:#fff;
	font-family: 'Patrick Hand', cursive;
	font-size:2rem;
	text-align:center;
	display:inline-block;
	margin-top:20px;
	padding:15px;
	box-sizing:border-box;
	font-weight:100;
}


.p-violeta{color:#7c1099 !important;}
.p-nar{color:#eb7a08 !important;}
.p-verde{color:#3da935 !important;}
.p-rojo{color:#cd1f2c !important;}

.link-v{color:#7c1099;text-decoration:none;}

.link{
	width:auto;
	min-width:248px;
	display:inline-block;
	padding:3px 10px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1rem;
	font-weight:600;
	margin-bottom:20px;
}

	.link-verde{background:#547824;}
	.link-nar{background:#eb7a08;}
	.link-rojo{background:#cd1f2c;}
	.link-violeta{background:#7c1099;}
	.link-verde-2{background:#b5be00;}
	
a:hover{text-decoration:underline;}

/*** LINEAS ***/

.line-gris{
	width:100%;
	height:1px;
	background:#999;
	float:left;
	margin:30px 0 0 0;
}
.line-verde{
	width:100%;
	height:1px;
	background:#55782c;
	float:left;
	margin:30px 0 0 0;
}


/*** BOTONES ***/


.btn-volver{
	position:fixed;
	color:#fff;
	background:rgba(255,0,0,1);
	border-radius:0 0 5px 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	font-family: 'Patrick Hand', cursive;
	font-size:1.5rem;
	z-index:9999;
	padding:4px 10px;
	text-decoration:none;
	text-transform:uppercase;
	right:50% !important;
	margin-right:-45px;
	top:0;
}

.btn{
	width:190px;
	padding:8px;
	border-radius:8px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:1rem;
}

.btn-am{background:url(../img/op-am.png); margin-right:20px;}
.btn-rojo{background:url(../img/op-rojo.png); margin-right:20px;}
.btn-verde{background:url(../img/op-verde.png);}

/**** FORM ***/

form{
	width:100%;
	float:left;
}

.radio{
	float:left;
	width:auto;
	color:#706f6f;
	font-weight:600;
	margin-right:30px;
	font-size:1rem;
}

input[type=radio]{display:none;}
input[type='radio']:checked + label{background-image:url(../img/radio-activo.jpg) !important;}

.radio label{
	background-image:url(../img/radio-inactivo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:auto;
	display: inline-block;
	height:19px;
	margin-right:20px;
	padding-left:25px;
	cursor: pointer;
}