#contenido{margin-top: 50px;}

#index{}
#index .ctn-index-top{ background-color: rgba(51,0,51,0.93); padding: 0;}
#index .ctn-index-top .ctn-video{padding: 0;margin-top: -50px;}
#index .ctn-index-top .ctn-video .ctn-title-organizadores{padding: 35px;text-align: center;}
#index .ctn-index-top .ctn-video .ctn-title-organizadores .title{padding: 0;margin: 0;font-family: s-font; font-size: 49px;color:#FFF;}
#index .ctn-index-top .ctn-servicios{background-color: rgba(51,0,51,0.58);}
#index .ctn-index-top .ctn-servicios .servicios{padding: 45px 0;    display: flex; flex-flow: row wrap;justify-content: center; margin-bottom: 10px;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item{padding: 0 40px;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item{padding: 0;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item .ctn-img{padding: 0;margin-bottom: 20px;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item .ctn-img img{transition: 0.3s; display: block;margin: 0 auto; height: 127px; width: auto;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item .ctn-txt{padding: 0; text-align: center;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item .ctn-txt p{font-family: light; color: #FFF; font-size: 17px;}
#index .ctn-index-top .ctn-servicios .servicios .ctn-item .item .ctn-txt p .txt-destacado{font-family: semi;}
#index .ctn-historia{padding: 0;}
#index .ctn-historia .historia{padding: 10px 0;}
#index .ctn-historia .historia .ctn-title{padding: 35px 0;display: flex;align-items: center;justify-content: center;}
#index .ctn-historia .historia .ctn-title .title{ font-family:s-font; color: #8A3587; font-size: 60px;margin: 0; }
#index .ctn-historia .historia .ctn-title .line-title{background-color: rgba(138,53,135,0.9);}
#index .ctn-historia .historia .ctn-items{padding: 0;display: grid;  grid-template-columns: auto auto auto ;}
#index .ctn-historia .historia .ctn-items .ctn-item{padding: 0;width: 100%;}
#index .ctn-historia .historia .ctn-items .ctn-item .item{padding: 0;overflow:hidden; }
#index .ctn-historia .historia .ctn-items .ctn-item .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 15;}
#index .ctn-historia .historia .ctn-items .ctn-item .item::before{content: ''; display: block; height: 100%;   position: absolute;  width: 100%; z-index: 5; background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,0.37) 56%, rgba(0,0,0,0.67) 77%, rgba(0,0,0,0.93) 95%, rgba(0,0,0,1) 100%);   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,0.37) 56%,rgba(0,0,0,0.67) 77%,rgba(0,0,0,0.93) 95%,rgba(0,0,0,1) 100%);    background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.37) 56%,rgba(0,0,0,0.67) 77%,rgba(0,0,0,0.93) 95%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-img{padding: 0;overflow: hidden;}
#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-img img{transition: 0.3s;}
#index .ctn-historia .historia .ctn-items .ctn-item .item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-txt{z-index: 10;position: absolute;text-align: left;left: 0; bottom: 0;padding: 10px;transition: 0.3s;	}
#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-txt .title-item{font-family: light; font-size: 14px; color: #FFF;margin-bottom: 5px;text-transform: capitalize;transition: 1.5s;}
#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-txt .desc{font-family: light; font-size: 13px; color: #FFF;transition: 1.5s;height: 0;opacity: 0;}
#index .ctn-historia .historia .ctn-items .ctn-item .item:hover .ctn-txt .title-item{font-size: 20px;}
/*#index .ctn-historia .historia .ctn-items .ctn-item .item:hover .ctn-txt {text-align: center;}*/
#index .ctn-historia .historia .ctn-items .ctn-item .item:hover .ctn-txt .desc{display: block;height: auto;opacity: 1;margin-bottom: 25px;}
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(1){ grid-area: 1 / 1 / 1 / 1; }
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(2){ grid-area: 1 / 2 / 3 / 4; }
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(3){ grid-area: 2 / 1 / 3 / 2; }
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(4){ grid-area: 3 / 1 / 3 / 2; }
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(5){ grid-area: 3 / 2 / 3 / 3; }
#index .ctn-historia .historia .ctn-items .ctn-item:nth-child(6){ grid-area: 3 / 3 / 3 / 3; }




