/* CSS Document */

.visible{ display: block !important; }
.box_info_normas{position: relative; box-sizing: border-box; width: 860px; text-align: left; margin: auto; }
.box_contenido2{  width: 860px; font-size: 17px; text-align: left; padding: 50px 0; margin: auto; text-transform: initial; }
.box_contenido3{ width: 860px; font-size: 17px; text-align: left; padding: 10px 0; margin: auto; }
#mini{ font-size: 12px; overflow: hidden; }

a {text-decoration: none;}

.menugestion{ position: relative; overflow: hidden; font-size: 0px; width: 90%; margin: 0 auto 50px auto; }

.mg{ display: inline-block; height: 45px; background-color: #acc02f; padding: 0 20px; font-size: 18px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 18px; margin:0 8px 15px 8px; border-radius: 40px; }
.mg img{ float: right; margin-left: 4px; }

.barra{ width: 100%; text-align: center; text-transform: uppercase; font-size: 23px; padding: 12px 0; }
.barrasep{ width: 100%; height: 2px; background-color: #e6e6e6; margin-bottom: 2px;}
.tex_despegable{ display: none; padding-right:10px ; }
.ico_despegable{ float: right; margin-left: 10px; }

.color_barra1{ background-color: #fab128; }
.color_barra2{ background-color: #f4ba4d; }
.color_barra3{ background-color: #f0c36e; }

/*calendario*/

.mod_fecha{  overflow: hidden; width: 750px; margin: 0 auto 40px auto; /*border: 1px solid red;*/  }
.fecha{ position: relative; width: 171px; height: 171px; background-color: #0099ce; margin: 0 22px 0 0; float: left; /*border-radius: 30px;*/ }
.diafecha{ position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; font-size: 110px; }
.diafecha2{ position: absolute; top: 50px; left: 0px; width: 100%; text-align: center; font-size: 38px; }
.mesfecha{ position: absolute; bottom: 5px; left: 0px; width: 100%; text-align: center; font-size: 30px; }

.info_fecha{ position: relative; /*width: calc(100% - 193px);*/ padding: 0 0 0 193px;  }
.tit_fecha{ position: absolute; font-size: 55.19px; top: 25px; line-height: 55px; text-transform: uppercase; }
.tex_fecha{ font-size: 23px; line-height: 23px; margin: 5px 0 0 0; text-transform: none; white-space: pre;  }

.lista_verde { color: #acc02f; }
 

/* fin calendario */


.premiosIzda{ float:left; box-sizing: border-box; width:311px; height: 146px; margin:10px 18px 2px 10px; border: 2px solid #909b31; border-radius: 40px;
}
.premiosIzda img{ height: 106px; margin: 15px auto 0 auto; }

.premiosIzda2{ float:left; box-sizing: border-box; width:311px; height: 146px; margin:10px 18px 2px 10px; border: 2px solid #909b31; border-radius: 40px;
}
.premiosIzda2 img{ width: 300px; margin: 32px auto 0 auto; }


.premiosDcha{ float:left; width:520px; text-align:justify; margin:20px 0 5px 0px; }

.caja_gris { position: relative; background-color: #4b4e76; color: white; box-sizing: border-box; border-radius: 30px; margin: 0 0 12px 0;     padding: 25px 20px; margin: 0 auto 60px auto; }

.box_contacto_normas{ position: relative; text-align: left;  width: 860px; margin: 30px auto 0 auto; padding: 10px 40px; border: 2px solid #909b31; box-sizing: border-box; border-radius: 40px; }
.box_contacto_normas ul{ padding: 0 0; }


@media screen and (max-width:1023px) {
	
	.barra{ font-size: 17px; }
	.box_contenido2{ width: 90%; /*border:1px solid red;*/ }
	.box_info_normas{ width: 100%; padding-left: 15px; }
	.ico_despegable{  margin-right: 10px; }
	.premiosDcha{ float:left; width:calc(100% - 343px); text-align:left; margin:20px 0 5px 0px; }
	.box_contacto_normas{ width: 90%; }
	
}

@media screen and (max-width:790px) {

	/*.tex_despegable::before{ content: "+   "; }*/
	.tex_despegable{ display: inline-block; }
	.ico_despegable{ display: none; }

	.mod_fecha{  width: 100%;  }
	.fecha{ width: 100px; height: 100px; }
	.diafecha{ font-size: 56px; }
	.diafecha2 {
		position: absolute;
		top: 30px;
		left: 0px;
		width: 100%;
		text-align: center;
		font-size: 20px;
	}
	.mesfecha{ font-size: 16px; }

	.info_fecha{ position: relative; padding: 0 0 0 122px;  }

	.tit_fecha{ font-size: 32px; line-height: 32px; top: 15px; }
	.tex_fecha{ font-size: 16px; line-height: 16px; white-space: normal; }

	.premiosDcha{ 	margin:10px 0 5px 0px; }

}

@media screen and (max-width:680px) {
	
	.premiosIzda{ float:none; width:311px; margin:10px auto 20px auto; 	}
	.premiosIzda img{ margin: 8px auto 0 auto; padding: 8px 0 0 0; }

	.premiosIzda2{ float:none; width:311px; margin:40px auto 20px auto;	}
	.premiosIzda2 img{ margin: 8px auto 0 auto; padding: 28px 0 0 0; }
	
	.premiosDcha{ float:none; width:100%; text-align:justify; margin:20px 0 65px 0px; }	
	
}


@media screen and (max-width:555px) {

	.barra{ width: 95%; margin: auto; }

	.tit_fecha{ font-size: 26px; line-height: 26px; top: 5px; }
	.tex_fecha{ font-size: 14px; line-height: 14px; white-space: normal; }

}

@media screen and (max-width:420px) {
	.tit_fecha{ font-size: 20px; line-height: 20px; top: 5px; }
}