/* -------------------------------------------- CSS GERAL */

body {
	margin: 0; 	padding: 0;
	font-family: tahoma;
	font-size: 12px;
	color: #666;
	background-image: url(../images/bg.jpg);
	background-position: top;
	background-repeat: repeat-x; 
}

#page {
	width: 1000px;
	margin: auto;
}

/* -------------------------------------------- CSS TOPO */

#topo {
	width: 1000px;
	height: 153px;
	float:left;
	clear: both;
}

#topo .logo {
	width: 251px;
	margin-left: 350px;
	float: left;
	clear: none;
}

#topo .endereco {
	width: 350px;
	height: 60px;
	float: right;
	clear: none;
	margin-top: 50px;
	padding-left: 5px;
	border-left: solid 2px #CCCCCC;
}

#topo .logoMn {
	width: 251px;
	margin-left: 15px;
	float: left;
	clear: none;
}

/* -------------------------------------------- CSS TOPO MENU */
#topo .menu {
	width: 695px;
	height: 65px;
	line-height: 65px;
	color: #FFF;
	float: right;
	clear: none;
	text-align: center;
	font-family: "Century Gothic", tahoma;
	font-size: 16px;
	margin: 45px 15px 0 0;
	background-color: #532E28;
	border-radius: 5px;
}

#topo .menu a {
	color: #FFF;
	text-decoration: none;
	margin: 0 8px 0 8px;
	opacity: 1;
   	transition: opacity .10s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}

#topo .menu a:hover {
	opacity: 0.7;
}

#topo .menu a img {
	margin: 0;
}

#topo .endereco a {
	color: #532E28;
	font-weight: bold;
}

#topo .endereco a:hover {
	color: #D01F00;
	text-decoration: none;
}
	
/* -------------------------------------------- CSS CONTEUDO */
#conteudo {
	width: 1000px;
	height: 416px;
	float:left;
	clear: both;
}

#page_int {
	margin: 10px 20px 0 20px;
}

.imgLat {
	width: 220px;
	height: auto;
	float: left;
	clear: none;
	margin-left: 10px;
}

.titHome {
	width: 98%;
	display: block;
	font-family: "Century Gothic", tahoma;
	font-size: 16px;
	font-weight: normal;
	float: left;
	clear: both;
	color: #666;
	margin: 0 0 0 10px;
	border-bottom: solid 1px #999; 
}

.txtHome {
	font-size: 14px;
	margin: 40px 0 40px 10px;
	text-align: justify;
	float: left;
	clear: both;
}

.txtInt {
	width: 700px;
	height: 350px;
	float:  left;
	clear: none;
	margin: 0 0 0 10px;
	overflow: auto;
	scrollbar-face-color: #CCC;
	scrollbar-highlight-color: #CCC;
	scrollbar-3dlight-color: #CCC;
	scrollbar-darkshadow-color: #CCC;
	scrollbar-shadow-color: #CCC;
	scrollbar-arrow-color: #552C2A;
	scrollbar-track-color: #E6E7E8;
}

.txtInt p {
	width: 680px;
	text-align: justify;
	margin: 0;
}

.txtInt a {
	color: #532E28;
	margin: 3px 0 3px 0;
	text-decoration: none;
	opacity: 1;
   	transition: opacity .10s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}

.txtInt a:hover {
	color: #D01F00;
	opacity: 0.5;
}


.titPrinc {
	width: 670px;
	display: block;
	font-family: "Century Gothic", tahoma;
	font-size: 16px;
	font-weight: normal;
	float: left;
	clear: none;
	color: #666;
	margin: 0 0 10px 10px;
	border-bottom: solid 1px #999; 
}

.subTit {
	width: 670px;
	display: block;
	background-color: #E7E7E7;
	font-family: "Century Gothic", tahoma;
	font-size: 13px;
	font-weight: bold;
	float: left;
	clear: none;
	color: #552C2A;
	padding: 2px;
}
	

.linksHome {
	width: 950px;
	margin: auto;
}

.linksHome a {
	margin: 0 5px 0 5px;
	opacity: 1;
   	transition: opacity .10s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}

.linksHome a:hover {
	opacity: 0.7;
}

.clear {
	clear: both;
}

.imgTxt {
	border-radius: 7px;
	margin-right: 10px;
}

.imgDivMn {
	margin: 0 7px 0 7px;
}
	

/* -------------------------------------------- CSS CONTATO */

.txtIntCont {
	width: 710px;
	height: 350px;
	float:  left;
	clear: none;
}

.titPrincCont {
	width: 380px;
	font-family: "Century Gothic", tahoma;
	font-size: 16px;
	font-weight: normal;
	float: left;
	clear: none;
	color: #666;
	margin: 0 0 10px 0px;
	border-bottom: solid 1px #999; 
}


.txtContEsq {
	width: 380px;
	height: auto;
	float: left;
	clear: none;
	margin-left: 10px;
	text-align: justify;
}

.txtContEsq a {
	color: #532E28;
	font-weight: bold;
}

.txtContEsq a:hover {
	color: #D01F00;
	text-decoration: none;
}

.txtContDir {
	width: 290px;
	height: auto;
	margin-left: 10px;
	float: right;
	clear: none;
	text-align: justify;
}

.iframeMaps {
	border-radius: 5px;
	border: solid 1px #999;
	padding: 3px;
	margin-top: 3px;
}

#faleconosco label {
	width: 100px;
	height: 14px;
	display: block;
	margin: 0 3px 5px 0;
	float: left;
	clear: none;
	border-bottom: solid 1px #CCC;
	padding: 0 0 3px 0;
	
}

#faleconosco input {
	width: 260px;
	font-size: x-small;
	border: solid 1px #999;
	float: left;
	clear: none;
	padding: 2px;
	margin: 0 0 5px 0;
	height: 14px;
	border-radius: 5px;
	background-color: #FFF;
}

#faleconosco textarea {
	width: 260px;
	height: 70px;
	font-size: 11px;
	font-family: Tahoma;
	border: solid 1px #999;
	background-color: #FFF;
	float: left;
	clear: none;
	color: #000;
	border-radius: 5px;
	margin: 5px 0 5px 0;
}
	
#faleconosco .button {
	width: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #532E28;
	background-color: #532E28;
	float: left;
	clear: none;
	color: #FFF;
	margin: 0 5px 0 103px;
}
#faleconosco .button2 {
	width: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #532E28;
	background-color: #532E28;
	float: left;
	clear: none;
	color: #FFF;
}

#faleconosco .clear {
	clear: both;
}


/* -------------------------------------------- CSS RODAPE */
#rodape {
	width: 1000px;
	font-size: 11px;
	display: block;
	float:left;
	clear: both;
}

#rodape .txtL {
	width: 450px;
	height: 50px;
	line-height: 50px;
	float: left;
	clear: none;
	margin-left: 15px;
}

#rodape .txtR {
	width: 350px;
	height: 23px;
	float: right;
	clear: none;
	margin: 20px 0 0 0;
}