#index .ctn-ser{background-image: url("../Imagenes/Sistema/bg-servicios.png"); background-size: cover;background-repeat: no-repeat;background-position: center;padding: 0;}
#index .ctn-ser .servicios{padding: 0;}
#index .ctn-ser .servicios .ctn-title{padding: 30px 0; display: flex;align-items: center;justify-content: center;}
#index .ctn-ser .servicios .ctn-title .line-title{background-color: #FFF;}
#index .ctn-ser .servicios .ctn-title .title{font-family: s-font; color: #FFF;font-size: 60px;margin: 0;text-transform: capitalize;}
#index .ctn-ser .servicios .ctn-items{padding: 0;margin-bottom: 15px; }
#index .ctn-ser .servicios .ctn-items .ctn-item{padding: 0 13px;margin-bottom: 10px;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item{padding: 10px;background-color: #FFF;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item .ctn-txt{padding: 0;overflow: hidden;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item .ctn-txt .title-item{padding: 0;margin: 0;font-family: light; font-size: 26px; color: #FFF;text-transform: uppercase;position: absolute;left: 0; bottom: 0;text-align: center;background: rgba(158,58,154,0.68); width: 100%;min-height: 63px; display: flex;align-items: center;justify-content: center;padding: 5px;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item .ctn-txt a{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item .ctn-txt img{transition: 0.3s;}
#index .ctn-ser .servicios .ctn-items .ctn-item .item:hover .ctn-txt img{transform: scale(1.05,1.05);}
#index .ctn-opiniones{padding: 45px 15px;}
#index .ctn-opiniones .opiniones{padding: 0;}
#index .ctn-opiniones .opiniones .ctn-banner{padding: 0 35px 0 0;}
#index .ctn-opiniones .opiniones .ctn-banner .banner{padding: 0; overflow: hidden; }
#index .ctn-opiniones .opiniones .ctn-banner .banner a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title{padding: 20px; background-color: rgba(138,53,135,0.68);position: absolute;top: 0; left: 0; z-index: 10;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .title{font-family: regular; font-size: 26px; color: #FFF; text-align: center;margin: 0 0 20px;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .subtitle{font-family: regular; font-size: 20px; color: #FFF; margin: 0; text-align: center;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-img{padding: 0;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-img{padding: 0;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-img::before{content: ''; display: block; height: 100%;   position: absolute;  width: 100%; z-index: 5; background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,0.37) 56%, rgba(0,0,0,0.67) 77%, rgba(0,0,0,0.93) 95%, rgba(0,0,0,1) 100%);   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,0.37) 56%,rgba(0,0,0,0.67) 77%,rgba(0,0,0,0.93) 95%,rgba(0,0,0,1) 100%);    background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.37) 56%,rgba(0,0,0,0.67) 77%,rgba(0,0,0,0.93) 95%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-img img{transition: 0.3s;}
#index .ctn-opiniones .opiniones .ctn-banner .banner:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc{padding: 20px;position: absolute;bottom: 0; left: 0; text-align: center;z-index: 10;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc .desc{font-family: regular; font-size: 20px; color: #FFF;margin-bottom: 24px;}
#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc button{background-color: #9E3A9A;border-radius: 10px;padding: 13px 15px; font-family: semi; font-size: 19px; color: #FFF; transition: 0.3s;}
#index .ctn-opiniones .opiniones .ctn-comentarios{padding: 0;}
#index .ctn-opiniones .opiniones .ctn-comentarios .ctn-title{padding: 0; display: flex;flex-flow: row wrap; align-items: center; margin-bottom: 15px;}
#index .ctn-opiniones .opiniones .ctn-comentarios .ctn-title .title{margin: 0; font-family: s-font; font-size: 60px; color: #8A3587; display: inline-block;}
#index .ctn-opiniones .opiniones .ctn-comentarios .ctn-title img{display: inline-block;}
#index .ctn-opiniones .opiniones .ctn-comentarios .comentario{padding: 0;}

@media(max-width: 1200px){
	#contenido{margin-top: 0;}
	#index .ctn-index-top .ctn-video{margin: 0;}
	#index .ctn-index-top .ctn-video .ctn-title-organizadores{padding: 15px;}
	#index .ctn-index-top .ctn-servicios .servicios .ctn-item{padding: 10px;}
	#index .ctn-historia .historia{padding: 0 15px;}
	#index .ctn-ser .servicios{padding: 0 15px;}
	#index .ctn-historia .historia .ctn-title,
	#index .ctn-ser .servicios .ctn-title{padding: 15px 0;}
	#index .ctn-ser .servicios .ctn-items .ctn-item .item .ctn-txt .title-item{font-size: 18px;min-height: 45px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .title{font-size: 20px;margin-bottom: 15px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .subtitle{font-size: 16px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc .desc{font-size: 16px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc button{font-size: 16px;}
	

}


@media(max-width: 991px){
	#index .ctn-historia .historia .ctn-items .ctn-item .item .ctn-txt .desc,
	#index .ctn-historia .historia .ctn-items .ctn-item .item:hover .ctn-txt .desc{display: none;}

}


@media(max-width: 767px){
	#index .ctn-opiniones .opiniones .ctn-comentarios .ctn-title{justify-content: center;}
	#index .ctn-opiniones .opiniones .ctn-banner{margin-bottom: 15px;}
	#index .ctn-opiniones .opiniones .ctn-banner{padding-right: 5px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .title{font-size: 14px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-title .subtitle{font-size: 14px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc button{font-size: 14px;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc .desc{display: none;}
}
@media(max-width: 479px){
	#index .ctn-index-top .ctn-video .ctn-title-organizadores .title,#index .ctn-historia .historia .ctn-title .title,#index .ctn-ser .servicios .ctn-title .title,#index .ctn-opiniones .opiniones .ctn-comentarios .ctn-title .title{font-size: 33px;}
	#index .ctn-historia .historia .ctn-items{display: block;}
	#index .ctn-opiniones .opiniones .ctn-banner{padding: 0;}
	#index .ctn-opiniones .opiniones .ctn-banner .banner .ctn-desc .desc{display: block;}
}