/*================================
PAGINA PRINCIPAL - CSS
==================================*/
 
.formulario-inicio-param{
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 800px;
    margin: 30px auto;
    z-index: 1;
  }

/*Formateo de texto de las descripciones de docentes  */
.texto-cuerpo-docente {
 /* width: 240px;
  height: 148px;*/
  font-family: Cera;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
}

/***********************************
OPCIONES GENERALES
************************************/
/*Desactivar las flechas de los inputs number*/
/* Banners */
#sp-page-title{
 min-height:auto;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/*.modulo-idioma{
  display:none;
}*/

/*Ocultar logo repetido*/
/*.hidden-xs{
  display:none;
}*/

.valida-campo-custom{
  color:red;
}

.btn:disabled
,btn[disabled]
,btn.disabled{
  opacity:1;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sppb-btn.focus, .sppb-btn:focus{
  box-shadow:none;
}

b, strong {
    font-weight: bold!important;
}
/*Botones*/
.sppb-btn {
    cursor: pointer;
}
.sppb-btn-custom {
    height: auto!important;
    font-size:16px!important;
}

/*alineacion texto y tamau00f1o de texto */
/*.sppb-addon-content,
.sppb-carousel-pro-content, 
.sppb-content-holder{
	line-height:1.25!important;
	font-size:16px;
}*/
p,span{
	line-height:1.25!important;
    /*font-family:Cera!important;*/
}

/* Agregar subrayado de los subtitulos*/

h2.sppb-addon-title span::before,
h2.sppb-addon-text-block span::before{
content: '';
    background-color: #d09b3e;
    width: 40px;
    height: 2px;
    left: 0;
    z-index: -1;
    position: absolute;
    margin-top: 35px;
    border-radius: 2px;
}

/* Agregar margen a los subittulos */
.mba-subtitulo{
	margin-bottom:30px;
}

/*Quitar shadow en los select */
select:focus{
outline: none!important;
box-shadow:none!important;
}

/*Definir font del titulo h1*/
h1 , h2{
font-family:QuincyCF!important;
font-weight:bold!important;
}

/* Centrado de imagenes*/
.sppb-img-responsive{
display:block!important;
margin:auto!important;
}

/*Definir Font del cuerpo*/
body{
font-family:Cera!important;
}

/*Botones*/
button{
cursor:pointer!important;
}

/*Bordes tablas*/
.table>tbody>tr>td{
border-top:none!important;
}

/*Hover botones*/
.btn-custom-general:hover,
.btn-custom-general a:hover{
background-color:#e6a63d!important;
border-color:#e6a63d!important;
color:#ffffff!important;
border-radius:100px;
}

/*Hover links*/
.link-text-custom a:hover,
.link-text-custom:hover,
.home-lnk-malla-track:hover{
color: #e6a63d!important;
text-decoration: underline!important;
box-shadow: none!important;
}

/*Quitar mensaje validaciu00f3n HTML5 en los formularios*/
.sppb-ajax-contact-status{
display:none!important;
}

/*Quitar icono select pr defecto - IE*/
select::-ms-expand {
    display: none!important;
}

/*margenes - pagina*/
/*.sp-page-builder .page-content  {
padding-left:10%;
padding-right:10%
}*/

/*Titulos de cada pagina*/
/*h1.sppb-addon-title {
    margin-left: -30px!important;
    padding-left: 30px!important;
}
*/
@media (min-width: 992px){
h1.sppb-addon-title {
width:600px;
}
}

/*margenes titulo*/
/*
h1.sppb-addon-title {
margin-bottom:30px!important;
}
*/
/*botones laterales carousel*/
.sppb-carousel-arrow {
    text-shadow: none!important;
}

/* botones  personalizados*/
@media (min-width:992px){
.btn-custom{
 width:330px!important;
 }
}

@media (max-width:991px) and (min-width:768px) {
.btn-custom{
 width:50%!important;
 display:inline-block!important;
 }
}

/*quitar magenes en las listas*/
.sppb-addon-text-block .sppb-addon-content ol, ul {
    margin-left: -25px;
}

/*Enlaces desde los contenedores de texto*/
.link-text-custom{
color: #d2b16f;
text-decoration:underline;
font-size:16px;
}

/* BREADCRUMBS */

.breadcrumb .pathway span{
  color:#fff;
  margin:1px!important;
}
/*
.breadcrumb .active{
  margin:-5px;
}
*/
.breadcrumb {
  color:#fff;
}


/* Botones Flotantes*/
.btn-custom-flotante1{
  width: auto!important;
  border-radius: 20px!important;
  color:#fff;
}

.btn-custom-flotante1 span{
  padding:20px;
}

.btn-custom-flotante1:hover span,
.btn-custom-flotante1:active span,
.btn-custom-flotante1:link span,
.btn-custom-flotante1:visited span
.btn-custom-flotante1:focus span{
  color: #fff!important;
}

.subelemento-flotantes a{
  width:200px;
  background-color:#fff!important;
  color:#666666!important;  
  padding-left:10px;
}

.subelemento-flotantes .btn-solicitud{
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}

.subelemento-flotantes .btn-descarga{
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  border-top-right-radius:0px;
  border-top-left-radius:0px;
}

@media(min-width:992px){
.lista-botones-flotantes{
  left:auto!important;
}
}
.lista-botones-flotantes{
  text-align:left!important;
  list-style:none;
  bottom:34px!important;
}

.subelemento-flotantes a img{
  width:auto;
  color:#cf0f11;
  position:absolute;
  top:10px;
}

.subelemento-flotantes a span{
  padding-left:20px;
}

/**************** FIN GENERALES ************************/

#floating-button{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #db4437;
  position: fixed;
  bottom: 60px;
  right: 50px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.plus{
  color: white;
  position: absolute;
  top: 10px;
  display: block;
  bottom: 0;
  left: 18px;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 50px;
  font-size: 38px;
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 997;
}

#container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

#container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}

.edit{
  color:white;
  position: absolute;
  top: 12px;
  display: block;
  bottom: 0;
  left: 12px;
  right: 0;
  text-align: center;
  padding: 0;
  opacity: 0;
  margin: 0;
  line-height: 45px;  
  font-size: 35px;
  font-weight: 300;
  transform: rotateZ(-70deg);
  animation: edit-out 0.3s;
  transition: all 0.3s;
}

#container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 220px;
  height: auto;
  border-radius: 10px;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.nds::before{
  content:"";
  position:absolute;
  bottom:-15px;
  right:30px;
  width:0;
  height:0;
  border-width:15px 15px 0;
  border-style:solid;
  border-color:#fff transparent transparent;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.14));
  -webkit-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.14));
  -moz-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.14));
  -ms-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.14));
  -o-filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.14));
}

