
body {
	background:url(../images/bg.png) repeat-x #eaeaea; 
	font-size:11px;
	color:#000;
	font-family:"Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif, Arial;
}


/* DIVS */

#container{
	float:left;
	width:100%;
	min-height:100px;
	margin:0 auto; 
	background:url(../img/textura2.png) repeat-x;
}

#container_top{
	width:998px;
	margin:-8px auto;
}

.marcaTop{
	margin: 0 0 0 -135px;
	position:absolute;
}

#banner{
	float:left;
	width:968px;
	margin:0 0 10px 10px;
}


/************** CONTEUDO INTERNO *****************/

#container_meio{
	float:left;
	background-color:#FFF;
	width:989px;
	margin:10px 0 0 0;
}

.tarja{
	float:left;
	width:987px;
}

.tarja img{
	float:left;
	margin-left:-10px;
}

.tarja_right{
	float:right;
	width:987px;
}

.tarja_right img{
	float:right;
	margin:-15px -14px 0 0;
	*margin:-15px 497px 0 0;
}

.tarja_blog{
	float:right;
	width:987px;
}

.tarja_blog img{
	float:right;
	margin:-15px -20px 0 0;
	*margin:-15px 617px 0 0;
}

#lcol{
	float:left;
	width:610px;
	margin-bottom:30px;
}

dl.blog_listar {
	float:left;
	width:282px;
	padding:7px 0 0 7px;
	margin:0 25px 0 0;
	text-align:left;
	}
	
dl.link_museu {
	float:left;
	width:282px;
	padding:7px 0 0 0;
	margin:0 0 0 10px;
	text-align:left;
	}
	
	.blog_listar dt {
		float:left;
		color:#87292a;
		font-size:13px;
		font-weight:bold;
	}
	.blog_listar h1{
		font-size:10px;
    }

	.blog_listar dd{
		margin-top:20px;
		font-size:11px;
    }
	
	.btn_leiamais{
		float:right;	
	}

#rcol{
	float:left;
	width:370px;
	
}

#rcol a{
	text-decoration:none;
	color:#87292A;
}


#rcol img{
	float:left;
	margin:0px;	
}

#rcol dl{
	text-align:left;
	margin-top:6px;
}

#rcol dt{
	color:#87292a;
	font-size:13px;
	font-weight:bold;
}

#rcol dd{
	font-size:11px;
}

#rcol .icone4rodas{
	margin:10px 0 0 15px;
}

#ccol{
	float:left;
	width:975px;
	margin:0 0 30px 10px;
	*padding-bottom:20px;
}

#ccol p{
	margin:10px 0 10px;
}

#bcol{
	float:left;
	width:975px;
	margin:0 0 30px 10px;
	*padding-bottom:30px;
}

#bcol p{
	margin:10px 0 10px;
}

#ccol #banner_historia{
	float:right;
	margin:2px 10px 10px 10px;
}

#ccol #boxTextoProjetos #img_noticia img{
	float:left;
	width:595px;
}

/*************** FOOTER ****************/

#footer{
	float:left;
	width:987px;
	margin:0;
}

#creditos{
	color:#000;
	width:999px;
	height:23px;
}
#creditos ul li{
	float:left;
	background-color:#dcdcdc;	
	height:25px;
	padding-top:5px;
}

#info_rodape{
	background-color:#e9e9e9;
	width:987px;
	height:60px;
}

/***************** Exposição ***********************/

#ccol .box_expo{
	float:left;
	width:305px;
	height:153px;
	margin:10px 9px;
}

#ccol .box_expo dd{
	text-align:center;
	font-size:12px;
}

#ccol .box_expo span{
	font-size:14px;
}

#ccol #boxFoto{
	float:left;
	width:473px;
	}

#ccol #boxFoto dd{
	float:left;
	background-color:#ededef;
	width:473px;
	margin-top:10px;
	}

#ccol #boxFoto form{
	margin-left:90px;
}

#ccol #boxFoto input[type=image]{
	margin-right:5px;
}

#ccol #boxTexto{
	float:right;
	width:490px;
}

#ccol #boxTexto dt{
	color:#89292b;
	font-size:14px;
	font-weight:bold;
}

#ccol #boxTexto h1{
	color:#4d4d4d;
	font-size:14px;
	font-weight:bold;
}

#ccol #texto_historia script{
	float:right;
	
}

/************* VISITAÇÃO ******************/

#ccol #boxTextoEsquerdo{
	float:left;
	width:490px;
}

#ccol #boxFormVisita{
	float:right;
	width:476px;
	background:#f1f2f2;
	border: solid 2px #d3d4d4;
	margin-top:-22px;
}

#ccol #boxFormVisita form{
	margin:0 0 15px 15px;
}

#ccol #boxFormVisita label{
	float:left;
	margin:0 0 10px;
	width:100%;
	font-size:16px;
	color:#4a4a4a;
}

#ccol #boxFormVisita textarea{
	border: solid 2px #CCC;
	*width:442px;
}

#ccol #boxFormVisita input[type=text],select{
	float:left;
	border: solid 2px #CCC;
	margin:0 0 5px 0;
	width:95%;
	height:22px;
	padding:2px;
}

