@font-face {
	font-family:"Candara-Bold";
	font-style:italic;
	font-weight:normal;
	src : url("../font/Candara-Bold.ttf");
}
@font-face {
	font-family:"Candara";
	font-style:italic;
	font-weight:normal;
	src : url("../font/Candara.ttf");
}
@font-face {
	font-family:"CronosPro-Semibold";
	font-style:italic;
	font-weight:normal;
	src : url("../font/CronosPro-Semibold.otf");
}
@font-face {
	font-family:"MinionPro-Regular";
	font-style:italic;
	font-weight:normal;
	src : url("../font/MinionPro-Regular.otf");
}
@font-face {
	font-family:"Trebuchet MS Bold";
	font-style:italic;
	font-weight:normal;
	src : url("../font/Trebuchet MS Bold.ttf");
}
@font-face {
	font-family:"Gill Sans";
	font-style:normal;
	font-weight:300;
	src : url("../font/GillSans-Light.ttc");
}

*{
	padding: 0;
	box-sizing: border-box;
	
}

a{
	text-decoration: none;
}


body{
	margin:0;
	padding:0;
	border-width:0;
	background-color: #C4E5EF;
	background: linear-gradient(155deg, rgba(255,255,255,1) 0%, rgba(196,229,239,1) 19%);
	font-family:"AvenirLTStd-Roman", serif;
}


p, h1, h4, h5{
	font-family:"AvenirLTStd-Roman", serif;
}


div.imgBanner{
	text-align: center;
	margin-bottom: 3em;
}

img.banner1{
	width: 100%;
}



/*SEGUNDA PRUEBA*/

h4{
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 60px;
	transition: all 500ms ease-out;
	margin-top: 20px;
}


h5{
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 60px;
	transition: all 500ms ease-out;
	margin-top: 20px;
}

span.boldTxt1{
	color:#ec6851;
	font-family:"AvenirLTStd-Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-transform: uppercase;
}

p.txtDesc{
	transition: all 500ms ease-out;
	color:#ffffff;
	font-family:"AvenirLTStd-Roman", serif;
	font-size:1.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.182;
	width: 100%;
	max-width: 220px;
	text-align: center;
	padding: 10px;
}

p.txtAño{
	transition: all 500ms ease-out;
	color:#ffffff;
	font-family:"AvenirLTStd-Roman", serif;
	font-size:0.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.182;
	width: 100%;
	max-width: 220px;
	text-align: center;
	padding: 10px;
	margin-bottom: -0.5em;
}

p.texto1{
	transition: all 500ms ease-out;
	color:#ffffff;
	font-family:"AvenirLTStd-Roman", serif;
	font-size:1.3em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.182;
	width: 100%;
	max-width: 220px;
	text-align: center;
	padding: 10px;
	margin-top: 3em;
	margin-bottom: -1em;
}

p.texto2{
	transition: all 500ms ease-out;
	color:#ffffff;
	font-family:"AvenirLTStd-Roman", serif;
	font-size:0.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.182;
	width: 100%;
	max-width: 220px;
	text-align: center;
	padding: 10px;
	margin-top: 3em;
	margin-bottom: -1em;
}

p.texto3{
	transition: all 500ms ease-out;
	color:#red;
	font-family:"AvenirLTStd-Roman", serif;
	font-size:1.2em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.182;
	width: 100%;
	max-width: 220px;
	text-align: center;
	padding: 10px;
	margin-top: 3em;
	margin-bottom: -1em;
}

span.colorTxt1{
	color:#585858;
	font-family:"AvenirLTStd-Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-shadow: -1px -1px white, 1px 1px #333;
	/* text-transform: uppercase; */
}

p.titulo1{
	color:#272525;
	font-family:"Gill Sans", sans-serif;
	font-size:1.6em;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.182;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:1.6em;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	text-indent:0em;
}


p.titulo2{
	color:#272525;
	font-family:"Gill Sans", sans-serif;
	font-size:1.6em;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.182;
	margin-bottom:1.6em;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	text-indent:0em;
}

span.color1{
	color:#ffffff;
	font-family:"AvenirLTStd-Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
}


span.color2{
	color:#e8e8f5;
	font-family:"AvenirLTStd-Roman", serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
}



/*IMÁGENES*/

div.cajon1{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
}

div.contenedor0{
	position: relative;
	height: 280px;
	width: 220px;
	overflow: hidden;
	border-radius: 6px;
	margin: 30px;
}

div.imagenCont{
	position: relative;
	height: auto;
	width: 220px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 7px 7px 10px rgba(61, 71, 144,0.45) ;
	cursor: pointer;
	margin: 30px;
}

img.imagen1{
	max-width:220px;
	width: 100%;
	height: auto;
}


div.cajon1 .imagenCont .capa{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 255, 0.80);
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease-out;
}

div.cajon1 .imagenCont:hover > .capa{
	opacity: 1;
	visibility: visible;
}


div.cajon1 .imagenCont:hover > .capa h4{
	margin-top: 40px;
	margin-bottom: 20px;
}


div.cajon1 .imagenCont:hover > img{
	transform: scale(1.1);
}


div.cajon1 .imagenCont:hover > .capa2 h5{
	margin-top: 40px;
	margin-bottom: 20px;
}


div.cajon1 .imagenCont .capa1{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.80);
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease-out;
}


div.cajon1 .imagenCont:hover > .capa1{
	opacity: 1;
	visibility: visible;
}

div.cajon1 .imagenCont:hover > .capa p.texto1{
	margin-top: 40px;
	margin-bottom: 20px;
}


div.cajon1 .imagenCont .capa2{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(206, 244, 221, 0.80);
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease-out;
}


div.cajon1 .imagenCont:hover > .capa2{
	opacity: 1;
	visibility: visible;
}







/*FOOTER*/

	div.footer{
		background-color: #C4E5EF;
		width:100%;
		height: 180px;
		margin-top:4em;
	}

	div.iconos1{
		float: right;
	    /*padding: 10px;
	    box-sizing: border-box;*/
	    margin-top: 2.2em;
	    margin-left: 0.6em;
	    margin-right: 2em;
	}

	img.iconoRS{
		width: 8%;
		float: right;
		cursor: pointer;
		margin:20px;
		margin-top: 1.5em;
	}

	div.espiga1{
		float: left;
	    padding: 10px;
	    box-sizing: border-box;
	    margin-top: 1.8em;
	    margin-left: 2em;
	    margin-right: -3em;
	}

	img.espiga{
		max-width: 200px;
	    width: 100%;
	    height: auto;
	    display: inline-block;
	    margin-top: 0.2em;
	}

/*BOTÓN REGRESAR*/


.boton{
	display: inline-flex;
	align-items: center;
	justify-content: center; 
	width: 200px;
	height: 50px;
	background:#38458c;
	color: #fff;
	font-family:"AvenirLTStd-Roman", serif;
	font-size: 22px;
	font-weight: bold;
	border:none;
	cursor: pointer;
	transition: .3s ease all;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	margin-left: 1em;
}

.boton::after{
	content: "";
	width: 100%;
	height: 100%;
	background: #8474ba;
	position: absolute;
	z-index: 1;
	top: -80px;
	left: 0;
	transition: .3s ease-in-out all;
}

.boton span{
	position: relative;
	z-index: 2;
	transition: .3s ease all;
	color: #fff;
}

.boton:hover::after{
	top:0;
}

.boton2{
	text-align: left;
	margin-bottom: 1em;
	margin-left: 1.6em;
	margin-top: -2em;
	position: fixed;
	z-index: 1200;
}

img.btnRegreso1{
	width: 70%;
}