@charset "utf-8";

html, body{ 
	background:#007ca6 url(../img/fondo_agenda.jpg) no-repeat center fixed;
	background-size: cover;
	margin:0; padding:0;
}

.bt_sumario{font-family:corbelb; font-weight:normal; font-size:0.8em; display:block;}
#boton_menu a{text-decoration:none !important; color:white;}

#t_seccion{
	float:left; width:50%; margin-left: 10%; /*padding-top:1.5em;*/ padding-bottom:1em;
	border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border: 0px solid #000000;
}
.t_nom_sec{color:#007ca6; font-family:corbelb; font-size:4vw; font-weight: normal; margin: 0;}
.t_sec_negro{color:#101010; font-family:corbelb; font-size:1vw; font-weight: normal; margin: 0;}

.logo{margin:0 auto;}
.logo img{float: right; height: auto; margin-right: 2em; width: 35%; margin-top: 1em;}

#contenedor{float:left; width:100%; margin:2em 0;}

.fila_iz{width:80%; margin:0 auto; overflow:auto;}

.fila_iz .caja{float:left; width: -moz-calc(50% - 2em); width: calc(50% - 2em); margin-right:0.5em;}
.fila_iz .bola{width:2.5em; height:2.5em; float:left; background:#007ca6; margin-top:3em; border-radius: 500px 500px 500px 500px; -moz-border-radius: 500px 500px 500px 500px; -webkit-border-radius: 500px 500px 500px 500px; border: 4px solid #ffffff;}
.fila_iz .fecha{float: right; font-family: corbelb; color: #808080; margin-top: 4em; width: -moz-calc(50% - 2em); width: calc(50% - 2em);}

.fila_de{ width:80%; margin:0 auto; overflow:auto;}

.fila_de .caja{float:right; width: -moz-calc(50% - 2em); width: calc(50% - 2em); margin-left:0.5em; }
.fila_de .bola{width:2.5em; height:2.5em; float:left; background:#007ca6; margin-top:3em; border-radius: 500px 500px 500px 500px; -moz-border-radius: 500px 500px 500px 500px; -webkit-border-radius: 500px 500px 500px 500px; border: 4px solid #ffffff;}
.fila_de .fecha{float: left; font-family: corbelb; color: #808080; text-align:right; margin-top: 4em; margin-right:0.5em; width: -moz-calc(50% - 2em); width: calc(50% - 2em); margin-right:0.5em;}

.caja_contenido{
	background: #007ca6;
	background-size: 100% auto;
	padding: 1em 1.5em;
	font-family: corbelb;
	color: #363636;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
.caja h2{
	width:70%;
	font-family:corbelb;
	font-weight:normal;
	background:#007ca6;
	margin:0; 
	padding:0.5em 1em;
	color:white;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
}
.caja a{color:white; font-size: 1em; font-family: corbelb; text-decoration:none;}
.caja a:hover{color:#007ca6; background:white;}

/*---------------animaciones--------------------*/
.an_logo{animation: an_logo 1s ease;}
@-webkit-keyframes an_logo {from {opacity:0;} to {opacity:1;}}
@keyframes an_logo {from {opacity:0;} to {opacity:1;}} /*Standard syntax */

.an_tsec_negro{position:relative; float:left; width:75%; animation: flipInY 1s 1s ease backwards;}
.an_tsec_rojo{position:relative; float:left; width:100%; animation: flipInX 1s 1.5s ease backwards;}

.an_caja_1{animation:bounceInUp 1s 1.4s ease backwards;}
.an_caja_2{animation:bounceInUp 1s 1.6s ease backwards;}
.an_caja_3{animation:bounceInUp 1s 1.8s ease backwards;}
.an_caja_4{animation:bounceInUp 1s 2s ease backwards;}
.an_caja_5{animation:bounceInUp 1s 2.2s ease backwards;}
.an_caja_6{animation:bounceInUp 1s 2.4s ease backwards;}
.an_caja_7{animation:bounceInUp 1s 2.6s ease backwards;}
.an_caja_8{animation:bounceInUp 1s 2.8s ease backwards;}
.an_caja_9{animation:bounceInUp 1s 3s ease backwards;}
.an_caja_10{animation:bounceInUp 1s 3.2s ease backwards;}
.an_caja_11{animation:bounceInUp 1s 3.4s ease backwards;}
.an_caja_12{animation:bounceInUp 1s 3.6s ease backwards;}
.an_caja_13{animation:bounceInUp 1s 3.6s ease backwards;}
.an_caja_14{animation:bounceInUp 1s 3.6s ease backwards;}
.an_caja_15{animation:bounceInUp 1s 3.6s ease backwards;}

.fecha2 {
font-family: corbelb; color: #808080; margin-top: 4em; width: -moz-calc(50% - 2em); width: calc(50% - 2em);	
}