/* CSS Document */



.nieblasw{ position: fixed; background-color: #000000; opacity: 0; width: 100%; height: 100%; z-index: 9998; top: 0px; }
.nieblasw2{ position: fixed; background-color: #000000; opacity: 0; width: 100%; height: 100%; z-index: 9998; top: 0px; display: none; }
.avisonieblasw{ position: fixed; box-sizing: border-box; background-color: #ffffff; border-radius: 8px; width: 392px; height: 572px; z-index: 9999; overflow: hidden; font-size: 20px; margin-left:50%; left:-196px; }
.avisonieblasw2{ position: fixed; display: none; box-sizing: border-box; background-color: #ffc75a; border: 1px solid #e58619; border-radius: 8px; width: 392px; height: 272px; z-index: 9999; overflow: hidden; font-size: 20px; margin-left:50%; left:-196px; }


.box_check{ position: relative; overflow: hidden; padding: 30px; }

.avisotit{ position: relative; }

.ico_alerta{ width: 57px; margin: 0px 20px 0 0; float: left; }
.tex_aviso{ font-size: 16px; width: 285px; margin: 0px auto 45px auto; text-align: left; line-height: 17px; }

.tex_aviso2{ font-size: 16px; width: 285px; margin: 0px auto 45px auto; text-align: center; line-height: 25px; display:none; }

.tex_info{ font-size: 12px; margin: 0px auto 45px auto; text-align: left; }

.tex_preg_aviso{ font-size: 21px; text-align: center;  }

.box_cir{ position: relative; overflow: hidden; margin: auto; font-size: 0px; /*border: 1px solid red;*/ width: 260px; }

.cir_amarillo{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_amarillo.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 60px 20px 0 20px; }
.cir_gris{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_gris.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 60px 20px 0 20px; }
.cir_rosa{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_rosa.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 60px 20px 0 20px; }
.cir_azul{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_azul.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 60px 20px 0 20px; }



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

	.avisonieblasw{ position: fixed; box-sizing: border-box; background-color: #ffffff; border-radius: 8px; width: 592px; height: 402px; z-index: 9999; overflow: hidden; font-size: 20px; margin-left:50%; left:-296px; }

	.tex_aviso{ font-size: 20px; width: 385px; margin: 0px auto 20px auto; padding-top: 10px; text-align: left; line-height: 21px; }

	.tex_info{ font-size: 12px; margin: 0px auto 20px auto; text-align: left; }

	.cir_amarillo{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_amarillo.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 20px 20px 0 20px; }
	.cir_gris{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_gris.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 20px 20px 0 20px; }

}

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

	.box_check{  padding: 20px; }

	.avisonieblasw{ width: 392px; height: 402px; z-index: 9999; overflow: hidden; font-size: 20px; margin-left:50%; left:-196px; }

	.tex_aviso{ font-size: 16px; width: 305px; margin: 0px auto 20px auto; padding-top: 0px; text-align: left; line-height: 17px; }

	.tex_info{ font-size: 11px; margin: 0px auto 20px auto; text-align: left; }

	.tex_preg_aviso{ font-size: 18px; text-align: center;  }

	.cir_amarillo{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_amarillo.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 20px 20px 0 20px; }
	.cir_gris{ display: inline-block; width: 86px; height: 84px; background: url(../img/cir_gris.jpg); text-align: center; line-height: 84px; font-size: 20px; margin: 20px 20px 0 20px; }

}