body { 
left:0px; 
right:0px; 
top:0px; 
bottom:0px;  
margin:0px; 
padding:0px;
min-height: 660px;
background:url(img/fundo.jpg) center ; 
width:auto !important;
font-family: 'Ubuntu', 'Lato', sans-serif;
overflow-y: hidden;
overflow-x: hidden;
/*position: fixed;*/ width:100% !important;height:100% !important;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
z-index: 1;
}

.degrade{
    position: fixed;
    margin: 0px;
    padding:0px;
    font-family: 'Ubuntu', 'Lato', sans-serif;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #050A30 linear-gradient(170deg , #050A30 0%, #0f1e53 46%, rgba(82,104,171,.5) 100%);
    background-repeat: no-repeat;
    background-position: center center;
     opacity: 0.0;
    z-index: 0;
}


#estrutura {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100vh;
	}

@media screen and (max-width: 500px) and (max-height: 800px) {
#estrutura {  height: 80vh; }
    
}

#login {
    
    float: right;
    width: 30%;
    height: 310px;
 background-color:#FFFFFF; 

    background: -moz-linear-gradient(#FFFFFF9, #FFFFFF9);
    background: -ms-linear-gradient(#FFFFFF9, #FFFFFF9);
    background: -o-linear-gradient(#FFFFFF9, #FFFFFF9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF9), to(#FFFFFF9));
    background: -webkit-linear-gradient(#FFFFFF9, #FFFFFF9);
    background: linear-gradient(#FFFFFF9, #FFFFFF9); 
	


    /*
   position:absolute;*/
    box-shadow: 0 0 5px rgb(0 0 0 / 30%), 0 3px 7px rgb(0 0 0 / 30%), inset 0 5px rgb(255 255 255), inset 0 -8px 5px rgb(0 0 0 / 0%);;
    border-radius: 5px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
	padding:10px;
	}

#login h1 {
	color: #070f3a;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-family: 'Ubuntu', 'Lato', sans-serif;
	font-size:26px;
	padding-left:10px;
	font-weight:900;
    line-height:1.1;
    text-align: center;
    
        
}
#logo { 
	width: 50%;
	height:300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
}
#logo img{
    width: 55%;
    height: auto; 
}

@media screen and (max-width: 1800px) {
#logo img{
    width: 75%;
    height: auto;
    justify-content: center;
}
}


@media screen and (max-width: 1100px) {
#logo{justify-content: center;}
#logo img{
    width: 75%;
    height: auto;
}
    
#login {
    float: right;
    width: 44%;
    }
}


@media screen and (max-width: 750px) {
    
#estrutura{ flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center}
#login {
    float: right;
    width: 90%;
    }
#logo{
    height: 200px;
   float: left;
 clear: both;
    width: 90%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    }
    
#logo img{
    width: 100%;
    height: auto;
    justify-content: center;
}
}

@media screen and (max-width: 500px) {
    
#logo{
    height: 150px;
    
}
}



.div_carac {
 	font-family: 'Ubuntu', 'Lato', sans-serif;
    color: #243E4E;
	font-size:11px;
	line-height:12px;
	height:12px;
	float:right;
	padding-right:20px
}
.div_carac:hover {
	cursor:pointer
	
}
.form-3 #usuario, .form-3 #senha {
    
	/* Size and position */
    width: calc(100% - 40px);
	height:40px;	
    padding: 8px 5px;
    margin-bottom: 10px;
    font-size: 13px;
	margin:15px 20px;	
    outline: none; /* Remove Chrome outline */	
	box-shadow: 0 1px 0 #cccccc6b;
    border-radius: 3px;
    background-color: #fff;
    /* Font styles */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    color: #000000;	
	border: 1px solid #09113c57;	
	padding-left:30px;
}



.form-3 #usuario, .form-3 #usuario:hover, .form-3 #usuario:focus, .form-3 #usuario:active{ background:url(../img/user1.png) no-repeat left 3px;}

.form-3 #senha, .form-3 #senha:hover, .form-3 #senha:focus, .form-3 #senha:active{ background:url(../img/pws1.png) no-repeat left 3px;
}

.form-3 #usuario:hover,
.form-3 #senha:hover, .form-3 #senha:focus, .form-3 #usuario:focus{
    background-color: rgb(240 241 245); color:#000;
}

::-webkit-input-placeholder {
   color: #666;
}

:-moz-placeholder {
   color: #666;
}

::-moz-placeholder {
   color: #666;  
}

:-ms-input-placeholder {  
   color: #666;  
}

.form-3 input[type=submit] {
    /* Size and position */
    width: calc(100% - 40px);
    padding: 8px 5px;
	margin:10px 0px 0px 20px;
    
    /* Styles */
    background: #FF9900;
    background: -moz-linear-gradient(#FF9900, #e98c00);
    background: -ms-linear-gradient(#FF9900, #e98c00);
    background: -o-linear-gradient(#FF9900, #e98c00);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#e98c00));
    background: -webkit-linear-gradient(#FF9900), #e98c00);
    background: linear-gradient(#FF9900), #e98c00);    
    border-radius: 5px;
    border: 1px solid #25377021;
    box-shadow: inset 0 1px rgba(255,255,255,0.4), 0 2px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Font styles */
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-size: 16px;
    font-weight: 400;
    font-family: 'Ubuntu', 'Lato', sans-serif;
}

.form-3 input[type=submit]:hover {
    box-shadow: 
        inset 0 1px rgba(255,255,255,0.2), 
        inset 0 20px 30px rgba(99,64,86,0.5);
}

/* Fallback */
.no-boxshadow .form-3 input[type=submit]:hover {
    background: #594642;
}
ul { 
    width: 430px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    float: none;
    margin: 13px 0px 0px -227px;
    margin-top: 13px; 
}
ul li { 
	list-style:         
	none !important;
	display:	inline;
	float:left; 
	margin:3px 7.5px; 
	width:60px; 
	height:51px; 
	cursor:pointer;
}
ul li i{ font-size: 65px; color: #FFFFFF; opacity: 0.7;}
ul li i:hover { opacity: 1;}

#bt_face:hover { 	background-position:0px -52px; }
#bt_site { 	background-position:-105px 0px; }
#bt_site:hover { 	background-position:-105px -52px; }
#bt_phone { 	background-position:-52px 0px; }
#bt_phone:hover { 	background-position:-52px -52px; }
#bt_place { 	background-position:-158px 0px; }
#bt_place:hover { 	background-position:-158px -52px; }

#version { 	
	
	font-size:11px; 
	color:#FFF;  
	font-family: 'Raleway', 'Lato', Arial, sans-serif;
	text-shadow: 2px 1px 1px #000;
	position:absolute; 
	bottom:10px; 
	right:10px;
	font-weight:400
}

.modal-dialog{
    
    margin-left: -290px !important;
    margin-top: -170px !important;
    top: 50% !important; 
    left: 50% !important;
    
}
.login-cover, .login-cover-bg, .login-cover-image {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.login-cover-bg {
background: #2c2d44;
background-image: -moz-linear-gradient(45deg, #3f3251 2%, #002025 100%);
background-image: -webkit-linear-gradient(45deg, #3f3251 2%, #002025 100%);
background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}