/*
  Nome: ECO Building
  Data: 29/05/2009
  Atualização: 03/02/2009
*/

/* Formatador Geral
------------------------------------------------------------------------------------- */
* {
	margin:0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
img {
	border: 1px solid #eee;
}

/* Corpo do Site
------------------------------------------------------------------------------------- */
body {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #dee8c5;
}

/* Links
------------------------------------------------------------------------------------- */
a {
	color: #333;
}
a:hover {
	text-decoration: underline;
}

/* Site
------------------------------------------------------------------------------------- */
#site {
	margin: 0 auto;
	width: 900px;
}

/* Meio
------------------------------------------------------------------------------------- */
#meio {
	margin: 0;
	padding: 0;
	float: left;
	width: 450px;
}

/* Topo
------------------------------------------------------------------------------------- */
#topo {
	margin: 0 auto;
	text-align: center;
	background: url(http://www.ecobuilding.com.br/img/fundoBannerTopoFlash.jpg) repeat-x;
}
#topo img {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Coluna Lateral Esquerda
------------------------------------------------------------------------------------- */
#colunaEsquerdaPrincipal {
	width: 250px;
	float: left;
}

/* Menu Usuário
------------------------------------------------------------------------------------- */
#menu-usuario {
	padding: 10px;
	font-size: 11px;
	height: 40px;
}
#menu-usuario #meio {
	margin-left: -450px;
	left: 50%;
	position: absolute;
	padding: 0;
	width: 900px;
}
#menu-usuario ul li a {
	padding: 10px;
}
#menu-usuario ul li a:hover, #menu-usuario ul li a.ativo {
	color: #fff;
	background: #007dc6;
}
#menu-usuario ul li a.ativo {
	text-decoration: none;
}

/* Topo ~ Barra Topo
------------------------------------------------------------------------------------- */
#barraTopo {
	height: 50px;
	background: url(http://www.ecobuilding.com.br/img/fundoBarraTopo.gif) repeat-x;
}
#barraTopo #meio {
	margin-left: -450px;
	left: 50%;
	position: absolute;
	padding: 0;
	width: 900px;
}
#barraTopo #meio #logotipo {
	padding: 4px 0 0 0;
	float: left;
}
#barraTopo #meio #logotipo img {
	border: 0;
}
#barraTopo #meio #menu {
	float: left;
}
#barraTopo #meio #menu ul {
	float: left;
	padding: 8px 0 0 20px;
	list-style: none;
	font-size: 12px;
	color: #fff;
}
#barraTopo #meio #menu ul li {
	padding: 10px 0 0 12px;
	float: left;
}
#barraTopo #meio #menu ul li a {
	color: #fff;
}

/* Conteúdo
------------------------------------------------------------------------------------- */
#conteudo {
	margin: 5px 0 5px 0;
	width: 900px;
	float: left;
}

/* Banner Topo
------------------------------------------------------------------------------------- */
#bannerTopo {
	margin: 33px 0 0 0;
	width: 468px;
	height: 60px;
	left: 180px;
	position: absolute;
	z-index: 1;
	background: #000;
}

/* Videos
------------------------------------------------------------------------------------- */
#videos {
	margin: 7px 0 3px 8px;
	padding: 0;
	width: 642px;
	float: left;
	background: #fff;
}
#videos #busca {
	padding: 0 0 0 10px;
	width: 633px;
	height: 42px;
	float: left;
	background: #455434;
}
#videos #busca p {
	margin: 0;
	padding: 0;
}
#videos #busca h5 {
	margin: 13px 60px 0 0;
	color: #fff;
	float: left;
}
#videos #busca form {
	margin: 9px 0 0 0;
}
#videos #ultimos {
	padding: 0 0 0 10px;
	float: left;
	font-size: 10px;
	background: #fff;
}
#videos #ultimos ul {
	margin: 0 0 0 11px;
	width: 600px;
	list-style: none;
}
#videos #ultimos ul li {
	padding: 10px;
	width: 130px;
	float: left;
	font-weight: bold;
}
#videos #ultimos ul li p {
	margin: 10px 0 0 0;
}

/* Canal Videos
------------------------------------------------------------------------------------- */
#canalVideos {
	margin: 0;
	padding: 10px 0 10px 0;
}
#canalVideos h5 {
	margin: 0 0 10px 0;
	font-size: 15px;
}
#canalVideos #descricao {
	margin: 10px 0 10px 0;
	font-size: 11px;
	text-align: justify;
}

