/* CSS Document */

.visible{ display: block !important; }
.box_contenido2{ display: none; width: 860px; font-size: 17px; text-align: left; padding: 50px 0; margin: auto; }
.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: #f0c36e; 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; }

.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 30px auto; /*border: 1px solid red;*/  }
.fecha{ position: relative; width: 100px; height: 100px; background-color: #0099ce; margin: 0 22px 0 0; float: left; /*border-radius: 30px;*/ }
.diafecha{ position: absolute; top: 2px; left: 0px; width: 100%; text-align: center; font-size: 56px; }
.mesfecha{ position: absolute; bottom: 15px; left: 0px; width: 100%; text-align: center; font-size: 16px; }
.diafecha2{ position: absolute; top: 22px; left: 0px; width: 100%; text-align: center; font-size: 20px; }

.info_fecha{ position: relative; /*width: calc(100% - 193px);*/ padding: 0 0 0 130px;  }
.tit_fecha{ position: relative; font-size: 32px; top: 15px; line-height: 32px; text-transform: uppercase; }
.tex_fecha{ font-size: 16px; line-height: 16px; margin: 5px 0 0 0; text-transform: none; white-space: pre;  }
.tex_fecha br{ display:none }


/* fin calendario */


.premiosIzda{ float:left; box-sizing: border-box; width:311px; height: 146px; margin:10px 18px 2px 10px; background-color: #fab128; border-radius: 40px;
}
.premiosIzda img{ height: 126px; margin: 8px auto 0 auto; }

.premiosIzda2{ float:left; box-sizing: border-box; width:311px; height: 146px; margin:10px 18px 2px 10px; background-color: #fab128   ; border-radius: 40px;
}
.premiosIzda2 img{ width: 300px; margin: 28px 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; }


@media screen and (max-width:1023px) {
	
	.box_contenido2{ width: 90%; /*border:1px solid red;*/ }
	.box_contenido3{ width: 90%; /*border:1px solid red;*/ }
	.premiosDcha{ float:left; width:calc(100% - 343px); text-align:left; margin:20px 0 5px 0px; }
	
}

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

	.mod_fecha{  width: 100%;  }
	.fecha{ width: 100px; height: 100px; }
	.diafecha{ font-size: 56px; }
	.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: none; }
	.tex_fecha br{ display:block; }

	.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: none; }

}

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