/*

Ajustes css para la barra superior
    
*/


.div_topbar_button {
    display: inline-flex;
    min-height:24px;
    width: 100%;
    max-width: 174px;
}

.div_exit_top_button {
    display: inline-flex;
    height: 32px;
    width: 25%;
    max-width: 174px;
    float: left;
}

.div_wellcome_top_col {
    display: inline-flex;
    width: 65%;
    margin-left: 2em;
    height: 32px;
    float: left;
}




@media (max-width: 1199px) {

	#div_top_wellcome {display:block;}
	#div_right_wellcome {display:none;}

}

@media (min-width: 1200px) {
	#div_top_wellcome {display:none;}
	#div_right_wellcome {display:block;}

    .div_topbar_button {
        display: inline-flex;
        min-height:24px;
        width: 120%;
        max-width: 174px;
    }
}

.div_topbar_wellcome {
    display: block;
    min-height:24px;
    width: 100%;
    padding-right: 1em;
}


#inner_topbar {
    width:100%;
}

.btnUsuario {
    cursor: default;
    text-align: center;
    height: 24px;
    width: 174px;
}

.username {
    color: #00a892 !important; 
    font-size:  1.8rem;
    padding-top: 2px;
}

.spn_bienvenido {
    font-size:  18px;
}


.btnDDNS { background-image: url(/App_Themes/bydemes/frontend/img/ddnsdemes.png); }

.btnOfertas_es { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_es.png); }
.btnOfertas_fr { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_fr.png); }
.btnOfertas_en { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_en.png); }
.btnOfertas_pl { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_en.png); }
.btnOfertas_pt { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_pt.png); }
.btnOfertas_it { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_it.png); }
.btnOfertas_de { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_de.png); }
.btnOfertas_nl { background-image: url(/App_Themes/bydemes/frontend/img/ofertas_nl.png); }

.btnAvatar_es { background-image: url(/App_Themes/bydemes/frontend/img/avatar_es.png); }
.btnAvatar_fr { background-image: url(/App_Themes/bydemes/frontend/img/avatar_fr.png); }
.btnAvatar_en { background-image: url(/App_Themes/bydemes/frontend/img/avatar_en.png); }
.btnAvatar_pl { background-image: url(/App_Themes/bydemes/frontend/img/avatar_en.png); }
.btnAvatar_pt { background-image: url(/App_Themes/bydemes/frontend/img/avatar_pt.png); }
.btnAvatar_it { background-image: url(/App_Themes/bydemes/frontend/img/avatar_it.png); }
.btnAvatar_de { background-image: url(/App_Themes/bydemes/frontend/img/avatar_de.png); }
.btnAvatar_nl { background-image: url(/App_Themes/bydemes/frontend/img/avatar_nl.png); }

.btnOff_es { background-image: url(/App_Themes/bydemes/frontend/img/off_es.png); }
.btnOff_fr { background-image: url(/App_Themes/bydemes/frontend/img/off_fr.png); }
.btnOff_en { background-image: url(/App_Themes/bydemes/frontend/img/off_en.png); }
.btnOff_pl { background-image: url(/App_Themes/bydemes/frontend/img/off_en.png); }
.btnOff_pt { background-image: url(/App_Themes/bydemes/frontend/img/off_pt.png); }
.btnOff_it { background-image: url(/App_Themes/bydemes/frontend/img/off_it.png); }
.btnOff_de { background-image: url(/App_Themes/bydemes/frontend/img/off_de.png); }
.btnOff_nl { background-image: url(/App_Themes/bydemes/frontend/img/off_nl.png); } 

.btnAyuda_es { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_es.png); }
.btnAyuda_fr { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_fr.png); }
.btnAyuda_en { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_en.png); }
.btnAyuda_pl { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_en.png); }
.btnAyuda_pt { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_pt.png); }
.btnAyuda_it { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_it.png); }
.btnAyuda_de { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_de.png); }
.btnAyuda_nl { background-image: url(/App_Themes/bydemes/frontend/img/ayuda_nl.png); }

.btnPedidos_es { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_es.png); }
.btnPedidos_en { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_en.png); }
.btnPedidos_pl { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_en.png); }
.btnPedidos_fr { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_fr.png); }
.btnPedidos_it { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_it.png); }
.btnPedidos_nl { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_nl.png); }
.btnPedidos_de { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_de.png); }
.btnPedidos_pt { background-image: url(/App_Themes/bydemes/frontend/img/misPedidos_pt.png); }

