body { 

left:0px; 
right:0px; 
top:0px; 
bottom:0px;  
margin:0px; 
padding:0px; 
background:url(../img/back_gerente_remoto.jpg); 
width:100%;
font-family: 'Ubuntu', 'Lato', sans-serif;
    overflow-y: hidden;
    overflow-x: hidden;

}
h1 {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	 font-family: 'Ubuntu', 'Lato', sans-serif;
	 font-size:26px;
	 padding-left:10px;
	 font-weight:900;line-height:1.1;
}
.estrutura {
margin-left:-155px; margin-top:-200px;	
width:310px; height:400px; top:50%; left:50%; background-color:#FFFFFF; 

 background: -moz-linear-gradient(#FFFFFF, #073557);
    background: -ms-linear-gradient(#FFFFFF, #073557);
    background: -o-linear-gradient(#FFFFFF, #073557);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#073557));
    background: -webkit-linear-gradient(#FFFFFF, #073557);
    background: linear-gradient(#FFFFFF, #073557); 
	
border:#3A6C7D solid 1px;   


position:absolute;
    box-shadow: 
        0 0 5px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 5px rgba(255,255,255,1),
        inset 0 -8px 5px rgba(0,0,0,0.25);
    border-radius: 8px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
	padding:10px;
	}
	
#logo { 
	width: 300px;
	height:62px;
	background:url(../img/gr_logo.png) no-repeat;
	
}



.div_carac {
 	font-family: 'Ubuntu', 'Lato', sans-serif;
    color: #243E4E;
	font-size:10px;
	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: 270px;
	height:35px;	
    padding: 8px 5px;
    margin-bottom: 10px;
    font-size: 12px;
	margin:10px;
	
	box-shadow: inset 0 0 2px #FFF;
	
    background:rgba(114,151,173,1.00);
    border-color:#FFF;
    outline: none; /* Remove Chrome outline */
	
	box-shadow: 0 1px 0 #CCC;
    border-radius: 3px;

    /* Font styles */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    color: #243E4E;
	
	border: 1px solid #6C8D9D;
	
	padding-left:30px;
	
	

}

.form-3 #usuario:hover,
.form-3 #senha:hover{
    background: #27292c;
}

.form-3 #senha:focus {


	background:url(../img/pws2.png) no-repeat left top;
    /* Styles */
    background-color: #1f2124; /* Fallback */
    background-color: -moz-linear-gradient(#1f2124, #27292c);
    background-color: -ms-linear-gradient(#1f2124, #27292c);
    background-color: -o-linear-gradient(#1f2124, #27292c);
    background-color: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));
    background-color: -webkit-linear-gradient(#1f2124, #27292c);
    background-color: linear-gradient(#1f2124, #27292c);    
    color: #FFF;
  
}
.form-3 #usuario:focus {

	background:url(../img/user2.png) no-repeat left top;
    /* Styles */
    background-color: #1f2124; /* Fallback */
    background-color: -moz-linear-gradient(#1f2124, #27292c);
    background-color: -ms-linear-gradient(#1f2124, #27292c);
    background-color: -o-linear-gradient(#1f2124, #27292c);
    background-color: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));
    background-color: -webkit-linear-gradient(#1f2124, #27292c);
    background-color: linear-gradient(#1f2124, #27292c);    
    color: #FFF;
  
}
.form-3 #usuario { background:url(../img/user1.png) no-repeat left top;
 background-color:rgba(114,151,173,1.00);
}
.form-3 #usuario:hover { background:url(../img/user2.png) no-repeat left top;
 background-color: #27292c; color:#FFF;
}
.form-3 #senha { background:url(../img/pws1.png) no-repeat left top;
 background-color:rgba(114,151,173,1.00);
}
.form-3 #senha:hover { background:url(../img/pws2.png) no-repeat left top;
 background-color: #27292c; color:#FFF;
}

::-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: 270px;
    padding: 8px 5px;
	margin:20px 0px 0px 10px;
    
    /* Styles */
    background: #FF9900;
    background: -moz-linear-gradient(#FF9900, #7D4B00);
    background: -ms-linear-gradient(#FF9900, #7D4B00);
    background: -o-linear-gradient(#FF9900, #7D4B00);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#7D4B00));
    background: -webkit-linear-gradient(#FF9900), #7D4B00);
    background: linear-gradient(#FF9900), #7D4B00);    
    border-radius: 5px;
    border: 1px solid #4e3043;
    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;
}

li { 
	list-style:         
	none !important;
	display:	inline;
	background:url(../img/social_icons.png) no-repeat;
	
}
ul { 
	width:280px; 
	position:relative; 
	float:none; 
	margin:-10px; 
	margin-top:15px 
}
li { 
	float:left; 
	margin:3px; 
	width:52px; 
	height:51px; 
	cursor:pointer;
}
#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:0px; 
	right:0px;
	font-weight:400
}