/*
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 : 28/11/2013, 17:43:41
*/

/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/* TAGS */
* {margin: 0;padding: 0;border: 0;}
body{font-family: 'Open Sans', sans-serif;color: #777;background: #f7f7f7;font-size: 16px;margin: 0;padding: 0;}
input[type=text],input[type=password]{font-weight: lighter;font-family: 'Open Sans', sans-serif;}
input[type=text]:focus,input[type=password]:focus{-webkit-box-shadow: 0 0 10px rgba(205,0,0,.5);-moz-box-shadow: 0 0 10px rgba(205,0,0,.5);box-shadow: 0 0 10px rgba(205,0,0,.5);border: 1px solid #CD0000;}
label{font-weight: lighter;margin: 10px 0 0 0}
p {font-size: 14px;}
a {color: #4CAE4C;}
a:hover {color: green;text-decoration: none;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out;}

header{border-bottom: 1px solid #DDD;background:url('../imagem/bg-topo.png') no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;color:#FFF;padding: 0;position: relative;padding: 10px;position: relative;}
header .titulo-header {text-shadow: 0 1px 1px rgba(0, 0, 0, .9);margin:10px 0 0 10px;}
header .titulo-header h1 {font-size: 50px;margin: 0;padding: 0;}
header .titulo-header h4 {margin: 0;padding: 0;}
.logo-home a{}
.logo-home a img {height: 120px;margin-top: -10px}


/* LOGIN */
.wrapper {margin: 25px 0;}
.wrapper h1{font-family: 'Open Sans', sans-serif;font-weight: lighter;text-align: center;font-size: 28px;padding: 0;margin: 0}
.wrapper .login-body{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px auto;padding: 15px 0 10px}

.login-body .input-group.error .help-inline{display: block; margin-top: 5px; font-size: 11px; color: #D2322D; left: 46px; position: absolute; bottom: -18px;}
.login-body .input-group.error input{border:1px solid #D2322D;}

.login-wraper .login-body .input-append,.login-wraper .login-body .input-prepend {width: 350px;}
.login-wraper .login-body input[type=text],.login-wraper .login-body input[type=password]{width: 100%; font-size: 15px;}
.login-wraper .esqueceu-senha {font-size: 13px;text-align: right;padding:10px 0;display: block; float: right;}
#tab-login{position: absolute; right: -49px; top:-1px;border:0px none; z-index: 1;}
#tab-login li{float: none; border:0px none;}
#tab-login li.active a{background: #FFF;}
#tab-login li a{
    border:1px solid #DDD; 
    border-radius: 0px 5px 5px 0px; 
    -moz-border-radius: 0px 5px 5px 0px; 
    border-left:0px; 
    background: #E9E9E9;
    margin-bottom: 3px;
}
#tab-login li .tooltip{width: 150px; text-align: center;}
#forgot,.reset_password {border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; margin: 10px auto; padding: 15px 0 10px;}
/* RESPONSIVE */
@media (max-width: 600px) {
    .login-wraper {width: auto;height: auto;margin: 10% auto;}
}
@media (max-width: 800px) {
    .login-wraper {margin: 10% auto;}
}