body{
	margin:0;
	padding:0;
	font-family: "Montserrat" !important;
	font-size: 1.0em !important;
	line-height: 1.2em !important;
	/*zoom:80%;*/
}


.row{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-Regular.otf) format("otf"), 
	url(fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "AppetitePro-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/AppetitePro-Bold.otf) format("otf"), 
	url(fonts/AppetitePro-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Billgates-Demo";
    font-style: normal;
    font-display: block;
    src: url(fonts/Billgates-Demo.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat-EB";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-ExtraBold.otf) format("otf"), 
	url(fonts/Montserrat-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: "Baloo2-SemiBold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Baloo/Baloo2-SemiBold.otf) format("otf"), 
	url(fonts/Baloo/Baloo2-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "Baloo2-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Baloo/Baloo2-Bold.otf) format("otf"), 
	url(fonts/Baloo/Baloo2-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat-Bold";
    font-style: normal;
    font-display: block;
    src: url(fonts/Montserrat-Bold.otf) format("otf"), 
	url(fonts/Montserrat-Bold.ttf) format("truetype");
}
.f-app{
	font-family: "AppetitePro-Bold" !important;
	
}

.f-bid{
	font-family: "Billgates-Demo" !important;
	
}

.f-meb{
	font-family: "Montserrat-EB" !important;
	
}
.f-mbo{
	font-family: "Montserrat-Bold" !important;	
}

.f-baloo{
	font-family: "Baloo2-SemiBold" !important;
	
}
.f-baloo-negrita{
	font-family: "Baloo2-Bold" !important;
	
}


/*WEB*/

#inicio {
    
    background: url(images/bg-hero.png);
    transition: all 0.5s;
    padding: 0px 0;
    height: 51rem;
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	color: #FFF;
	font-size: 0.9em;
	position: relative;
	/*margin-top: 8%;*/
	
}

#premios{
	
    padding: 0px 0;
   	font-size: 0.9em;
	position: relative;
	height: 21rem;/*37rem;*/
}
.stylefonttitulo{
	color:#ffffff; font-size:2.4rem; line-height:0.8em;
}
.borde_amarillo{
	border-bottom: 2px solid #d8b251;
	padding-top:1rem;
	padding-bottom:1rem;
}
.d-flexpremio {
	display: flex !important;
}

.d-agend-location{
	height: 20px;
	content: url(images/map.png);
	margin-right: 2px;
	padding-left:1rem;
}

.d-agend-hora{
	height: 20px;
	content: url(images/clock.png);
	margin-right: 2px;
	padding-left:1rem;
}

.d-agend-ponente{
	height: 20px;
	content: url(images/talk-bubbles-line.png);
	margin-right: 2px;
	padding-left:1rem;
}


.nt-btn-m{
	display: none;
}


.d-news-date{
	padding-left: 10px;
	padding-top: 20px;
	text-align: left;
	color: #3B5393;
	font-size: 0.6em;
	/*font-weight: bolder;*/
	font-family: "Montserrat-EB";
}

.text-center{
	text-align:center;
}

.footer{
	/*background: url("images/trazo2.svg"), linear-gradient(top, #71233000 40%, #71233000 60%);
		background: url("images/trazo2.svg"), -webkit-linear-gradient(top, #712330 40%, #712330 60%);
		background: url("images/trazo2.svg"), -moz-linear-gradient(top, #71233000 40%, #71233000 60%);
		background: url("images/trazo2.svg"), -o-linear-gradient(top, #71233000 40%, #71233000 60%);
	background: url("images/trazo2.svg"), -ms-linear-gradient(top, #71233000 40%, #71233000 60%);*/
	background-repeat:no-repeat;
	background-size:contain;
	background:-webkit-linear-gradient(top, #B92B2B 40%, #B92B2B 60%);
	background:-moz-linear-gradient(top, #B92B2B 40%, #B92B2B 60%);
	background:-o-linear-gradient(top, #B92B2B 40%, #B92B2B 60%);
	background:-ms-linear-gradient(top, #B92B2B 40%, #B92B2B 60%);
	color: #FFF;
	font-size: 0.6em;
	padding-left: 1%;
	padding-right: 1%;
}

.imgFooter{
	width: 50%;
}

.imgFooterTk{
	width: 100%;
}

.tblFooter{
	width: 100%;
}
.tblFooterTitleHeader{
	padding-left: 10px !important;
	color:#FFFFFF;
	font-size:0.7rem;
}
.tblFooterTitle{
	padding-left: 10px !important;
}

.tblFooterTitle2{
	font-size: 2.5em;
	font-weight: bolder;
	margin-bottom: 20px;
}

.tblTitle2{
	font-size: 1.5em;
	/*font-weight: bolder;*/
	color: #666666;
}

.tblTitle3{
	font-size: 2.9em;
	/*font-weight: bolder;*/
	color: #FFC91C;
}

.tblTitle4{
	font-size: 1.9em;
	/*font-weight: bolder;*/
	color: #FFF;
	text-align: left;
	padding-left: 10px !important;
	margin-bottom: 20px;
}

.tblTitle5{
	font-size: 1.9em;
	/*font-weight: bolder;*/
	color: #3B5393;
	text-align: left;
	padding-left: 10px !important;
}

.tblTitle6{
	font-size: 1.9em;
	color: #FFF;
	text-align: left;
	padding-left: 10px !important;
	line-height : 1.1em;
}

.tblTitle7{
	font-size: 2.5em;
	font-weight: bolder;
	text-align: left;
	padding-bottom: 10px !important;
	line-height : 1.1em;
}
.tituloRevista{
	font-size: 0.9em;
	text-align:center;
	padding-bottom:1em;
}

.parrafoRevista{
	padding-left:30px;
	padding-right:30px;
	font-size: 0.45em;
	text-align:center;
	color:#fff;
	line-height: 1.5em;
}

.parrafoRevistaBlanco{
	padding-left:20px;
	padding-right:20px;
	font-size: 0.55em;
	text-align:center;
	color:#fff;
	line-height:normal;
	font-weight:bold;
}

.left-3-p-m{
	padding-left: 25px !important; padding-right: 10px !important;
}

.left-3-p{
	padding-left: 3% !important;
}

.f-7-p{
	font-size: 0.7em;
}

.f-7-p{
	font-size: 0.7em;
}

.f-11-p{
	font-size: 1.1em;
}

.f-13-p{
	font-size: 1.3em;
}

.f-19-p{
	font-size: 1.93em;
	padding-left:170px;
}

.f-20-p{
	font-size: 2em;
}

.f-24-p{
	font-size: 2.4em;
}

.f-28-p{
	font-size: 2.8em;
}

.tblFooter-td {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	line-height : 1.4em;
}

.tblFooter-m{
	display: none;
}

.tblFooter-m-td {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	line-height : 1.4em;
	text-align: left !important;
}

.tblFooterIcons{
	width: 100%;
}

.tblFooterIcons-td {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.tblFooterIcons-m{
	width: 100%;
	display: none;
}

.tblFooterIcons-m-td {
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-align: center !important;
}

.lineFooter{
	margin-top:3rem;
	width:98%; 
	height:1px; 
	background-repeat: repeat; 
	background-image: url('images/punto_blanco.png');
	background-size: contain;
	border-radius: 2px;
}

.linkFooter,
.linkFooter:visited,
.linkFooter:link,
.linkFooter:active
{
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}

.linkFooter:hover{
	font-weight: bolder;
}


.text-navbar{
	padding: 5px 0px 5px 50px;
	text-align: left;
	font-size: 0.7em;
	font-weight: bolder;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	/* transition-duration: 2s; */
}

.text-navbar-m{
	padding: 5px 0px 5px 50px;
	text-align: left;
	font-size: 0.7em;
	font-weight: bolder;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	/* transition-duration: 2s; */
}

.b-push{
	cursor: pointer;
}

.imgNav
{
	width: 20px;
	margin-right: 10px;
	display: none;
}

.d-btn-navbar{
	display: flex;
	justify-content: center;
	background-color: #1db3e1;
}

.d-btn-navbar-2{
	width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.d-btn-navbar-m{
	display: flex;
	justify-content: center;
	background-color: #1db3e1;
}

.d-btn-navbar-m-2{
	width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.d-btn{
	border-radius: 20px;
	color: #FFF;
	background-color: #1db3e1;
	border: 2px solid #FFF;
	margin-left: 5px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	max-width: 260px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 2px;
}

.d-btn:hover{
	color: #1db3e1;
	background-color: #FFF;	
}

.d-btn-m{
	border-radius: 20px;
	color: #FFF;
	background-color: #1db3e1;
	border: 2px solid #FFF;
	margin-left: 5px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	max-width: 260px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 2px;
}

.d-btn-m:hover{
	color: #1db3e1;
	background-color: #FFF;	
}

.d-btn-mesa{
	border-radius: 20px;
	background-color: #1db3e1;
	color: #FFF;
	border: 2px solid #FFF;
	margin-left: 10px !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.6em;
	margin-bottom: 10px;
	margin-right: 10px;
}

.p-lr-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.m-lr-0{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.d-comite{
	padding-left: 3%;
	line-height : 1.4em;
	position: sticky;
    justify-content: center;	
}
.d-comite-cont{
	padding-top: 3% !important;
	width: 100%;
	height:99%
}
.d-apoyo{
	padding-left: 3%;
	line-height : 1.4em;
	position: sticky;
    justify-content: center;	
}
.d-apoyo-cont{
	padding-top: 3% !important;
	width: 100%;
	
}
.d-estruc_congreso{
	padding-left: 5%;
	background: transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	line-height : 1.4em;
	/*z-index: 99;
	position: sticky;*/
    justify-content: center;
	height: 98%;
	
}
.d-estruc_congreso-cont{
	padding-top: 3% !important;
	width: 100%;
	/*height:500px*/
}
.lineamiento_cuadrpo{
    display: flex;
    justify-content: space-evenly;
}
.d-ciclo{
	padding-left: 10%;
	padding-right: 5%;
	background: transparent linear-gradient(180deg, #3F3A34 0%, #3F3A34 70%, #3F3A34 100%) 0% 0% no-repeat padding-box;
	line-height : 1.4em;
    justify-content: center;
	height: 100%;
	padding-bottom:2rem;
	
}
.d-ciclo-cont{
	padding-top: 3% !important;
	width: 100%;
	height:100%;
	padding-bottom:2rem;
}

.d-ponencia{
	
	line-height : 1.4em;
	padding-top: 1%;
	/*justify-content: center;*/
	
}
.d-unete{
	
	/*background-image: url('images/img-hero.png');*/
	background:#555cb5;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;	
	line-height : 1.4em;
	/*padding-left:4%;
	padding-right: 4%;*/
    justify-content: center;
	max-height: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	top: 0px;
	width: 100%;
	left: 0%;
	right: 0%;
	
}
.d-unete-cont{
	padding-top: 1% !important;
	/*width: 100%;*/
	height:100%;
	display: flex;
	justify-content: center; /* Centra horizontalmente */
	align-items: center; /* Centra verticalmente */
	
}

.d-agend{
	
	line-height : 1.4em;
	position: sticky;
    justify-content: center;
	
}

.d-agend-cont{
	/*padding-top: 5% !important;*/
	width: 100%;
	
}

.d-stylecongreso{
	padding-left: 5%;
	background: url('images/img3.png')center center,transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
	line-height : 1.4em;
    justify-content: center;
	height: 696px;
	
}
.d-stylecongreso-cont{
	padding-top: 3% !important;
	width: 100%;
	
}

.d-agend-text{
	padding-left: 10px !important;
	text-align: left;
	color: #FFF;
	font-size: 0.9em;
	cursor: pointer;
	line-height: 1.2em
}



.d-agend-btn:hover{
	color: #3B5393;
	background-color: #FFC91C;
}

.d-agend-slider{
	width: 100%; 
	border-radius: 10px 10px 10px 10px;
	padding: 10px;
	padding-left: 25px;
	/*background: transparent linear-gradient(90deg, #C74382 0%, #B25EB3 100%) 0% 0% no-repeat padding-box;*/
	/*background: #FFF9 0% 0% no-repeat padding-box;*/
	color: #FFF;
	font-weight: bolder;
	font-size: 1.2em;
	height: 300px;
}

.d-agend-slider-btn1{
	position: absolute;top: 50%;left: -10px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;
}

.d-agend-slider-btn2{
	position: absolute;top: 50%;right: 25px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;
}

.d-agend-slider-btn1 > img {
	width: 50px;
	height: 50px
}

.d-agend-slider-btn2 > img {
	width: 50px;
	height: 50px
}

.d-agend-slider-cont-d1{
	padding-left: 15px; padding-right: 30px;
	width:calc(100% - 30px); height: 270px; 
	position: relative; 
	overflow-y: auto; 
	scrollbar-color: transparent transparent;
	
}

.concurso {
	background: url(images/);
    padding: 0px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
	padding-top:2%;
	height: 100%;
	background-position-y: bottom;
}

.medida_video{
	margin-left:8rem;
	
	
}
.iframe-bordered {
	border: 7px solid #ffffff; /* Borde de 5px de color verde */
	border-radius: 10px; /* Bordes redondeados */
}
/* Style the scrollbar background */
/*::-webkit-scrollbar {
	background: transparent;
	}
*/
/* Style the scrollbar handle */
/*::-webkit-scrollbar-thumb {
	background: transparent;
	}
*/
.d-agend-slider-cont-d2{
	width: 1600px; 
	display: flex; 
	position: absolute;
	
}

.d-agend-slider-cont-item{
	width: 160px;
}


.d-agend-slider-cont{
	/*background: #FFC91C 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 11px #00000029;
	border: 3px solid #EE971A;*/
	border-radius: 20px;opacity: 1;
	width:180px;
}

.d-agend-slider-cont-el1{
	padding-top:2px; color: #CF2163; font-weight: bolder; font-size: 1.6em;/*padding-left: 25px;*/
}

.d-agend-slider-cont-el2{
	color: #CF2163; 
	font-weight: bolder; 
	/*font-size: 0.7em;*/
	text-align: center;
}

.d-agend-slider-cont-el3{
	height: 35px;
	vertical-align: middle;
	margin-bottom:20px;
	/*margin-left: -10px;
	padding-left:11px; */
	color: #FFF; background-color: #CF2163; 
	font-weight: bolder; font-size: 0.5em;border-radius: 0px 5px 5px 0px;
	line-height: 0.9em;
	padding-top: 10px; padding-bottom: 5px;
	text-align: center;
}

.d-h10{
	height: 10px;
}

.d-h6{
	height: 6px;
}

.d-h3{
	height: 3px;
}

.d-agend-slider-cont-el4{
	color: #3B5393; 
	font-weight: bolder; 
	font-size: 0.65em; 
	line-height: 1.2em;
	margin-top:  25px;
	height: 70px; padding-left: 5px;padding-right: 5px;
	
}

.d-agend-slider-cont-el5{
	color: #CF2163; font-weight: bolder; 
	font-size: 0.5em;
	line-height: 1.2em;
	margin-top: 15px;
	padding-left: 5px;padding-right: 5px;
}

.d-principal-logo{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}

.d-principal-logo > img{
	width: 55%;
}

#d-banner-html{
	background-color: #000;
	background-image: url('img/cabecera.png');
	position: relative;
	width: 100%;
}

.d-banner-html-1{
	background: linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-webkit-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-moz-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-o-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	background:-ms-linear-gradient(top, #25a2ae 40%, #1791BC 60%);
	position: relative !important;
}

.d-banner-html-2{
	background: linear-gradient(top, #8c388d 40%, #3b5494 60%);
	background:-webkit-linear-gradient(top, #8c388d 40%, #3b5494 60%);
	background:-moz-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	background:-o-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	background:-ms-linear-gradient(top, #8b388d 40%, #3b5494 60%);
	position: relative !important;
}

.d-banner-html-3{
	background: linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-webkit-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-moz-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-o-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	background:-ms-linear-gradient(top, #cf2163 40%, #cf2163 60%);
	position: relative !important;
}

.d-banner-html-4{
	background: linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-webkit-linear-gradient(top, #e6551f 40%,  #e6551f 60%);
	background:-moz-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-o-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	background:-ms-linear-gradient(top,  #e6551f 40%,  #e6551f 60%);
	position: relative !important;
}

.d-banner-html-5{
	background: linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-webkit-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-moz-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-o-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	background:-ms-linear-gradient(top,  #ee971a 40%,  #ffc91c 60%);
	position: relative !important;
}	

.d-banner-html-6{
	background: linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-webkit-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-moz-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-o-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	background:-ms-linear-gradient(top,  #2051d6 40%,  #2051d6 60%);
	position: relative !important;
}

.d-banner-html-6b{
	background: linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-webkit-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-moz-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-o-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	background:-ms-linear-gradient(top,  #1c40a3 40%,  #2051d6 90%);
	position: absolute !important;
	height: 138px;
	bottom: 0px;
}


.d-banner-img-d-1{
	position: absolute !important;
	bottom: 0px;
}

.d-banner-btn-1{
	border-radius: 20px;
	color: #31649E;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-1:hover{
	color: #000;
	background-color: #FFF500;
}

.d-banner-btn-2{
	border-radius: 20px;
	color: #89398D;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-2:hover{
	color: #000;
	background-color: #ffc91c;
}

.d-banner-btn-3{
	border-radius: 20px;
	color: #cf2163;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 380px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.8em;
}

.d-banner-btn-3:hover{
	color: #FFF;
	background-color: #cf2163;
}


.d-banner-btn-4{
	border-radius: 20px;
	color:  #e6551f;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-4:hover{
	color: #000;
	background-color: #edf059;
}

.d-banner-btn-5{
	border-radius: 20px;
	color:  #000;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-5:hover{
	color: #000;
	background-color: #edf059;
}

.d-banner-btn-6{
	border-radius: 20px;
	color:  #000;
	background-color: #FFF;
	/*margin-left: 10px !important;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 280px;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-weight: bolder;
	font-size: 0.9em;
}

.d-banner-btn-6:hover{
	color: #FFF;
	background-color: #EE971A;
}

.d-n-link,
.d-n-link:link,
.d-n-link:active,
.d-n-link:link,
.d-n-link:visited{
	text-decoration: none;
	color: inherit;
}

.d-p-r20{
	padding-right: 20px;
}

.d-opt-op{
	opacity: 100%;
	
}

.d-opt-op:hover{
	opacity: 70%;
}

.d-mp{
	background: #fff 0% 0% no-repeat padding-box;
	color: #1db3e1;
	padding-left: 9%;
	padding-right: 3%; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	font-size: 0.8em;
}

.d-mp-1{
	width: 98%; display: flex;
	justify-content: center;
}
.d-mp-2{
	width: 100%;font-size: 0.60em;
	padding-left: 15px;padding-right: 15px;
	padding-top: 5px;
}

.d-icon-container{
	width: 100%;
	position: absolute; 
	top: 61px;bottom: 138px
}

.d-slide-n{
	height: 30px; width: 30px;
}

.d-slide-div{
	display: flex; justify-content: end; padding-right: 30px;
}

.t-p-s{
	transition:all 0.3s ease;
}

blockquote{
	padding: 0px 0px;
	margin: 15px;
	font-size: 10px;
	border: 1px solid #eee;
	border-radius: 10px;
}


#top-menu-options {
	display: none;
    transition: top 0.3s;
    width: 100%;
    z-index: 888;
}

#d-mp-mb{
	display: none;
}

.d-w-date{
	width: 150px;
	font-size:15px;
}

/* alineacion de texto de envio de datos*/
.alinear_texto{
	padding-left: 170px;
	
}

.d-agend-div{
	padding-top:0px;
	padding-right: 30px;
	padding-left: 30px;
	
	
}
.styleBorde{
	border: 1px solid #eee; 
	border-radius: 10px;
	padding: 10px;
	
}

.listaRevista{
	
	display:flex; margin-left: 450px;
}
#cargaRevista
{
	padding-top:30px;
}

.desaparece{
	
	display:none;
}
.desaparece_tabla{display:none;}
.oculta_tabla{display:block;}

.fuenteParrafo {
    
    color: #616b70;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    word-wrap: break-word;
	text-align: justify;
}
.modal-header
{
	justify-content: space-around;
	border-bottom: 0px solid #dee2e6;
}
.modal-footer
{
    justify-content: space-around;
}


.btn-transparente {
	padding:0px;
	margin:0px;
	/*color: #fff;*/
	background-color: rgb(0 0 0 / 0%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:hover {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:focus, .btn-transparente.focus {
	/*box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);*/
}

.btn-transparente.disabled, .btn-transparente:disabled {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}

.btn-transparente:not(:disabled):not(.disabled):active, .btn-transparente:not(:disabled):not(.disabled).active,
.show > .btn-transparente.dropdown-toggle {
	color: #fff;
	background-color: rgb(0 0 0 / 2%);
	border-color: rgba(0,0,0,0);
}
/*
	.btn-transparente:not(:disabled):not(.disabled):active:focus, .btn-transparente:not(:disabled):not(.disabled).active:focus,
	.show > .btn-transparente.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
	}
*/
.btn.focus, .btn:focus {
	
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}


.style_tabla{
	display: flex; align-items: baseline; display: flex; align-items: baseline; margin-left: 50px; justify-content: space-between;
	
}
.style_premio{
	color:#ffffff; font-size:2.5rem; line-height:1.1em;
}
.style_letra_premio{
	font-size:1.3rem; color:#ffffff; text-align:right;
}
.nos_unimos{
	margin-left:65px;
}

a {
    color: #FFFFFF;
    text-decoration: none;
    /*background-color: transparent;
		-webkit-text-decoration-skip: objects;
	text-decoration: blink;*/
}
.wrapper{
	padding-left:4%;
	padding-right:4%;
}
/*--------------------------------------------------------------
	# Header
--------------------------------------------------------------*/
#header {
	
	/*background: url(images/bg-hero.png),transparent linear-gradient(180deg, #97B4C6 0%, #97B4C6 70%, #97B4C6 100%) 0% 0% no-repeat padding-box;*/
	/*background: url(images/bg-hero1.png);
		background-size:contain;
		background-repeat:no-repeat;
	position:top;*/
	transition: all 0.5s;
	z-index: 997;
	padding: 0px 0;
	/*height: 165px;*/
}

#header.header-scrolled {
	padding: 0px 0;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
	font-size: 52px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.5px;
	/*text-transform: uppercase;*/
	display:contents;
}

#header .logo a {
	color: #ffffff;
}

#header .logo img {
	max-height: 220px;
	padding-top:0px;
	padding-left:10rem;
}

@media (max-width: 992px) {
	#header .logo {
		padding-left: 0px;
		font-size: 50px;
		max-height: none;
		display: contents;
	}
}

/*--------------------------------------------------------------
	# SLIDER
--------------------------------------------------------------*/
.slider {
	padding: 0;
	/*padding-top:230px;*/
}

.slider .content {
	padding: 5px 100px 0 70px;
}
/*
	.slider .content h3 {
	font-weight: 400;
	font-size: 34px;
	
	}
	
	
	.slider .content h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 5px;
	}
*/
.slider .content p {
	font-size: 26px;
	color: #675327;
}



.slider .accordion-list {
	padding: 0 10px 30px 100px;
}

.slider .accordion-list ul {
	padding: 0;
	list-style: none;
}

.slider .accordion-list li + li {
	margin-top: 15px;
}

.slider .accordion-list li {
	padding: 1px;
	font-size :21px;
	color:#ffffff;
	/*background: #fff;*/
	border-radius: 4px;
}

.slider .accordion-list a {
	display: block;
	position: relative;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	padding-right: 30px;
	outline: none;
	color: #0b2341;
}

.slider .accordion-list span {
	color: #ed502e;
	font-weight: 600;
	font-size: 18px;
	padding-right: 10px;
}

.slider .accordion-list i {
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0;
}

.slider .accordion-list p {
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.slider .accordion-list .icon-show {
	display: none;
}

.slider .accordion-list a.collapsed {
	color: #0b2341;
}

.slider .accordion-list a.collapsed:hover {
	color: #ed502e;
}

.slider .accordion-list a.collapsed .icon-show {
	display: inline-block;
}

.slider .accordion-list a.collapsed .icon-close {
	display: none;
}

.slider .play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(#ed502e 50%, rgba(237, 80, 46, 0.4) 52%);
	border-radius: 50%;
	display: block;
	position: absolute;
	left: calc(50% - 47px);
	top: calc(50% - 47px);
	overflow: hidden;
}

.slider .play-btn::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 100;
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.slider .play-btn::before {
	content: '';
	position: absolute;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate-btn 2s;
	animation: pulsate-btn 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(237, 80, 46, 0.7);
	top: -15%;
	left: -15%;
	background: rgba(198, 16, 0, 0);
}

.slider .play-btn:hover::after {
	border-left: 15px solid #ed502e;
	transform: scale(20);
}

.slider .play-btn:hover::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border: none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 200;
	-webkit-animation: none;
	animation: none;
	border-radius: 0;
}

@media (max-width: 1024px) {
	.slider .content, .slider .accordion-list {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 992px) {
	.slider .content {
		padding-top: 60px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.slider .accordion-list {
		padding-bottom: 30px;
	}
}

@-webkit-keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@keyframes pulsate-btn {
	0% {
		transform: scale(0.6, 0.6);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

/*--------------------------------------------------------------
	# unete
--------------------------------------------------------------*/
.unete {
	padding-bottom: 0px;
}


.unete .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}

.unete .title a {
	color: #111;
}

.unete .description {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}

.unete .icon-box:hover .title a, .unete .icon-box:hover .description {
	color: #fff;
}

.unete .icon-box:hover .icon i {
	color: #fff;
}
.stylep {
	color: #ffffff ; font-size: 2.2rem; font-weight: 700; 
}

/*--------------------------------------------------------------
	# TEMAS DE PONENCIAS
--------------------------------------------------------------*/
.ponencias {
	padding-top: 0px;
	
}

.ponencias .icon-box {
	display: flex;
	align-items: center;
	padding: 20px;
	transition: ease-in-out 0.3s;
	box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);
}

.ponencias .icon-box i {
	font-size: 32px;
	padding-right: 10px;
	line-height: 1;
}

.ponencias .icon-box h3 {
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 16px;
}

.ponencias .icon-box h3 a {
	color: #493c3e;
	transition: ease-in-out 0.3s;
}

.ponencias .icon-box:hover a {
	color: #e43c5c;
}

/*--------------------------------------------------------------
	# SOBRE EL SORTEO
--------------------------------------------------------------*/
.sorteo {
	background:#ffffff;
	/*background: url(images/bg-madera.png), linear-gradient(top, #5B2515 10%, #5B2515 90%);
		background: url(images/bg-madera.png), -webkit-linear-gradient(top, #5B2515 10%, #5B2515 90%);
		background: url(images/bg-madera.png), -moz-linear-gradient(top, #5B2515 10%, #5B2515 90%);
		background: url(images/bg-madera.png), -o-linear-gradient(top, #5B2515 10%, #5B2515 90%);
		background: url(images/bg-madera.png), -ms-linear-gradient(top, #5B2515 10%, #5B2515 90%);
		background-repeat: no-repeat;
	background-size: cover;*/
    padding: 2rem 4rem 2rem 3rem;
}

.sorteo h3 {
	color: #4C5AB9;
	font-size: 1.8rem;
	font-weight: 700;
}

.sorteo p {
	color: #000;
}

.sorteo .sorteo-btn {
	font-family: "Nunito", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 25px;
	transition: 0.5s;
	margin-top: 10px;
	border: 2px solid #fff;
	color: #fff;
}

.sorteo .sorteo-btn:hover {
	background: #e43c5c;
	border: 2px solid #e43c5c;
}
.stylenumber{
	color: #E5B042; font-size:2.2rem
}
.letra_aescuchar{ 
	color: #ffffff; 
	font-size: 1.5rem; 
	text-align:center;  
	margin-top: 9px;
	padding-left: 0.7rem;
}

.letra_enlaces_small{
	padding-top: 5px;
    font-size: 0.82rem;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    line-height: 1.3rem;
}
.member {
	text-align: center;
	margin-bottom: 9px;
	position: relative;
	overflow: hidden;
	height: 10rem;
}

.member-info {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	/*left: 42px;
	right: 0px;*/
	transition: 0.2s;
	padding: 4px 0;
	width:100%;
	/*border-radius:30px;*/
	font-size:16px;
}

.member-info-content {
	transition: margin 0.2s;
	height: 60px;/*25*/
	transition: height 1.4s;
}
/*
	.member:hover .member-info {
	
	transition: height 4.8s ease, background 4.8s ease; 
	background: linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -webkit-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -moz-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -o-linear-gradient(top, #1B1B1B 10%, #252733 90%);
    background: -ms-linear-gradient(top, #1B1B1B 10%, #252733 90%);
	
	}
	
	.member:hover .member-info-content {
	height: 135px;
	}
*/



/* movimiento a la seccion
	@media (min-width: 1024px) {
	.sorteo {
	background-attachment: fixed;
	}
	}
*/

/*--------------------------------------------------------------
	# PONENTES
--------------------------------------------------------------*/
.ponentes {
	
	/*background: url(images/trama.png);*/
    padding: 0px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	padding-top:2%;
	height: 100%;
}
.ciclo .swiper-slide {
	height:auto;
	padding-right:0px;
	padding-left:0px;
	margin-right:0px !important;
}
.ciclo .comite_academico-slider .member-info h4 {
	font-weight: bolder;
	margin: 15px 0 5px 0;
	font-size: 1rem;
	text-align:center;
	color: #444456;
}

.ciclo .comite_academico-slider .member-info h5 {
	font-size: 0.8rem;
	text-align:center;
	color: #444456;
}
.ciclo .comite_academico-slider .member-info span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 15px;
	color: #7cc576;
}



.ciclo .comite_academico-slider .member-info p {
	font-style: italic;
	font-size: 14px;
	line-height: 26px;
	color: #888888;
}
@media (min-width: 1280px) {
	.ponentes .container {
		padding: 0 60px;
	}
}



/*--------------------------------------------------------------
	# APOYO
--------------------------------------------------------------*/
.apoyo {
	
    padding: 0px 0;
    position: relative;
	padding-top:0%;
	padding-right:4%;
	height: 19rem;
}

.apoyo .comite_academico-slider .member-info h4 {
	/*font-weight: bolder;*/
	margin: 15px 0 5px 0;
	font-size: 20px;
	text-align:center;
	color:#712330;
}

.apoyo .comite_academico-slider .member-info span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 15px;
	color: #7cc576;
}



.apoyo .comite_academico-slider .member-info p {
	font-style: italic;
	font-size: 14px;
	line-height: 26px;
	color: #888888;
}
@media (min-width: 1280px) {
	.apoyo .container {
		padding: 0 60px;
	}
}

/*--------------------------------------------------------------
	# COMITE ACADEMICO
--------------------------------------------------------------*/
.comite {
	
	/*background: url(images/trama.png);*/
    padding: 0px 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	padding-top:0%;
	padding-right:4%;
	height: 34rem;
}

.comite .comite_academico-slider .member-info h4 {
	/*font-weight: bolder;*/
	margin: 15px 0 5px 0;
	font-size: 20px;
	text-align:center;
	color:#712330;
}

.comite .comite_academico-slider .member-info span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 15px;
	color: #7cc576;
}



.comite .comite_academico-slider .member-info p {
	font-style: italic;
	font-size: 14px;
	line-height: 26px;
	color: #888888;
}
@media (min-width: 1280px) {
	.comite .container {
		padding: 0 60px;
	}
}

/*
	#comite_academico {
	padding: 60px 0;
	}
*/

#comite_academico img {
	margin-top:0;
	padding-top:1px;
	padding-bottom:1.5rem;
	/*opacity: 0.9;*/
	transition: 0.3s;
	/*width:85%;*/
	
	
}
/*
	#comite_academico img:hover {
	opacity: 1;
	}
*/
#comite_academico .swiper-pagination {
	margin-top: 30px;
	position: relative;
}

#comite_academico .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #1bb1dc;
}

#comite_academico .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #1bb1dc;
}


/*--------------------------------------------------------------
	# ESTRUCTURA DEL CONGRESO
--------------------------------------------------------------*/
.estruc-congreso {
	padding-bottom: 5px;
}

.estruc-congreso .icon-box {
	padding: 30px 30px;
	position: relative;
	overflow: hidden;
	/*background: #fff;*/
	/*box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);*/
	transition: all 0.3s ease-in-out;
	border-radius: 20px;
	z-index: 1;
	text-align: center;
	height:370px;
}

.estruc-congreso .icon-box::before {
	content: '';
	position: absolute;
	background: #fdeff2;
	right: 0;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.4s;
	z-index: -1;
}

.estruc-congreso .icon-box:hover::before {
	
	background: linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -webkit-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -moz-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -o-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -ms-linear-gradient(top, #44403A 10%, #64605B 60%);
	top: 0;
	border-radius: 0px;
}

.estruc-congreso .icon {
	margin-bottom: 15px;
}

.estruc-congreso .icon i {
	font-size: 48px;
	line-height: 1;
	color: #e43c5c;
	transition: all 0.2s ease-in-out;
}

.estruc-congreso .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}

.estruc-congreso .title a {
	color: #111;
}

.estruc-congreso .description {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}

.estruc-congreso .icon-box:hover .title a, .estruc-congreso .icon-box:hover .description {
	color: #fff;
}

.estruc-congreso .icon-box:hover .icon i {
	color: #fff;
}

.estruc-congreso .member {
	text-align: center;
	margin-bottom: 9px;
	position: relative;
	overflow: hidden;
}

.estruc-congreso .member .member-info {
	opacity: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.2s;
	font-size:smaller;
}

.estruc-congreso .member:hover .member-info {
	background: linear-gradient(180deg, rgba(108, 103, 97, 1.0) 0%, rgba(108, 103, 97, 0.9) 70%, rgba(0, 212, 255, 0) 100%);
	opacity: 1;
	transition: 0.4s;
	width:100%;
	border-radius:30px;
}
.estruc-congreso .member .social p {
	color: #fff;
	font-size:17px;
	padding:1px 30px 20px 25px;
	text-align:left;
}

/*--------------------------------------------------------------
	# CICLO DE CONVERSATORIOS
--------------------------------------------------------------*/
.ciclo {
	
	/*background: url("images/trazo1.svg"), linear-gradient(top, #b2ac9a 40%, #b2ac9a 60%);
		background: url("images/trazo1.svg"), -webkit-linear-gradient(top, #b2ac9a 40%, #b2ac9a 60%);
		background: url("images/trazo1.svg"), -moz-linear-gradient(top, #b2ac9a 40%, #b2ac9a 60%);
		background: url("images/trazo1.svg"), -o-linear-gradient(top, #b2ac9a 40%, #b2ac9a 60%);
	background: url("images/trazo1.svg"), -ms-linear-gradient(top, #b2ac9a 40%, #b2ac9a 60%);*/
	/*background-repeat:no-repeat;
	background-size:contain;*/
	background:#FFFFFF;
	height:100%
}
.ciclo .icon-box {
	padding: 30px 30px;
	position: relative;
	overflow: hidden;
	/*background: #fff;*/
	/*box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);*/
	transition: all 0.3s ease-in-out;
	border-radius: 20px;
	z-index: 1;
	text-align: center;
	height:370px;
}

.ciclo .icon-box::before {
	content: '';
	position: absolute;
	background: #fdeff2;
	right: 0;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.4s;
	z-index: -1;
}

.ciclo .icon-box:hover::before {
	
	background: linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -webkit-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -moz-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -o-linear-gradient(top, #44403A 10%, #64605B 60%);
	background: -ms-linear-gradient(top, #44403A 10%, #64605B 60%);
	top: 0;
	border-radius: 0px;
}

.ciclo .icon {
	margin-bottom: 15px;
}

.ciclo .icon i {
	font-size: 48px;
	line-height: 1;
	color: #e43c5c;
	transition: all 0.2s ease-in-out;
}

.ciclo .title {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 18px;
}

.ciclo .title a {
	color: #111;
}

.ciclo .description {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}

.ciclo .icon-box:hover .title a, .ciclo .icon-box:hover .description {
	color: #fff;
}

.ciclo .icon-box:hover .icon i {
	color: #fff;
}

.ciclo .member {
	text-align: center;
	margin-bottom: 9px;
	position: relative;
	overflow: hidden;
}

.ciclo .member .member-info {
	opacity: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.2s;
	font-size:smaller;
}

.ciclo .member:hover .member-info {
	background: linear-gradient(180deg, rgba(108, 103, 97, 1.0) 0%, rgba(108, 103, 97, 0.9) 70%, rgba(0, 212, 255, 0) 100%);
	opacity: 1;
	transition: 0.4s;
	width:100%;
	border-radius:30px;
}
.ciclo .member .social p {
	color: #fff;
	font-size:17px;
	padding:1px 30px 20px 25px;
	text-align:left;
}
.ciclo .border_div
{
	
	/*display: flex;              		/* Usamos flexbox para el contenedor de la tarjeta */
	/*flex-direction: column;     		/* Colocamos los elementos (como el texto) en una columna */
	/*justify-content: space-between; 	/* Distribuye el espacio entre los elementos (y asegura que el contenido esté en la parte inferior) */
	
	border: 4px solid #FFFFFF;
    border-radius: 15px;
    padding-right: 16px;
	padding-bottom: 10px;
	background:#f8f8ff;
	/*height: 95%; */
    width: 17rem;
	
}
/*--------------------------------------------------------------
	# COMO LLEGAR AL CONGRESO
--------------------------------------------------------------*/
.como_llegar .box {
	padding: 20px;
	background: #f9f9f9;
	text-align: center;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	border: 2px solid #f9f9f9;
}

.como_llegar .box h3 {
	font-weight: 400;
	padding: 15px;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
	color: #493c3e;
}

.como_llegar .box h4 {
	font-size: 42px;
	color: #e43c5c;
	font-weight: 500;
	/*font-family: "Open Sans", sans-serif;*/
	margin-bottom: 20px;
}

.como_llegar .box h4 sup {
	font-size: 20px;
	top: -15px;
	left: -3px;
}

.como_llegar .box h4 span {
	color: #bababa;
	font-size: 16px;
	font-weight: 300;
}

.como_llegar .box ul {
	padding: 0;
	list-style: none;
	color: #493c3e;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}

.como_llegar .box ul li {
	padding-bottom: 16px;
}

.como_llegar .box ul i {
	color: #e43c5c;
	font-size: 18px;
	padding-right: 4px;
}

.como_llegar .box ul .na {
	color: #ccc;
	text-decoration: line-through;
}

.como_llegar .box .btn-wrap {
	padding: 15px;
	text-align: center;
}

.como_llegar .box .btn-buy {
	display: inline-block;
	padding: 8px 40px 10px 40px;
	border-radius: 50px;
	border: 2px solid #e43c5c;
	color: #e43c5c;
	font-size: 14px;
	font-weight: 400;
	font-family: "Nunito", sans-serif;
	font-weight: 600;
	transition: 0.3s;
}

.como_llegar .box .btn-buy:hover {
	background: #e43c5c;
	color: #fff;
}

.como_llegar .recommended {
	border-color: #e43c5c;
}

.como_llegar .recommended .btn-buy {
	background: #e43c5c;
	color: #fff;
}

.como_llegar .recommended .btn-buy:hover {
	background: #d91e42;
	border-color: #d91e42;
}

.como_llegar .recommended-badge {
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	font-size: 13px;
	padding: 3px 25px 6px 25px;
	background: #fce6ea;
	color: #e43c5c;
	border-radius: 50px;
}


.img_small{
	width:5%
}

.cancion{
	color: #ffffff; font-size: 21px;
}
.ponencia{  
	margin-left: 65px;
	color:#ffffff;  
	font-size: x-large;
	line-height: 1.7;  
font-weight: 700;}

.fondo_tema{
	
	background: linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-webkit-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-moz-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-o-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	background:-ms-linear-gradient(top, #3F3A34 10%, #3F3A34 90%);
	height:475px;
}
.texto_sorteo{ text-align: left;  }
.oculta_imagen{display: flex; display:block;}
.oculta_imagen2{display: flex; justify-content: flex-start;}

.table {
    border-color: rgba(0, 0, 0, 0);
}
.margen_video {
    margin-left: 50px;;
}

.centrar_div_descarga{
	display: flex; justify-content: flex-end;
}

.espacio_left {padding-left : 15px;}

.letter_small{
	display: flex;
    position: relative;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    /*font-family: "Open Sans", sans-serif;*/
	line-height:18px;
	padding-top:0px; /*10px 10px 5px 20px;*/
    width: 95%;
	margin-top:0px;
}
.styleprox{
	color: #FEC92E; font-size: 1.7em; font-weight: 900;
}

.styleTitulo{
	color: #ffffff; font-size: 4.5em; font-weight: 400; line-height: 1em; text-align: center; padding-top:1rem;
}
.styleAmarillo{
	color: #F6E240; 
}
.styleproxblanco{
	color: #ffffff; font-size: 1.1em; font-weight: 400; line-height: 1.45em; padding-top:10rem;
	text-align: justify;
}


/****centrado de imagenes formulario modal*****/
#logo_header{
    max-width: 5%;
	height: auto;
	padding: 5px;
	
	
}
#foto1{
    /*max-width: 54.6%;*/
	height: auto;
	margin: 20px;
	/*padding: 15px;*/
	display: inline-block;
	margin: auto;
}
#foto2{
    max-width: 10%;
	height: auto;
	margin: 20px;
	padding: 10px;
	display: inline-block;
	margin: auto;
}
#foto3{
    max-width: 10%;
	height: auto;
	margin: 20px;
	padding: 10px;
	display: inline-block;
	margin: auto;
}
#foto4{
    max-width: 8%;
	height: auto;
	margin: 20px;
	padding: 10px;
	display: inline-block;
	margin: auto;
}

#foto5{
    max-width: 8%;
	height: auto;
	margin: 20px;
	padding: 10px;
	display: inline-block;
	margin: auto;
}
/*--------------------------------------------------------------
	# INTRO
--------------------------------------------------------------*/

.intro {
	padding-bottom: 20px;
	background: #B3AC9A;
	padding-top:2%;
}

.intro .icon-box {
	padding: 15px 10px;
    position: relative;
    overflow: hidden;
    /*background: #cdcdcd61;*/
    /*box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);*/
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
	margin-top:1rem;
	
}

.intro .icon-box::before {
	content: '';
	position: absolute;
	background: #fdeff2;
	right: 0;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.4s;
	z-index: -1;
	
}
/*
	.intro .icon-box:hover::before {
	background: #FFFFFF;
	top: 0;
	border-radius: 0px;
	}
*/
.intro .icon {
	margin-bottom: 15px;
}

.intro .icon i {
	font-size: 48px;
	line-height: 1;
	color: #e43c5c;
	transition: all 0.3s ease-in-out;
}

.intro .title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 16px;
}

.intro .title a {
	color: #111;
}

.intro .description {
	font-size: 14px;
	line-height: 1rem;
	margin-bottom: 0;
}
/*
	.intro .icon-box:hover .title a, .services .icon-box:hover .description {
	color: #fff;
	}
*/
.intro .icon-box:hover .icon i {
	color: #fff;
}

.intro .border_div
{
	border: 4px solid #FFFFFF;
    border-radius: 15px;
    padding-right: 8px;
	padding-bottom: 10px;
	background:#f8f8ff;
	/*height: 95%; */
    width: 25rem;
	
}
.a-100{
	width:100%;
}

.a-75 {
	width:75%;
}
.a-60 {
	width:60%;
}
.a-50 {
	width:50%;
}

.lista_ponentes{
	color: #454545; font-weight:bolder; text-align:center;
}

.swiper-slide-magistrales{
	padding: 10px 7px;
    position: relative;
    overflow: hidden;
    background: #cdcdcd26;
    box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 15rem;
    height: 19rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    margin-top: 1rem;
}
.swiper-slide{
	padding: 5px 5px;
    position: relative;
    overflow: hidden;
    /*background: #cdcdcd26;
	box-shadow: -6px 5px 20px 0 rgba(68, 88, 144, 0.12);*/
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
    z-index: 1;
    text-align: center;
    color: #3a3131;
    width: 8rem;
    height: 10rem;
    display: flex;
    align-items: center;    
}

.letra_titulo {
	
	font-size: 50px; color:#ffffff;
}
.tam_comite{ font-size: 2.5rem;color:#E2374E;}
.tam_apoyo{ font-size: 2.5rem;color:#4C5AB9;}
.tam_programa{ font-size: 1.8rem; padding-top:4%; color:#FFF} 
.fondorojo{ 
	background:url('images/bg-vols.png');
	background-repeat:no-repeat;
	background-size:cover;
	height: 22rem;
} 
.paddingrojo{
    padding-top: 4rem;
    padding-bottom: 2rem;
	color:#FFFFFF;
}
.coloramarillo{
	color: #E7AC32;
	font-size:1rem;
	text-align:center;
	display: flex;
    align-items: center;
}
.fondoamarillo{
	
	
	background: linear-gradient(top, #E7812A 35%, #E9942D 65%);
	background: -webkit-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -moz-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -o-linear-gradient(top, #E7812A 35%, #E9942D 65%);
    background: -ms-linear-gradient(top, #E7812A 35%, #E9942D 65%);
	
}
.fondoturquesa{
	background: linear-gradient(#3B6F95, #54989F);
	
}
.fondoceleste{
	background: #E5F1F9;
	color: #3B5E77;
	font-size:0.9rem;
}
.sumate{
	background: #4B317C;
	color:#FFFFFF;
}
.letrasumate{
	color: #E7AC32;
	padding-top:2rem;
}

.letraprograma{
	color: #E2374E;
	padding-top:2rem;
}
.bordemenu {
	margin-left: 15px;
	border-radius: 25px;
	padding: 10px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 1.1em;
	font-weight:bolder;
	display: inline-block;
	
}
.imgbicenta{
	
}

.letrafestival{
	font-size:1.4rem;
	padding-top:1rem;
	color:#5FABEE;
	text-align:center;
	font-weight:900;
	
}
.BR {
	color: #DC4E74;
	border: 3px solid #DC4E74;
}
.BR:hover {
    color: #FFFFFF; /* Cambia el color a blanco, por ejemplo */
    background-color: #DC4E74; /* Cambia el fondo a #DC4E74 */
    border-color: #FFFFFF; /* Cambia el color del borde */
}
.BAZ {
	color: #4C5AB9;
	border: 3px solid #4C5AB9;
}

.BAZ:hover {
    color: #FFFFFF; 
    background-color: #4C5AB9; 
    border-color: #FFFFFF; 
}
.BA {
	color: #E7AC32;
	border: 3px solid #E7AC32;
}

.BA:hover {
    color: #FFFFFF; 
    background-color: #E7AC32; 
    border-color: #FFFFFF; 
}
.BV {
	color: #559A9F;
	border: 3px solid #559A9F;
}
.BV:hover {
    color: #FFFFFF; 
    background-color: #559A9F; 
    border-color: #FFFFFF; 
}

.BM {
	color: #FFFFFF;
	border: 3px solid #47256E;
	background-color: #47256E;
}
.BM:hover {
    color: #FFFFFF; 
    background-color: #47256E; 
    border-color: #FFFFFF; 
}
.paddingBM {
	margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.bordeBlanco {
	margin-left: 15px;
	background: #FFFFFF;
	color: #4B317C;
	border-radius: 25px;
	padding: 10px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 1rem;
	font-weight:bolder;
	display: inline-block;
}
.bordeRojo {
	margin-left: 25px;
	background: #E2374E;
	color: #fff;
	border-radius: 25px;
	padding: 8px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 0.8rem;
	font-weight:bolder;
	display: inline-block;
}

.bordeCeleste {
	border: 4px solid #66B3EE;
    margin: 5px 7px 5px 7px; 
    color: #4C5AB9;
    border-radius: 22px;
    padding: 8px 44px 8px 44px;
    white-space: nowrap;
    /* transition: 0.3s; */
    font-size: 1.1rem;
    font-weight: bolder;
    display: inline-block;
}

.bordeCeleste:hover {
    color: #FFFFFF; 
    background-color: #66B3EE; 
    border-color: #FFFFFF; 
}
.carusel-1{
	background:url('images/carusel-1.png');
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
	
}
.carusel-2{
	background:url('images/carusel-2.png');	
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
}
.carusel-3{
	background:url('images/carusel-3.png');
	background-size:cover;
	background-repeat:no-repeat;
	height:18rem;
}

.styleSuma
{
	display: flex;justify-content: center; align-items: center;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

th, td {
	text-align: left;
	padding: 12px;
	/*border: 1px solid #ddd;*/
}

th {
	/*background-color: #4CAF50;*/
	color: white;
}

td {
	/*background-color: #f9f9f9;*/
}
.margintop{
	margin-top: 37rem;
}
.marginderecho{
    margin-right: 10rem;
}	
.stylelugar
{
	display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: space-around;

   
}
.cssrojo{
	color: #DF364D;
	font-weight:bolder;
	margin-top:3rem;
	
}
.mlefttabla{
	padding-left: 6rem;
}
/* Responsive Design */
/*
	@media screen and (max-width: 600px) {
	table, thead, tbody, th, td, tr {
	display: block;
	width: 100%;
	}
	
	th {
	text-align: center;
	background-color: #4CAF50;
	color: white;
	padding: 10px 0;
	}
	
	td {
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px solid #ddd;
	}
	
	td::before {
	content: attr(data-label);
	font-weight: bold;
	display: inline-block;
	width: 100px;
	margin-right: 10px;
	}
	
	td:last-child {
	border-bottom: none;
	}
	}
*/
/*MOBILE*/
@media screen and (max-width: 768px) {
	.table td, .table th {
		padding: 0.3rem;
		font-size: 0.7rem;
	}
	.mlefttabla{
		padding-left: 1.5rem;
		padding-right: 1.2rem;
	}
	.BR:hover {
		color: #FFFFFF; /* Cambia el color a blanco, por ejemplo */
		background-color: #DC4E74; /* Cambia el fondo a #DC4E74 */
		border-color: #FFFFFF; /* Cambia el color del borde */
	}
	.BAZ:hover {
		color: #FFFFFF; 
		background-color: #4C5AB9; 
		border-color: #FFFFFF; 
	}
	
	.BA:hover {
		color: #FFFFFF; 
		background-color: #E7AC32; 
		border-color: #FFFFFF; 
	}
	
	.BV:hover {
		color: #FFFFFF; 
		background-color: #559A9F; 
		border-color: #FFFFFF; 
	}
	
	
	.BM:hover {
		color: #FFFFFF; 
		background-color: #47256E; 
		border-color: #FFFFFF; 
	}
	.apoyo {
		
		height: 13rem;
	}
	
	.contact {
		padding: 1.7rem;
		height: 37.2rem;
	}
	.contact  h4 {
		font-size: 1.8rem;
	}
	.contact .info h4 {
		padding: 0px -0px 0px 31px;
        font-size: 0.85rem;
        margin-bottom: -14px;
        margin-left: 1rem;
		
	}
	.stylelugar
	{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		flex-direction: column;
	}
	.sumate{height:28rem;}
	.letraprograma{
		font-size:2rem;
		padding:1.5rem 2rem 2rem 2rem;
		text-align:center
	}
	.styleSuma
	{
		display:none;
	}
	
	.letrasumate {
		font-size:2.5rem;
		padding-top: 2rem;
	}
	.paddingrojo{
		padding-top: 6rem;
		padding-bottom: 2rem;
		color:#FFFFFF;
	}
	.ciclo {
		
		margin-top: 0rem;
	}
	.fondorojo {
		background: url(images/bg-vols.png);
		background-repeat: repeat;
		background-size: cover;
		height: 50rem;
	}
	
	.d-unete{
		/*background-image: url('images/img-hero-movil.png');*/
		background-repeat: no-repeat;
		background-size:contain;
		background-position: top;	
		line-height : 1.4em;
		max-height: 100%;
		height: 100%;
		
	}
	.margintop{
		margin-top: 35rem;
	}
	
    .mobile-nav-toggle {
        display: block;
	}
	
	.styleTitulo {
		font-size: 2em; 
	}
	
	.tam_comite{ font-size: 38px; padding-top: 2rem;} 
	.tam_programa {  padding-top: 11%;  }
	.letra_titulo {
		
		font-size: 25px; color:#ffffff;
	}
	.comite .comite_academico-slider .member-info h4 {
		font-weight: bolder;
		margin: 15px 0 5px 0;
		font-size: 16px;
		text-align: center;
	}
	.swiper-slide{
		height:10rem;
		/*flex-direction: inherit;*/
		
	}
	
	.lista_ponentes{
		text-align:left;
	}
	.centrar_logo{
		display: flex;
		justify-content: center;
	}
	
	.a-100{
		width:75%;
	}
	
	.intro .icon-box {
		padding: 15px 10px;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
		border-radius: 12px;
		z-index: 1;
		text-align: center;
		color: #3a3131;
		width: 50%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 12px;
		margin-top:1rem;
		
	}
	
	.ciclo .comite_academico-slider .member-info h4 {
		font-weight: bolder;
		margin: 15px 0 5px 0;
		font-size: 1rem;
		text-align:left;
		color: #444456;
	}
	
	.ciclo .comite_academico-slider .member-info h5 {
		font-size: 0.8rem;
		text-align:left;
		color: #444456;
	}
	.margen-derecho {
		padding-right: 30px;
	}
	#logo_header{max-width: 20%}
	
	#foto1 {
		max-width: 95%;
		width:95%;
		display: block;
		padding:5px;
	}
	#foto2 {
		max-width: 70%;
		display: block;
	}
	#foto3 {
		max-width: 70%;
		display: block;
	}
	#foto4 {
		max-width: 70%;
		display: block;
	}
	#foto5 {
		max-width: 70%;
		display: block;
	}
	#video {height: 545px;}
	
	.d-stylecongreso{
		background: url('images/img2_2.png')center center,transparent linear-gradient(180deg, #F5F5F5 0%, #F5F5F5 70%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		line-height : 1.4em;
		height: 100%;
		
	}
	.letra_premio{ font-size:10rem; padding :20px; }
	.texto_sorteo{ text-align: center;  }
	.texto_amarillo{color: #E5B042;}
	
	.fixed-top {
		position: absolute;
	}
	#inicio {
		
		/*background: url(images/bg-10.png);*/
        transition: all 0.5s;
        padding-top: 10%;
        top: 90%;
        height: 100%;
        /*background-position: center;
			background-repeat: repeat;
		background-size: cover;*/
        color: #FFF;
        font-size: 0.9em;
        position: relative;
	}
	.sorteo {
		
		padding: 2rem 1rem 2.5rem 1rem;
	}
	.sorteo h3 {
		color: #4C5AB9;
		font-size: 1.4rem;
		font-weight: 700;
		padding-bottom: 1.8rem;
	}
	.sorteo p {
		font-size: 0.9rem;
		line-height:1.2rem;
	}
	.stylenumber{
		font-size:1.2rem
	}
	
	.stylep {
		color: #ffffff ; font-size: 1.7rem; font-weight: 700; text-align:center;padding-top:2rem; padding-bottom:2rem;
	}
	.styleproxblanco{
		color: #ffffff;
        font-size: 0.95em;
        font-weight: 900;
        line-height: 1.35em;
		margin-left:0;
	}
	.medida_video{
		margin-left:0rem;
	}
	.letter_small{
		
		margin-left:10px;
		padding-left:1px;
	}
	
	
	.margen_video {
		margin-left: 0px;;
	}
	.decreto { margin-top :225px; 
		padding-top: 30px;
	}
	.fondo_tema{
		
		background: linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
		background:-webkit-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
		background:-moz-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
		background:-o-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
		background:-ms-linear-gradient(top, #3F3A34  10%, #3F3A34 90%);
		
	}
	
	
	.ponencia{  margin-left: 0px; }
	
	#top-menu-options {
		display: none;
	}
	
	#d-mp,
	#d-banner-icon,
	.d-principal-logo,
	.d-btn-navbar,
	/*.ico-none,*/
	.text-navbar{
		display: none;
	}
	
	#d-banner-html{
		top:62px;
		height: 340px;
		
	}
	
	
	.d-slide-div{
		margin-bottom: 80px;
	}
	
	.d-agend{
		/*top: 35px;*/
		padding-top:1%;
		padding-bottom: -5px;
		width:100%;
		height:100%;
		max-height:100%;
		left:7%;
		
	}
	
	.d-agend-cont
	{
		padding-left: 0% !important;
		width: 100%;
		height:100%;
	}
	
	.d-agend-div{
		padding-right: 10px;
		padding-left: 10px;
		
	}
	
	
	.d-agend-slider{
		margin-top: -55px !important;
		width: 100%; 
		border-radius: 0px;
		padding: 0px;
		/*background: transparent linear-gradient(90deg, #C74382 0%, #B25EB3 100%) 0% 0% no-repeat padding-box;*/
		color: #FFF;
		font-weight: bolder;
		font-size: 1.2em;
		height: 250px;
		text-align: center;
	}	
	/*
		.d-agend-slider-btn1{
		top: 1%;
		left: 0px;
		z-index: 101;
		cursor: pointer;
		}
		.d-agend-slider-btn2{
		top: 1%;
		right: 0px;
		z-index: 101;
		cursor: pointer;
	}*/
	
	.d-agend-btn{
		top: 255px;
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-left: 0px !important;
	}
	
	.d-agend-slider-cont-el1{
		font-size: 1.3em;
		padding-left: 0px;
	}
	
	.d-agend-slider-cont-el2{
		font-size: 0.4em;
	}
	
	.d-agend-slider-cont-el3{
		font-size: 0.4em;
	}
	
	.d-w-date{
		width: 70px;
		
	}
	
	.d-agend-slider-cont-el4{
		font-size: 0.6em;
		line-height: 1.1em !important;
	}
	
	.d-news{
		position:static;
		margin-top: 90px;
	}
	
	#t-p{
		width: 90%;
		position: relative;
		overflow: hidden;
		height: 70px;
	}
	
	.t-p-s{
		position: absolute;
		width: 1200px;
		display: flex;
		height: 60px;
	}
	
	.d-n-link > img {
		width: 20px;
	}
	
	.l-img-2 {
		width: 30px !important;
	}	
	
	.np-tr{
		position: relative;overflow-y: auto;
		scrollbar-color: transparent transparent;
	}
	
	.np-td-1{
		position: relative; width: 1200px;display: inline-flex;
	}
	
	.np-td-1-tk{
		width: 400px;
	}
	
	.np-td-2{
		position: relative; width: 1200px;
	}	
	
	.np-td-3{
		position: relative; width: 1200px;display: inline-flex;
	}	
	
	.lineFooter{
		width: 98%;
	}
	
	.d-publish-tt1{
		width: 400px;
	}
	
	.np-td-3-itm{
		width: 400px;
	}
	
	.nt-btn-w{
		display: none;
	}
	
	.nt-btn-m{
		display: block;
	}
	
	.linkFooter, .linkFooter:visited, .linkFooter:link, .linkFooter:active {
		font-size: 0.9em;
	}
	
	.d-publish-img {
		width: 120px;
		height: 190px;
	}
	
	.d-publish-btn{
		width: 100%;
	}
	
	.imgFooter{
		width: 60%;
		content: url("images/logos_footer_2.png");;
	}
	
	.m-c-d{
		text-align: center;
	}
	
	.tblFooter-m{
		display: block;
	}
	
	.tblFooter-m-td{
		padding-bottom: 10px;
	}
	
	.tblFooter{
		display: none;
	}
	
	.tblFooterTitle{
		padding-left: 0px !important;
	}
	
	.tblFooterIcons{
		display: none;
	}
	
	.tblFooterIcons-m{
		width: 100%;
		display: inline-table;
	}
	
	.l-1{
		width: 100% !important;
	}
	
	.l-2{
		width: 80% !important;
	}
	
	.d-opt-op{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	/*
		.d-new-m{
		position: relative;
		bottom: 58px;
	}*/
	
	.d-event-btn{
		margin-top: 20px;
	}
	
	.d-editions-td1{
		text-align: center;
	}
	
	.d-editions-td2
	{
		margin-top: 20px;
		display: inline-block;
		text-align: center;
	}
	
	.btn-m-d{
		text-align: center;
	}
	
	.btn-m-d-a{
		display: ruby-base;
	}
	
	.d-agend-slider{
		width: 100%;
		padding-top: 70px;
		
	}
	
	.d-agend-slider-cont{
		width: 83%;
	}
	
	.d-agend-slider-cont-d1{
		padding-left: 3px;
		padding-right: 3px;
		width: 100%;
		height: 270px;
		position: relative;
	}
	
	.d-agend-slider-cont-el5{
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.tblTitle6{
		padding-top: 15px;
	}
	
	.tblTitle3{
		padding-left: 15px;
		padding-right: 1px;
		align-items: center;
		display: flex;
		height: 100px;
		justify-content: center;
		width: auto;
		text-align:center;
	}
	
	.f-ttt{
		margin-top: 30px !important;
	}
	
	.d-banner-btn-1{
		max-width: 95%;
	}
	
	.d-banner-btn-1:hover{
		color: #000;
		background-color: #FFF500;
	}
	
	.d-banner-btn-2{
		max-width: 95%;
	}
	
	.d-banner-btn-2:hover{
		color: #000;
		background-color: #ffc91c;
	}
	
	.d-banner-btn-3{
		max-width: 95%;
	}
	
	.d-banner-btn-3:hover{
		color: #FFF;
		background-color: #cf2163;
	}
	
	
	.d-banner-btn-4{
		max-width: 95%;
	}
	
	.d-banner-btn-4:hover{
		color: #000;
		background-color: #edf059;
	}
	
	.d-banner-btn-5{
		max-width: 95%;
	}
	
	.d-banner-btn-5:hover{
		color: #000;
		background-color: #edf059;
	}
	
	.d-banner-btn-6{
		max-width: 95%;
	}
	
	.d-banner-btn-6:hover{
		color: #FFF;
		background-color: #EE971A;
	}	
	
	.tblTitle4,
	.tblFooterTitle2{
		line-height: 1.3em;
		margin-bottom: 0px;
	}
	
	.f-19-p{
		font-size: 1.7em;
		padding-top:40px;
		line-height:40px;
	}
	
	.b-push {
		visibility: hidden;
	}
	
	.d-event {
		
		font-size: 0.8em;   
	}
	.alinear_texto {
		padding-left: 25px;
		padding-right:17px;
		text-align:center;
	}
	
	.f-11-p {
		text-align: center;
	}
	
	.d-agend-text{
		display:none;
	}
	
	
	/*img {
		width: 100%;
	}*/
	.ajusta_logo {
		width: 45%;
	}
	
	.styleBorde{
		border: 1px solid #eee; 
		border-radius:10px;
		padding: 15px;
		
	}
	
	
	
	.desaparece{
		/*width:100%;
		display:block;*/
		display:flex;
	}
	.desaparece_tabla{display:block;}
	.oculta_tabla{display:none;}
	.oculta_imagen{display:none;}
	.oculta_imagen2{display:none;}
	.d-unete {   height: 100%;	max-height: 100%;}
	.d-ponencia {   height: 1050px;	}
	.d-estruc_congreso { height: 85%; padding-top:4%;}
	.d-cilco { height: 85%; padding-top:4%;}
	.d-comite { /*height: 485px;*/ padding-top: 2%; padding-left: 0%; }
	.d-apoyo { height: 485px; padding-top: 4%; }
	.centrar_texto { text-align :center; }
	.titulo_cancion{ margin-left: 0px;}
	.nos_unimos{ margin-left:0px; }
	.centrar_div_descarga{
		display: flex; justify-content: center;
	}
	.espacio_left {padding-left : 0px;}
	
	.table td, .table th {
		/* padding: .75rem; */
		vertical-align: middle;
		border-top: 0;
	}
	
	.style_tabla{
		margin-left: 0px; 	
	}
	
	
	.d-flex {
		display: flex !important;
		/*flex-direction: column;
		flex-wrap: wrap;*/
	}
	.d-flexpremio {
		display: flex !important;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.style_letra_premio{
		font-size:0.9rem; color:#ffffff; text-align:center;
		
	}
	.style_detalle {
		
		font-size: 0.9rem;
		line-height: 1.4rem;
		padding: 5px 7px;
		
	}
	.borde_amarillo {
		
		padding-top: 0rem;
	}
	.centra_titulo
	{ 
		text-align: center;
	}
	.comite {
        height: 65rem;
		padding-left: 0%;
		padding-right: 0%;
	}
	.apoyo {
        height: 24rem;
	}
	.style_premio{
		font-size:2.0rem;
	}
	.stylefonttitulo{
		color:#ffffff; font-size:1.8rem; line-height:1em;
	}
	#premios {
		height: 17rem;
	}
	
	#header {
		height: 48.355rem;
		background: url(images/bg-hero-mobile.png);/*,transparent linear-gradient(180deg, #97B4C6 0%, #97B4C6 70%, #97B4C6 100%) 0% 0% no-repeat padding-box;*/
        background-size:cover;
		background-repeat: no-repeat;
        background-position: center;
		
	}
	
	#header .logo img {
		max-height: none;
		padding-left: 0px;
		padding-top:0px;
		width:30%;
	}
	
	.slider {
		padding-top: 220px;	
	}
}


@media screen and (min-width: 768px) and (max-width: 1366px) {
	.d-news-img{
		max-width: 400px;
		/*height: 250px;*/
	}
	
	.d-news-title{
		font-size: 0.9em;
		line-height: 1.5em !important;
	} 
	
}

/*WEB +*/

@media screen and (min-width: 1366px) {
	
	.d-news-img{
		max-width: 400px;
		/*background-color: #3B5393;*/
		/*
			background: linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
			background:-webkit-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
			background:-moz-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147,75%) 65%, rgba(59,83,147,1) 100%);
			background:-o-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147,75%) 65%, rgba(59,83,147,1) 100%);
			background:-ms-linear-gradient(top, transparent 0%, transparent 40%, rgba(59,83,147, 75%) 65%, rgba(59,83,147,1) 100%);
		*/
		
	}
	
	
	.d-news-title{
		font-size: 1.0em;
		line-height: 1.3em !important;
	}
	
	.d-news-img-d{
		max-width: 380px;
		background-position: center top;
		background-size: 100% auto;
	}
	
	.d-news-date{
		font-size: 0.7em;
	}
	
	.d-news-img > img {
		width: 100%;
		max-height: 200px;
	}
}


@media screen and (min-width: 1800px) {
	
	.d-banner-img-1{
		height: 750px;
	}
	
	.d-banner-img-2{
		height: 600px;
	}
	
	.d-banner-img-3{
		bottom: 30px;
		left: 5%;
		height: 550px;
	}
	
	.d-banner-img-4{
		bottom: 10px;
		right: 60px;
		height: 530px;
	}
	
	.d-banner-img-5{
		right: 30px;
		height: 550px;
	}
	
}


/* Banner */

#banner {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	/*	background-image: url("img/cabecera.png");*/
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	padding: 6em 0 2em 0 ;
	/*background-attachment: fixed; MOVILIDAD AL BARNER*/ 
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 0 !important;
	cursor: default;
	height: auto; /*71vh;*/
	margin-bottom: -3.25em;
	max-height: 32em;
	min-height: 13.0em;
	position:static; /*relative;*/
	top: -3.25em;
}
/*
	#banner:after {
	-moz-transition: opacity 2.5s ease;
	-webkit-transition: opacity 2.5s ease;
	-ms-transition: opacity 2.5s ease;
	transition: opacity 2.5s ease;
	-moz-transition-delay: 0.75s;
	-webkit-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	transition-delay: 0.75s;
	pointer-events: none;
	background-color: #242943;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.85;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}
	
*/	

#banner > .inner {
	-moz-transition: opacity 1.5s ease, -moz-transform 0.5s ease-out, -moz-filter 0.5s ease, -webkit-filter 0.5s ease;
	-webkit-transition: opacity 1.5s ease, -webkit-transform 0.5s ease-out, -webkit-filter 0.5s ease, -webkit-filter 0.5s ease;
	-ms-transition: opacity 1.5s ease, -ms-transform 0.5s ease-out, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
	transition: opacity 1.5s ease, transform 0.5s ease-out, filter 0.5s ease, -webkit-filter 0.5s ease;
	padding: 0 !important;
	position: relative;
	z-index: 2;
}

#banner > .inner .image {
	display: none;
}

#banner > .inner header {
	width: auto;
}

#banner > .inner header > :first-child {
	width: auto;
}

#banner > .inner header > :first-child:after {
	max-width: 100%;
}

#banner > .inner .content {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin: 0 0 2em 0;
}

#banner > .inner .content > * {
	margin-right: 1.5em;
	margin-bottom: 0;
}

#banner > .inner .content > :last-child {
	margin-right: 0;
}

#banner > .inner .content p {
	font-size: 0.7em;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
}

#banner.major {
	height: 75vh;
	min-height: 30em;
	max-height: 50em;
}

#banner.major.alt {
	opacity: 0.75;
}

#banner.style1:after {
	background-color: #6fc3df;
}

#banner.style2:after {
	background-color: rgba(255, 255, 255, 0.035);
	padding: 50%;
}

#banner.style3:after {
	background-color: #ec8d81;
}