.nd3{
  background: #fff;
  right: 40px;
  bottom: 140px;
  animation-delay: 0.15s;
  animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

/*Nuevo 091219*/
#container-floating:hover .nds{
  
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

/********/

.nd3 ul{
  margin:0;
  padding:0;
  border-radius:10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.nd3 ul li:first-child{
  border-bottom:1px solid #d8d8d8;
}

.nd3 ul li{
  list-style:none;
  padding:10px;
}

.nd3 ul li a{
  color:#666666;
}

.nd3 ul li a span{
  padding-left:5px;
}

.nd3 ul li img{
  float:left;  
}


@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

#container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

#container-floating:hover .nd3{
  animation-delay: 0.08s;
}

@media (max-width: 991px){
#container-floating{
 display:block!important; 
}
.fixed-action-btn{
  display:none!important;
}
}

@media (min-width: 992px){
.fixed-action-btn{
  display:block!important;
}
#container-floating{
 display:none!important; 
}
}

/***************************************/

/** beadcrumbs2 **/

.breadcrumb li a .title-breadcrumbs,
.breadcrumb-custom-home .pathway .title-breadcrumbs {
  text-decoration:underline;
}

/*** Ocultar conferencia temporal - formulario **/
.div-conferencia{
  display:none;
}

/* Solicitud de informacion */

/* Formato de los inputs, select */

.form-solicitud-informacion .home-field-custom input,
.form-solicitud-informacion .home-select-custom select{
  height: 50px;
  background-color:#ffffff;
  border-radius: 12px;
  border: 10px solid #fff;
  box-shadow: none;
}

/*Formato de los labels*/
@media (min-width:992px){
.form-solicitud-informacion .home-field-custom label {
  background-color: #FFFFFF;
}
}
.form-solicitud-informacion .home-field-custom label {
  color: rgb(162, 162, 162);
  cursor: text;
  position: absolute;
  top: 15px;
  left: 2.8rem;
  pointer-events: none;
  font-size:14px;
}




/********************************/


/********** pruebas formulario personalizado *************/

.div-conferencia{
  margin-bottom:8px;
}

.roundconf {
  position: relative;
}

.roundconf label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 22px;
  left: 18rem;
  position: absolute;
  top: 0;
  width: 22px;
}

.roundconf label:after {
  border: 2px solid #cf0f11;
  background-color:#cf0f11;
  border-radius:100px;
  content: "";
  height: 13px;
  left: 3.6px;
  opacity: 0;
  position: absolute;
  top: 3.3px;
  width: 13px;
}

.roundconf input[type="checkbox"] {
  visibility: hidden;
}

.roundconf input[type="checkbox"]:checked + label {
  background-color: #fff;
  border-color: #ccc;
}

.roundconf input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.asistire {
  margin-left:15px;
}