/* Materias
------------------------------------------------------------------------------------- */
#materias {
	margin: 8px 0 0 8px;
	padding: 0;
	width: 436px;
	float: left;
	background: #fff;
}
#materias #barra {
	margin: 0;
	padding: 10px;
	width: 416px;
	float: left;
	background: #75886c;
}
#materias #barra p {
	margin: 0;
	padding: 0;
}
#materias #barra h5 {
	margin: 4px 35px 0 0;
	color: #fff;
	float: left;
}
#materias #ultimos {
	padding: 10px;
	float: left;
	font-size: 10px;
	background: #fff;
}
#materias #ultimos ul {
	margin: 0;
	list-style: none;
}
#materias #ultimos ul li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 408px;
	background: #fff;
	float: left;
	font-size: 10px;
	border-bottom: 1px dotted #000;
}
#materias #ultimos ul li h2 {
	margin: 0 0 5px 5px;
	float: left;
	font-size: 12px;
}
#materias #ultimos ul li h2 a {
	color: #b73c16;
}
#materias #ultimos a {
	color: #323232;
}
#materias #ultimos ul li p {
	padding: 0 0 0 5px;
	float: left;
	font-weight: normal;
	border: 0;
}
#materias #ultimos ul li img {
	float: left;
}
#materias #ultimos #descricao {
	float: left;
}
#materias #ultimos #descricao a {
	text-decoration: none;
}
#materias #ultimos #descricao a:hover {
	text-decoration: none;
}

/* Agenda de Cursos
------------------------------------------------------------------------------------- */
#agendaCursos {
	margin: 0 10px 0 8px;
	padding: 10px;
	width: 416px;
	height: 190px;
	float: left;
	background: #a4af91;
	/*background: url(http://www.ecobuilding.com.br/img/agendaCursos.jpg) no-repeat;*/
}
#agendaCursos h2 {
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
#agendaCursos ul {
	margin: 10px 0 0 0;
}
#agendaCursos ul li {
	margin: 4px 0 4px 0;
	font-size: 12px;
	text-align: left;
}
#agendaCursos ul li span {
	width: 340px;
	clear: both;
	float: left;
}

/* Redes Sociais
------------------------------------------------------------------------------------- */
#redesSociais {
	margin: 10px 0 10px 0;
	padding: 15px 0 0 0;
	width: 250px;
	height: 32px;
	color: #fff;
	float: left;
	text-align: center;
	background: #59574b;
}

/* Menu Lateral
------------------------------------------------------------------------------------- */
#menuLateral {
	margin: 2px 0 0 0;
	width: 250px;
	float: left;
	background: #fff;
}
#menuLateral #barra {
	height: 42px;
	background: #adbc72;
}
#menuLateral #barra h2 {
	padding: 13px 0 0 10px;
	font-size: 14px;
	color: #fff;
}

/* MENU VERTICAL
------------------------------------------------------------------------------------- */
#menu-vertical {
	padding: 3px 0 0 0;
	width: 240px;
	float: left;
}
#menu-vertical .claro {
	float: left;
	width: 240px;
	color: #455434;
	font-weight: normal;
}
#menu-vertical li {
	font-weight: bold;
	border-bottom: solid 1px #fff;
	width: 240px;
}
#menu-vertical li a {
	color: #455434;
	/*background: url(http://www.ecobuilding.com.br/img/marcador_menu-vertical.gif) top left no-repeat !important;*/
	text-decoration: none;
	padding: 0 0 0 32px;
	margin: 2px 0;
	font-size: 12px;
}
#menu-vertical li a:hover, #menu-vertical li a.active {
	color: #455434;
	/*background: url(http://www.ecobuilding.com.br/img/marcador_menu-vertical-b.gif) no-repeat !important;*/
}
#menu-vertical ul {
	/*border-bottom: solid 1px #fff;*/
}
#menu-vertical ul li {
	width: 240px;
	margin: 0 0 0 10px;
}
#menu-vertical ul li:hover {
	background: #fff;
}
#menu-vertical .subMenu {
	width: 250px;
	padding: 0;
}

/* Sub Menu */
#menu-vertical ul li a, #menu-vertical ul li a:hover, #menu-vertical ul li a.active {
	color: #455434;
	text-decoration: none;
	display: block;
}
#menu-vertical ul li a {
	background: url(http://www.ecobuilding.com.br/img/marcador_menu-vertical-lista.gif) no-repeat !important;
}
#menu-vertical ul li a:hover, #menu-vertical ul li a.active {
	background: url(http://www.ecobuilding.com.br/img/marcador_menu-vertical-lista-b.gif) no-repeat !important;
}




