#banner.style4:after {
	background-color: #e7b788;
}

#banner.style5:after {
	background-color: #8ea9e8;
}

#banner.style6:after {
	background-color: #87c5a4;
}

body.is-preload #banner:after {
	opacity: 1.0;
}

body.is-preload #banner > .inner {
	-moz-filter: blur(0.125em);
	-webkit-filter: blur(0.125em);
	-ms-filter: blur(0.125em);
	filter: blur(0.125em);
	-moz-transform: translateX(-0.5em);
	-webkit-transform: translateX(-0.5em);
	-ms-transform: translateX(-0.5em);
	transform: translateX(-0.5em);
	opacity: 0;
}

@media screen and (max-width: 1280px) {
	
	#banner {
		background-attachment: scroll;
	}
	
}

@media screen and (max-width: 736px) {
	
	#banner {
		padding: 5em 0 1em 0 ;
		height: auto;
		margin-bottom: -2.75em;
		max-height: none;
		min-height: 0;
		top: 0.1em;
	}
	
	#banner h1 {
		font-size: 2em;
	}
	
	#banner > .inner .content {
		display: block;
	}
	
	#banner > .inner .content > * {
		margin-right: 0;
		margin-bottom: 2em;
	}
	
	#banner.major {
		height: auto;
		min-height: 0;
		max-height: none;
	}
	
}

