html, body {
	height:100%;
}
a:hover {
	color:#16747E;
	text-decoration:none;
}
html, body, *{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#4C201F;
}
ul {
	margin:5px 25px;
	list-style-type:circle;
}
h1 {
	font-size:18px;
	color:#4C201F;
	display:block;
	margin-bottom:15px;
	text-align:center;
}

h1 i {
	font-size:18px;
}

h2 {
	font-size:15px;
	color:#4C201F;
	display:block;
	padding:3px 0;
}

h4 {
	font-size:17px;
	color:#4C201F;
	display:block;
	padding:3px 0;
}

h2 i, h2 a {
	font-size:15px;
	}

	
h3 {
	font-size:20px;
	color:#4C201F;
	display:block;
	margin-bottom:15px;
	text-align:center;
}

h5 {
	font-size:13px;
	color:#4C201F;
	display:block;
	padding:3px 0;
	margin-left:10px;
}

h5 i {
	font-size:13px;
	}
	
h5 a, h5 a:hover {
	font-size: 13px;
	}



body {
	background-color:  #ecebe3;
	
}
* html #tudo {height: 100%;}

#tudo {
	background-color: #ecebe3;
	width:100%;
	position:relative;  
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border-top:none;
	border-bottom:none;
}

#conteudo {
	/*padding-bottom:60px;*/
	width:998px;
	padding-bottom:15px;
	margin-left: auto;
	margin-right: auto;
 }
 
#topo {
	height:150px;
	padding-bottom:50px;
	color:#FFF;	
	text-align:center;
	position:relative;
}

#topo .voltar{position:absolute; top:180px; right:15%;height:20px; width:80px;}

#topo img {
	display:inline;
}
#topo h1.topo {
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0;
	border-bottom: none;
	display:block;
	
}
#principal {
	width:70%;
	text-align:justify;
	color:#565656;
	margin-left:20%;
	margin-right:8%
	margin-top:15px;
	padding:0 0 0 20px;
	line-height: 20px;
}

#principal a, a i {
	color:#CD0000;
}
#principal a:hover, a:hover i {
	color:#CD5C5C;
	text-decoration: underline;
}
#painel { width:998px; overflow:auto;}

#painel img{ border:0; height:614px}
#bio {
	display:block;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 40px;
	color:#000000;
	font-size:12px;
	}
	

#menu {
	float:left;
	width:20%;
	margin-bottom:50px;
	margin-top:15px;
	z-index:1000;

}
#menuList {
	list-style:none;
	margin:0px;
	padding:0px;
	z-index:1000;
}

#menuList li{
	height:50px;
	width:150px;
	padding-left:18px;
	line-height: 50px;
	position:relative;
	list-style:none;
	padding-bottom:10px;
	margin:0;
	background:url(imgs/bgmenu.png) center no-repeat;
}
#menuList li ul {
	position: absolute;
	left: 159px;
	bottom: 40px;
	display:none;
	margin:0;
	padding:0;
	width: 900px;
	z-index:1002;
}

#menuList li #linha2 {
	bottom:10px;
}
	
#menuList li #linha3 {
	bottom:-20px;
}

#menuList li #linha4 {
	bottom:-50px;
}

#menuList li #linha5 {
	bottom:-80px;
}

#menuList li #linha6 {
	bottom:-110px;
}

#menuList li #linha7 {
	bottom:-140px;
}

#menuList li #linha8 {
	bottom:-170px;
}

#menuList li #linha9 {
	bottom:-200px;
}

#menuList li #linha10 {
	bottom:-230px;
}


#menuList li ul li {
	background: none;
	display:inline-block;
	*display:inline;
	padding:0;
	margin-right:-4px;
	zoom:1\9;
	width:200px;
	}

#menuList li ul li a {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 200px;
	padding:5px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	background:#aeb099;
	border: 1px solid #979886;
	z-index:1000;
}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#menuList li:hover ul { display: block; }

#menuList li a{
	z-index: 1005;
	/*padding:15px 5px 15px 5px;*/
	display:inline-block;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	width: 140px;
	padding-top: 5px;
	/*height: 40px;*/
	line-height:0px;
	vertical-align:middle;
}

