﻿/**
 * Elementos gerais
 */
	body{ padding:0;	margin:0; height:100%; 		/*text-align:center; removi por não ser mais necessário. O margin auto já centraliza a página usando xhtml*/}
	/* div{	text-align:left; 		esse aqui também é desnecessário }*/
	ul{list-style:none; padding:0;	margin:0;}
	li{	width:inherit;}
	h2{	padding:0;	margin:0;}	
	a img{border:0 !important;}
	
/**
 * Todo o corpo
 */
	#tpl_bsc{width:1000px; margin:auto;	}
	
/**
 * Topo
 */
	#header{height:142px; margin: 0 10px 0 3px;}
	#header img{width:auto;}
	#header embed, #header object{
		padding:0;
		margin:	0;
		top:0;
	}
	#header img,#header embed, #header object{float:left; margin-top:7px; margin-left:13px;}

	#header_fala{
		float:left;
		width:318px;
		margin:35px 0 0 90px;
		padding:15px 10px 0 10px; /* É melhor deixar assim, pois caso tenha uma terceira quebra de linha, a página não vai desconfigurar muito*/
		height:93px;
		display:inline;
	}
	
	#header_fala li a:hover{ text-decoration: underline;}
	
	#header_fala li a{letter-spacing:-1px;}
		
	#header #area_login{float:right; margin-top:35px;}
		
	#header input{border:0;	margin:0; padding:0; float:left;display:inline;	/**margin:0 -5px;	/*hack pra colar o botão no campo de texto*/}
	
	
	#header input.campo{
		padding-top:6px;
		padding-left:5px;
		margin-left:5px !important;
		width:103px;
		height:22px;
		margin:0;
		border:0;		
	}
	
	
	
	
	#header th{	border:0; padding:0; margin:0;}	
/*
	#header .reminder{float:right; display:block;}
*/
	#header .reminder a:hover {text-decoration:underline;}


/**
 * Corpo
 */
	#corpo {float:left; height:auto; margin:auto; padding:0 8px;}
	

/**
 * Contúdo do meio
 */
	.galeria_imagem{
		float:left;
		width:195px;		
		/*padding-left:5px;*/
		padding-right:10px;
	}
	.galeria_imagem img{margin-bottom:-3px !important;}
	
	#navegacao_galeria{font-size:10px; display:block; width:189px; height:20px;}
	#navegacao_galeria a{line-height:20px; margin:0 5px;}
	
	.noticias{width:350px; float:left;}	
	.noticias h2 a{
		text-decoration:none;
		font-size:inherit;
		*font-size:20px;
		text-transform: uppercase;
	}
	.veja_tambem{margin-top:30px; font-size:16px;}
	
	.veja_tambem .listaLinks{margin-top:10px;}
	
	/*.textocorrido{line-height:normal; text-align:left; margin-top:5px;}*/	
		
	.anterior{float:left;}
	.proximo{float:right;}
	
	.listaLinks li{ margin-left:20px;}	

	.meio_conteudo_top{
			
	}
	
/*	#conteudo .meio_conteudo_top img{margin-:-10px; margin-bottom:0px;}*/
	
	.meio_conteudo_destaque,.eventostxt,.eventoscalendario{ margin-top: 10px;}
	 
	.meio_conteudo_evento{
		float:left;
		/*padding-top:10px;*/
		padding-top:20px;
		padding-bottom:20px;
		width: 560px;
	/*	padding-left:5px;
		width:580px;*/
	}
	
	.meio_conteudo_evento p{
		margin-bottom:10px !important;
	}
	
	.meio_conteudo_evento a img { float:right;}
	
	#eventos{ padding-bottom:35px;	background-color: blue;	}
	.eventostxt{width:280px; float:left;}
	.eventostxt h2{text-transform:uppercase;}
	
	.eventoscalendario{	float:right; padding-left:1px; width:250px; height:200px}
	.eventoscalendario h3{clear:both;}

	
	