/* Trabalhos
------------------------------------------------------------------------------------- */
#trabalhos-fundo {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat !important;
	width: auto;
	margin: 0 0 7px 0;
	padding: 7px;
	display: block;
}
#trabalhos {
	background: #017dc7;
	width: 100% 0;
	height: 231px;
	padding: 5px;
}

/* Menu Topo
------------------------------------------------------------------------------------- */
.menu-topo {
	width: 100%;
	overflow: hidden;
}
.menu-topo ul {
	margin: 18px 0 0 0;
	font: 11px Verdana, Geneva, sans-serif bold;
	list-style-type: none;
}
.menu-topo li {
	display: inline;
}
.menu-topo li a {
	color: #fff;
	background: #535f39;
	border-right: 1px solid #fff;
	padding: 7px;
	display: block;
	float: left;
}
.menu-topo li a:visited {
	color: #fff;
}
.menu-topo li a:hover, .menu-topo li.selected a {
	background: #626f46;
}

/* Matérias
------------------------------------------------------------------------------------- */
#materias, #materias-grande, #cursos, #cursos-grande {
	padding: 7px 7px 0 7px;
}
#materias h5, #materias-grande h5, #cursos h5, #cursos-grande h5 {
	color: #535f39;
	margin: 7px 0 12px 1px;
}
#materias a, #materias-grande a {
	color: #535f39;
}
#materias-grande #noticias-grande {
	margin: 5px 0;
}
#materias #noticias-grande {
	margin: 20px 0;
}
#materias-grande span.data-grande {
	color: #666;
	background: url(http://www.ecobuilding.com.br/img/icone-data.gif) no-repeat 1px !important;
	font: 11px bold;
	padding: 0 0 0 15px;
	display: block;
}
#materias p {
	font-size: 10px;
	border-bottom: solid 1px #d4d4d4;
	text-align: justify;
	padding: 0 0 7px 0;
}
#materias-grande span.data-grande {
	margin: 0 0 20px 0;
}
#materias-grande p {
	font-size: 10px;
	text-align: justify;
	padding: 0 0 7px 0;
}
#materias-grande p.visualizacoes {
	margin: 20px 0 0 0;
	text-align: left;
	display: block;
	float: left;
}
#materias-grande ul {
	margin: 0 0 30px 0;
}
#materias-grande li {
	font-size: 11px;
	margin: 0 0 8px 20px;
	list-style-type: square;
}

/* Coluna Direita
------------------------------------------------------------------------------------- */
#colunaDireita {
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}

/* Banners
------------------------------------------------------------------------------------- */
#banners {
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}
#banners p {
	color: #878d90;
	border-bottom: 1px dotted #eee;

}
#banners p img {
	/*border: solid 1px #e5e5e5;*/
}

#banners #busca {
	margin: 0 0 4px 0;
	padding: 12px 10px 13px 10px;
	width: 178px;
	float: left;
	background: #94946a;
}
#banners #busca p {
	margin: 0;
	padding: 0;
}
#banners #busca h5 {
	margin: 2px 25px 0 0;
	color: #fff;
	float: left;
}
#banners img {
	margin: 0;
	padding: 0;
}

/* Agenda de Cursos
------------------------------------------------------------------------------------- */
#agenda-cursos-fundo {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat;
	width: 173px;
	margin: 0 0 10px 0;
	padding: 7px;
}
#agenda-cursos {
	color: #fff;
	font: 10px Arial, Helvetica, sans-serif;
	background: #007dc6;
	border-right: solid 1px #005796;
	border-bottom: solid 1px #005796;
	padding: 7px;
}
#agenda-cursos h3 {
	color: #fff;
	font-size: 13px;
	border-bottom: solid 1px #80bee3;
	padding: 0 0 10px 0;
	margin: 7px 0 15px 0;
	display: block;
}
#agenda-cursos span.data {
	padding: 0 5px 0 0;
}
#agenda-cursos a {
	color: #fff;
	margin: 5px 0 0 0;
}
#agenda-cursos p {
	border-bottom: dashed 1px #80bee3;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

