body{height: 100%; background: url("imgs/bg.jpg") top center no-repeat;}


.site{width: 960px; display: block; margin: 0 auto;}
.left, .right{width: 480px; height: 550px; display: block; float: left; margin-top: 110px;}
.left .logo{width: 306px; height: 111px; display: block;}


.left .em-breve {width: 228px;height: 33px;display: block;margin-left: 165px;background: url("imgs/sprites.png") 0px -41px;}
.left .logo{width: 310px; height: 115px; display: block; margin-top: 50px; margin-left: 78px; background: url("imgs/logo-crocodillobar.png") no-repeat top center;}
.left .acesse {
width: 246px;
height: 55px;
display: block;
float: right;
margin: 85px -1px 0px 0px;
background: url("imgs/sprites.png") 0px 165px;
}

.left .facebook{width: 215px; height: 43px; display: block; cursor: pointer; clear:both; float: right; margin: 118px 10px 0px 0px; background: url("imgs/sprites.png") -9px 106px;}
.left .facebook:hover{background-position: -9px 54px;}
.right .em-breve {width: 234px;height: 33px;display: block;margin-left: 55px;background: url("imgs/sprites.png") -246px 210px;}
.right .logo{width: 306px; height: 115px; display: block;  margin-top: 50px; margin-left: 85px; background: url("imgs/logo-crocodillo.png") no-repeat top center;}
.right .acesse {
width: 250px;
height: 58px;
display: block;
margin: 85px 0px 0px 1px;
background: url("imgs/sprites.png") 256px 165px;
}
.right .facebook{width: 223px; height: 43px; display: block; cursor: pointer; clear:both; margin: 115px  0px 0px 10px; background: url("imgs/sprites.png") 261px 106px;}
.right .facebook:hover{background-position: 261px 54px;}