﻿body {
background-image: url(../Imagens/background.png);
}

div.center {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50px;
}

div.center-login {
    position: absolute;
    width: 100%;
    top: 50%;
    height: 50%;
    font-family: Trebuchet MS,Garuda,Sans-Serif;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
}

    div.center-login label {
        margin: 0px;
    }

div.login.div-domain {
    margin-top: -179px;
}

div.login {
    background: #F6F6F6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F6), to(#EAEAEA));
    background: -webkit-linear-gradient(#F6F6F6, #EAEAEA);
    background: -moz-linear-gradient(#F6F6F6, #EAEAEA);
    background: -ms-linear-gradient(#F6F6F6, #EAEAEA);
    background: -o-linear-gradient(#F6F6F6, #EAEAEA);
    background: linear-gradient(#F6F6F6, #EAEAEA);
    border: 1px solid #CCC;
    box-shadow: #EEE 0px 5px 10px;
    -moz-box-shadow: #eee 0px 5px 10px;
    -webkit-box-shadow: #EEE 0px 5px 10px;
    margin: 0 auto;
    padding: 35px 50px;
    width: 420px !important;
    margin-top: -161.5px;
}

    div.login div.options {
        width: 100% !important;
        margin: 0px;
        margin-top: 10px;
        text-align: right;
    }

        div.login div.options button {
            background: #F6F6F6;
            background: linear-gradient(#F6F6F6,#EAEAEA);
            background: -webkit-gradient(linear,0 0,0 bottom,from(#F6F6F6),to(#EAEAEA));
            background: -webkit-linear-gradient(#F6F6F6,#EAEAEA);
            background: -moz-linear-gradient(#F6F6F6,#EAEAEA);
            background: -ms-linear-gradient(#F6F6F6,#EAEAEA);
            background: -o-linear-gradient(#F6F6F6,#EAEAEA);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F6F6F6',endColorstr='#EAEAEA');
            border: 1px solid #BFBFBF;
            color: #747474;
            cursor: pointer;
            font-family: 'SuperGroteskABdRegular';
            font-size: 12px;
            max-height: 34px;
            outline: none;
            padding: 9px 25px;
            text-align: center;
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
            border-radius: 0px;
        }

            div.login div.options button:hover {
                background: #FFCC01;
                background: -webkit-gradient(linear,0 0,0 bottom,from(#FFCC01),to(#FC9200));
                background: -webkit-linear-gradient(#FFCC01,#FC9200);
                background: -moz-linear-gradient(#FFCC01,#FC9200);
                background: -ms-linear-gradient(#FFCC01,#FC9200);
                background: -o-linear-gradient(#FFCC01,#FC9200);
                background: linear-gradient(#FFCC01,#FC9200);
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFCC01',endColorstr='#FC9200');
                color: #FFF;
            }

    div.login div.title {
        margin-bottom: 20px;
        border-bottom: 1px solid #CCC;
        text-align: center;
    }

        div.login div.title a.logo {
            background: url(../Imagens/logo.png);
            background-repeat: no-repeat;
            display: block;
            padding-bottom: 11px;
            padding-top: 10px;
            text-decoration: none;
            vertical-align: middle;
            background-position: center left;
        }

            div.login div.title a.logo span {
                display: inline-block;
                font-size: 24px;
                font-family: 'zektonregular' !important;
                font-weight: normal;
                vertical-align: middle;
                align-items:center;             
            }

        div.login div.title a span.company {
            color: #95A1AA !important;
        }

        div.login div.title a span.brand {
            color: #535353 !important;
        }

    div.login input[type=text], div.login input[type=password] {
        width: 100%;
        max-width:initial;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

div.section div.form-left {
    width: 310px;
}

.rodape-site {    
    top: inherit !important;
    
    width               : 100%;
    position            : fixed;
    height              : 27px;
    bottom              : 0px;
    z-index:999;
    
    background      : #F6F6F6;
    background          : -webkit-gradient(linear, 0 0, 0 bottom, from(#EAEAEA), to(#F6F6F6));
    background          : -webkit-linear-gradient(#EAEAEA, #F6F6F6);
    background          : -moz-linear-gradient(#EAEAEA, #F6F6F6);
    background          : -ms-linear-gradient(#EAEAEA, #F6F6F6);
    background          : -o-linear-gradient(#EAEAEA, #F6F6F6);
    background          : linear-gradient(#EAEAEA, #F6F6F6);
    filter          : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EAEAEA', endColorstr='#F6F6F6');

    border-top: 1px solid #CCC;
}

    .rodape-site p {
        text-align: right;
        line-height: 20px;
        font-size: 11px;
        color: #555;
        position: absolute;
        margin-left: -20px;
        font-weight: normal;
        margin-top: 3px;
        right: 20px;
    }