.btnPresupuestos_es { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_es.png); }
.btnPresupuestos_en { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_en.png); }
.btnPresupuestos_pl { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_pl.png); }
.btnPresupuestos_fr { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_fr.png); } 
.btnPresupuestos_it { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_it.png); }
.btnPresupuestos_nl { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_nl.png); }
.btnPresupuestos_de { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_de.png); }
.btnPresupuestos_pt { background-image: url(/App_Themes/bydemes/frontend/img/misPresupuestos_pt.png); }

.btnFacturas_es { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_es.png); }
.btnFacturas_en { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_en.png); }
.btnFacturas_pl { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_pl.png); }
.btnFacturas_fr { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_fr.png); } 
.btnFacturas_it { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_it.png); }
.btnFacturas_nl { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_nl.png); }
.btnFacturas_de { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_de.png); }
.btnFacturas_pt { background-image: url(/App_Themes/bydemes/frontend/img/misFacturas_pt.png); }

.btnProductos_es { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_es.png); }
.btnProductos_en { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_en.png); }
.btnProductos_pl { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_pl.png); }
.btnProductos_fr { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_fr.png); }
.btnProductos_it { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_it.png); }
.btnProductos_nl { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_nl.png); }
.btnProductos_de { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_de.png); }
.btnProductos_pt { background-image: url(/App_Themes/bydemes/frontend/img/listaProductos_pt.png); }


.btnDDNS
, .btnOfertas_es, .btnOfertas_fr, .btnOfertas_en, .btnOfertas_pt, .btnOfertas_it, .btnOfertas_de, .btnOfertas_nl
, .btnAvatar_es, .btnAvatar_fr, .btnAvatar_en, .btnAvatar_pt, .btnAvatar_it, .btnAvatar_de, .btnAvatar_nl
, .btnOff_es, .btnOff_fr, .btnOff_en, .btnOff_pt, .btnOff_it, .btnOff_de, .btnOff_nl
, .btnAyuda_es, .btnAyuda_fr, .btnAyuda_en, .btnAyuda_pt, .btnAyuda_it, .btnAyuda_de, .btnAyuda_nl
, .btnOfertas_pl,.btnAvatar_pl, .btnOff_pl, .btnAyuda_pl
, .btnFacturas_es, .btnFacturas_fr, .btnFacturas_en, .btnFacturas_pt 
, .btnFacturas_it, .btnFacturas_de, .btnFacturas_nl, .btnFacturas_pl
, .btnPresupuestos_es, .btnPresupuestos_fr, .btnPresupuestos_en, .btnPresupuestos_pt
, .btnPresupuestos_it, .btnPresupuestos_de, .btnPresupuestos_nl, .btnPresupuestos_pl
, .btnPedidos_es, .btnPedidos_fr, .btnPedidos_en, .btnPedidos_pt
, .btnPedidos_it, .btnPedidos_de, .btnPedidos_nl, .btnPedidos_pl
, .btnProductos_es, .btnProductos_en, .btnProductos_pl, .btnProductos_fr, .btnProductos_it
, .btnProductos_nl, .btnProductos_de, .btnProductos_pt 
{
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background-size: contain;
}


.btnDDNS:hover
, .btnOfertas_es:hover, .btnOfertas_fr:hover, .btnOfertas_en:hover, .btnOfertas_pt:hover
, .btnOfertas_it:hover, .btnOfertas_de:hover, .btnOfertas_nl:hover
, .btnAvatar_es:hover, .btnAvatar_fr:hover, .btnAvatar_en:hover, .btnAvatar_pt:hover
, .btnAvatar_it:hover, .btnAvatar_de:hover, .btnAvatar_nl:hover
, .btnOff_es:hover, .btnOff_fr:hover, .btnOff_en:hover, .btnOff_pt:hover
, .btnOff_it:hover, .btnOff_de:hover, .btnOff_nl:hover
, .btnAyuda_es:hover, .btnAyuda_fr:hover, .btnAyuda_en:hover, .btnAyuda_pt:hover
, .btnAyuda_it:hover, .btnAyuda_de:hover, .btnAyuda_nl:hover
, .btnOfertas_pl:hover, .btnAvatar_pl:hover, .btnOff_pl:hover, .btnAyuda_pl:hover
, .btnFacturas_es:hover, .btnFacturas_fr:hover, .btnFacturas_en:hover, .btnFacturas_pt:hover
, .btnFacturas_it:hover, .btnFacturas_de:hover, .btnFacturas_nl:hover, .btnFacturas_pl:hover
, .btnPresupuestos_es:hover, .btnPresupuestos_fr:hover, .btnPresupuestos_en:hover, .btnPresupuestos_pt:hover
, .btnPresupuestos_it:hover, .btnPresupuestos_de:hover, .btnPresupuestos_nl:hover, .btnPresupuestos_pl:hover
, .btnPedidos_es:hover, .btnPedidos_fr:hover, .btnPedidos_en:hover, .btnPedidos_pt:hover
, .btnPedidos_it:hover, .btnPedidos_de:hover, .btnPedidos_nl:hover, .btnPedidos_pl:hover
, .btnProductos_es:hover, .btnProductos_en:hover, .btnProductos_pl:hover, .btnProductos_fr:hover, .btnProductos_it:hover
, .btnProductos_nl:hover, .btnProductos_de:hover, .btnProductos_pt:hover 
{
    cursor: pointer;
}