@media screen and (max-width: 480px) {
	
	#banner {
		/*padding: 5em 0 2em 0 ;*/
		padding: 11em 0 2em 0 ;
		/*background: url() no-repeat;*/
		background-size: contain;
	}
	
	#banner > .inner .content p br {
		display: none;
	}
	
	#banner.major {
		padding: 8em 0 4em 0 ;
	}
	
	
	
}

/*fin de banner*/	



/* Image */

.image {
	border: 0;
	display: inline-block;
	position: relative;
}

.image img {
	display: block;
}

.image.left, .image.right {
	max-width: 30%;
}

.image.left img, .image.right img {
	width: 100%;
}

.image.left {
	float: left;
	margin: 0 1.5em 1.25em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	margin: 0 0 1.25em 1.5em;
	top: 0.25em;
}

.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}

.image.fit img {
	width: 100%;
}

.image.main {
	display: block;
	margin: 2.5em 0;
	width: 100%;
}

.image.main img {
	width: 100%;
}

@media screen and (max-width: 736px) {
	
	.image.main {
		margin: 1.5em 0;
	}
	
}

/* LISTADO DE MESES */

.list-group-item {
	display: block;
	padding: 7px 12px;
	margin-bottom: -1px;
	background-color: rgba(255,255,255,0);
	border: 0px solid #ddd;
}



