﻿/****************************************
CONFIGURAÇÕES GERAIS
*****************************************/
*{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	outline:none;
}

html{
     overflow: -moz-scrollbars-vertical;
}

/****************************************
CORPO DA PÁGINA
*****************************************/
body{	
	background:#352D20 url(../images/layout/fundo.jpg) center top repeat-y;
}

/****************************************
GERAL
*****************************************/
#geral {
	width:779px;
	background:#FFF;
	margin:0 auto;
	padding:0 0 6px 0	
}

/****************************************
TOPO
*****************************************/
#topo {
	width:779px;
	height:120px;
	background:url(../images/layout/topo.jpg) no-repeat;
	padding:130px 0 0 0;	
}

#topo hr{
	display:block;
	height:50px;
	background:url(../images/layout/hr.png) no-repeat;
}

/*********************
LOGO
**********************/
#logo{
	float:left;
}

#logo h1{
	width:256px;
	height:77px;
	background:url(../images/layout/logo.jpg) no-repeat;
	text-indent:-5000em;
	overflow:hidden;
}

#logo h1 a{
	display:block;
	height:77px;
}

/*********************
MENU
**********************/
#menu01{
	width:228px;
	float:left;
	padding:0 30px 0 0;
}

#menu01 ul li{
	text-align:right;
}

#menu01 ul li a{
	font:15px/27px Arial;
	color:#D0004E;
	text-decoration:none;
}

#menu01 ul li a:hover{
	color:#A29686;
}

#menu02{
	width:230px;
	float:left;
	margin:0 0 0 30px;
}

#menu02 ul li a{
	font:15px/27px Arial;
	color:#D0004E;
	text-decoration:none;
}

#menu02 ul li a:hover{	
	color:#A29686;
}

/****************************************
CONTEUDO
*****************************************/
#conteudo {
	width:735px;
	margin:0 auto;
	padding:15px;
	background:#F6EFE5;
	border-left:1px solid #9F988E;
	border-right:1px solid #9F988E;
}

#conteudo:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0;
	visibility: hidden;
	clear: both;
}

#conteudo h2 {
	font:19px Sans-Serif;
	margin:0 0 15px 0;
	color:#333;
}

#conteudo p {
	font:12px/18px Arial, Verdana, Sans-Serif;
	text-align:justify;
	color:#111;
	margin:0 0 15px 0;
}

/****************************************
HOME
*****************************************/
#home h2{
	font:11px Arial;
	text-transform:uppercase;
	background:#F6EFE5;
	color:#7F746F/*#D0004E*//*#a2998a*/;
	margin:0 0 10px 0;	
}

#home p{
	font:12px/20px Arial;
	margin:0 10px 0 0;	
}

#flash{
	width:735px;
	height:180px;
	margin:0 0 15px 0;
}

#informativo{
	width:555px;
	height:190px/*235*/;
	float:left;
	/*background:#ccc;*/
	margin:0 10px 0 0;
}

/*#informativo p{
    font:11px/16px Arial, Verdana, Sans-serif;
	margin:0 10px;
}

#informativo img{
	float:left;
	margin:0 10px;
	border:1px solid #bbb;	
}

#eventos{
	width:245px;
	height:190px;
	float:left;
	background:#fff;
	margin:0 10px 0 0;	
}*/

#eventos p{
	font:11px/16px Arial, Verdana, Sans-serif;
	margin:0 10px
}

#eventos p a{
	text-decoration:none;
	color:#333;
}

#eventos img{
	float:left;
	margin:0 10px;
	border:1px solid #bbb;	
}

#apoiocultural{
	width:165px;
	float:left;
}

/****************************************
APRESENTAÇÃO
*****************************************/
#apresentacao {
}

#apresentacao h3 {
	clear:both;
	font:bold 14px/22px Sans-Serif;
	color:#333;
	margin:15px 0 10px 0;
	border-bottom:1px dashed #bbb;
}

#apresentacao img{
	float:left;
	margin:0 5px 0 0;
	padding:3px;
}

#apresentacao ul li a{
    text-decoration:none;
    color:#333;
}

#apresentacao ul li a:hover{
    text-decoration:underline;
}

#apresentacao ul li a span{
    font-style:italic;
}

/****************************************
PEÇAS
*****************************************/
#pecas{
}

#pecas h3 {
	font:bold 14px/22px Sans-Serif;
	color:#333;
	margin:15px 0 10px 0;
	border-bottom:1px dashed #bbb;
}

#pecas ul li{
	width:170px;
	height:210px;
	float:left;
	font:12px Arial, Verdana, Sans-Serif;
	text-align:center;
}

#pecas ul li a{
	display:block;
	text-decoration:none;
	color:#333;
	padding:0 5px;
	/*background:#000;*/
}

#pecas ul li a:hover{
	color:#666;
}

