/* 
    Created on : 30/09/2015, 11:25:38 AM
    Author     : LMZC  <lzamitiz@conaculta.gob.mx>
                 AAFR <aalfonso@conaculta.gob.mx>
*/


#contenedor_menu {
    width: 75%;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 5px;
}


.gpog {                
    -webkit-align-self: flex-start;
    align-self: flex-start;                
}

#gpo1 {
    order: 1;           
}

#gpo2 {
    order: 2;           
}

#gpo3 {
    order: 3;           
}

#gpo4 {
    order: 4;           
}

.icono_sic_search {
    /*background-image: url("/img/iconos/lupitaamarilla.svg");*/
}

#busquedas_lupa{
    order: 3;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    cursor: pointer;
}


/* Estilo en el menu item onclick */

.menuitem {
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    font-size: 17px;	
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
    padding: 3px;
}

.menuitem.selecc {
    background-color: rgba(255,255,255,0.15);
}

.titulom {
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    font-size: 17px;	
    font-weight: bold;
    color: white;
    margin-bottom: 5px;
    cursor:pointer;
}

.menuitem.selecc .titulom {
    color: #ffcc66;
}    

.menuitem:hover .titulom {
    color: #ffcc66;
}

/*.menuitem2 .titulom{
    color: #ffcc66;
    text-decoration: none;

}*/

/*estilos del submenu*/

.submenu {
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    color: rgba(255,255,255,1);
    font-size: 75%;
    font-weight: normal;
    line-height: 140%;
    display: none;
}

.submenuitem {
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    display: block;
}

.submenuitem a { 
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    font-weight: normal;
}

.submenuitem:hover a {
    text-decoration: none;
    color: rgba(255,255,255,1);
}

.submenuitem a:hover {
    color: #ffcc66;

}

.submenuitem_l {}

.drawerh {
    margin-top: 73px;
    position: fixed;
    width: 100%;
    z-index: 3;
    height:120px;
}




/* Estilos responsivos*/
@media screen and (max-width: 1240px){
    #gpo1,#gpo3{
        width: 50%;
    }

    #contenedor_menu{
        justify-content: flex-start;
    }
}

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

    #contenedor_menu{
        display: none;	
    }

    #hamburguesa{
        display: block;
    }

    #seccion{
        margin-top: 180px; /*140px;*/	
    }

    #fotobanda{
        height: 168px;   
    }
}

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

    #seccion{
        margin-top: 180px; /*140*/
    }

}

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

    .drawerh{
        position:static;
        height: auto;
        z-index: auto;
    }

    #seccion{
        margin-top: 0px;	
    }
}