/*************************************************************************/



/*--------------------------------------------------------------
	# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-menu > ul {
	display: flex;
}

.nav-menu > ul > li {
	position: relative;
	white-space: nowrap;
	/* padding: 10px 0 10px 28px;*/
}

.nav-menu a {
	display: block;
	position: relative;
	color: #fff;
	transition: 0.3s;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color: #ffffff;
	text-decoration:none;
}

.nav-menu .drop-down ul {
	display: block;
	position: absolute;
	left: 15px;
	top: calc(100% + 30px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.nav-menu .drop-down li {
	min-width: 180px;
	position: relative;
}

.nav-menu .drop-down ul a {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	text-transform: none;
	color: #0b2341;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
	color: #ed502e;
}

.nav-menu .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
	top: 0;
	left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
}

.nav-menu .drop-down .drop-down > a {
	padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
	content: "\eaa0";
	font-family: IcoFont;
	position: absolute;
	right: 15px;
}

@media (max-width: 1366px) {
	.nav-menu .drop-down .drop-down ul {
		left: -90%;
	}
	.nav-menu .drop-down .drop-down:hover > ul {
		left: -100%;
	}
	.nav-menu .drop-down .drop-down > a:after {
		content: "\ea9d";
	}
}

/* Get Startet Button */
.get-started-btn {
	margin-left: 25px;
	background: #ed502e;
	color: #fff;
	border-radius: 4px;
	padding: 8px 25px 9px 25px;
	white-space: nowrap;
	transition: 0.3s;
	font-size: 14px;
	display: inline-block;
}

.get-started-btn:hover {
	background: #ef6445;
	color: #fff;
}

@media (max-width: 768px) {
	.get-started-btn {
		margin: 0 48px 0 0;
		padding: 6px 20px 7px 20px;
	}
}

/* Mobile Navigation */
.mobile-nav-toggle {
	position: fixed;
	top: 23px;
	right: 15px;
	z-index: 998;/*9998*/
	border: 0;
	background: none;
	font-size: 34px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
}

.mobile-nav-toggle i {
	color: #0b2341;
}

.mobile-nav {
	position: fixed;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 999;/*9999**/
	overflow-y: auto;
	background: #fff;
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
}

.mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-nav a {
	display: block;
	position: relative;
	color: #0b2341;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
	color: #ed502e;
	text-decoration: none;
}

.mobile-nav .drop-down > a:after {
	content: "\ea99";
	font-family: IcoFont;
	padding-left: 10px;
	position: absolute;
	right: 15px;
}

.mobile-nav .active.drop-down > a:after {
	content: "\eaa1";
}

.mobile-nav .drop-down > a {
	padding-right: 35px;
}

.mobile-nav .drop-down ul {
	display: none;
	overflow: hidden;
}

.mobile-nav .drop-down li {
	padding-left: 20px;
}

.mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 997;/*9997*/
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(4, 12, 21, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
}

.mobile-nav-active {
	overflow: hidden;
}

.mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}