/* Ícones
------------------------------------------------------------------------------------- */
#barra-icones {
	font-size: 11px;
	width: 480px;
	margin: 0 0 20px 1px;
}
#barra-icones, span.eng, span.impressora, span.procedimentos {
	float: left;
}
span.eng a {
	background: url(http://www.ecobuilding.com.br/img/icone-eng.gif) no-repeat !important;
	padding: 2px 0 1px 20px;
	margin: 0 20px 0 0;
	display: block;
}
span.impressora a {
	background: url(http://www.ecobuilding.com.br/img/icone-impressora.gif) no-repeat !important;
	padding: 2px 0 1px 20px;
	display: block;
	float: right;
}
span.procedimentos a {
	background: url(http://www.ecobuilding.com.br/img/icone-impressora.gif) no-repeat !important;
	padding: 2px 0 1px 20px;
	display: block;
	float: right;
}

/* Cursos e Treinamentos
------------------------------------------------------------------------------------- */
#cursos ul {
	border-left: solid 1px #d4d4d4;
	padding: 0 0 0 10px;
}
#cursos li {
	font-size: 10px;
	border-bottom: solid 1px #d4d4d4;
	text-align: justify;
	padding: 7px 0;
}
#cursos li a {
	width: 100%;
	display: block;
}
#cursos-grande {
	text-align: justify;
}
#cursos-grande table {
	font-size: 11px;
	margin: 0 0 20px 0;
}
#cursos-grande p {
	font-size: 11px;
	margin: 0;
	clear: both;
}
#cursos-grande ul {
	margin: 0 0 30px 0;
}
#cursos-grande ul.num {
	margin: 0 0 30px 20px;
}
#cursos-grande ul.num li {
	list-style: decimal;
}
#cursos-grande li {
	font-size: 11px;
	margin: 0 0 0 20px;
	list-style-type: square;
}

/* Professores
------------------------------------------------------------------------------------- */
#professores {
	padding: 7px;
	float: left;
}
#professores h5 {
	color: #007dc6;
	margin: 0 0 12px 0;
}
#professores table {
	font-size: 11px;
}
#professores p {
	font-size: 11px;
	margin: 0 0 20px 0;
	text-align: justify;
}
#professores ul {
	margin: 0 0 30px 0;
}
#professores li {
	font-size: 11px;
	margin: 0 0 8px 20px;
	list-style: square;
}

/* Foto na posição Direita */
#professores .foto-dir {
	margin: 0 10px 5px 0;
	border: solid 1px #e1e1e1;
	float: left;
}

/* Foto na posição Esquerda */
#professores .foto-esq {
	border: solid 1px #017dc7;
	margin: 0 0 0 10px;
	float: right;
}
#professores ul.num li {
	font-size: 11px;
	margin: 0 0 8px 25px;
	list-style: decimal;
}
#professores ul.alpha li {
	list-style: upper-alpha;
}

/* Notícias
------------------------------------------------------------------------------------- */
#noticias {
	margin: 0 0 0 10px;
	padding: 20px;
	width: 600px;
	font-size: 12px;
	background: #fff;
	text-align: justify;
}
#noticias h2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font: bold 18px Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #dcdcdc;
}
#noticias h2 a {
	color: #555f38;
}
#noticias h5 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font: bold 15px Verdana, Geneva, sans-serif;
	color: #ce4621;
	border-bottom: 1px solid #dcdcdc;
}
#noticias span.data {
	color: #858585;
	font-size: 10px;
	background: url(http://www.ecobuilding.com.br/img/icone-data.gif) no-repeat 1px  !important;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 10px 0;
	display: block;
}
.separadorNoticias {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #dcdcdc;
}
.leia-mais {
	font-size: 10px;
	font-weight: bold;
	background: #e0e7ed;
	margin: 0 0 6px 0;
	padding: 5px;
	float: right;
	text-align: center;
	width: 143px;
	display: block;
}
.leia-mais:hover {
	background: #e9f0f7;
	text-decoration: none;
}

/* Notícias
------------------------------------------------------------------------------------- */
#inscricao {
	margin: 0 0 0 10px;
	padding: 20px;
	width: 600px;
	font-size: 12px;
	background: #fff;
	text-align: justify;
}
#inscricao h2 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font: bold 18px Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #dcdcdc;
}
#inscricao h2 a {
	color: #555f38;
}
#inscricao h5 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font: bold 15px Verdana, Geneva, sans-serif;
	color: #ce4621;
	border-bottom: 1px solid #dcdcdc;
}

/* Titulos
------------------------------------------------------------------------------------- */
h5 a, a.conheca {
	color: #007dc6;
}

#quadro {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat  !important;
	margin: 0 0 20px 0;
	padding: 10px 10px 1px 10px;
}
#quadro-agenda {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat  !important;
	margin: 0 0 5px 0;
	padding: 9px 1px 1px 0;
}

/* Busca
------------------------------------------------------------- */
#busca form {
	padding: 0 0 10px 7px;
}
#busca #form_busca_cursos_nome, #busca #form_busca_eventos_nome {
	border-bottom: solid 1px #ccc;
}
#busca .campo {
	width: 62px;
}
#busca p {
	clear: both;
}

