/*Forms*/
fieldset {
    padding:15px;
}
/*-----------------*/

.login-bg {
    background-color:#E4E4E4;
}

.deny {
    font-size: 18px;
    color:#CC3300;
}

.shadow {
    box-shadow: 0 0 45px #777;
}


#header {
    width:100%;
    height:128px;
    margin-top:75px;
}

#title {
    line-height:128px;
    color:#A5A5A5;
    font-size:50px;
    float: left;
    margin-left:20px;
    text-align:center;
    font-weight:700;
}

#r2ms-logo {
    width:130px;
    height:65px;
    background-image:url("/Images/logo.png");
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin-top:37px;
    margin-left:15px;
}


#user {
    height:40px;
    line-height:40px;
    float:right;
    margin-right:40px;
}

#user-nome, #user-empresa {
    float:left;
    color:#5F5F5F;
    font-weight:300;
}




#content {
    position:relative
}

#content-cont {
    width:1024px;
    margin:0 auto;
    padding:0;
}

#content-cont h1 {
    font-weight: normal;
    font-size: 24px;
}

#content-title {
    border-bottom-color:#E5E5E5;
  border-bottom-style:solid;
  border-bottom-width:5px;
  color:#757575;
  font-size:20px;
  height:50px;
  line-height:50px;
  margin-bottom:15px;
  text-align:center;
  width:100%;

}


    #content h3 {
        color:#999;
        font-weight:300;
        font-size:16px;
    }


#center-col {
    width:1004px;
    min-height:560px;
    padding:15px 15px 30px 15px;
    float:left;
}


#footer {
    width:100%;
    height:150px;
    background-color:#e7e7e7;
    position: relative;
    margin-top: -150px; /* A mesma altura do rodapé, o valor deve ser negativo */
    clear:both
}





#login
{
    width:100%;
    margin:0 auto;
}

#login-cont {
    width: 960px;
    height: 480px;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -480px;
    margin-top: -260px;
}

#login-cont .col2 {
    width: 46%;
    float: left;
    padding: 1.8%;
}

#login-cont .col2 h1 {
    color: #747474;
    font-size: 49px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
}

#login-cont .col2 h2 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #919191;
}

#login-cont .col2 ul li {
    float: left;
    padding: 5px 10px;
    background-color: #DDDDDD;
    margin: 2px;
    font-weight: 300;
    color: #777777;
    border-radius: 5px;
}

#login-cont .controls {
    height: 350px;
    background-color: #FFF;
    box-shadow: 0 0px 0 7px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    margin-top: -18px;
}

#login-cont .controls .header {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #8D8D8D;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 36px;
    margin-top: -10px;
    font-weight: 700;
    text-align: center;
}

#login-cont label {
    width: 100%;
    height: 30px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #C9C2C2;
    margin-bottom: 10px;
}

#login-user, #login-pass {
    width: 80%;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E4E4E4;
    margin: 0 auto;
    display: block;
    font-size: 1.8em;
    color: #747474;
    margin-bottom: 15px;
    text-align: center;
}

#login-cont .controls p {
    width: 100%;
    display: block;
    margin-top: 23px;
}

#login-submit {
    width: 50%;
    margin: 0 auto;
    display: block;
    height: 50px;
    border-radius: 5px;
    font-size: 24px;
    padding: 0 !important;
    font-weight: 300;
    color: #FFF;
    background-color: #519DC0;
    cursor: pointer;
}

#login-submit:hover {
    background-color: #60A9CA;
}

#logout {
    float:right;
    height: 40px;
    width: 60px;
}

#logout a 
{
    height: 40px;
    width: 60px;
    line-height:40px;
    text-align:center;
    display:block;
    color:#525252;
    font-weight:300;
    
}


#logout a:hover {
    background-color:#FFA8A8;
}


/*Default*/

.fake {
    display: none;
}


#ferramentas, #ferramentas-offline {
    width:100%;
    height: auto;
    float: left;
    padding-top:15px;
    padding-bottom:15px;
    
    background-repeat:repeat-x;
    background-position:initial;
    background-position:top;

}


    #ferramentas li, #ferramentas-offline li {
        float:left;
        margin-left:10px;
        margin-bottom:15px;
        position:relative;
        padding:0;
-webkit-transition: all 0.3s ease-in-out;
           -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
             -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
    }

    #ferramentas li a, #ferramentas-offline li a{
        width:150px;
        height:150px;
        line-height:300px;
         
        text-align:center;
        color:#999;
        font-size:16px;
        padding:0
    }
   
    #ferramentas li:hover {
        -webkit-transform: scale(1.2);
           -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
             -o-transform: scale(1.2);
                transform: scale(1.2);
        z-index: 10000;
        -webkit-transition: all 0.2s ease-in-out;
           -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
             -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
    }


        #ferramentas li a:hover, #ferramentas-offline li a:hover {
            color:#333;
        }


        #ferramentas li:hover .description-b .col, #ferramentas-offline li:hover .description-b .col{
            width:250px;
            height:auto;
            left:0;
            top:170px;

            display:block;

            -webkit-transform: scale(1);
               -moz-transform: scale(1);
                -ms-transform: scale(1);
                 -o-transform: scale(1);
                    transform: scale(1);

          transition: 0.5s linear;
          -moz-transition: 0.5s linear;
          -webkit-transition: 0.5s linear; 
 
        }

            #ferramentas li:hover .description-b:before, #ferramentas-online li:hover .description-b:before {
                left:54px;
            }

             #ferramentas li:hover .icon-name, #ferramentas-offline li:hover .icon-name {
                 display: block;
                 position: absolute;
                 left: 0;
                 top: 92%;
                 text-align: center;
             }
        
     
     #ferramentas li:hover ul li:hover {
        border:none;
     }
     
#parceiros 
{ 
    width:100%;
    min-height:200px;
    margin-bottom:250px;
}

#parceiros-cont 
{
    width: 994px;
    padding:15px;
    margin:0 auto;
}

#parceiros h3 
{
    font-size:16px;
    font-weight:normal;
    color:#999;

}

#parceiros ul 
{
    margin-left:10px;
}


/*Conta*/

#alterar-senha .col {
    min-width: 200px;
}

#alterar-senha-result {
    margin-top: 20px;
    float: left;
    color: #c20909;
}



/*Selecionar Empresa*/

#selecionar-empresa {
    margin-top: 30px;
}

#selecionar-empresa ul {
    display: inline;
}

#selecionar-empresa ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

#selecionar-empresa ul li a {
    display: block;
    background-color: #A0A0A0;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    padding: 15px;
}


#selecionar-empresa ul li a:hover {
    background-color: #8BBCCC;
}

#selecionar-empresa ul li a:active {
}