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

* {
	border: 0;
	margin: 0;
	padding: 0; }

body {
	background-image: url(../imagens/jpg/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; }

#container {
	background: url(../imagens/jpg/bg_container.jpg) no-repeat;
	background-color: #bfc7d1;
	display:table;
	margin: 0 auto;
	width: 800px; }

/* TOPO */
#topcontainer {
	height: 240px;
	width: 800px; }

#logo {
	background: url(../imagens/png/logo.png) bottom center no-repeat;
	height: 140px;
	padding-top: 40px;
	width: 530px; }

.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 10px 0 0 100px; }

/* MENU */
#col_esq {
	float: left;
	width: auto; }

#col_esq_sub {
	background-image: url(../imagens/jpg/bg_col_esq.jpg);
	height: 656px;
	margin-left: 25px;
	width: 180px; }

#col_esq ul {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: right; }

#col_esq li {
	background-color: #CCCCCC;
	list-style: none;
	margin-bottom: 5px;
	padding: 5px 5px 5px 0px;
	width: 175px; }

#col_esq { font: normal 13px Arial, Helvetica, sans-serif; }

	#col_esq ul a:link {
		color: #000000;
		text-decoration: none; }

	#col_esq ul a:visited {
		color: #000000;
		text-decoration: none; }

	#col_esq ul a:hover {
		color: #666666;
		text-decoration: none; }

	#col_esq h1 {
		color: #063869;
		font: bold 16px Arial, Helvetica, sans-serif;
		padding: 20px 0 10px 10px; }

	#col_esq p {
		color: #333333;
		font-size: 12px;
		line-height: 1.6;
		padding: 20px 10px 0px 10px; }

		#col_esq p strong { font-size: 12px; }

/* CAIXA CIMA */
#cx_cima {
	background-color: #FFFFFF;
	float: right;
	list-style-position: inside;
	margin-right: 35px;
	padding: 10px 10px 10px 15px;
	width: 505px; }

	#cx_cima h1 {
		color: #063869;
		font-size: 20px;
		padding-bottom: 10px; }

	#cx_cima p {
		line-height: 1.7;
		padding-bottom: 10px; }

	#cx_cima li { line-height: 1.8; }

	#cx_cima img {
		float: right;
		padding: 5px;
		text-align: center; }

#center {
	float: none;
	text-align: center;
	width: auto; }

/* CAIXA MEIO */
.cx_meio {
	background-color: #FFFFFF;
	float: right;
	margin: 25px 35px 0 0;
	padding: 10px 10px 10px 15px;
	width: 505px; }

	.cx_meio ul {
		line-height: 2;
		list-style-position: inside; }

	.cx_meio h2 {
		font-size: 16px;
		padding-bottom: 5px; }

	.cx_meio h3 {
		color: #666666;
		font-size: 12px;
		padding-bottom: 10px; }

	.cx_meio img {
		float: right;
		padding: 5px 0px 5px 10px; }

	.cx_meio p { line-height: 1.4; }


/* TABELA */
table {
	font-size: 12px;
	text-align: left; }

	table td {
		height: 20px;
		padding-left: 5px; }

.title_tab {
	background-color: #999999;
	color: #000000;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center;
	width: 166px; }

/* CAIXA BAIXO */
#cx_baixo {
	background-color: #FFFFFF;
	float: right;
	height: 140px;
	margin: 25px 35px 0 0;
	width: 530px; }

	#cx_baixo img {
		float: right;
		padding: 10px 20px 0px 0px; }

.pills {
	background-image: url(../imagens/png/pills.png);
	height: 99px;
	float:right;
	width: 306px; }

/* FORMULARIO DE CONTATO */
h5 {
	color: #063869;
	font: bold 13px Arial, Helvetica, sans-serif; }

form { text-align: left; }

/* campos */
input {
	border: solid 1px #CCCCCC;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif; }

input[type="text"] {
	margin: 4px 0 4px 0px;
	padding: 2px; }

input:focus {
	background-color: #F9F9F9;
	border: solid 1px #333333; }

/* textarea */
textarea {
	border: solid 1px #CCCCCC;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 2px 0 6px 0;
	padding: 2px; }

	textarea:focus {
		background-color: #F9F9F9;
		border: solid 1px #333333; }

/* select*/
select {
	border: solid 1px #CCCCCC;
	margin: 4px 0 4px 0; }

/* BOTOES SUBMIT E RESET */
/* submit */
input[type="submit"] {
	background: #FFFFFF;
	padding: 2px;
	width: 85px; }

	input[type="submit"]:hover {
		background-color: #E9E9E9;
		color: #063869; }

/* reset */
input[type="reset"] {
	background: #FFFFFF;
	padding: 2px;
	width: 85px; }

	input[type="reset"]:hover {
		background-color: #E9E9E9;
		color: #063869; }

/* LINK OESP */
#byoesp {
	float:right;
	padding:5px 5px 0 0;
	font: normal 13px Arial, Helvetica, sans-serif; }

	#byoesp a {
		color:#FFFFFF;
		text-decoration: none; }

		#byoesp a:hover {
			font-weight: bold;
			text-decoration: none; }