/**
 * Boxes da direita
 */
		
	#boxs{ float: left; width:190px;	/*_height: auto;*/}
	#boxs li{ margin-bottom:15px; width:100%;/*	height:300px;*/	}
	#boxs h1{ margin:0;}
	
	.leiamais img {	
		height:10px;	
		width:10px;
		position: relative;	
		/*text-align:right;*/
		margin-right:12px;
		/*top:-50%;*/
	/*	bottom:50%;*/		
		right: -95%;	
		padding-bottom:7px;
	}	
	
	.basicBox{ width:216px;}
	#box_tags, #box_twitter, #box_maislidas{
		/*padding-left:10px;*/
		/*height: auto;	*/
		width:193px;
	}
	
	.conteudo_baixo{
		height:17px;	
		 background-image:url(../imgs/bordas/borda.php?c=FFFFFF&r=270);
		 background-position:100% 100%;
	}
	
	/**
	 * Configuração das bordas
	 */
	#box_twitter .tr, #box_maislidas .tr,#box_tags .tr, #box_rss .tr {
		width:0;
		height:0;
		/*padding-right:12px;*/
		padding-bottom:1px;	
		background-repeat:no-repeat;
		background-position:top;
	}
	
	#box_twitter .bl, #box_maislidas .bl, #box_tags .bl,#box_rss .bl {
		width:0;
		height:0;
		background-repeat:no-repeat;
		background-position:bottom;
		padding-left:14px;
		padding-bottom:1px;	
	}
	
	#box_maislidas a{
		font-size:12px;
	}
	#box_twitter a{
		font-size:11px !important;
	}
	

/**
 * Posicionamento menu navegação - esquerdo
 */

	#menu_navegacao {		
		width:170px !important;
		float:left;	
		/*padding-bottom:30px !important;
		padding-top:10px;*/
	}
	
	#menu{width: 165px; padding-left:5px; /*margin-bottom:20px;*/ float:left;}
	
	#menu li{
		padding:1px 0px 1px 0px !important;
		margin:0px !important;
	}
	
	/*		Menu - Superfish		*/
		.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;}
		
		.sf-menu { line-height:1.0; width: 165px;}
		.sf-menu ul {position: absolute; top: -999em; width: 165px; /* left offset of submenus need to match (see below) */	}
		.sf-menu ul li { width: 100%;}
		.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
		.sf-menu li { float: left; position: relative; width: 165px;}
		.sf-menu a { display: block; position: relative;}
		.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:	165px; /* match ul width */	top: 0; z-index: 99;}
		ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
		ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:165px; /* match ul width */ top:0;}
		ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
		ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left: 165px; /* match ul width */ top: 0;}
		.sf-menu a {padding:8px 3px 7px 3px;}
	
	

	
	/*		Pq IBEU		*/
	#pqibeu{
		float:left;
		margin-top:60px;
		width:171px;
		height:248px;
	}
	
	#pqibeu h1{ margin:5px;}	
	#pqibeu p{margin:5px;}
	
	
	
/**
 * Footer
 */
	#tpl_footer{ width:100%; float:left; line-height:79px; margin-top:30px; clear:both; height:auto;}
	#tpl_footer a{ vertical-align:middle; padding: 0 10px;}
	
	
	
