@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,700);

body{
    margin: 0px;
    padding: 0px;
    background: #f1f0f0 url("../imagens/background.jpg") no-repeat center top;
    font-family: "Arial", Helvetica;
}


ul, li, h2{margin: 0; padding: 0;}

img{border: none;}

#page{
    width: 470px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/*** cabeçalho **/

 .cabecalho h1{
       margin: 0; 
    }
    
    .cabecalho h1 a{
        width: 470px;
        height: 285px;
        background: url("../imagens/logo_nova.png") no-repeat;
        text-indent: -9000px;
        display: block;
        float: left;
        margin: 116px 0 0 0;
    }

.acessar{
	width: 470px;
	float: left;
	height: 32px;
	background: #fff;
	line-height: 31px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	margin: 3px 0 4px;
	font-weight: 500;
}

.escolha_site{
	float: left;
	width: 470px;
}

.escolha_site a{
	display: block;
	float: left;
	width: 233px;
	height: 133px;
	background: url("../imagens/bg_vermelho.png") repeat-x;
	text-decoration: none;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}

.escolha_site a.leiteiro{
	line-height: 132px;
	margin-right: 4px;
}

.escolha_site a.mangalarga{
	padding-top: 50px;
	height: 83px !important
}

.escolha_site a:hover{
	opacity: 0.8;
}