.head_social{ border:0px #ccc solid; margin-top:0px; padding-right:10px; background-color: transparent; max-width:350px;   }

.header_logo { width:100%;  height:auto; margin:0px 0px 10px; border:#000 0px solid;  text-align:left; color:#003366; }
.header_logo img { width:100%; max-width:480px; }

.head_social_sidebar{ border:2px #ccc solid; margin-top:0px; padding-right:10px; background-color: transparent; max-width:300px;   }

.social-em { display:block; background-color: #333; padding:7px; font-size: 16px; width: 30px; border-radius: 15px; color: #fff; 
                            text-align: center; margin-right: 5px }
.social-side { display:block; background-color: #333; padding:7px; font-size: 16px; width: 30px; border-radius: 15px; color: #fff; 
                            text-align: center; margin-right: 10px }                            
.social-em:hover, .social-side:hover {  color: #fff; background-color: #cc0000; }

#Logochico {
  width: 220px; margin-top:5px; margin-bottom:5px; margin-right:45px;
  margin-left:5px;  background-color:transparent;
  transition:all .5s ease-in-out;
} 
.espacioBco { display:none} 
.paddingMenu { padding-top:5px;}
#Logochico img{ width:100%;}


@media screen and (max-width: 768px) {
 #Logochico { display:block; margin-left:50px; float: left; margin-top:-30px;  width: 180px;}

.header_logo { width:100%;  height:auto; margin:-35px 40px 10px; border:#000 0px solid;  text-align:left; color:#003366; }
.header_logo img { width:100%; max-width:250px; }
}
.espacioBco  {
   display: !important; 
  } 




            
/*****/
#obscurese {display: none;}

#obscurese {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -50; opacity:0.7;
    width: 100vw;
    height: 1000vh;
    background-color: #000;
}



.sidebar { /*contiene el side*/
    font-family: 'Roboto', arial;
    position: fixed;
    height: 120vh;
    width: 0;
    top: 0;
    left: 0; border-right: 1px #ccc solid;
    z-index: 1;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.4s;
    padding: 2.3rem 0;
    box-sizing:border-box;
}

.sidebar .logo{ width:100%; max-width:200px }
.sidebar .logo img{ width:100%;}

.sidebar .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 1.5rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
}

#contenido {
    transition: margin-left 0.3s;
/*    padding: 1rem;*/
}

/*
.abrir-cerrar { color: #ccc; font-size:1.5rem;   }
.abrir-cerrar :hover{ color: #FFF  ; }
*/

.medio1 { padding:8px; background:#000!important;  
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
}
.medio1a { padding:34px; background:#fff; border-bottom:1px solid #ccc;
   transition-property: all;
   transition-duration: 0.3s;
   transition-timing-function: ease-in;
}

.medio1 .abrir-cerrar { color: #fff; font-size:2rem; }
.medio1 .abrir-cerrar :hover{ color: #cc0000; }

.medio1a .abrir-cerrar { color: #cc0000; font-size:2rem;   }
.medio1a .abrir-cerrar :hover{ color: #000; }

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


.sidebar a {
    display: block; 
    font-size: 14px; font-weight: 700;
    color: #000;
    text-decoration: none;
    
}

.sidebar a:hover{
    color:#cc0000;
    background-color: #f4f4f4; /*transparent;*/

}