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

.header_logo { height:auto; margin:5px auto 10px; border:#000 0px solid;  text-align:center; }

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

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

.social-em { display:block; background-color: #999; padding:7px; font-size: 16px; width: 30px; border-radius: 6px; 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!important; background-color: #4554A4; }

#Logochico {
  margin-left:20px;
  background-color:transparent;
  transition:all .5s ease-in-out;
} 
#Logochico img{ width:100%; max-width: 140px}

.espacioBco { display:none} 
.paddingMenu { padding-top:5px;}
.espacioBco  {   display: !important; } 


@media screen and (max-width: 768px) {
 #Logochico { display:block;  float: left; margin:-25px 50px 0px;  width: 150px;}

.header_logo { width:100%;  height:auto; margin:-30px 40px 10px; border:#000 0px solid;  text-align:left; color:#000; }
.header_logo img { width:100%; max-width:150px; }
.h768 { display:none;  }
}

/* background-color: verde #588423  violet #82106F */


.barramenu {
    font-size:15px; font-family:verdana, 'Roboto Flex'; background-color:#f4f4f4; border-bottom:1px dotted #ccc; min-height:40px;
}            

@media screen and (max-width: 768px) {
    .barramenu { font-size:12px; }
}



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

#obscurese {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -50; opacity:0.5;
    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:#fff!important;   /*arriba logo  gde scrolleado */
  transition-property: all; 
  transition-duration: 0.3s;
  transition-timing-function: ease-in; box-shadow: #ddd 0px 1px 6px;
}
.medio1a { padding:10px; background:#fff; border-bottom:1px solid #999; /*arriba logo  gde*/
   transition-property: all;
   transition-duration: 0.3s;
   transition-timing-function: ease-in;
}

.medio1 .abrir-cerrar { color: #073C5F; font-size:1.6rem; }
.medio1 .abrir-cerrar :hover{ color: #D86819; }

.medio1a .abrir-cerrar { color: #D86819; font-size:2rem;   } /* hamburguer gde */
.medio1a .abrir-cerrar :hover{ color: #073C5F; }

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


/* background-color: verde #588423  violet #82106F */


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

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

}