#login-main-content
{
    padding-top: 70px;
}


#login-box
{
    position: absolute;
    clear: both;
    z-index: 2 !important;
    height: 215px; /* Old browsers */
    
    background: #265c88;
    
    
    background: -moz-linear-gradient(top, #479cd8 0%, #265c88 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479cd8), color-stop(100%,#265c88)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #479cd8 0%,#265c88 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #479cd8 0%,#265c88 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #479cd8 0%,#265c88 100%); /* IE10+ */
    background: linear-gradient(to bottom, #479cd8 0%,#265c88 100%); /* W3C */
    
    
    box-shadow:2px 2px 8px #777;
	-webkit-box-shadow:2px 2px 16px #777;
	
    -moz-box-shadow:2px 2px 8px #777;
	-moz-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px; 
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	
    border-top: 2px solid #96D4FF;
    border-left: 2px solid #87C7F5;
    border-right: 2px solid #75B7E6;
    border-bottom: 2px solid #5D9FCF;
	
    
    
}

#login-content-wrapper
{
    position: relative;
    width: 470px;
    margin: auto;
    height: 570px;
}

#info-box
{   
    
    position: absolute;
    top: 200px;
    z-index: 1 !important;
    margin-left: 29px;
    width: 400px;
    height: 350px;
    background: #bbcddb;
    border-left: 6px solid #E3F3FF;
    border-right: 6px solid #E3F3FF;
    border-bottom: 6px solid #3482BF;
    
    -webkit-box-shadow: 0 0 16px #888;
    -moz-box-shadow: 0 0 16px #888;
    box-shadow: 0 0 16px #888;
    
    
}

#info-box-content
{
    padding: 20px;
    font-family: 'Oswald', Impact, Helvetica, sans-serif !important;
	font-weight: 600 !important;
    
}

#info-box-content hr
{
    color: #3482BF;
    background-color: #3482BF;
    height: 1px;
    border: none;
}

#info-box-content h3, #requisitos-popup h3
{
    margin-top: 27px;
    line-height: 10px;
    
}

#info-box-content p, #requisitos-popup p
{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    text-align: justify;
}

#info-box-btn
{
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 0px;
    left: 217px;
    z-index: 3;
}

#info-box-btn.open
{
    background: url("/registrocivil/javax.faces.resource/images/login/ico_bt_open.png.jsf?ln=tjba-default-theme") no-repeat;
}

#info-box-btn.close
{
    background:url("/registrocivil/javax.faces.resource/images/login/ico_bt_close.png.jsf?ln=tjba-default-theme") no-repeat;
}

.bold
{
    font-weight: 600;
}


#login-cadeado
{
    float: left;
    margin-left: 30px;
    margin-top: -60px;
    width: 134px;
    height: 177px;
    background: url("/registrocivil/javax.faces.resource/images/login/img_cadeado_grande.png.jsf?ln=tjba-default-theme") no-repeat;
}

#login-form-area
{
    float: left;
    width: 300px;
    height: 210px;
    padding-top: 8px;
    text-align: center;
}

#login-box h2
{
    font-family: 'Oswald', Impact, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	font-size: 18px;
    color: white;
}

#login-box input
{
    background: transparent;
    border: none;
    width: 75%;
    height: 30px;
    font-weight: 400;
	color: #000000;
	font-size: 20px;
	font-family: 'Source Sans Pro', sans-serif;
    
}

#login-box input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000000;
}

#login-box input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000000;
}

#login-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000000;
}

#login-box input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000000;
}

#login-box input:focus
{
    outline: 0;
}

.input-box
{
    display: inline-table;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    background: #fff;
    width: 200px;
    
    
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    
	
    border: 2px solid #2C7AB0;
    
    
}

.input-box-element
{
    float: left;
    margin-top: 2px;
    margin-left: 7px;
}

#login-img-login
{
    width: 28px;
    height: 26px;
    background: url("/registrocivil/javax.faces.resource/images/login/ico_login.png.jsf?ln=tjba-default-theme") no-repeat;
}

#login-img-chave
{
    width: 28px;
    height: 26px;
    background: url("/registrocivil/javax.faces.resource/images/login/ico_chaves.png.jsf?ln=tjba-default-theme") no-repeat;
}

#btn-submit
{
   background: url("/registrocivil/javax.faces.resource/images/login/btn-submit.png.jsf?ln=tjba-default-theme") no-repeat !important; 
   position: relative !important;
   float: right !important;
   margin-right: 50px !important;
   width: 110px !important;
   color: #fff !important;
   font-family: 'Source Sans Pro', sans-serif !important;
   font-weight: 600 !important;
   font-size: 11px !important;
   letter-spacing: 0.5px !important;
   
}

#btn-submit:hover
{
  	background: url("/registrocivil/javax.faces.resource/images/login/btn-submit-hover.png.jsf?ln=tjba-default-theme") no-repeat !important;
  	position: relative !important;
    float: right !important;
    margin-right: 50px !important;
    width: 110px !important;
    color: #fff !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}


#btn-submit:active
{
   /* background: #06730b !important;*/
   
}

#page-content-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px;
	
}

#page-content-push
{
	height: 38px;
}