.border {      
  border: 1px solid black; 
}

.sidebar {
    position: fixed;
    height: 80%;
    width: 0;
    top: 0;
    left: 0; 
    background-color:#0d7694;
    overflow-x: hidden;
    transition: 1.1s;
    padding: 1rem 0;
    
}

.sidebar ul {
    margin: 4rem auto;
    display: block;
    width: 20%;
    min-width:200px;	border-color : #d26c20;	
	
	
}

.sidebar a {
	background-color:#0D7694;
	padding:2px;
	border-width:1px ;
	border-color = #d26c20;		
	
}

h1 {    
    font-size:180%;
    font-weight:normal;
}
#contenido {
    transition: margin-left .4s;
    padding: 1rem;
}

.abrir-cerrar {
    
    font-size:1rem;   
}

#abrir {
    
}
#cerrar {
    display:none;
}

         img.wp-smiley,
         img.emoji 
         {
         display: inline !important;
         border: none !important;
         box-shadow: none !important;
         height: 1em !important;
         width: 1em !important;
         margin: 0 .07em !important;
         vertical-align: -0.1em !important;
         background: none !important;
         padding: 0 !important;
         }
        
         .fondo
         {								
         color:#DDDDDD; 
         font-size:9px;
         text-transform:uppercase;
         line-height: 10px;
         }
         .parrafo-footer
         {
         font-size:15px;
         line-height:19px;
         color:black; 
         text-align:center;
         bottom:-30px;
         right:0;
         }