.container-fluid {
	padding-right: 0px; 
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}


/***********/
.btn-get-started:hover {
	background: #e43c5c;
	border: 2px solid #fff;
	color:#ffffff;
}

.btn-get-started {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
	margin: 5px;
}

.btn-get-started-negro {
	/*font-family: "Poppins", sans-serif;*/
	/*text-transform: uppercase;*/
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #000;
	color: #000;
	margin: 5px;
}

.btn-get-started-blanco {
	/*font-family: "Poppins", sans-serif;
	text-transform: uppercase;*/
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 13px 4px 13px;
	border-radius: 40px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
	margin: 5px;
}


.letra_gris{ color: #454545; padding-top:2rem;}
.letter_amarilla {
	font-size: 26px;
	color: #FFC91C;
}





/****************************/
.container {
	margin-left: inherit; 
}

.letra_enlaces_small{
	font-size:1.0rem;
	font-weight:bolder;
	color:#4C5AB9;
}
/*
	a:hover{
	
	color:#ddd;
	}
*/
.table td, .table th {
	padding: 0.3rem;
	vertical-align: middle;
	border-top: 0;
}
.justificar_texto
{
	text-align: justify;
	
}
.letra_blanca{
	color: #ffffff;
	/*font-size: 2.2rem;*/
}


/*--------------------------------------------------------------
	# Hero Section
--------------------------------------------------------------*/
#hero {
	width: 100%;
	height: 4vh;
	position: relative;
}
/*
	#hero:before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	}
*/
#hero .hero-container {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 0 15px;
}

