body {background-color: white !important;}

.fondoRojo{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
	
}

.fondoAzul{
background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(221,230,240,1) 46%, rgba(5,86,173,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(46%, rgba(221,230,240,1)), color-stop(100%, rgba(5,86,173,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(221,230,240,1) 46%, rgba(5,86,173,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(221,230,240,1) 46%, rgba(5,86,173,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(221,230,240,1) 46%, rgba(5,86,173,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(221,230,240,1) 46%, rgba(5,86,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0556ad', GradientType=0 );
}

.fondoDark{
	background-color: white !important;
}
.fondoAzulB{
	background-color: #060082 !important;
}
.fondoNav{
	background-color: black !important;
}
.fondoLight{
	background-color: white !important;
}
.textoCyan{
	color: #00f2ee;
}
.textoBlanco{
	color: black;
}
.textoNav{
	color: white !important;
	font-weight: 600;
}
.textoRegistrese{
	color: yellow !important;	
	font-weight: 600;	
}
.textoLogin{
	color:  cyan !important;
	font-weight: 600;		
}
.asistente{
    font-size: 19px !important;
    font-weight: bold;
}
.cardTitulo{
	font-size: 18px !important;
    font-weight: bold;
}
.video{
	font-size: 15px !important;
	line-height: 26px;
}
.preguntas{
	font-size: 19px !important;	
}
.encabezado_h1{
    font-size: 19px !important;        
}

.encabezado_h1 a {
	color: black;
	text-decoration: underline;
}

.textoBold{
	font-weight: bold !important;	
}
.ingresarBtn{		
	background-color: #ccebff !important;
	border: 1px solid #535454;
	border-radius: 20px;
	color: black !important;
	height: 40px;	
	font-size: 15px !important;
}
hr { background-color: #b8bab9; height: 1px; border: 0; }
.ingresarBtn2{		
	background-color: red !important;
	border: 1px solid #535454;
	border-radius: 20px;
	height: 40px;	
	font-size: 16px !important;
	color: white;
}
.ingresarBtn:hover{		
	
	color: red !important;
}
.ingresarBtn2:hover{		
	
	color: cyan !important;
}

.imagenPrincipal{	
	height: 280px; 
}
.font22{
	font-weight: normal !important;
	font-size: 16px !important;	
}
.gratis{
	font-weight: bold !important;
	color: green !important; 
	font-size: 16px !important;	
}
.font17{
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	
}
.imgFyC{
	height: 70px;
	width: 70px;
	margin: auto;
}
.textoLeft{
	text-align: left;
}
.progressB{
	width: 0%;
}
.marginAuto{
	margin: auto;
}
.ancho80{
	width: 80px;
}
.ancho70{
	width: 70px;
}
.textoCenter{
	text-align: center;
}
.condicionesColor{
	color: white; 
	font-size: 15px;
}

.condicionesColor a{
	color: white;
}

.dropdown>.dropdown-item:hover {
    background: #030030;
    color: white;
   }

   .border-3 {
    border-width: 1px !important;
   }

   .carousel-control-prev-icon,
   .carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: black;
    background-size: 100%, 100%;
    background-image: none;
   }

   .carousel-control-next-icon:after {
    content: '>';
    font-size: 40px;
    color: red;
   }

   .carousel-control-prev-icon:after {
    content: '<';
    font-size: 40px;
    color: red;
   }

   .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
   }

   .carousel-fade .carousel-item.active,
   .carousel-fade .carousel-item-next.carousel-item-left,
   .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
   }

   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {
    opacity: 0;
   }

   .carousel-fade .carousel-item-next,
   .carousel-fade .carousel-item-prev,
   .carousel-fade .carousel-item.active,
   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
   }

   .blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
   }

   @-webkit-keyframes blink {
    0% {
     opacity: 1;
    }

    50% {
     opacity: 1;
    }

    50.01% {
     opacity: 0;
    }

    100% {
     opacity: 0;
    }
   }

   @-moz-keyframes blink {
    0% {
     opacity: 1;
    }

    50% {
     opacity: 1;
    }

    50.01% {
     opacity: 0;
    }

    100% {
     opacity: 0;
    }
   }

   @-ms-keyframes blink {
    0% {
     opacity: 1;
    }

    50% {
     opacity: 1;
    }

    50.01% {
     opacity: 0;
    }

    100% {
     opacity: 0;
    }
   }

   @-o-keyframes blink {
    0% {
     opacity: 1;
    }

    50% {
     opacity: 1;
    }

    50.01% {
     opacity: 0;
    }

    100% {
     opacity: 0;
    }
   }

   @keyframes blink {
    0% {
     opacity: 1;
    }

    50% {
     opacity: 1;
    }

    50.01% {
     opacity: 0;
    }

    100% {
     opacity: 0;
    }
   }
   
   .nav-item a:hover{
   color: white !important;
   background-color: gray !important;
   }