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

/* Inicio Página index*/
body {
	font-family:"Arial, Helvetica, sans-serif";
	line-height:20px;
	font-size:16px;
	color:#999;
}

.topo {
	background:url(../imagens/barra_topo.png);
	width:940px;
	height:150px;
	border-bottom:10px solid #090;
	margin:auto;
}

.logo {
	float:left;
	background:url(../imagens/logotipo_cootraba.png);
	width:210px;
	height:130px;
	position:relative;
	margin:10px 0 0 10px;
}

.topo .menu ul {
	position:relative;
	float:right;
	margin:70px 25px 0 20px;
}

.topo .menu ul li {
	display:inline;
	padding:10px 0 0 20px;
	float:none;
}

.topo .menu ul li a {
	color:#FFF;
	text-decoration:none;
}

.topo .menu ul li a:hover {
	text-decoration:underline;
	color:#000;
}

.topo .menu ul li .active {
	color:#000;
	font-weight:bold;
}

/* Fim da Página index */

/* Inicio da Página História */

#fundo_inicial {
	width:940px;
	height:900px;
	margin:10px auto 20px auto;
	background-color:#FFF;
}
	
.box_img1 {
	background:url(../imagens/foto1.png);
	width:500px;
	height:333px;
	float:left;
	position:relative;
	margin:15px;
}

.box_txt1 {
	width:380px;
	height:333px;
	float:left;
	position:relative;
	margin:15px;
}

.box_txt1 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt1 p {
	text-align:justify;
}
.box_txt1 a {
	text-decoration:none;
	color:#30;
}

.box_txt1 a:hover {
	text-decoration:underline;
	color:#090;
}
.regua {
	width:900px
	margin:auto;
	border:1px solid #CCC;
	clear:both;
}

.foto_2 {
	width:500px;
	height:350px;
	margin:20px;
	float:right;
	background:url(../imagens/foto2.png);
}
	
.box_txt2 {
	width:380px;
	height:400px;
	float:none;
	position:relative;
	margin:15px;
}

.box_txt2 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.box_txt2 p {
	text-align:justify;
}

.rodape {
	width:940px;
	height:150px;
	margin:20px auto;
	clear:both;
	background:url(../imagens/rodape.png);
}

/* Fim da página História */

/* Início da página História */ 

#fundo_valores {
	width:940px;
	height:670px;
	margin:10px auto 20px auto;
	background-color:#FFF;
}
.box_txt3 {
	width:900px;
	height:350px;
	float:left;
	position:relative;
	margin:15px;
}
.box_txt3 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt3 p {
	text-align:justify;
}
.box_imagens {
	position:relative;
	width:900px;
	height:350px;
	margin:20px auto auto 20px;
	float:left;
}
.rodape {
	width:940px;
	height:150px;
	margin:20px auto;
	clear:both;
	background:url(../imagens/rodape.png);
}
/* Fim da página História */

/* Inicio da Página Missão */

#fundo_missao {
	width:940px;
	height:720px;
	margin:10px auto 20px auto;
	background-color:#FFF;
}

.box_img2 {
	width:500px;
	height:330px;
	float:left;
	position:relative;
	margin:15px 15px 10px 15px;
	background:url(../imagens/sider_cootraba.png)
}


.box_txt4 {
	width:360px;
	height:300px;
	float:left;
	position:relative;
	margin:15px;
}
.box_txt4 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt4 p {
	text-align:justify;
}

.box_img5 {
	width:500px;
	height:330px;
	float:left;
	position:relative;
	margin:20px 15px 10px 15px;
	background:url(../imagens/sider_cootraba2.png)
}

.box_txt7 {
	width:360px;
	height:300px;
	float:left;
	position:relative;
	margin:15px;
}
.box_txt7 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt6 p {
	text-align:justify;
}

/*Fim da página missão*/

/*inicio da página valores*/

#fundo_valores {
	width:940px;
	height:530px;
	margin:10px auto 20px auto;
	background-color:#FFF;
}
	
.box_txt5 {
	width:920px;
	height:60px;
	float:left;
	text-align:center;
	position:relative;
	margin:15px;
}

.box_txt5 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt5 p {
	text-align:center;
}

.box_img3 {
	width:400px;
	height:400px;
	float:left;
	position:relative;
	margin:15px 15px 10px 250px;
	background:url(../imagens/ok.jpg)
}

/* Fim da página Valores*/

/*inicio da página Visão*/

#fundo_visao {
	width:940px;
	height:795px;
	margin:10px auto 20px auto;
	background-color:#FFF;
}
	
.box_txt6 {
	width:920px;
	height:60px;
	float:left;
	text-align:center;
	position:relative;
	margin:15px;
}

.box_txt6 h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.box_txt6 p {
	text-align:center;
}

.box_img4 {
	width:492px;
	height:560px;
	float:left;
	position:relative;
	margin:15px 15px 10px 250px;
	background:url(../imagens/mapa.png)
}

/* Fim da Página Visão */

/* Inicio Pagina Contato*/

#fundo_contato {
	width:940px;
	height:490px;
	position:relative;
	margin:10px auto 20px auto;
	background-color:#FFF;
}
.formulario {
	width: 450px;
	height: 450px;
	float: left;
	position: relative;
	margin: 15px;
}

.formulario h1 {
	font-size:24px;
	color:#090;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.mapa {
	width:430px;
	height:350px;
	float:left;
	position:relative;
	margin:15px;
}
