/* CSS Document */

#home{background:#F0F0F0; padding:40px 0;}
#home .acesso{float:left; width:205px; position:relative;}
#home .acesso .tit_acesso{position:absolute; left:10px; top:0px; width:175px; height:52px; padding-left:10px; font-size:12px; color:#FFF; line-height:35px; background:url(../imagens/layout/tit_login.png) no-repeat;}
#home .acesso .form_acesso{padding:30px 15px 15px 15px; margin-top:20px; background:#CCC; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -ms-border-radius:0 0 7px 7px; box-shadow:0px 5px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.4);}
#home .acesso .lbl{font-size:11px; color:#666; width:50px; height:25px; line-height:25px; text-align:right; margin:0 5px 5px 0; float:left; clear:both;}
#home .acesso .form{font-size:12px; color:#666; padding:0 8px; width:104px; height:25px; background:#F1F1F1; border:none; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
#home .acesso .form:focus{outline:none; background:#FFF;}
#home .acesso .form_estados{width:120px;}
#home .acesso option{background:#FFF;}
#home .acesso .logar{font-size:13px; color:#FFF; background:#158A32; padding:3px 5px; border:none; float:right; cursor:pointer; margin-top:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
#home .acesso .logar:focus{outline:none;}
#home .acesso .esqueci{font-size:10px; color:#158A32; float:left; padding:0 5px; cursor:pointer;}
#home .acesso .esqueci:hover{background:#DDD;}
#home .acesso .form_esqueci{position:absolute; z-index:20; left:0px; top:0px; width:175px; height:0px; padding:0 15px; overflow:hidden; background:#CCC; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -ms-border-radius:0 0 7px 7px;}
#home .acesso .form_esqueci_aberto{height:110px !important; padding:65px 15px 0 15px;}
#home .acesso .form_esqueci_aberto .tit_acesso_esqueci{z-index:30;}
#home .acesso .form_esqueci_aberto .tit_acesso_esqueci div{position:absolute; top:0px; left:-10px; width:10px; height:20px; background:#F0F0F0;}

#home .coluna_home{float:right; width:330px; margin-left:40px;}
#home .coluna_home .foto{width:100px; height:130px; overflow:hidden; float:left; position:relative; margin-right:15px;}
#home .coluna_home .foto img{height:130px;}
#home .coluna_home .foto .barra{position:absolute; top:0px; left:0px; width:100px; height:5px; background:#158A32;}
#home .coluna_home .txt_coluna{float:left; width:215px; font-size:13px; line-height:14px;}
#home .coluna_home .txt_coluna a{color:#444;}
#home .coluna_home .txt_coluna span{font-weight:700; color:#158A32; text-transform:uppercase;}

#home .coluna_home .txt_coluna a:hover{text-decoration:underline;}


#conecte{margin-bottom:50px;}
#conecte .txt_conecte{float:left; width:400px;}
#conecte .txt_conecte img{margin-top:20px;}
#conecte .img_conecte{float:right; width:480px; position:relative;}
#conecte .img_conecte .barra{position:absolute; top:0px; left:0px; width:100px; height:5px; background:#158A32;}







/* TABLET */
@media only screen and (min-width:481px) and (max-width:959px)
{
	#home{padding:30px 0;}
	#home .acesso{float:none; margin:0 auto; margin-bottom:50px;}
	#home .acesso .tit_acesso{top:-20px;}
	
	#home .acesso .form_esqueci{top:-20px;}
	#home .acesso .form_esqueci_aberto{padding:65px 15px 0 15px;}
	#home .acesso .form_esqueci_aberto .tit_acesso_esqueci{top:0px;}

	#home .coluna_home{width:280px; margin:0 10px;}
	#home .coluna_home .foto{width:80px; margin-right:10px;}
	#home .coluna_home .foto .barra{width:80px;}
	#home .coluna_home .txt_coluna{width:189px; font-size:12px; line-height:13px;}


	#conecte{margin-bottom:30px;}
	#conecte .txt_conecte{float:none; width:480px; margin:0 auto; margin-bottom:20px; text-align:center;}
	#conecte .txt_conecte h1{text-align:left;}
	#conecte .txt_conecte p{text-align:left;}
	#conecte .txt_conecte img{margin-top:20px;}
	#conecte .img_conecte{float:none; margin:0 auto;}
	#conecte .img_conecte .barra{position:absolute; top:0px; left:0px; width:100px; height:5px; background:#158A32;}

}





/* MOBILE */
@media only screen and (max-width:480px)
{
	#home{background:#F0F0F0; padding:30px 0;}
	#home .acesso{margin-left:38px;}

	#home .coluna_home{display:none;}


	#conecte{margin-bottom:30px;}
	#conecte .txt_conecte{float:none; width:280px; height:160px; text-align:justify;}
	#conecte .txt_conecte img{margin-top:20px; width:280px;}
	#conecte .img_conecte{display:none;}
}