#hero h3 {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 26px;
	padding: 10px 30px;
	margin-bottom: 30px;
	border-radius: 50px;
}

#hero h1 {
	margin: 0 0 10px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	text-transform: uppercase;
	color: #fff;
}

#hero h2 {
	color: #eee;
	margin-bottom: 40px;
	font-size: 24px;
}

#hero .btn-get-started {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 30px 9px 30px;
	border-radius: 50px;
	transition: 0.5s;
	border: 2px solid #fff;
	color: #fff;
}

#hero .btn-get-started:hover {
	background: #e43c5c;
	border: 2px solid #e43c5c;
}

@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}
}

@media (max-width: 768px) {
	#hero h3 {
		font-size: 22px;
	}
	#hero h1 {
		font-size: 28px;
		line-height: 36px;
	}
	#hero h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}
}

@media (max-height: 500px) {
	#hero {
		height: 150vh;
	}
}


/*--------------------------------------------------------------
	# Sections General
--------------------------------------------------------------*/
section {
	padding: 0px 0;
	overflow: hidden;
}

.section-bg {
	background-color: #f6f9fd;
}


.btn_alojamiento{
	background-image:url('images/_iconohotel.png');
	background-position: top;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	height:60px;
	width:190px;
	background-size: 25px 25px;
	background-position:left;
}

