html {
    height:100%;
}

.login-body {
    /*background: #AD0C11 url(../images/fondo-login.jpg) center center no-repeat;*/
    background: #b80000; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #b80000 0%, #840000 25%, #b80000 50%, #840000 75%, #b80000 100%, #b80000 100%, #b80000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #b80000 0%,#840000 25%,#b80000 50%,#840000 75%,#b80000 100%,#b80000 100%,#b80000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #b80000 0%,#840000 25%,#b80000 50%,#840000 75%,#b80000 100%,#b80000 100%,#b80000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80000', endColorstr='#b80000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: cover;
    background-attachment: fixed;
}
/* Login */
.wrapper-login {
    position: absolute;
    height: 100%;
    width: 100%;
}

.login-box-container {
    margin-top: 2%;
    min-width: 330px;
}

.input-identification {
    background: white url(../images/login-identificacion.png) 5px center no-repeat;
    padding: 5px 5px 5px 35px;
}

.input-password {
    background: white url(../images/login-password.png) 5px center no-repeat;
    padding: 5px 5px 5px 35px;
}

.link-fecha-sugerida > a {
    color:#ffc000;
    text-decoration-style:dotted;
}

/* Muestra Colores */
.muestra-color {
    height: 0;
    padding-bottom: 100%;
}

/* Barra Superior */
.topbar {
    height: 80px;
    width: 100%;
    background: black;
}

/* Nombre de Sección */
.nombre-seccion {
    height: 116px;
}
.nombre-seccion-empresa {
    position: relative;
    width: 520px;
}
.cambiar-empresa {
    right: 0;
    text-align: left;
    top: 49px;
    width: 520px;
    font-size: 35px;
    font-weight: 300;
}
.cambiar-empresa a {
    font-weight: 300 !important;
}
.combo-empresa {
    position: absolute;
    right: 0;
}
.titulo-seccion {
    font-size: 50px;
}
.subtitulo-seccion {
    font-size: 30px;
}

/* Ruta */
.ruta{
    height: 75px;
    background: #e7e7e7;
    padding: 13px 0;
    font-size: 18px;
}

.ruta-texto {
    line-height: 34px;
}

/* Dashboard */
.dashboard-link, .dashboard-link:hover, .dashboard-link:active {
    color: #636363;
    text-decoration: none;
}
.dashboard-item {
    height: 270px;
    font-weight: 300;
    font-size: 28px;
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #dadada;
    position: relative;
}

.dashboard-item.nuevo {
    background: #e1e1e1;
    border: 1px solid #c8c8c8;
}

.dashboard-notificaciones {
    position: absolute;
    left: 0;
    top: 15px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
    font-weight: bold;
}

.nombre-logo{
    height: 200px;
    font-size: 23px;
    padding: 0 20px;
}

.datos-legales {
    height: 70px;
    line-height: 1.3;
    font-size: 14px;
    background: #f5f5f5;
}

/* Detalle Empresa */
.datos-empresa-detalle {
    line-height: 1.3;
    font-size: 14px;
}
.nombre-empresa-detalle {
    font-size: 27px;
}
.nombre-establecimiento {
    border-right: 1px solid #ffb1b1;
    font-weight: bold;
    font-size: 17px;
    height: 54px;
}
.detalle-establecimiento {
    font-size: 14px;
    border-right: 1px solid #ffb1b1;
    line-height: 1.3;
}
.icono-establecimiento {
    height: 54px;
}

.mensajes_notificacion {
    line-height: 40px;
}

.cantidad_mensajes_notificacion {
    display: inline-block;
    height: 40px;
    background: #f7d2d6;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    color: #636363;
    font-size: 25px;
    vertical-align: middle;
}

.servicios-disponibles {
    background: #ededed;
    border-radius: 5px;
    overflow: hidden;
}

.servicios-disponibles:hover, .servicios-disponibles.activo {
    background: #d5d5d5;
}

.servicios-disponibles:hover > .servicio-logo, .servicios-disponibles.activo > .servicio-logo {
    background: #ededed;
}

.servicios-disponibles:hover > .botones-servicio, .servicios-disponibles.activo > .botones-servicio {
    display: block !important;
}

.servicio-logo {
    width: 60px;
    height: 60px;
    background: #d5d5d5;
    line-height: 60px;
}

.servicio-logo img {
    vertical-align: middle;
}

.nombre-servicio {
    font-size: 17px;
    color: #636363;
    font-weight: bold;
    height: 60px;
}

.botones-servicio {
    height: 60px;
}

