.banner {
    height: 240px;
    background-image: url('../images/bnr_documentos.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
        .periodo{
          background-color: #eee;
          padding: 10px;
          margin: 10px;
        }
        .alert-datos-incial{
          height: 125px;
        }

            #curp{
                display:none;
            }
            #divSchoolResults{
                display:none;
            }
            input:required {
                box-shadow:none;
            }
            input:invalid {
                box-shadow:0 0 3px none;
            }

        @media print {
    aside#sidebar,#subenlaces,#sliderWrapper, #mainSearch, #encabezado,#informacion,footer,#siged,#Imprimir,#bloque1 {
        display: none;
       margin-left: 25cm;
    }

     .col-md-3 {
        width: 228px;
        float: left;
      margin-left: 5%;
   }

}


/*Responsive with button*/
    @media (max-width: 1010px) { 
    #bloque1 { 
        /*border: 2px solid blue;*/
        margin-top:230px; 
    }

/*Responsive without button*/
    /*@media (max-width: 990px) { 
    #bloque1 { 
        margin-top:150px; 
    }   

}*/

/*PARA IPHONE*/
    @media screen and (max-width: 320px) {
    #detalle { 
        width: 100%; 
        font-size: 21px;
    } 

    #icono{
       margin-left: 30px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}

    @media screen and (max-width: 375px) {
    #detalle { 
        width: 100%; 
        font-size: 24px;
    } 

    #icono{
       margin-left: 60px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}

    @media screen and (max-width: 414px) {
    #detalle { 
        width: 100%; 
        font-size: 26px;
    } 

    #icono{
       margin-left: 70px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}

/*PARA IPAD*/
    @media screen and (max-width: 768px) {
    #detalle { 
        width: 100%; 
        
    } 

    #icono{
       margin-left: 250px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}

/*PARA GALAXY*/
    @media screen and (max-width: 360px) {
    #detalle { 
        width: 100%; 
        
    } 

    #icono{
       margin-left: 50px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}

/*PARA GALAXY*/
    @media screen and (max-width: 411px) {
    #detalle { 
        width: 100%; 
        
    } 

    #icono{
       margin-left: 70px;
       margin-top: -80px;
           }

    #colNombre{
        margin-top: -70px;
    }
}