#pecas ul li a img{
	padding:3px;
	border:1px solid #bbb;
	background:#fff;
	margin:0 0 5px 0;
	
}

/*************
DETALHES PEÇA
*************/
#detalhespeca{
	background:#fff;
	border:1px solid #999;
	margin:10px;
	padding:10px;
}

#detalhespeca h1{
	font:bold 16px/27px Sans-Serif;
	margin:0 0 15px 0;
	background:#F6EFE5;
	text-indent:5px;	
}

#detalhespeca h2{
	font:bold 14px Sans-Serif;
	margin:0 0 10px 0;
	border-bottom:1px dashed #bbb;
	clear:both;	
}

#detalhespeca p{
	font:12px/18px Arial, Verdana, serif;
	text-align:justify;
	margin:0 0 10px 0;
	color:#333;	
}

#detalhespeca cite{
	font:italic 12px Sans-Serif;	
}

#detalhespeca ul li{
	text-align: center;
	display:inline;
}

#detalhespeca ul li a{

}

#detalhespeca ul li a img{
	padding:3px;
	border:1px solid #bbb;	
	margin:0 10px 10px 0;
}

#detalhespeca ul.materias{
    /*float:left;*/
    padding:0 0 15px 0;
}

#detalhespeca ul.materias li{
	width:640px;
	height:auto;
	display:block;
	font:12px/22px Arial, Verdana, serif;
	text-align:left;
	text-indent:15px;
	/*float:left;*/
	margin:0;
	background:url(../images/layout/marcador_elenco.gif) left top no-repeat;
}

#detalhespeca ul.materias li a{
    text-decoration:none;
    color:#333;
}

#detalhespeca ul.materias li a:hover{
    text-decoration:underline;
}

#detalhespeca #footpeca{
	clear:both;
	font:12px/20px Sans-Serif;
	text-align:center;
	background:#F6EFE5;
	margin:15px 0 0 0;
}

#detalhespeca #necessidades ul li{
	width:auto;
	text-align:left;
	float:none;
	display:block;
	margin:0 0 5px 0;
}

#detalhespeca #necessidades ul li a{
	font:15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;	
}

#detalhespeca #necessidades ul li a:hover{
	color:#666;
	text-decoration:underline;
}

#detalhespeca #jornal{
	padding:15px 0;	
}

#detalhespeca #jornal a{
	font:15px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#093;
}

#detalhespeca #jornal a:hover{
	text-decoration:underline;
}

/****************************************
FALE CONOSCO
*****************************************/
#faleconosco{
}

#faleconosco fieldset{
	border:1px solid #9F988E;
	padding:15px;
	background:#fff;
}

#faleconosco legend{
	font:12px Arial;
}

#faleconosco label{
	font:12px Arial;
}

#faleconosco input, #faleconosco select{
	display:block;
	border:1px solid #9F988E;
	padding:3px 0;
	margin:0 0 10px 0;
}

#faleconosco textarea{
	display:block;
	border:1px solid #9F988E;
}

#faleconosco input.enviar{
	margin:10px 0 0 0;
	font:bold 12px Arial;
	padding:2px 5px;
}

#faleconosco table {
	width:100%	
}

#faleconosco table tr td {
	vertical-align:top;	
}

#faleconosco table tr td address{
}

#faleconosco table tr td address{
	font:12px/20px Arial, Verdana, serif;
}

#faleconosco table tr td.integrantes label input{
	display:inline;
	margin:0 5px 0 0;
	padding:0;
	border:none;
}

/****************************************
AGENDA
*****************************************/
#agenda{
}

#agenda .peca{
	width:735px;
	float:left;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #999;
}

#agenda h3{
	font:bold 14px Arial, Verdana, Sans-Serif;
	margin:0 0 10px 0;
}

#agenda img{
	float:left;
	padding:3px;
	margin:0 10px 0 0;
	border:1px solid #bbb;
	background:#fff;
}

#agenda ul li{
	font:12px Arial, Verdana, Sans-Serif;
	margin:0 0 7px 0;	
}

#agenda ul li span{
	font-weight:bold;
	margin:0 5px 0 0;
}

/****************************************
RODAPE
*****************************************/
#rodape{
	width:735px;
	margin:0 auto;
	padding:5px 15px;
	background:#F6EFE5;
	border-left:1px solid #9F988E;
	border-right:1px solid #9F988E;
	border-bottom:1px solid #9F988E;
	clear:both;
}

#rodape address{
	display:block;
	height:30px;
	font:normal 12px/30px Arial;
	text-align:center;
	color:#D0004E;
	background:#fff;
	border:1px solid #9F988E;
}

.cooperativa{
    width:770px;
    height:36px;
    display:block;
    text-indent:-5000em;
    margin:5px auto 0 auto;
    background:url(../images/conteudo/cooperativa.jpg) no-repeat;
}