/*Footer*/
    .row1 {
        width: 100%;
        max-width: 960px;
        min-width: 727px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    div#social-banner {
        background: url(../images/bg-social-banner.jpg) repeat-x center top transparent;
        position: relative; padding-top: 35px; margin-top: 80px; padding-bottom: 20px;
    }
    div#social-banner .social {
        background: url(../images/bg-social.png) no-repeat center top transparent;
        top: -51px; position: absolute; width: 100%; height: 73px; display: block;
        text-align: center;
    }
    div#social-banner .social span{
        display: none;
    }
    div#social-banner .banner:before{
        content:"INFORMACI\00d3N COMERCIAL"; display: inline-block; background: white; color: silver;
        font-size: 9px; position: absolute; top: -18px; padding: 0px 10px;
    }
    div#social-banner .banner{
        text-align: center; position: relative;
        margin: 30px 0px;
    }

    div#contenedor-footer{
        min-height:126px; display:block; background: url(../images/footer-bg.jpg) repeat-x center top #1B1B1B;
        margin:-20px auto 0px; overflow:hidden; width: 100%;
    }
    div#footer{
        min-height:106px; display:block; z-index: 2;
        margin:19px auto 0px; position: relative; overflow:hidden;
    }
    div#footer .logo{
        vertical-align:top; color: white; line-height: 15px;
        padding-bottom: 30px; display: inline-block; width: 280px;
    }
    div#footer .logo a{ margin-bottom: 20px; display: block; }
    div#footer .bloque{
        vertical-align:top; color: white; line-height: 15px; max-width: 200px;
        padding-bottom: 10px; display: inline-block; margin-left: 50px;
    }
    div#footer .bloque h5{ color: white; font-weight: lighter; margin: 10px 0px; }
    div#footer .bloque li{
        background: url(../images/sprite.png) no-repeat -281px -109px;
        padding-left: 15px;
    }
    div#footer .bloque li a{ color: white; }
    div#footer .bloque li.link{  background-position: -281px -231px; padding-left: 10px; }
    div#footer .bloque li.proveedor{ background-position: -281px -109px; }
    div#footer .bloque li.afiliado{ background-position: -281px -132px; }
    div#footer .bloque li.empresario{ background-position: -281px -158px; }
    div#footer .bloque li.emprendedor{ background-position: -281px -184px; }
    div#footer .bloque li.ciudadano{ background-position: -281px -210px; }

    div#footer div#datos-contacto{ width: 218px; display: inline-block; text-align: center; }
    div#footer div#datos-contacto h5{ color: white; font-weight: lighter; margin: 10px 0px; }
    div#footer div#datos-contacto div.dato{ color: white; }
    div#footer div#datos-contacto span { font-size:18px; font-weight: bold; line-height: 25px; }
    div#footer div h6{
        background: url(../images/footer-headline-bg.jpg) center top repeat-x;
        min-height:22px; display:inline-block; font-size:12px; color:#fff;
        font-weight: 700; padding:3px 6px; position:relative;
        text-shadow: 0px -1px 0px #5c4a22;
        /*filter: dropshadow(color=#5c4a22, offx=0, offy=-1);*/
    }
    /** Redes sociales **/
    div#footer div#siguenos{ display: inline-block; padding: 0px; }
    div#footer div#siguenos h5{ font-size: 14px; color: #F9F9F9; text-align: center; }
    div#footer div#siguenos a.redes{
        height: 35px; width: 35px; display: inline-block; margin: 5px; opacity: 0.5;
        background: url(../images/sprite.png) -10px -213px no-repeat; text-indent: -9999px;
    }
    div#footer div#siguenos a.facebook{ background-position: -59px -213px; }
    div#footer div#siguenos a.twitter{ background-position: -16px -213px; }
    div#footer div#siguenos a.youtube{ background-position: -102px -213px; }
    div#footer div#siguenos a.webmail{ background-position: -145px -213px; }
    div#footer div#siguenos a:hover{ opacity: 1; }

    div.barra-blanca{
        position: absolute; height: 29px; z-index: 1;
        background: white; right: 0px; width: 40%; bottom: 1px;
    }
    div#footer div.desarrollo{
        height: 30px; text-align: right;
    }
    div#footer div.desarrollo .derechos{
        background: url(../images/sprite.png) left -270px no-repeat;
        width: 475px; height: 29px; line-height: 29px; color: white;
        padding-left: 35px; display: inline-block; text-align: left;
        font-size: 12px;
    }
    div#footer div.desarrollo .autor{
         color: black; background: white; display: inline-block;
         height: 29px; line-height: 29px; margin-left: -4px;
         padding: 0px 60px 0px 20px; font-size: 12px;
    }
    div#footer div.desarrollo .autor a{ color: black; font-weight: bold; }

.agregar-establecimiento{
                border: 2px solid #c7c7c7;
                font-size: 18px;
                line-height: 24px;
                font-weight: 300;
                height: 54px;
                display: block;
                text-align: center;
                background: #ededed;
                border-radius: 5px;
                overflow: hidden;
                color: #636363;
            }
            .agregar-establecimiento:active,
            .agregar-establecimiento:focus,
            .agregar-establecimiento:hover{
                color: inherit !important;
            }


            .agregar-establecimiento .plus{
                vertical-align: middle;
                margin-right: 15px;
            }
            .agregar-establecimiento .inner{
                vertical-align: middle;
            }