/* CSS Document */

.box_contenido2{ /*width: 860px;*/ width: 1175px; font-size: 17px; text-align: left; padding: 50px 0; margin: auto; }
#mini{ font-size: 12px; overflow: hidden; }

a {text-decoration: none;}



/*calendario*/

.mod_fecha{  overflow: hidden; width: 750px; margin: 0 auto 40px auto; /*border: 1px solid red;*/  }
/*.mod_fecha:hover{ background-color: #4b4e76; }*/
.fecha{ position: relative; width: 171px; height: 171px; background-color: #4b4e76; margin: 0 22px 0 0; float: left; border-radius: 40px; }
.diafecha{ position: absolute; top: 20px; left: 0px; width: 100%; text-align: center; font-size: 60px; }
.mesfecha{ position: absolute; bottom: 25px; 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: 45px; top: 70px; line-height: 45px; text-transform: uppercase; }
.tex_fecha{ font-size: 23px; line-height: 23px; margin: 5px 0 0 0; text-transform: none; white-space: pre;  }

.desplegar{ float: right; margin: 20px 5px 0 0; }

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

.dia1, .dia2, .dia3{ margin: -60px 0 0 0; }

.triangulo { width: 0; height: 0; border-right: 35px solid transparent; border-top: 35px solid transparent; border-left: 35px solid transparent; border-bottom: 35px solid #ffc72c; margin-left: 265px; }
.raya_azul{ width: 100%; height: 8px; background-color:#ffc72c; margin-bottom: 35px; }

.box_tabla{ width: 1024px; margin: auto; }
.box_tabla img{ width: 100%; }
.box_tabla table{ width: 100%; }
.box_tabla table td { width: 12.5%; }
.borde-left{ border-left: 1px solid #a5a5a5; }

.box_azul{ background-color: #4b4e76; width: 170px; text-align: center; padding: 4px 0; margin:0 0 30px 0;  }

.tit_hora{color: #a5a5a5; }

.solopuntos {
    clear: both;
    text-align: left;
    position: relative;
    background: url(../imagenes/solo_punto.gif) repeat-x left;
    height: 1px;
    margin: 25px 0;
    padding: 0 0 0 0;
}

.fechadia{ font-size: 35px; /*text-transform: uppercase;*/ margin-bottom: 40px; }
.citas{ text-transform: uppercase; }
.cita{ font-size: 11px; text-align: center; }

.rayagris{ width: 100%; border-top:1px solid#a5a5a5; } 

.rayagris2{ width: 100%; height:2px; background-color: #60c7f2; margin: 5px 0; }

.margin_azul{ margin:30px 0; }


.pieagenda{ text-align: center; font-size: 18px; width: 600px; margin: auto; }

/* fin calendario */

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

	.box_contenido2{ /*width: 860px;*/ width: 100%; } 
	.triangulo { display: none; }
	.dia1, .dia2, .dia3{ margin: 0 0 0 0; }

}

@media screen and (max-width:1023px) {
	
	.box_contenido2{ width: 90%; /*border:1px solid red;*/ } 
	.box_tabla{ width: 100%; margin: auto; }
	/*#j1, #j2, #j3{ display: block; }*/
	.mod_fecha:hover{ background-color: #ffffff; }
	/*.desplegar{ display: none; }*/
	
		
}

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

	.mod_fecha{  width: 100%;  }
	.fecha{ width: 100px; height: 100px; }
	.diafecha{ font-size: 26px; }
	.mesfecha{ font-size: 16px; }

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

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

	.pieagenda{ width: 100%; margin: auto; font-size: 15px; }

}

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

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

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

}

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