body {
	display: block;
	min-width: 350px;

    background: url(../imgs/background.jpg) no-repeat center top fixed; 

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    font-family: Myriad Pro, arial;
}
 
#login-container{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:0;
	margin-top:-260px;
	width: 350px;
	min-width: 350px;
}
 
#box-login{
	text-align: center; 
	margin: 0 auto; 
	width: 350px;
	height: 206px;
	
	padding-top: 10px;
	padding-left: 10px;

	background: url(../imgs/box-login_fundo.png) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cartoes{}
#cartoes ul{list-style: none; margin:30px 0 0 30px; padding: 0;}
#cartoes ul li{display: inline-table; margin:0 -3px;}

#ola{font-size: 20px; padding: 0 25px; color: #ffffff; margin-bottom: 50px;}

#persona-mobile{display: none;}

h3{color: #fff; font-size: 18px; padding: 10px 0 0;}
p{color: #fff; margin: 20px 0 0;}

.tx{border: none; color: #000; text-align: center; width: 219px; height: 32px; background: none;}
.usuario{background: url(../imgs/tx-usuario_fundo.png) no-repeat;}
.bt-enviar{display: block; margin: 12px auto; width: 96px; height: 25px; background: url(../imgs/bt-entrar.png) no-repeat; border: none; cursor: pointer;}




@media (max-width: 700px){
	#login-container{
		margin-left:-175px;
		position: relative;
		vertical-align: center;
	}

	body{
		background-image: url(../imgs/background-mobile.png);

		
	    background-size: cover;
	    background-position: top;
	}


	#login-container{}

	#ola{margin-top: 50px;}

	#persona-mobile{
		display: block; 
		width: 100%; 
		height: auto; 
	}

	#box-login{}

	#cartoes{}

}