/*permite bajara el texto "descripcion de construccione
.container {
  white-space: nowrap;
}
.searchbox,
.nav{
    
    
    vertical-align:top;
}
*/



/*PERMITE COLOR AL TEXTO PROMOCIONAL*/
.container h3{
    color: red !important;
    font-weight: bold;
    font-size: 20px;
}

/*Permite el color y negrita del tecto del temario*/
.form-group .temario{
    font-weight: bold;
}

#temario{
    font-size: 17px;
    color: blue;
}
/*transparente el panel heading*/
.panel{
    background-color: transparent;    
}

.panel .panel-heading{
    /*background: #eedd22;*/ 
    background: rgba(220, 220, 220,0.5);
}

.panel-heading #logo{
    position: relative;
    animation: rotar 5s infinite linear;
}


/*permite la animacion del slider de Index*/
.slider{
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.slider ul{
    display: flex;
    padding: 0;
    width: 500%;    
    animation: cambio 25s infinite;
}

.slider li{
    width: 100%;
    list-style: none;
}

.slider img{
    width: 100%;
}

@keyframes cambio {
    0%{margin-left: 0; opacity: 0;}
    5%{margin-left: 0; opacity: 1;}
    19%{margin-left: 0; opacity: 1;}
    20%{margin-left: 0; opacity: 0;}
    
    20%{margin-left: -100%; opacity: 0;}
    25%{margin-left: -100%; opacity: 1;}
    39%{margin-left: -100%; opacity: 1;}
    40%{margin-left: -100%; opacity: 0;}
    
    40%{margin-left: -200%; opacity: 0;}
    45%{margin-left: -200%; opacity: 1;}
    59%{margin-left: -200%; opacity: 1;}
    60%{margin-left: -200%; opacity: 0;}
    
    60%{margin-left: -300%; opacity: 0;}
    65%{margin-left: -300%; opacity: 1;}
    79%{margin-left: -300%; opacity: 1;}
    80%{margin-left: -300%; opacity: 0;}
    
    80%{margin-left: -400%; opacity: 0;}
    85%{margin-left: -400%; opacity: 1;}
    99%{margin-left: -400%; opacity: 1;}
    100%{margin-left: -500%; opacity: 0;}
}