/* TAGS */

	html, body{
		height:100%}

	
	body{
		background-color:#000;
		color:#333;
		line-height:1.4em;
		letter-spacing:.03em;
		font-family:Verdana, Geneva, sans-serif}

		
	h1{
		padding-bottom:.6em;
		margin-bottom:.2em;
		font-size:1.4em;
		border-bottom:dotted .1em #333}

		
	h2{
		clear:both;
		padding-bottom:.2em;
		margin-bottom:.2em;	
		font-size:1.1em;
		border-bottom:dotted .1em #333}

	h3{
		clear:both;
		padding-bottom:.2em;
		margin-bottom:.2em;	
		font-size:.8em;
		border-bottom:dotted .1em #CCC}

	p{font-size:.8em;text-align:justify;position:relative}

	a{text-decoration:none}
	
	ul{list-style-type:disc;
		padding-left:1em;
		list-style-position:inside}
	
	
	
/* LAYOUT */

#caixa{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#EEE url(../_img/fundo-caixa.jpg) repeat-x}

	#topo{
		position:relative;
		height:15.125em;
		width:56em;
		margin:0 auto;
		overflow:hidden;	
		background:#FFF url(../_img/fundo-topo.jpg) repeat-x}
	
		#topo h1{
			padding:0;
			margin:0 2em;
			width:20.75em;
			height:10em;			
			background:url(../_img/fundo-logo.jpg) no-repeat;
			font-size:1em}

		#topo h1 a{
			position:absolute;
			left:0;
			top:0;
			width:24em;
			height:8em}
			
		#topo p.slogan{
			position:absolute;
			right: 0;
			top: 3.5em;
			font-weight: bold;
			letter-spacing: -.02em;
			color: #555}

		#busca{
			position:absolute;
			right:10em;
			top:10.2em;
			width:0em;
			height:0em}

		#rastro{
			position:absolute;
			right:2em;
			top:13.4em;
			margin:0;
			padding:0}

		#rastro span{
			color:#C00;
			font-size:.7em}
			
		#rastro a{color:#C00;border-bottom:1px dotted #00F}	
		
		#menuPrincipal{
			position:relative;
			padding:1em 0;
			margin:0 2em;
			width:51.825em;
			height:2em;
			top:-.96em;
			
			background:#FC0 url(../_img/fundo-menu.jpg) no-repeat;
			text-align:center;
			font-weight:bold}

		#menuPrincipal li{
			display:inline;font-size:.9em}

		#menuPrincipal li a{
			padding:1em 1em;color:#900}
	
		#menuPrincipal ul li a:hover{
			color:#FFF}

	
	#conteudo{
		position:relative;
		width:52em;	/* +2em +2em = 56em */
		height:100%;
		margin:0 auto;
		padding: .4em 2em 2em;
		padding-bottom:3em;
		overflow:auto;
		background-color:#FFF}

		#conteudo a{color:#C00;border-bottom:1px dotted #00F}
		#conteudo a:hover{color:#F00;border-bottom:1px dotted #333}
	
		#tags span a{margin:0 .1em;color:#BBB}
		#tags .tag1{font-size:1.6em}
		#tags .tag2{font-size:1.4em}
		#tags .tag3{font-size:1.2em}
		#tags .tag4{font-size:1em}
		#tags .tag5{font-size:.9em}
		#tags .tag6{font-size:.7em}	
	
	#rodape{
		position:relative;
		clear: both;
		height:12em;
		background:#000 url(../_img/fundo-rodape.jpg) repeat-x}
	
		#rodapeConteudo{
			position:relative;
			width:100%;	height:100%;
			margin:0 auto;
			padding-top:2em;
			background:url(../_img/fundo-rodape.jpg) repeat-x;
			color:#FC0;
			text-align:center;
			line-height:1.1em}

		#rodape .links a{
			color:#FC0;font-weight:bold}

		#rodape .links a:hover{
			color:#FFF}

		#producao{
			position:relative;
			width:200px;
			height:3em;
			margin:auto;
			margin-top:1em;
			background:url(../_img/producao-imperador.jpg) no-repeat;
			text-indent:-9999px}

		#producao:hover{
			background:url(../_img/producao-imperador-sobre.jpg) no-repeat}

		#producao a{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%}

	
	
/* CLASSES */

	div.destaque{
		width:50em /* + 2em = 52em */;
		height:12em;
		margin:auto;
		margin-bottom:2em;
		padding:0;
		padding-left:2em;
		background: #FFC url(../_img/conteudo/fundo-lateral-destaque.jpg) no-repeat;
		border: dotted .1em #CCC;
		border-left: none;
		border-right:none}
	
	div.destaque h1, div.destaque p{
		border: none;
		text-align:center;
		color: #333}
	
	p.capitular{margin-top:2em}
	
	p.capitular:first-letter{
		padding-right:.04em;
		vertical-align:text-bottom;
		font-size:3em}

	.colesq{
		position:relative;
		width:21.8em;
		padding:1em 2em 1em 1em;
		float:left;
		min-height:20em}
		
	.coldir{
		position:relative;
		float:right;
		width:23em;
		padding:1em 1em 1em 2em;
		min-height:20em;
		border:dotted .1em  #EEE}
		
	.coldir p{margin:0 auto}

	.quebra{clear:both}

	hr.quebra{
		clear:both;
		margin:2em auto;
		padding:0;
		width:40%;
		border:.1em dotted #CCC}

	hr.transparente{
		clear:both;
		margin:1em 0;
		padding:0;
		width:0;
		height:0;
		border:1px dotted transparent}

	hr.tematica{
		margin:1em 0;
		padding:0;
		border:.1em dotted #333}

	.flutuarEsq{
		float:left}

	.centralizar{
		display:block;	margin:0 auto}

	.flutuarDir{
		float:right}

	.ocultar{display:none}

	.textoFora{text-indent:-9999px}
	
	.textoPrincipal {float:right;width:38em;margin-bottom:2em}

	.fotoBorda1, .fotoBorda2, .fotoBorda3, .fotoBorda4{
		padding:.8em;
		border:1px solid #CCC;
		margin:.4em 0;
		margin-right:.8em}
	
	.fotoBorda1{border:none}
	.fotoBorda2{background-color:#EEE}
	.fotoBorda3{background-color:#C00}
	.fotoBorda4{background-color:#FFF}
	.fotoBorda2:hover, .fotoBorda3:hover{background-color:#FC0;cursor:pointer}
	
	.inputTexto{
		height:1.2em;
		background:#EEE url(../_img/conteudo/fundo-input-texto-cinza.jpg) repeat-x;
		border:2px solid #9D9D9D;
		font-size:.9em}

	.inputButton{
		height:1.6em;
		background:#FC0 url(../_img/conteudo/fundo-input-button-dourado.jpg) repeat-x;
		border:2px solid #FC0;
		font-size:.8em}
	
	.endereco{
		font-size: 14px;
		text-align: center;
		font-family: "Verdana", Geneva, sans-serif;
	}
	.endereco2{
		font-size: 12px;
		text-align: center;
		font-family: "Verdana", Geneva, sans-serif;
	}