.btn_restaurante{
	background-image:url('images/_iconorestaurante.png');
	background-position: top;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	height:60px;
	width:190px;
	background-size: 25px 25px;
	background-position:left;
}

.btn_transporte{
	background-image:url('images/_icono_transporte.png');
	background-position: top;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	height:60px;
	width:190px;
	background-size: 25px 25px;
	background-position:left;
}
.border_mapa{
	
	width:106rem;
	padding-right:0px;
}

.btn-danger {
	color: #fff;
	background-color:#DD1D1D ;
	border-color: #DD1D1D;
}
.btn-danger:hover {
	color: #fff;
	background-color: #3E3933;
	border-color: #3E3933;
}

.modal-content{
	border-radius:30px;
}

/*BOTON CERRAR MODAL */
.btn-close {
	
	width: 1.5em;
	height: 1em;
	padding: .25em .25em;
	background: transparent url() center / 1em auto no-repeat;
	border: 0;
	border-radius: .25rem;
	opacity: unset;
}

.btn-close:focus {
	
	box-shadow: unset;
	
}

.btn-light_detalles {
	
	background-color:#F6C952 ;
	border-color: #3F3A34;
	border: 2px solid;
	border-radius:15px;
	font-weight:bolder;
}
.btn-light_detalles:hover {
	color: #fff;
	background-color: #3E3933;
	border-color: #3E3933;
	border: 2px solid;
	border-radius:15px;
}

