#botonA {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    width: 23%;  
    min-width: 7rem; 
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 4; 
}   

#botonB {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    text-align: left;  
    width: 23%;  
    min-width: 7rem;  
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 3;  
}   

#botonC {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    width: 23%;  
    min-width: 7rem;  
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 2;  
} 

.noboton {                 /* Botones del menú */ 
    background-color: rgba(193,42,42,0.85);  
    text-align:center;  
    padding: 0.3rem; 
        -moz-border-radius: 0.4rem;    
        -webkit-border-radius: 0.4rem;  
        border-radius: 0.4rem;  
}
    .noboton a {    /* Color del enlace no visitado */   
        text-decoration: none; color: #FFF;   
    }   
    .noboton a.visited {    /* Color del enlace visitado */   
        text-decoration: none; color: #FFF;   
    }   
    .noboton a.active {        /* Color que toma el ultimo enlace visitado */   
        text-decoration: none; color: #FFF;   
    }   
    .noboton a:hover {        /* Color que toma el enlace al pasar el raton sobre el */   
        text-decoration: none;    
        color: #5B1506;
        font-style:italic; 
    }
/* ---------------------------------------------------------------- */ 
#botonD {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: right;  
    font-family: verdana,arial; /*tipo de letra*/   
    width: 23%;  
    min-width: 7rem;  
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 1;   
}  

/* ------------------------------------------------------------------------- */ 
/* ------------------------------------------------------------------------- */

.botonmov {      /* Boton que abre el desplegable */
    position: relative;  
    font-family: verdana,arial,helvetica; 
    font-size: 1rem; 
    font-weight: 900;       /*-- admite valores entre 100 y 900 --*/ 
    font-style: italic;  
    text-align: center;  
    width: 30%; 
    min-width: 5rem; 
    max-width: 8rem; 
    margin: 0.3rem 0rem 0rem 0.5rem;  
    padding: 0.3rem 1rem 0.3rem 1rem;  
    border-radius: 0.4rem;  
    -moz-border-radius: 0.4rem; 
    -webkit-border-radius: 0.4rem; 
    background: rgba(193,42,42,0.6); 
}  

        .botonmov a {    /* Color del enlace no visitado */   
            text-decoration: none; color: #FFF;   
        }   
        .botonmov a.visited {    /* Color del enlace visitado */   
            text-decoration: none; color: #FFF;   
        }   
        .botonmov a.active {        /* Color que toma el ultimo enlace visitado */   
            text-decoration: none; color: #FFF;   
        }   
        .botonmov a:hover {        /* Color que toma el enlace al pasar el raton sobre el */   
            text-decoration: none;    
            color: #5B1506;   
        } 
        
.capa_botonrp { 
    position: absolute; 
    margin-left: 1rem;
    width: 15%;  
    min-width: 8rem; 
    background-color: rgba(190,190,235,0.25);
    border-radius: 0.5rem;   
    -moz-border-radius: 0.5rem;   
    -webkit-border-radius: 0.5rem; 
    z-index: 5; 
} 

#botonArp {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    width: 15%;  
    min-width: 10rem;   
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 4;  
}   

#botonBrp {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    text-align: left;  
    width: 15%;  
    min-width: 8rem;
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 3; 
}   

#botonCrp {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family:verdana,arial; /*tipo de letra*/   
    width: 15%;  
    min-width: 8rem; 
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 2;   
} 

/* D---------------------------------------------------------------- */ 
#botonDrp {    
    position: relative;  
    margin: 1% 1% 1% 1%;  
    float: left;  
    font-family: verdana,arial; /*tipo de letra*/   
    width: 15%;  
    min-width: 8rem; 
    line-height: 1.7rem; /*separación entre lineas*/  
    z-index: 1;   
} 

#contenido {  
    position: relative;   
    padding: 3px;  
    font-family: tahoma; /*tipo de letra*/   
    text-align: justify;  
    width: 100%;  
    top: 40px;  
}  
/* ---------------------------------------------------------- */  
@media screen and (min-width: 1200px){  
     
    #boton_rp{  
        display:none;  
    }  

}  

@media screen and (max-width: 1200px){  
      
    #boton_rp{  
        display:none;  
    }  
 
}

@media screen and (max-width: 850px){  
      
    #boton_rp{  
        display:block;  
    } 
    #botonA{  
        display:none;  
    } 
    #botonB{  
        display:none;  
    }
    #botonC{  
        display:none;  
    }
    #botonD{  
        display:none;  
    }

} 

@media screen and (max-width: 650px){  

    #boton_pc{  
        display:none;  
    }  
    #boton_rp{  
        display:block;  
    }  

}