/* Contato
------------------------------------------------------------------------------------- */
#contato {
	color: #666;
	margin: 50px 0 20px 0;
}
#contato p {
	margin: 0 0 10px 0;
}
#contato .form_contato p {
	padding: 0 0 10px 155px;
	height: 1%;
	border-bottom: 1px solid #d4d4d4;
	clear: both;
}
#contato .form_contato label {
	font-weight: bold;
	width: 150px;
	margin: 0 0 0 -155px;
	float: left;
}
#contato .form_contato input[type="text"], .form_contato textarea {
	width: 250px;
}

/* Login
----------------------------------------------------------------------------------------  */
#login-fundo {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat !important;
	width: 100% 0;
	margin: 7px 0 0 0;
	padding: 7px;
	display: block;
}
#login {
    margin: 0 0 15px 15px;
	background: #fff;
	border: solid 1px #c8c8c8;
	width: 620px;
	padding: 7px;
}
#login h5 {
	color: #007dc6;
	margin: 7px 0 12px 7px;
}
#login p {
	padding: 0 0 5px 7px;
}
#login label {
	font-size: 11px;
	display: block;
}
#login input.campo {
	width: 126px;
}
#login a {
	color: #007dc6;
	font-size: 11px;
	text-decoration: underline;
}
#login a:hover {
	text-decoration: none;
}

/* Agenda
---------------------------------------------------------------------------------------- */
.agenda-camara {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat;
	padding: 5px;
}
.agenda-outros {
	border-bottom: dashed 1px #ccc;
	padding: 5px;
}

/* Galeria
------------------------------------------------------------------------------------- */
#galeria {
	background: url(http://www.ecobuilding.com.br/img/bt-tabelas.gif) repeat;
	padding: 12px 0 12px 12px;
	float: left;
}
#galeria p {
	margin: 0 0 17px 0;
	padding: 0 17px 0 0;
	float: left;
}
#galeria img {
	border: solid 1px #017dc7;
	width: 100px;
	height: 75px;
}

/* Missões
------------------------------------------------------------------------------------- */
#missoes {
	margin: 0 10px 10px 10px;
	padding: 10px;
	width: 620px;
	background: #fff;
	display: inline-block;
}
#missoes img {
	border: solid 1px #017dc7;
	width: 100px;
	height: 75px;
	display: inline;
}
#missoes h2 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #f00;
}
#missoes #conteudoMissoes {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* Cadastro
------------------------------------------------------------------------------------- */
#cadastro {
	margin: 0 10px 10px 10px;
	padding: 10px;
	width: 620px;
	background: #fff;
	font-size: 12px;
	display: inline-block;
}
#cadastro img {
	border: solid 1px #017dc7;
	width: 100px;
	height: 75px;
	display: inline;
}
#cadastro h5 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #f00;
}
#cadastro p {
	float: left;
	margin: 0;
	padding: 0;
}
#cadastro #barra-icones {
	width: 100%;
	float: left;
}

/* Missões
------------------------------------------------------------------------------------- */
/*
#missoesAlbum {
	width: 500px;
	background: #000;
	display: inline-block;
}
#missoesAlbum p {
	padding: 0 15px 0 0;
	margin: 0 0 15px 0;
}
#missoesAlbum img {
	border: solid 1px #017dc7;
	width: 100px;
	height: 75px;
	display: inline;
}
*/

#missoesAlbum {
	padding: 5px 0 5px 5px;
	float: left;
}
#missoesAlbum p {
	margin: 0 0 5px 0;
	padding: 0 5px 0 0;
	float: left;
}
#missoesAlbum img {
	border: solid 1px #017dc7;
	width: 100px;
	height: 75px;
}

/* Barra Direita
------------------------------------------------------------------------------------- */
#barraDireita {
	width: 187px;
	margin: 10px 0 0 10px;
	float: left;
}

/* Rodapé
------------------------------------------------------------------------------------- */
#rodape {
	margin: 0 auto;
	padding: 15px;
	width: 870px;
	color: #fff;
	font-size: 10px;
	clear: both;
	text-align: center;
	background: #455434;
}
#rodape a {
	color: #fff;
}
#rodape a:hover {
	text-decoration: underline;
}

/* Login Geral
------------------------------------------------------------------------------------- */
#loginGeral {
	padding: 15px 0 15px 0;
	font-size: 12px;
}
#loginGeral h5 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 20px;
	color: red;
}
#loginGeral p {
	padding: 0 0 10px 0;
}