@media screen and (max-width: 1000px) {
    /* ---------------------------------------- */
    /* MARCO */
    #marco {
        max-width: 95%;
    }
    /* ---------------------------------------- */
    /* MENU */
    #menu_principal li a {
         font-size: 15px;
    }
    /* ---------------------------------------- */
    /* CABECERA */
    #cabecera_logo img{
        width: 75%;    
    }
    
    #cabecera_top #cabecera_fecha #mes{
        font-size: 2.7vw;
    }

    #cabecera_top #cabecera_fecha #anno{
        font-size: 3vw;
    }
    #cabecera_pie h2{
        font-size: 3.5vw;
    }
    /* ---------------------------------------- */
    /* PIE MIN */
    #pie_min h5{
        font-size: 2.5vw;
    }
    .img_tablon{
        width: 95%;
        border:7px solid #cccccc;
    }
}

@media screen and (max-width: 768px) {
    .hr_tablon{
        margin-top: 7vw;   
        margin-bottom: 7vw;  
    }
    /* ---------------------------------------- */
    /* MENU */
    #menu_principal ul{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    #menu_principal li a{
         font-size: 15px;
    }
    .marcado_negro{
        padding-left: 1vw;
        padding-right: 1vw;

    }
    .marcado_rosa{
        padding-left: 4vw;
        padding-right: 4vw;
    }
    /* ---------------------------------------- */
    /* MARCO */
    #marco {
        max-width: 100%;
        margin-top: 0px;
        border: 0px;
    }
    /* ---------------------------------------- */
    /* CABECERA */
    #cabecera{
        margin-top: 41px;    
    }
    
    
    #cabecera_top #cabecera_fecha #mes{
        font-size: 4vw;
    }

    #cabecera_top #cabecera_fecha #anno{
        font-size: 4.5vw;
    }
    #cabecera_pie h2{
        font-size: 4vw;
    }
    /* ---------------------------------------- */
    /* PIE MIN */
    #pie_contacto .pie_contacto_ul li{
        display: block;
        margin-right: 0px;
    }
    #pie_contacto h5{
        font-size: 3.5vw;
    }
    /* ---------------------------------------- */
    /* TITULAR COMPUESTO */

    .titular_seccion{
        margin-bottom: 1vw;
    }

    .titular_seccion .pretitular_seccion{
        padding-left: 4vw;
        margin-bottom: 0px;
        font-size: 4.5vw;


    }
    .titular_seccion .titular_seccion{
        
        font-size: 4.5vw;

    }
    .titular_seccion .anexo_seccion{
        font-size: 3.5vw;
    }
    /* ---------------------------------------- */
    /* TITULAR NEGRO */
    .titular_negro .pretitular_seccion{
         font-size: 4.5vw;
    }
    .titular_negro .titular_seccion{
         font-size: 4.5vw;
    }
    .titular_negro .anexo_seccion{
        font-size: 3.5vw;
    }
    .precio_apuntes .apunte_precio{
        font-size: 4vw;
        margin-bottom: 15px;
    }

    /* ---------------------------------------- */
    /* SECTIONS */

    .seccion_blanca {
        padding-top: 3vw;
        padding-left: 3vw;
        padding-right: 3vw;
        padding-bottom: 3vw;

    }
    .seccion_blanca .p_section{
        font-size: 3vw;
        line-height: 120%;

    }
    .seccion_blanca .p_section .img_supDerecha{
        display: block;
        vertical-align: top;
        float: none;
        text-align: center;
        margin: auto;
        width: 70%;
        max-width: 220px;
        margin-top: 20px;
        margin-bottom: 10px;
        border:7px solid #cccccc;
    }
    .seccion_blanca .p_section .img_infCentrada{
        width: 70%;
        max-width: 540px;
        border:7px solid #cccccc;
    }
    .img_tablon{
        width: 95%;
        border:7px solid #cccccc;
    }
    
}
    


/*@media screen and (max-width: 550px) { */
@media screen and (max-width: 768px) {
    /*
    #menu_principal {
       
    }
    */
    #menu_principal li a{
         font-size: 12px;
    }
    #menu_principal .no-active{
        display: block;
        
  
    }
    #menu_principal .bt_toggle{
        display: block; 
    }
    
    #menu_principal .active {
        display: block;
   
    }
    #menu_principal li {
        
        float: none;
        border-bottom: 1px solid #e7e7e7;
    }
    #menu_principal li:last-child {
        float: none;
    }
    .menu_replegado{
        height: 40px;
        transition: height 0.15s ease-out;
        
    }
    .menu_desplegado{
        
        content: " "; /* Older browser do not support empty content */

       display: block;
       clear: both;
        height: 369px; /* 41 x 6 opciones */
        transition: height 0.15s ease-out;
    }
    
    #pie_rrss{
        font-size: 3vw;;
    }
    #pie_rrss #pie_rrss_ul .item_rrss_txt{
        display: none; 
    }
    #pie_rrss img{
        width: 50%;
    }
    
    
    .seccion_blanca .p_section{
        font-size: 5vw;
    }  
    .seccion_blanca .p_section .img_infCentrada{
        width: 80%;
        max-width: 540px;
        border:7px solid #cccccc;
    }

    .aviso_tablon{

        font-size: 30px;
    }
    .aviso_tablon2{

        font-size: 16px;

    }
    
}