/*GENERALES*/
*{
    font-family: 'Oswald', sans-serif;
}

p{
    font-size: 15px;
    font-family: 'PT Sans Narrow', sans-serif;
}


/*NAVEGADOR*/
section#inicio {
    position: absolute;
    background: #27282b;
}

section#inicio img{
	max-width: 182px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(216, 216, 216, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.7);
}

.ins{
    color: #fff;
   
    margin-left: 8px;
    border-radius: 4px;
}

li.nav-item.ins.btn.btn-success{
    padding: 0px;
}

section#inicio {
    width: 100%;
    z-index: 9999;
     margin-top: -63px;
}

/*CABECERA*/
.jumbotron {
    background-color: #1d1b23;
    background-image: url("../img/curso-de-programacion-c-plus.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right; 
    margin-top: 63px;
    color: white;
    border-radius: 0px;
}

.my-4{
    background-color: #404040;
}

iframe {
    border: solid 6px;
    border-radius: 1px;
}
.navbar-toggler-icon {
    background: 
    #f9f9f9;
        background-image: none;
    border-radius: 3px;
}
/*TEMARIO*/
#temario{
    margin-bottom: 2rem;
}
.titulo2FondoNegro {
    text-align: center;
    background: #1d1b23;
    color: #fff;
    display: initial;
    padding: 4px;
    border-radius: 2px;
}
/**/

/*PREGUNTAS*/

.card {
    overflow: hidden;
}

@media screen and (max-width:700px) {
    .jumbotron {

    background-image: none;
}

.col-xs-6.col-sm-6.col-md-3.col-lg-4 {
    margin-top: 35px;
}


}

/*PAGOS*/


                
        .panel.price>.panel-heading{
            box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
            text-shadow:0px 3px 0px rgba(50,50,50, .6);
        }
            
        .price .list-group-item{
            border-bottom-:1px solid rgba(250,250,250, .5);
        }
        
        .panel.price .list-group-item:last-child {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        .panel.price .list-group-item:first-child {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }
        
        .price .panel-footer {
            color: #fff;
            border-bottom:0px;
            background-color:  rgba(0,0,0, .1);
        }
        
        
        .panel.price .btn{
            box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
            border:0px;
        }
        
    /* green panel */
    
        
        .price.panel-green>.panel-heading {
            color: #fff;
            background-color: #57AC57;
            border-color: #71DF71;
            border-bottom: 1px solid #71DF71;
        }
        
            
        .price.panel-green>.panel-body {
            color: #fff;
            background-color: #65C965;
        }
                
        
        .price.panel-green>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }
        
        .price.panel-green .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }
        
        /* blue panel */
    
        
        .price.panel-blue>.panel-heading {
            color: #fff;
            background-color: #608BB4;
            border-color: #78AEE1;
            border-bottom: 1px solid #78AEE1;
        }
        
            
        .price.panel-blue>.panel-body {
            color: #fff;
            background-color: #73A3D4;
        }
                
        
        .price.panel-blue>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }
        
        .price.panel-blue .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }
        
        /* red price */
        
    
        .price.panel-red>.panel-heading {
            color: #fff;
            background-color: #D04E50;
            border-color: #FF6062;
            border-bottom: 1px solid #FF6062;
        }
        
            
        .price.panel-red>.panel-body {
            color: #fff;
            background-color: #EF5A5C;
        }
        
        
        
        
        .price.panel-red>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }
        
        .price.panel-red .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }
        
        /* grey price */
        
    
        .price.panel-grey>.panel-heading {
            color: #fff;
            background-color: #6D6D6D;
            border-color: #B7B7B7;
            border-bottom: 1px solid #B7B7B7;
        }
        
            
        .price.panel-grey>.panel-body {
            color: #fff;
            background-color: #808080;
        }
        

        
        .price.panel-grey>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }
        
        .price.panel-grey .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }
        
        /* white price */
        
    
        .price.panel-white>.panel-heading {
            color: #333;
            background-color: #f9f9f9;
            border-color: #ccc;
            border-bottom: 1px solid #ccc;
            text-shadow: 0px 2px 0px rgba(250,250,250, .7);
        }
        
        .panel.panel-white.price:hover>.panel-heading{
            box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
        }
            
        .price.panel-white>.panel-body {
            color: #fff;
            background-color: #dfdfdf;
        }
                
        .price.panel-white>.panel-body .lead{
                text-shadow: 0px 2px 0px rgba(250,250,250, .8);
                color:#666;
        }
        
        .price:hover.panel-white>.panel-body .lead{
                text-shadow: 0px 2px 0px rgba(250,250,250, .9);
                color:#333;
        }
        
        .price.panel-white .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }

/*FOOTER*/

.footer{
    background: #27282b;
    color: #ffffff;
} 

.footer img{
    max-width: 182px;
} 

.footer a {
    color: #ffffff;
    font-size: 12px;
} 

.videoPagos{
    display: -webkit-inline-box;
    background: #d42b2b;
    color: #fff;
    padding: 3px;
    border-radius: 2px;
    margin-left: 10px;
}     

/*MOVIL*/

@media screen and (max-width:640px) {
  .titulo2FondoNegro{
    font-size: 27px;
  }
  .margenTitulo{
    margin-top: 18px;
  }
  .videoPagos {
    margin-left: 0px;
  }
}