/* new */

/* CUERPO */
.cuerpo .intro{ min-height: 200px; padding: 80px 0 0 0; background:url(/media/1438/bg-cuerpo-1.jpg) bottom; background-size: cover;
}
.intro h2{ position: relative; margin: 0 0 20px 0; font-size: 30px; font-weight: 600; color: #fff; z-index: 1; line-height: 100%; min-height: 100px;
}
.intro h2 span.punto, .contenido h3 span.punto{ font-size: 90px; color:#cc0003; line-height: 20px;	
}
.intro .detalles div{ min-height: 340px; color: #fff; background-color: #2d3740; padding: 15px 15px 15px 25px; font-size: 20px; z-index: 1;
}
.intro .detalles dt{ padding: 5px 0 2px 35px; color: #ffd02d; font-size: 14px; font-weight: 700; text-transform: uppercase; background: url(/media/4212/icns-eventos.png) no-repeat;
}
.intro .detalles dt.fecha{ background-position: 0 6px;
}
.intro .detalles dt.duracion{ background-position: 0 -58px;
}
.intro .detalles dt.ubicacion{ background-position: 0 -117px;
}
.intro .detalles dt.costo{ background-position: 0 -180px;
}
.intro .detalles dt.actitud{ background-position: 0 -243px;
}
.intro .detalles dd{ padding: 0px 0 0px 35px; color: #fff; font-size: 18px; font-weight: 600;
}

/**/
.intro .afiche a:hover .expandir{ position:absolute; top: 0; left: 0; background: rgba(0,0,0,0.4) url(/media/4147/expandir.png) center no-repeat; width: 100%; height: 100%; 
}
.intro .afiche .sombra{ position:absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6587009803921569) 0%, rgba(0,0,0,0.17970938375350143) 51%, rgba(0,0,0,0) 63%);
}
.intro .afiche div.mascara{ width: 100%; max-height: 520px; overflow: hidden;
}
.intro .afiche img{ width: 100%;
}
.conferencista{ position: absolute; bottom: 50px; width: 100%; text-align: center; z-index: 999; padding: 15px;
}
.conferencista h3{ font-size: 18px; color: #fff; margin: 0;
}
.conferencista p{ font-size: 14px; color: #f9cc33; font-weight: 700; margin: 0;
}
.btn-participar{ position: relative; display: block; width: 100%; height: 50px; background: #bc0104  url(/media/4142/icn-flecha.png) no-repeat calc(100% - 20px) 50%; background-size: 20px; color: #fff; line-height: 50px; text-align: center; font-size: 15px; font-weight: 600;
}
.btn-participar span{ position: absolute; top: 0; left: 0; width: 50px; height: 100%; background: #910305 url(/media/4143/icn-participar.png) no-repeat center; background-size: 60%; color: #fff;
}
.btn-participar:hover{ color: #fff; text-decoration: none;
}

.btn-regresar{ position: relative; display: block; width: 100%; height: 50px; background: #bc0104; background-size: 20px; color: #fff; line-height: 50px; text-align: center; font-size: 15px; font-weight: 600;
}
.btn-regresar span{ position: absolute; top: 0; left: 0; width: 50px; height: 100%; background: #910305 url(/media/4143/icn-participar.png) no-repeat center; background-size: 28px; color: #fff;
}
.btn-regresar:hover{ color: #fff; text-decoration: none;
}

/**/
.contenido{ position: relative; z-index: 1;
}
.contenido .container-fluid{ position: relative; padding-bottom: 70px;
}
.contenido .sobre-conf{ color: #bc0104; font-size: 25px; font-weight: 700;
}
.contenido .info{ min-height: 500px; padding: 70px 35px;
}
.contenido .titulo{ text-transform: uppercase; font-size: 30px; margin: 0 0 50px; font-weight: 400;
}
.contenido .titulo span{ font-weight: 700;
}
.contenido p{ margin-bottom: 25px;
}
.degr-top{ position: absolute; top: 0; left: 0; width: 100%; height: 150px; z-index: -1; background: rgb(234,237,241); background: linear-gradient(0deg, rgba(234,237,241,0) 0%, rgba(234,237,241,1) 100%);
}
.degr-pie{ position: absolute; bottom: 0; right: 0; width: 50%; height: 200px; z-index: -1;
	background: rgb(234,237,241);
	background: linear-gradient(152deg, rgba(234,237,241,0) 45%, rgba(234,237,241,1) 100%);
}


@media( min-width: 576px){
	/* CUERPO */
	.intro h2{ font-size: 40px;
	}
	.intro .detalles div{ padding: 30px 30px 30px 50px;
	}
	/**/
	.intro .afiche div.mascara{ position: absolute; bottom: 0; left: 0; z-index: 100; max-height: 100%;
	}
}

@media( min-width: 992px){
	/* CUERPO */
	.intro .afiche div.mascara{ max-height: 520px;
	}
	.conferencista h3{ font-size: 22px;
	}
    .btn-regresar{ padding-left: 50px;
    }
}

@media( min-width: 1200px){
	/* CUERPO */
	.cuerpo .intro{ padding: 100px 0 0 0;
	}
	.intro h2{ margin: 0 0 40px 0; font-size: 45px;
	}
	.intro h2 span.punto, .contenido h3 span.punto{ font-size: 90px;	
	}
	.intro .detalles div{ padding: 30px 30px 30px 90px;
	}
	.intro .detalles dd{ font-size: 22px;
	}
	/**/
	.conferencista h3{ font-size: 27px;
	}
	.conferencista p{ font-size: 17px;
	}
	.btn-participar{ height: 70px; line-height: 70px; font-size: 18px; background-size: 30px; padding-left: 90px; padding-right: 55px;
	}
	.btn-participar span{ width: 90px;
	}
    /**/
    .btn-regresar{ height: 70px;  line-height: 70px; font-size: 20px; padding-left: 85px;
    }
    .btn-regresar span{ width: 90px; background-size: 34px;
    }
	/**/
	.contenido .info{ padding: 100px 50px;
	}
	.contenido .titulo{ font-size: 45px;
	}
	.degr-pie{ width: 35%;
	}
}

/*----------------*/
/*-- FORMULARIO --*/
/*----------------*/

.formEventos{
}
.formEventos label{ font-size: 17px; font-weight: 700;
}
.formEventos label span{ color: #cc0003;
}
.formEventos input[type=text], .formEventos input[type=email], .formEventos input[type=tel], .formEventos select{ background-color: #e5e5e5; border: none; border-radius:0; 
}
.formEventos .nota{ margin: 30px 0;
}
.formEventos .btn-enviar{ width: 100%; padding: 15px 10px; background-color: #bc0104; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 20px; border-radius: 0;
}