@charset "utf-8";
/* CSS Document */

body{ 
	font-family: 'PT Sans', sans-serif;
	background: #060801;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(img/bg-topo.jpg);
	background-repeat: repeat-x;
	background-color: #070802;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	}
	a:link {
		color: #060;
		text-decoration: none;
	}
	a:visited {
		color: #060;
		text-decoration: none;
	}
	a:hover {
		color: #F60;
		text-decoration: none;
	}
	a:active {
		size:portrait;
		text-decoration: none;
	}

.geral	{
	float: left;
	width: 100%;
	}
.meio	{
	margin: auto;
	width: 746px;
	}
	
#topo	{
	height: 319px;
	background: url(../img/topo.jpg) no-repeat center top;
	}
#topo a.logo	{
	float: left;
    width: 167px;
    height: 164px;
    margin: 48px 0 0 35px;
	}
#topo nav	{
    float: right;
    width: 535px;
    height: 45px;
    margin: 180px 0 0 0;
	}
	
#topo img.topo-resp	{
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
	
	
#corpo .inteiro	{
	border-radius: 0px 0px 8px 8px;
	}
#corpo p	{
	font-size: 13px;
    color: #575757;
	margin: 0 0 12px 0;
	line-height: 150%;
	}
#corpo h2	{
	font-size: 18px;
    color: #6f654e;
	margin: 16px 0 8px 0;
	}
	
#esq	{
	float: left;
	width: 22%;
	padding: 15px 1% 0 1%;
	margin: 0 0 0 1.5%;
	background: #f3e5d0;
	}
#dir	{
	float: right;
	width: 69%;
	margin: 0 1.5% 0 0;
	padding: 15px 0 0 0;
	}
	
	
#esq img	{
	width: 100%;
	}
	
	
#rodape p	{
	color: #fff;
	font-size: 12px;
	text-align: center;
	}
#rodape .logo-dois	{
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
	}
	
	
a.fotos	{
	float: left;
	width: 96%;
	padding: 8px 2%;
	margin: 0 0 3px 0;
	background: #d5b992;
	text-decoration: none;
	color: #5b4a30;
	}
a.fotos:hover	{
	background: #5b4a30;
	color: #d5b992;
	}
	
	
.formulario	{
	}
.formulario input	{
	float: left;
	width: 93%;
	padding: 0 3%;
	border: solid 1px #ba996e;
	height: 30px;
	margin: 0 0 9px 0;
	}
.formulario select	{
	float: left;
	width: 99.5%;
	padding: 0;
	border: solid 1px #ba996e;
	height: 32px;
	margin: 0 0 9px 0;
	}
.formulario input.b	{
	width: 150px;
	border: 0;
	background: #ae8e66;
	cursor: pointer;
	}

@media only screen and (max-width: 400px) {
.mobile-hide{	
	display: none !important;
	background: #060801;
	}
}
@media only screen and (max-width: 400px) {
.mobile{
	display: inline !important;
	background: #060801;

}
}
@media only screen and (min-width: 500px) {
.desktop-hide{
	display: none !important;
	background: #060801;
}
}