#menuList li a span {
	
	
	margin: auto auto;
	height: 20px;
	line-height:20px;
	color:#FFFFFF;	
}

#menuList li a:hover {
	text-decoration:underline;
}

#topicos {
	padding-top:40px;
	margin-top:50px;
	margin-bottom: 50px;
	text-align: center;
	border-top: 1px solid #aeb099;
}

#topicos a {
	text-decoration:none;
}

#topicos a:hover {
	text-decoration:underline;
}


#linhatempo
{
	z-index:100\9;
	}

#ano {
	width:50px;
	float:left;
	margin-right:15px;
	position:relative;
	_z-index:-1;
}

#textoano {
	text-align: center;
	width:50px;
	padding:45px 0;
	height:auto;
	font-size: 20px;
	background: #CC9966;
	color: #FFFFFF;
	margin-bottom: 10px;
	}

.tooltip {
    display:none;
	background: #CC9966;
    font-size:12px;
    height:auto;
    max-width:300px;
    padding:15px;
    color:#FFFFFF;
	border:1px solid #FFFFFF;
	text-align: justify;
	z-index:1001;
	
  }

#arq {
	width:400px;
	float:left;
	margin-right:15px;
	position:relative;
	_z-index:-1;
}

#textoarq {
	text-align: justify;
	height:90px;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 10px;
	background: #CC9966;
	color: #FFFFFF;
	}
	
#textoarq a {
	font-size: 16px;
	text-decoration: underline;
	color: #FFFFFF;
	}
	
#textoarq a:hover {
	color:#D3D3D3;
	}

#textoarq img {
	float: left;
	padding-right: 10px;
	}

#textoarte {
	text-align: left;
	height:90px;
	padding: 10px;
	font-size: 16px;
	margin-bottom: 10px;
	background: #CC9966;
	color: #FFFFFF;
	}
	
#textoarte i, #textoarq i {
	font-size:16px;
	color: #FFFFFF;
	}
	
#textoarte a {
	font-size: 16px;
	text-decoration: underline;
	color: #FFFFFF;
	}
	
#textoarte a:hover {
	color:#D3D3D3;
	}
	

#arte {
	width:200px;
	float:left;
	position:relative;
	_z-index:-1;
}



/*.selected {
	background:#D8D8D8;s
}*/

.clear {
	clear:both;
}
#rodape {
	/*background:#075daa;*/
	width:908px;
	/*height:25px;*/
	height:80px;
	margin-top:60px;
	position: relative;
	bottom: 0; 
	text-align:left;
	color:#666;
	margin-left:auto;
	margin-right:auto;
	background:url(imgs/rodape-logos.png)center right no-repeat;
}
#rodape a {
	/*color:#5fbec8;*/
	color:#075daa;
}
#rodape a:hover {
	color:#FFF;
}

.even {
	background-color:#F2F2F2;
}

a img {
	border:none;
}

table
{
	font-size: 14px;
	padding: 0px;
	border: 0px none #4C201F;
	margin: 0px;
	height: auto;
	width: 100%;
	background-color: #4C201F;
	float: none;
	overflow: auto;
}

td
{
	font-size: 12px;
	padding: 6px;
	border: 0px none #4C201F;
	margin: 0px;
	height: auto;
	width: 45%;
	background-color: #DCD9CC;
	text-align: justify;
	vertical-align: middle;
}

th
{
	font-size: 16px;
	padding: 0px;
	border: 1px none #4C201F;
	margin: 0px;
	height: auto;
	width: 10%;
	background-color: #DCD9CC;
	text-align: center;
	
}

th div{position: relative; display:inline;font-size:16px;margin:auto auto; text-align:inherit; cursor:default;} 
th div span{text-align:left;padding:5px;display:none; width:350px; border:1px solid #4C201F; background-color:#EDECE3;position:absolute; bottom:25px; left:47px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3)}
th div:hover span{display:block;}

td div
{
	clear:both;
}

td div img
{
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
}

td div span
{
	float:inherit;
}
