/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/06/2018, 10:49:31 AM
    Author     : ricardo pardo
*/
@font-face{
    font-family:'FuturaStdHeavy';
    src:url('../fonts/FuturaStd-Heavy.otf');
}

@font-face{
    font-family: 'FuturaBook';
    src:url('../fonts/Futura-Std-Book_19044.ttf');
}

body{
    background-color: #FFF;
}


a{
    color:#FFF;
    text-shadow:none;
}

a:visited{
    color:#000 !important;
}
.divHidden{
    display: none;
}
.msgClass{
    border: 1px solid #dfe0e6;
    border-radius: 2px;
    padding: 10px 24px 10px 24px;
    background-color: #e1f5fe;
}
#divContentLogin,
#divContentMain{
    margin:0 auto;
    padding-top: 30px;
    width: 90%;
    text-align: center;
}

#divContentLogin input{
    width: 100%;	
}
#divContentLogin button{
    width: 200px;	
}
.divLoginLogo,
.divImgAsesor{
    margin-top: 30px;
    margin-bottom: 30px;
}

.divLoginLogo{
    margin-bottom: 20%;
}

.divLoginLogo img{
    width: 100%;
}
/************Media Query***************/

@media (min-width:1367px){
    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 35%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 50%;
        margin: 0 auto;
    }
}



@media (max-width:1366px){
    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 40%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 50%;
        margin: 0 auto;
    }



}
@media (max-width:1280px){

    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 50%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 60%;
        margin: 0 auto;
    }


    .cabecera{
        border-bottom: solid 7px #9E9E9E;
    }

    .divAtras{
        font-size: 1.6em;
        font-weight: normal;
        margin-top:10px;
    }

    .divAtras span{
        margin-right: 11px;
        width: 0.6em;
    }

    .divImagenHeader div{
        /*font-size: 1.6em;*/
        top: 0px;
    }


}
/*Para tablets en landscape*/
@media (max-width:1030px){

    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 50%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 70%;
    }

    .cabecera{
        border-bottom: solid 7px #9E9E9E;
    }

    .mensajeUsuario,
    .mensajeMaquina,
    .mensajeAgente{
        max-width: 98%;
    }


}
@media (max-width:768px){

    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 70%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 70%;
    }


    .cabecera{
        border-bottom: solid 5px #9E9E9E;
    }

    .divAtras{
        font-size: 1.4em;
        font-weight: normal;
        margin-top:11px;
    }

    .divAtras span{
        margin-right: 11px;
        width: 0.5em;
    }

    .divImagenHeader div{
        font-size: 1em;
        top: 0px;
    }


    .mensajeUsuario,
    .mensajeMaquina,
    .mensajeAgente{
        max-width: 80%;
    }

    #divTextChat #txtChat{
        width: 75%;
    }

    #divTextChat #btnEnviarChat{
        width: 16%;
    }
}
@media (max-width:640px){

    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 85%;
    }

    #divContentMain{
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 80%;
    }

}

@media (max-width:480px){

    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 95%;
        padding-top: 10%;
    }

    .divLoginLogo{
        width: 90%;
        margin-top: 10%;
    }

}
@media (max-width:320px){
    #divContentLogin,
    #divContentMain{
        margin:0 auto;
        width: 95%;
        padding-top: 15%;
    }

    .divLoginLogo{
        width: 83%;
        margin-top: 0%;
    }

}