#ccol #boxFormVisita input[type=text]:focus{
	background:#f1f1f1;
}

#ccol #boxFormVisita textarea:focus{
	background:#f1f1f1;
	*width:442px;
}

#ccol #boxFormVisita input[type=image],select{
	float:right;
	margin:10px 18px 20px 0;
}

#ccol #boxFormVisita dl{
	float:left;
	width:195px;
}

#ccol #boxFormVisita dt{
	float:left;
	width:100%;
}

#ccol #boxFormVisita dd{
	float:left;
	width:200px;
}

/****************PROJETOS SOCIAIS*******************/

#ccol #boxTextoProjetos{
	float:left;
	width:595px;
}

#rcol_projetos a{
	text-decoration:none;
	color:#87292A;
}

#rcol_projetos{
	float:left;
	width:370px;
}

#rcol_projetos img{
	float:left;
	margin:0px;	
}

#rcol_projetos dl{
	text-align:left;
	margin-top:6px;
}

#rcol_projetos dt{
	color:#87292a;
	font-size:13px;
	font-weight:bold;
}

#rcol_projetos dd{
	font-size:11px;
}

#rcol_projetos .icone4rodas{
	margin:10px 0 0 15px;
}

/******************** COMO CHEGAR ************************/

#ccol #boxTextoMapa{
	float:right;
	width:480px;
}

#ccol #boxTextoMapa dt{
	color:#89292b;
	font-size:14px;
	font-weight:bold;
}

#ccol #boxTextoMapa h1{
	color:#4d4d4d;
	font-size:14px;
	font-weight:bold;
}

#ccol #boxTextoMapa dd{
	font-size:14px;
	margin:40px 0 0 35px;
}

/******************** BLOG ************************/

#boxTextoProjetos{
	float:left;
	width:603px;
}

#form_arquivo{
	float:right;
	width:350px;
	background:#f1f2f2;
	border: solid 2px #d3d4d4;
	margin:-22px 4px;
}

#form_arquivo form{
	margin:0 0 15px 15px;
}

#form_arquivo input[type=text]{
	float:left;
	border: solid 2px #CCC;
	margin:0 5px 5px 0;
	width:247px;
	height:22px;
	padding:2px 0 0 17px;
	background-image:url(../images/img_lupa.jpg);
	background-repeat:no-repeat;
	color:#bcbcbc;
}

#boxBlog{
	float:left;
	width:600px;
	margin-top:10px;
}

.img_blog{
	float:left;
	position:fixed;
}

dl.blog_info {
	margin:0 5px 20px 0;
	text-align:left;
	min-height:150px;	
	}
	.blog_info dt {
		color:#87292a;
		font-size:13px;
		font-weight:bold;
	}
	.blog_info h1{
		font-size:10px;
    }

	.blog_info dd{
		font-size:11px;
    }

#ccol #boxBtn{
	float:left;
	width:473px;
	}

#ccol #boxBtn dd{
	float:left;
	background-color:#ededef;
	width:603px;
	margin-top:10px;
	}

#ccol #boxBtn form{
	margin-left:165px;
}

#ccol #boxBtn input[type=image]{
	margin-right:5px;
}

#img_float{
	float:left;
	width:auto;
	margin-right:10px;
}

#container_botton{
	float:left;
	background-color:#FFF;
	width:987px;
	margin:0px 0 0 -27px;
}

.faixa_blog_1{
	float:left;
	background-color:#FFF;
	width:987px;
	margin:0 0 0 -27px;
	padding-bottom:10px;
}
.faixa_blog_1 img{
	margin-left:200px;
}

/************ BLOG COMENTARIO**************/
#bcol #boxTextoEsquerdo{
	float:left;
	width:490px;
}

#bcol #boxFormVisita{
	float:right;
	width:476px;
	background:#f1f2f2;
	border: solid 2px #d3d4d4;
	margin-top:-22px;
}

#bcol #boxFormVisita form{
	margin:0 0 15px 15px;
}

#bcol #boxFormVisita label{
	float:left;
	margin:0 0 10px;
	width:100%;
	font-size:16px;
	color:#4a4a4a;
}

#bcol #boxFormVisita textarea{
	border: solid 2px #CCC;
	*width:442px;
}

#bcol #boxFormVisita input[type=text],select{
	float:left;
	border: solid 2px #CCC;
	margin:0 0 5px 0;
	width:95%;
	height:22px;
	padding:2px;
}

#bcol #boxFormVisita input[type=text]:focus{
	background:#f1f1f1;
}

#bcol #boxFormVisita textarea:focus{
	background:#f1f1f1;
	*width:442px;
}

#bcol #boxFormVisita input[type=image],select{
	float:right;
	margin:10px 18px 20px 0;
}

#bcol #boxFormVisita dl{
	float:left;
	width:195px;
}

#bcol #boxFormVisita dt{
	float:left;
	width:100%;
}

#bcol #boxFormVisita dd{
	float:left;
	width:200px;
}




/*********************************
CSS DE ERROS DO FORM DO FALE CONOSCO
*********************************/
form.cmxform label.error, label.error {
	color: red;
	font-style: italic;
	padding-left:10px;
}
div.error { display: none; }

input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
textarea.error { border: 1px dotted red; }