/**
 * 	EVENTOS
 */
	
	#breadcrumb{ padding:10px; margin-left:15px; font-size:12px !important; /*text-align:right;*/}
	#breadcrumb a{color:#7E7E7E;}
	
	 
	.titulo-evento{ margin-left:10px; margin-right:10px;margin-top:20px;}	
	.titulo-evento span{ padding:5px 2px;}
	
	#evento-destaque{margin:10px 40px 10px 10px; width:250px; float:left; display:inline;}
	
	#mais-eventos{margin: 10px 40px 10px 10px; width:250px; float:left; display:inline;width:250px; clear:left;}	
	#mais-eventos .titulo{font-size:20px;  margin-bottom:10px;}	
	#mais-eventos .titulo{color:#490a3d;}	
	#mais-eventos a{font-size:16px; text-decoration:none;}
	
	#aconteceu-ibeu{margin:10px; width:250px; float:left;display:inline; font-size:13px;}
	#aconteceu-ibeu h2{color:#490A3D; font-size:20px;}
	
	#eventoscalendario{float:right;display:inline;margin-right:10px;}
	#eventoscalendario h3{font-size: 16px; margin-bottom:0;}
	#eventoscalendario span{font-size: 10px;}
	#eventoscalendario table{border:0;}
	
	#mais-eventos a{color:#7e7e7e;}
	
	.evento-kids{color:#bd1550;}
	.evento-teens{color:#e97f02;}
	.evento-adults{color:#01438e;}
	.evento-senior{color:#8a9b0f;}

	
/* Estilos > 22 de junho */

	/*#conteudo p{margin:10px;}*/
	#post p{line-height:18px; font-size:13px; text-align:justify; padding-right:20px;}
	/*#post h2{padding-left:10px;}*/	
	#post h2 img{vertical-align:middle;}
	#conteudo #outros-eventos{margin-top:30px;padding:10px;}
	#outros-eventos .titulo{ margin-bottom:10px;}		
		
	#eventos-footer{ padding-left:10px;}
	#eventos-footer img{vertical-align:middle;}
	.comentarios{ margin-right:10px;}
	
	#post .img-home{ margin-right:7px;}
	
	/*#post .img-cursos-kids {margin:20px;}*/
	
/*	#post .curso-desc{float:left; display:inline; margin:10px 0;}*/
	
	#post .curso-desc{margin:25px 0;}
	
	#post .curso-desc table{width:550px;}
	
	#post .curso-desc td{ padding:10px;}
	
	/*#post .curso-desc p, #post .curso-desc h3{padding-left:10px;}		Não pode ser usado pois nem sempre tem um p ou h3 no .curso-desc*/
	 
	
	
	#post h1.titulo{
		text-transform: uppercase!important;
		font-size:30px;
	}
	
	#post h2.titulo{
		text-transform: uppercase!important;		
	}
	
	/* substituir depois */
	
	
	
	#tpl_footer{clear:both;float:left;height:79px;line-height:79px;margin-top:30px;text-align:center;width:100%;}
	
	
	
	
	#novidades_perfil{		
		/*position:relative;*/
		padding-bottom:0;
		font-weight:bolder;		
		padding-left:10px;
		/*clear: left;*/
		width:580px;
		margin-top:-15px;
		float:left;
	}


	#eventoscalendarios table{
		font-family: Arial;
		background-color: #ccc !important;		
	}
	
	
	/**
	 * Junho 29 / 2009
	 * 
	 */

	#conteudo{
		min-height:900px;
		float: left;		
		margin:0 10px;	
		display:inline; /* Tirar o margin duplicado no IE6*/	
		width:600px;
	}
	#conteudo .meio_conteudo_top{
		min-height:17px;
		width:600px;;
		background-image:url(../imgs/fundo_meio_topo_arredondado.png);
	}
	
	#post_body{
		background-color:#FFF;		
		background-position:100% 100%;
		float:left;	
		width:570px;
		height:auto;
		padding-left:15px;
		padding-right:15px;
	
	}
	
	#conteudo_borda_br{
		/*position:relative;*/
		float:left;
		height:25px; 
		width:600px; 
		background-image:url(../imgs/fundo_meio_footer_arredondado.png); 
		background-position:100% 100%;
	}
	
	#post, #outros_eventos{
		padding:0 10px !important;
		height:auto;
	}
	#outros-eventos ul{
		padding-left:20px !important;
	}
	
	
	
	
	
	
	