.form_detalles {
	
	background-color:#FFF ;
	border-color: #3F3A34;
	border: 2px solid;
	border-radius:20px;
	color:#000;
	height: 370px;
}


form{
	width:100%;
	padding:16px;
	border-radius:20px;
	margin:auto;
	background-color:#ccc;
	padding-top:45px;
}

form label{
	width:72px;
	font-weight:bold;
	display:inline-block;
}

form input[type="text"],
form input[type="email"]{
	width:100%;
	padding:3px 10px 3px 30px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background:#3F3A34;
	color:#ffffff;
	margin:8px 0;
	display:inline-block;
	height: 48px;
	border-radius:10px;
}

form input[type="submit"]{
	width:100%;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#000;
} 

form input[type="submit"]:hover{
	cursor:pointer;
}

.msj_style{
	color:#000;
	font-size:18px;
	font-weight:bolder;
}

#txt-event-name::placeholder {
	color:white;
}

#txt-event-name::-webkit-input-placeholder {
	color: white;
}
#txt-event-name::-moz-placeholder {
	color: white;
}
#txt-event-name:-ms-input-placeholder {
	color: white;
}
#txt-event-name:-moz-placeholder {
	color: white;
}




#email::placeholder {
	color:white;
}

#email::-webkit-input-placeholder {
	color: white;
}
#email::-moz-placeholder {
	color: white;
}
#email:-ms-input-placeholder {
	color: white;
}
#email:-moz-placeholder {
	color: white;
}
.btn-miralas {
	text-align: center;
	background-color: #707070;
	width: 150px;
	padding: 16px;
	color: #fff;
	cursor: pointer;
	border-radius: 10px;
	width:auto;
}


/*--------------------------------------------------------------
	# PROGRAMAS
--------------------------------------------------------------*/
.ciclo #portfolio-flters {
	padding: 0;
	margin: 0 auto 25px auto;
	list-style: none;
	text-align: center;
	border-radius: 50px;
}

.ciclo #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	padding: 15px 18px 15px 18px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: #4A2112;
	margin: 0 3px 10px 3px;
	transition: all ease-in-out 0.3s;
	border-radius: 10px;
	border:1px solid #403535;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	
}

.ciclo #portfolio-flters li:hover, .ciclo #portfolio-flters li.filter-active {
	color: #AF2832;
	border: 1px solid white;
	border-radius: 10px;
	font-weight: bolder;
	
}

.ciclo #portfolio-flters li:last-child {
	margin-right: 0;
}

.ciclo .portfolio-item {
	margin-bottom: 30px;
	overflow: hidden;
}

.ciclo .portfolio-item img {
	position: relative;
	top: 0;
	transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ciclo .portfolio-item .portfolio-info {
	opacity: 0;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -50px;
	z-index: 3;
	transition: all ease-in-out 0.3s;
	background: #0880e8;
	padding: 15px 20px;
}

.ciclo .portfolio-item .portfolio-info h4 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.ciclo .portfolio-item .portfolio-info p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}

.ciclo .portfolio-item .portfolio-info .preview-link, .ciclo .portfolio-item .portfolio-info .details-link {
	position: absolute;
	right: 50px;
	font-size: 24px;
	top: calc(50% - 18px);
	color: white;
	transition: ease-in-out 0.3s;
}

.ciclo .portfolio-item .portfolio-info .preview-link:hover, .ciclo .portfolio-item .portfolio-info .details-link:hover {
	color: #8ec8fb;
}

.ciclo .portfolio-item .portfolio-info .details-link {
	right: 15px;
}

.ciclo .portfolio-item:hover img {
	top: -30px;
}

.ciclo .portfolio-item:hover .portfolio-info {
	opacity: 1;
	bottom: 0;
}
.style_fecha{
	color:black;
	font-weight:bolder;
}
.style_titulo{
	/*color:#AF2832;*/
	padding-top:1rem;
	font-weight:bolder;
}
.style_detalle{
	
	font-size:0.85rem;
	/*padding-top:2rem;*/
	line-height:1.35rem;
	padding: 10px 10px;
	bottom: 0;
	text-align:left;
	/*height: 9rem !important*/
}
.thumbnail{
	text-align:center;
	padding-top:1rem;
}


/* Estilo base para los elementos de la lista */
#portfolio-flters li {
	cursor: pointer;
	padding: 10px;
	/* border: 1px solid #ddd;*/
	margin: 0 5px;
	/* border-radius: 5px;*/
}

/* Estilo para el elemento seleccionado */
#portfolio-flters li.active {
	/*background-color: #007bff73; /* Color de fondo para el elemento activo */
	color: #fff; /* Color del texto para el elemento activo */
	/*border-color: #007bff; /* Color del borde para el elemento activo */
	background: #422315;
	border: 1px solid #DB1D1D;
}
.letra{
	padding-top:1.2rem;
	font-size:0.75rem;
	text-align:center;
	font-weight:700;
}
.h5, h5 {
	font-size: 1.05rem;
}


/* Contenedor del video */
.video-container {
	width: 460px; /* Ajusta el tamaño del video según tus necesidades */
	/*margin: 0 auto;*/
	margin:1rem auto;
	padding: 7px; /* Espacio interno */
	border: 4px solid #3f3a347d; /* Color y grosor del borde */
	border-radius: 15px; /* Bordes redondeados */
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); /* Sombra */
}

iframe {
	width: 100%;
	height: 315px;
	border: none; /* Eliminar cualquier borde del iframe */
}



/*******************/
/* Estilo base para la tarjeta */
.card {
	display: flex;              /* Usamos flexbox para el contenedor de la tarjeta */
	flex-direction: column;     /* Colocamos los elementos (como el texto) en una columna */
	justify-content: space-between; /* Distribuye el espacio entre los elementos (y asegura que el contenido esté en la parte inferior) */
	height: 300px;              /* Altura fija para la tarjeta */
	border: 1px solid #ddd;     /* Borde de la tarjeta */
	background-color: #fff;     /* Fondo blanco */
	padding: 15px;              /* Espaciado interno */
	box-sizing: border-box;     /* Incluye el padding en las dimensiones totales */
}

/* Estilo para el cuerpo de la tarjeta */
.card-body {
	display: flex;              /* Usamos flexbox en el body para permitir el control de la alineación */
	flex-direction: column;     /* Alineamos los elementos (título y texto) en una columna */
	justify-content: space-between; /* Distribuimos el espacio entre el título y el texto */
	flex-grow: 1;               /* Esto asegura que el body de la tarjeta ocupe todo el espacio disponible */
}

/* Estilo para el título de la tarjeta */
.card-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Estilo para el texto de la tarjeta */
.card-text {
	font-size: 14px;
	margin-top: auto;           /* Empuja el texto hacia el fondo del contenedor */
}
.fixed-top {
	position: absolute;
}

/*******************/
/****
	.table {
	width: 100%;
	border-collapse: collapse;
	background-color: #f0f8ff; 
	}
	
	.row {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	}
	
	.cell {
	flex: 1;
	padding: 8px;
	text-align: left;
	}
	
	.header {
	font-weight: bold;
	background-color: #b0e0e6; 
	}
	
	
	.row:nth-child(even) {
	background-color: #e0f7fa; 
	}
	
	.row:last-child {
	border-bottom: none;
	}
	
	
	.cell ul {
	margin: 0;
	padding-left: 20px;
	}
	
	
	.cell ul li {
	list-style-type: disc;
	}
	
	.cell {
	overflow-wrap: break-word;
}*/