.btnsalir {
    background-image: url("/App_Themes/bydemes/frontend/img/off.png");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:contain;
    width: 20px;
    height: 20px;
}



#userbox a {
    color: #000000;
    font-size: 1rem;
    position: relative;
    background-color: transparent;
}

#userbox a:hover {
    background-color: rgba(0,168,146,0.5) !important;
    border-radius: 6px;
}

.btnsalir > a {
    color: transparent !important;
}

#topbar-login-form .btn-success {
    width: 100%;
}

#topbar-lang-chooser {
    margin-top: 1rem;
}

.filaHeader {
    margin-top: 24px;
    margin-bottom: 24px;
}

@media (max-width: 991px) {
    .filaHeader {
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: block;
        margin-bottom: 15px;
        vertical-align: baseline;
    }

    #topbar-login-form #ctl00_pnl_login {
        float: none;
    }    

    #topbar-lang-chooser {
        margin-top: initial;
    }

    #ctl00_lnkDDNSdemes, #ctl00_lnksalir, #ctl00_lnkBoletin {
        margin-top: 0px;
        padding: 0 0;
    }

}

#ctl00_imgBienvenido {
    width: 132px;
    height: 24px;
}


@media (max-width: 720px)  
{
    /*
    .btnDDNS
    , .btnOfertas_es, .btnOfertas_fr, .btnOfertas_en, .btnOfertas_pt, .btnOfertas_it, .btnOfertas_de, .btnOfertas_nl
    , .btnAvatar_es, .btnAvatar_fr, .btnAvatar_en, .btnAvatar_pt, .btnAvatar_it, .btnAvatar_de, .btnAvatar_nl
    , .btnOff_es, .btnOff_fr, .btnOff_en, .btnOff_pt, .btnOff_it, .btnOff_de, .btnOff_nl
    , .btnAyuda_es, .btnAyuda_fr, .btnAyuda_en, .btnAyuda_pt, .btnAyuda_it, .btnAyuda_de, .btnAyuda_nl
    , .btnOfertas_pl, .btnAvatar_pl, .btnOff_pl, .btnAyuda_pl
    , .btnFacturas_es, .btnFacturas_fr, .btnFacturas_en, .btnFacturas_pt
    , .btnFacturas_it, .btnFacturas_de, .btnFacturas_nl, .btnFacturas_pl    
    , .btnPresupuestos_es, .btnPresupuestos_fr, .btnPresupuestos_en, .btnPresupuestos_pt
    , .btnPresupuestos_it, .btnPresupuestos_de, .btnPresupuestos_nl, .btnPresupuestos_pl
    , .btnPedidos_es, .btnPedidos_fr, .btnPedidos_en, .btnPedidos_pt
    , .btnPedidos_it, .btnPedidos_de, .btnPedidos_nl, .btnPedidos_pl
    , .btnProductos_es, .btnProductos_en, .btnProductos_pl, .btnProductos_fr, .btnProductos_it
    , .btnProductos_nl, .btnProductos_de, .btnProductos_pt 
    {
        background-size: 82%;
    }*/

    .btnOff_es, .btnOff_fr, .btnOff_en, .btnOff_pt, .btnOff_it, .btnOff_de, .btnOff_nl, .btnOff_pl
    {
        background-size: 82%;
        left:25px;
    }

    #ctl00_imgBienvenido {
        width: 110px !important;
        height: 21px;        
    }

    .spn_bienvenido {
        font-size:  1.4rem;
    }

}    


@media (max-width: 991px) {

    .username {
        color: #ffffff; 
        margin: 0px;
    }

    #userbox {
        text-align: left;
    }

}