@charset "utf-8";
/* CSS Document */
:root {
    --bg: #1a1e24;
    --color: #009abf;
    --colorsec: #ed713c; /*ea7f15*/
    --colorter: #949799;
    --font: 'Hurme Geometric Sans 4', Roboto, Helvetica, Arial, sans-serif;
}



@keyframes slide {
	0% { transform: translateX(0); }
	10% { transform: translateX(0); }

	15% { transform: translateX(-100%); }
	30% { transform: translateX(-100%); }

	35% { transform: translateX(-200%); }
	50% { transform: translateX(-200%); }

	55% { transform: translateX(-300%); }
	70% { transform: translateX(-300%); }

	75% { transform: translateX(-400%); }
	90% { transform: translateX(-400%); }

	95% { transform: translateX(-500%); }
	100% { transform: translateX(-500%); }
}

* { box-sizing: border-box; }



.slider {
	position: relative;
	width: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
	justify-content: center;
/**	display: none!important;*/

}

.slides {
	position: relative;
	display: flex;
	overflow: hidden;

}

.slide {
/*	width: 100%;*/
	flex-shrink: 0;
	animation-name: slide;
	animation-duration: 38s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

.slides:hover .slide {
	animation-play-state: paused;
}

.slide iframe {
	width: 100%;
	vertical-align: top;
}

.slide a {
	width: 100%;
	display: inline-block;
	position: relative;
/*
	margin: 1rem;
  padding: 1rem;
  */
  margin-top: 30px;
  /* IMPORTANTE */
  text-align: center;


}

.slide a img {
	width: 100%;
	height: auto;

}


.caption {
	color: white;
	text-shadow: 1px 1px black;
	font-size: 8vw;
	position: absolute;
	bottom: 8vw;
	right: 4vw;
}

.slide:target {
	animation-name: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.slider-controler {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 00px!important;
	text-align: center;
	padding: 5px;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
}

.slider-controler li {
/*	margin: 0 0.5rem;*/


	display: inline-block;
	vertical-align: top;

}

.slider-controler a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: white;
	font-size: 1.5rem;
}



#acciones {
  /*  background: url("../body.png");	*/
/*
background: rgb(35,98,167);
background: linear-gradient(90deg, rgba(35,98,167,1) 0%, rgba(51,97,175,1) 49%, rgba(57,123,201,1) 100%);
background: rgb(24,52,102);
background: linear-gradient(90deg, rgba(24,52,102,1) 0%, rgba(39,104,172,1) 49%, rgba(24,52,102,1) 100%);
*/

/*background: rgb(228,207,178);
background: linear-gradient(90deg, rgba(228,207,178,1) 0%, rgba(181,171,157,1) 7%, rgba(244,168,110,1) 52%, rgba(171,159,150,1) 91%, rgba(242,218,185,1) 100%);
	*/
 background: #009ABF;
background: -moz-linear-gradient(left, #FFFFFF 100%, #009ABF 15%, #FFFFFF 100%);
background: -webkit-linear-gradient(left, #FFFFFF 100%, #009ABF 1575%, #FFFFFF 100%);
background: linear-gradient(to right, #FFFFFF 100%, #009ABF 15%, #FFFFFF 100%);

}

#conocenos {
 background: #FFFFFF;
background: -moz-linear-gradient(left, #FFFFFF 100%, #009ABF 15%, #FFFFFF 100%);
background: -webkit-linear-gradient(left, #FFFFFF 100%, #009ABF 1575%, #FFFFFF 100%);
background: linear-gradient(to right, #FFFFFF 100%, #009ABF 15%, #FFFFFF 100%);

}

.container-fluid h1{
margin-top: 30px;
margin-bottom: 30px;

font-size: 2em;
color: #FFFFFF;
text-align: center;
	font-weight:500;
/*	text-shadow: -1px 2px 0px rgba(66,66,66,0.97);*/


}

.navbar-brand {
	display:inline;
}

.navbar-brand img {
	text-align: center;
	width: 150px;
}

.navbar-toggler{
		background-color: #595a5b;

}

#enlaces{
    background:rgba(0, 0, 0, 0.68);


}
#enlaces li {
     display:inline;
     padding-left:3px;
     padding-right:3px;
	position: relative;
}

	.ul-vertical li p{display: none}

	.check{
	position: relative;
		margin-top:50px;
	}

.ul-vertical li img {
width: 70px;
}


.photos > div {
	display: none;
}

	.video-container
	{
	margin-top: 10px;
	top: 0%;
	left: 0%;
	width: 100%;
	height: auto;
	float:center;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0 0 15px #3f4040;

	}

.campana img{
	display: block;
	margin-top: 75px!important;
	margin-left: 5px!important;



}

.campana img:hover{
	opacity: 1;
	height: 100%!important;/* tamaño al pasar el mouse*/
    z-index: 99999999;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}


.texto-encima{
    position: relative;
    top: 0px!important;
    left: 20px;
	width: 100%;


}

.texto-encima h2{
	color: var(--colorsec);

	font-weight:500;
/*	text-shadow: -1px 2px 0px rgba(66,66,66,0.97);*/
	font-size: 2em;
}

.texto-encima h3{
	font-size: 1.5em;
	width: 80%;
color: var(--colorter);
font-weight: 700;

}

.texto-encima a {
	margin-left: 50px;
position:relative;
height: 15px;
line-height: 15px;
text-align: left;
text-decoration: none;
padding: 2px;
color: var(--color);
	font-size: 1em;

}
.texto-encima a:hover {
background: #ff6600;
}
.texto-encima a:after {
border-color: transparent transparent transparent #009be0;
border-style: solid;
border-width: 16px 13px 13px 13px ;
content: "";
float: right;
right:-26px;
height: 0;
position: absolute;
top: 0;
width: 0;
}
.texto-encima a:hover:after {
border-color: transparent transparent transparent #ff6600;
}


.fancybox {

padding: .0em !important;
}

	.fancybox p{
		padding-bottom: 2em;
		text-align: center;
		line-height: normal;
color:#000000	;
		font-weight: 500;
font-size: 1.2em;
}


.fancybox img {
padding-bottom: 1em ;
	padding-left:0!important;
width: 100%;
	height: auto;

}
	.fancybox-title {display:none !important;}


.centradoac {
  margin: 0rem;
  padding: 0rem;
  /* IMPORTANTE */
  text-align: center;
	width: 100%;

}

.centradoac img {
	width: 100%;
	height:auto;

}

.centradocultura img {
  width: 300px;
  height: 300px;
  border-radius: 0%!important;
	padding: 5px;
  background: radial-gradient(#805d78,rgba(255, 255, 255) 10%);
filter: drop-shadow(-2px 2px 15px rgba(255, 255, 255, 1.0));

}


.cajared {
  margin: 0rem;
  padding: 0rem;
  /* IMPORTANTE */
  text-align: center;
	width:100%!important;
background-color: #40a1f7;
	-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-shadow: 0px 8px 19px 7px rgba(237,113,60,0.8);
box-shadow: 0px 8px 19px 7px rgba(4,17,62,0.8);
border: 5px inset #ed713c;
border-radius: 14px 0px 0px 17px;


}

.cajared2 {
  margin: 0rem;
  padding: 0rem;
  /* IMPORTANTE */
  text-align: center;
	width: 100%;
background-color: #40a1f7;
	-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-box-shadow: 0px 8px 19px 7px rgba(237,113,60,0.8);
box-shadow: 0px 8px 19px 7px rgba(4,17,62,0.8);
border: 5px inset #ed713c;
border-radius: 14px 0px 0px 17px;
display: none;
}

.fb-post{
width: 350px!important;

}

footer img {

	width: 100%;
}

.accordion-content img {
	width: 80px;
}


#divider h1{
	color: var(--color);
font-family: "Hurme Geometric Sans 4";	font-weight:1000;
	text-shadow: -1px 2px 0px rgba(66,66,66,0.97);
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
}


.icon-bar {
/*position:fixed;	*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	z-index: 1!important;
}

/* Style the icon bar links */
.icon-bar a {
/*	display: inline-block;*/
  text-align: center;
  transition: all 0.4s ease;
  font-size: .7rem;
border: 1px inset #e3e3e3;
	background-color: rgba(0, 155, 195, 0.6)!important;
color: rgba(0, 155, 195, 0.5);

}

.icon-bar a img {
 width: 20px!important;
}

.icon-bar a:hover {
  background-color: #000;
}
/*
.conagua {
display: none!important;

}

.dif {
display: none!important;

}
*/

/* Invisible texto */
a figcaption {
  display:none;
  transition: all .5s;
    font-family: "Hurme Geometric Sans 4",  Helvetica, Arial, sans-serif;
	font-size: 0rem!important;
  color: var(--colorclaro);
line-height: 0px;

}
/* Visible texto */
figure:hover > figcaption {
  display:none;
  transition: all .5s;
	padding: 0px!important;
}


.simplescrollup__button img {
width: 100px!important;
padding-right: 50px;
}


.fb-video {
}

.item {
    width: 100%;
    float: left;
    background-color: #95a5a6;
    border: 1px solid #7f8c8d;
    height: 50px;
    line-height: 57px;
    cursor: pointer;
	font-size: 1rem;
	color: white;
}


.info {
    width: 100%;
    float: left;
    background-color: #ecf0f1;
    color: #222;
    height: 50px;
    display: none
}