/*		Estilo 03/07		*/
	
	.listaLinks{line-height:18px; /*margin-top:20px;*/ margin-top:30px;}
	
	.eventostxt .textocorrido{margin-bottom:0;}
	
	/*#menu{margin-top:10px; margin-bottom:0px;}*/
	
	#menu{height:auto !important;}
	
	.sf-menu li{line-height:8px;}
	
	#menu .menu-titulo{margin: 3px 0 !important; line-height:normal;}
	
	.meio_conteudo_evento{ display:inline;}
	
	/*.meio_conteudo_destaque,.meio_conteudo_evento{ margin-left: 8px;}*/
	
	#header{width:980px !important;}
	
	#header #area_login{display:inline;}
	
	#header #area_login h2{font-size:20px; margin-bottom:10px; margin-top:0px;}
	
	#boxs table{width:100%;}
	
	#boxs table p{font-size:12px;}
	
	/**
	 * 07/07
	 */
	.box-data{
		font-size:12px;
		font-weight:bold !important;
	}
	
	.box-text-desc{
		font-size:11px;
	}
	
	
	/**
	 * 08/07
	 */
	.tags_10,.tags_11,.tags_12,.tags_13,.tags_14{
		text-decoration:none;
	}
	.tags_10{
		font-size:10px;
		color:#000000;
	}
	
	.tags_11{
		font-size:11px;
		color:#000000;		
	}
	
	.tags_12{
		font-size:12px;
		color:#000000;		
	}
	
	.tags_13{
		font-size:13px;
		color:#000000;		
	}
	
	.tags_14{
		font-size:14px;
		font-weight:bold;
		color:#000000;		
	}
	
	
	
	/**
	 * Formulario
	 */
	
	#formularios{
		width:500px;
	}
	
	#formularios h2{
		color:#bd1550;
	}
	
	#formularios table td.to_right{
		text-align:right;
		padding-right:20px;
	}
	
	#formularios .email-privacidade{
		font-style:italic;	
	}
	
	#formularios textarea{
		width:305px;
		height:50px;
	}
	
	#formularios #email{
		width:300px;
	}
	
	.btnEnviar{		
		text-decoration:none;
		background-repeat:no-repeat;
		background-image:url(../imgs/form-enviar.jpg);
		padding:5px 35px 8px 34px;
		height:305px;
	}
	
	
	/**
	 * 12/07
	 */
	#post #formata_descricao_pagina h1{
		margin:0;
		margin-bottom:10px;
	}
	
	#post #formata_descricao_pagina p{
		float:right;
		width:330px;
		margin:0px;
	}
	
	#post p a{
		font-weight:bold;
	}

	
	
	/**
	 * 13/07
	 */
	 
	 #post .lista{
		line-height:20px;
		list-style-type:disc;
		margin:30px;		 
		 }
		 
	
/**
 * 14/07
 */

 	a.ver_mapa{
	 	margin-left:5px;
		color:#BD1550;
		text-decoration:none;
	 }
	 
	a.ver_mapa:hover{
		text-decoration:underline;
	}
	
/**
 * Comentarios
 */

	#comentario_campo h2.titulo{
		color:#490b3e;
		text-transform:uppercase;
	}
	
	#comentario_campo h2.respond{
        background:#490B3E none repeat scroll 0 0;
		color:#F0F0F0;
		cursor:pointer;
		font-size:13px;
		padding:4px;
		width:180px;
	}
	
	#comentario_count{
		color:#212121;
		font-size:14px;
		font-weight:bold;
	}

	#comentario_lista{
		width: auto;
		height:auto;
		border-top:solid 1px #490B3E;
		overflow-x:hidden;
		overflow-y:auto;
		background:#F1EFED none repeat scroll 0 0;
	}
	#comentario_lista ol{
		list-style-type:none;
	}
	
	#comentario_lista ol li img{
	float:left;
	margin-right:5px;
	}
	
	#comentario_responde{
	height:auto;
	}
	element.style{
	height:auto;
	}


#area_login p{display:none !important;}


/* Style - Slide - MOSTRA E ESCONDE */
.grupo {width:100%; float:left; margin-bottom:10px; display:inline; color:#000000;}
.grupo h4 {cursor:pointer; background: #cad2dd url(http://www.ibeu.org.br/imgs/decorative/plus.gif) 7px center no-repeat; padding:8px 25px;}
.grupo h4.corrente {background: #f29400 url(http://www.ibeu.org.br/imgs/decorative/minus.gif) 7px center no-repeat;}
.grupo ul {background:#ffc;border:1px dotted #ccc;margin-top:0;}
.grupo ul li {padding:8px;}
.grupo h4 {margin-bottom:2px;} 
/* FIM */
