@charset "utf-8";

html, body{ 
	background:#007ca6 url(../img/fondo_imagenes.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:2vw; font-weight: normal; margin: 0;}
.t_sec_negro{color:#101010; font-family:corbelb; font-size:3vw; font-weight: normal; margin: 0;}

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

.autor{
	margin: 0.5em 0 0;
	background:url(../img/pixel_blanco60.png);
    float: left;
    font-family: corbelb;
	font-weight:normal;
	margin: 0 8% 1em;
    padding: 0.3em 1em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}

#contenedor{float:left; width:90%; margin:2em 5%;}

#cont_img ul li{ display: inline; text-align: center; }

.caja_texto{
	font-family: corbelb;
	background:url(../img/pixel_blanco80.png);
	text-align:justify !important;
	box-sizing:border-box;
	float:left;
	width: -moz-calc(99% - 3px); width: calc(99% - 3px); 
	height: auto;
	margin-right: 0.2em;
	margin-bottom: 0.2em; 
	padding:1em;
	border:10px solid white;
/*  position: relative;
    display: block;
    overflow: hidden;*/
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);
	border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border: 0px solid #000000;
}

.figure {
	box-sizing:border-box;
	float:left;
	width: -moz-calc(33% - 3px); width: calc(33% - 3px); 
	height: auto;
	margin-right: 0.2em;
	margin-bottom: 0.2em; 
	border:10px solid white;
	cursor: pointer;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);

}
.figure:hover{border:10px solid #007ca6;}

.figure img{width:100%; height:auto; margin-bottom: -0.3em;}
.figure:hover .figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;
}

.figcaption {/*subtitulo*/
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 500px;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}
.figcaption div{text-align:center; clear:both;}
.descripcion{display:none;}
.figure:hover h3, .figure:hover div {left: 0;}
.figcaption a{font-family:corbelb; font-weight:normal; font-size:2vw; color: #fff; float:center; text-decoration: none; padding: 0.5em 0;}
.figcaption h3{width:80%; margin-left:12%; margin-bottom:0.5em; float:left;}

.figcaption h3:hover {background: #fff;}
.figcaption h3:hover a{color: #4f5856;}

#caja_img1, #caja_img2, #caja_img3, #caja_img4, #caja_img5, #caja_img6, #caja_img7, #caja_img8, #caja_img9, #caja_img10{
	background: white;
    float: left;
	text-align:center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 8%;
	margin-bottom:2em;
	padding-top:2em;
	padding-bottom:2em;
    position: absolute;
    width: 60%;
	z-index:20000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25);
}
#caja_img1 img, #caja_img2 img, #caja_img3 img, #caja_img4 img, #caja_img5 img, #caja_img6 img, #caja_img7 img, #caja_img8 img, #caja_img9 img {
    border: 0 solid #000000;
    border-radius: 10px;
    margin: 1em 1em 1em 2em;
}
#caja_img1  a, #caja_img2 a, #caja_img3 a, #caja_img4  a, #caja_img5 a, #caja_img6 a, .autor a {color:#007ca6; font-weight: bold; text-decoration: none;}
#caja_img1  a:hover,  #caja_img2 a:hover, #caja_img3 a:hover, #caja_img4  a:hover,  #caja_img5 a:hover, #caja_img6 a:hover, .autor a:hover {color:#fff; font-weight: bold; text-decoration: none; background:#007ca6; }
.caja_descarga{
	background:#007ca6 url(../img/ico_descargar.png) no-repeat 1em 1em;
	background-size:18%;
    color: white;
    float: right;
    font-family: corbelb;
    margin-bottom: 2em;
    margin-right: 10%;
    padding: 1em 1em 1.5em 1.5em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}
.caja_descarga:hover{background:white url(../img/ico_descargar_over.png) no-repeat 1em 1em; background-size:18%;}

.caja_descarga img{display: block; float: left; height: auto; margin-right: 1em; width: 15%;}
.caja_descarga a{display: block; font-family:corbelb; font-size:1em; color:white; margin-left: 3em; padding-top:0.5em; text-decoration:none;}
.caja_descarga:hover a{color:#007ca6;}

@media screen and (max-width: 1152px) {
	#caja_img1 img, #caja_img2 img, #caja_img3 img, #caja_img4 img, #caja_img5 img, #caja_img6 img, #caja_img7 img, #caja_img8 img, #caja_img9 img, #caja_img10 img {
		width: 90%;
	}

}
#caja_img1 h2, #caja_img2 h2, #caja_img3 h2, #caja_img4 h2, #caja_img5 h2, #caja_img6 h2, #caja_img7 h2, #caja_img8 h2, #caja_img9 h2, #caja_img10 h2{
	color:#007ca6; font-family:corbelb; font-size:1.5em; font-weight: normal; text-align:center; margin: 0 1.4em;
}
#caja_img1 p, #caja_img2 p, #caja_img3 p, #caja_img4 p, #caja_img5 p, #caja_img6 p, #caja_img7 p, #caja_img8 p, #caja_img9 p, #caja_img10 p{
    font-family: corbelb; margin-left:2em; margin-right:2em; text-align:left !important;
}

.texto_destacado{font-family: corbelb !important; }
p a{color:#007ca6; text-decoration: none; font-weight: bold;}
.texto_destacado_capital{ color: #007ca6; float: left; font-size: 7vw; font-weight: bold; margin-top: -0.1em;}
.no_capital{display: block; float: left; color: black; font-size: 2em;}
.negrita_roja{ font-family:corbelb; color:#007ca6; font-size:1.5vw; font-weight: bold;}

#cerrar_img1, #cerrar_img2, #cerrar_img3, #cerrar_img4, #cerrar_img5, #cerrar_img6, #cerrar_img7, #cerrar_img8, #cerrar_img9, #cerrar_img10{ width:30px; height:30px; float:right;}
#cerrar_img1 img, #cerrar_img2 img, #cerrar_img3 img, #cerrar_img4 img, #cerrar_img5 img, #cerrar_img6 img, #cerrar_img7 img, #cerrar_img8 img, #cerrar_img9 img, #cerrar_img10 img{ width:100%; height:auto; margin:-1.5em 0 0 -0.5em;}

/*---------------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:100%; animation: flipInY 1s 1s ease backwards;}
.an_tsec_rojo{position:relative; float:left; width:100%; animation: flipInX 1s 1.5s ease backwards;}

.caja_texto{animation: fadeInUp 1s 1.2s ease backwards;}

.bn-pract0{animation: fadeInLeft 1s 1.4s ease backwards;}
.bn-pract1{animation: fadeInLeft 1s 1.6s ease backwards;}
.bn-pract2{animation: fadeInLeft 1s 1.8s ease backwards;}
.bn-pract3{animation: fadeInLeft 1s 2s ease backwards;}
.bn-pract4{animation: fadeInLeft 1s 2.2s ease backwards;}
.bn-pract5{animation: fadeInLeft 1s 2.4s ease backwards;}
.bn-pract6{animation: fadeInLeft 1s 2.6s ease backwards;}
.bn-pract7{animation: fadeInLeft 1s 2.8s ease backwards;}
.bn-pract8{animation: fadeInLeft 1s 2.6s ease backwards;}
.bn-pract9{animation: fadeInLeft 1s 2.4s ease backwards;}
.bn-pract10{animation: fadeInLeft 1s 2.2s ease backwards;}

.autor{animation: fadeInDown 1s 3s ease backwards;}
.an_bt_descarga{animation: fadeInDown 1s 3.2s ease backwards;}