/* CSS Document */

	* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	}

	body {background:#000 url(img/fundo_quimica.jpg) no-repeat scroll 50% 0pt; text-align:center;}

	html {}

	h1 a{
	height:100px;
	display:block; 
	text-indent: -9000px;
	overflow:hidden;
	}

	h1 {
	width:100%;
	font:bold 2.5em 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	margin-top:100px;
	border:0px solid #000;
	text-transform:capitalize;
	text-shadow:1px 2px 6px #000;	
	}

/*	h2 {
	width:100%;
	font:bold 2.5em 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	margin-top:100px;
	border:0px solid #000;
	text-transform:capitalize;
	text-shadow:1px 2px 6px #000;	
	}*/

/*	h3 {
	font:bold 18px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#4169E1;
	text-align:left;
	padding:10px;
	text-decoration:underline;
	text-transform:uppercase;
	}
*/

	h3 {
	font:bold 18px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding:10px;
	}

	
	h4 {
	font:bold 16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#B30703;
	text-align:left;
	padding:10px;
	text-decoration:underline;
	}

	h5 {
	height:25px;
	font:bold 16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding:0 0 5px 30px;
	margin:20px 0 20px 0;
	text-transform:uppercase;
	background:#e5e5e5 url(img/degrade2.gif);
	}

	h2 {
	font:bold 18px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#4169E1;
	text-align:center;
	padding:10px;
	text-decoration:underline;
	text-transform:uppercase;
	}	

	#aplicacao h2 {
	height:25px;
	font:bold 16px/35px 'Trebuchet Ms', Arial; 
	color:#fff;
	margin:100px 0 30px 0;
	padding:0 0 5px 30px;
	text-transform:uppercase;
	background:#e5e5e5 url(img/degrade2.gif);
	}

	#geral {
	border:0px dotted #0000ff;
	margin:0 auto;
	width:770px;
	}

	#cabecalho {height:200px;}
	
	.quim {
	color:#FFFFFF; top:100px; margin-left:550px; height:40px; width:210px; font: 20px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif; position:absolute;
	}
	.quim a {
	color:#FFFFFF; 
	}

	/*DIV MENU INÍCIO*/

	
	#menu {
	width:690px;
	height:27px;
	border:0px solid #000;
	float:left;
	text-align:center;
	margin:27px 10px 0 30px;
	}


	#nav {display:inline;}

	#nav a {
	display:block;
	font:bold 15px/27px 'Trebuchet Ms', Verdana, Arial, Sans-serif;
	color:#fff;	
	list-style: none;
	text-decoration:none;
	padding:0 0 0 15px;
	text-shadow:1px 1px 3px #2F2274;	
	}

	#nav a:hover {
	display:block;
	color:#87C4D7;
	text-decoration:none;
	/*background: url(img/fdo_botao2.jpg);*/
	}

	#nav ul {text-align:center;}

	#nav li  li{}

	#nav li li a {
	display:block; 
	width:15em;
	height:27px;
	color:#fff;
	padding:0 15px 0 15px;
	border-left: 6px solid #0080C7;
	/*background:url(img/fdo_botao.jpg);*/
	}
			
	#nav li li a:hover {
	display:block;
	color:#87C4D7;
	width:15em;
	height:27px;
	text-decoration:none;
	background-color: #83B8E4;
	border-left: 6px solid #222D7D;	
	}
		
	li {
	display:block;
	float: left;
	position: relative;
	text-align: left;
	}

	ul {background:#0090D7;}

	li ul {
	display: none;
	position: absolute;
	top:27px;
	left:0;
	padding:0 0 0 0;
	font-weight: normal;
	border:1px solid #0090D7;
	}
		
	li li {
	float: none; 
	display:block;
	}
		
	li:hover ul, li.over ul {display: block;}

	li:hover ul ul, li.over ul ul {
	display: none;
	top:0;
	margin-left:16.0em;
	}
		
	li:hover ul, li li:hover ul, li.over ul, 
	li li.over ul { 
	display: block; 
	}

/* DIV MENU FINAL */

/* ************************************************************************ */

	#introducao {
	text-align:left;
	margin:0 auto;
	width:740px;
	border:0px solid #000;
	}

	#introducao h2 {margin-left:10px;}

	#introducao p {
	text-align:left;
	font:20px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#f6f6f6;
	border-bottom:1px dashed #343434;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	-webkit-transition: background 1s linear;
	} 

	#introducao p:hover {
	background:#DBE0F2; 
	padding:5px; 
	color:#000; 
	border:0px dotted #727272;
	}

	#introducao img {border:2px solid #000; margin:20px 0 0 70px;}

	#conteudo {
	margin:0 auto;
	width:90%;
	padding-left:20px;
	text-align:left;
	font: 16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#f6f6f6;
	border:0px solid #000;
	}

	#qTip {
	width: 109px;
	padding: 3px;
	border: 1px solid #666;
	display: none;
	background: #999;
	color: #FFF;
	font: bold 9px Verdana, Arial, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
	}
	
	#conteudo img {margin:30px auto;}

	#conteudo h2{text-align:center;}

	#conteudo table {width:70%; border:1px solid #727272;}

	#conteudo td {
	background-color:#fff;
	color:#000;
	text-align:left;
	padding:5px;
	}

	.info_grafico {
	padding:10px;
	margin-top:10px;
	font:bold 10px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#DAAE31;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	}
	
	.info_grafico2 {
	padding:10px;
	margin-top:10px;
	margin-left: 210px;
	font:bold 10px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#DAAE31;
	}

	#apresentacao {
	margin:0 auto;
	width:100%;
	border: 0px solid #fff;
	
	color: #000;
	}

	#apresentacao a:link {color:#6495ED; padding:5px; text-decoration:underline;}
	#apresentacao a:hover {color:#0000CD; padding:5px; text-decoration:underline;}
	#apresentacao a:visited{color:#ccc; padding:5px; text-decoration:underline;}

	
	#apresentacao p {
	text-align:left;
	font:16px/25px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#f6f6f6;
	border:0px solid #fff;
	padding:5px;
	 /*-webkit-transition: background 1s linear;*/
	} 

	#apresentacao img {border:none; padding:15px; background-color: #000000;}
	
	/*#apresentacao p:hover {
	background:#DBE0F2; 
	padding:5px; 
	color:#000; 
	border:0px dotted #727272;
	}*/


	#aplicacao {
	width:85%;
	margin:0 auto;
	border:0px solid #fff;
	text-align:left;
	padding:35px;
	}
	
	#aplicacao2 {
	width:85%;
	margin:0 auto;
	border:0px solid #fff;
	text-align:left;
	padding:35px;
	}
	
	#aplicacao img {
	border:2px solid #fff; 
	width:90px; 
	height:90px;
	}
	
	#aplicacao2 img {
	border:2px solid #fff; 
	width:120px; 
	height:120px;
	}

	#aplicacao p {
	text-align:left;
	font:16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#f6f6f6;
	padding:10px;
	border:0px solid #fff;
	} 

	#nav_elementos {
	clear:both; 
	font:16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	}

	#nav_elementos a:link {color:#8A2BE2; padding:5px; text-decoration:underline;}
	#nav_elementos a:hover {color:#1074C0; padding:5px; text-decoration:underline;}
	#nav_elementos a:visited{color:#ccc; padding:5px; text-decoration:underline;}



	#textos a:link {color:#8A2BE2; padding:5px; text-decoration:underline;}
	#textos a:hover {color:#1074C0; padding:5px; text-decoration:underline;}
	#textos a:visited{color:#f6f6f6; padding:5px; text-decoration:underline;}

	#elementos a:link {color:#fff; display:block; padding:5px;}
	#elementos a:hover {color:#1074C0; display:block; background-color:#fff; padding:5px;}
	#elementos a:visited{color:#ccc; display:block; padding:5px;}

	#elementos {
	margin:15px auto;
	border:0px solid #fff;
	padding-bottom:30px;
	}

	#analiticos {
	padding:10px; 
	border:0px solid #727272; 
	font:14px Trebuchet Ms, Verdana, Arial, Sans-serif;
	}

	#analiticos a:link {color:#000; display:block; padding:5px;}
	#analiticos a:hover {color:#000; display:block; background-color:#FFA500; padding:5px;}
	#analiticos a:visited{color:#fff; display:block; padding:5px;}

	#analiticos table {background-color:#708090;}

	#analiticos td.apresenta{border:1px dashed #000;}

	table {
	margin:0 auto;
	width:750px;
	border:0px solid #00ff00;
	}

	td {
	padding:5px;
	text-align:center;
	font:bold 13px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	/*border:1px solid #fff;*/
	}

	th {
	padding:5px;
	text-align:center;
	font:bold 14px Arial;
	color:#a9aec3;
	border:1px solid #000;
	}
	
	.tabelinha {
	width: 650px;
	background-color:#000;
	}
	
	.tabelinha td {
	color: #000;
	border: 0px solid #000;
	background-color:#FFF;
	}
	
	.tabelinha2 {width: 650px;}
	
	.tabelinha2 td{
	border: none;
	font-size: 16px;
	}

	.tabelinha3 { 
	width: 640px;
/*	background-color: #000;*/
	}
	
	.tabelinha3 td{
	font-size: 10px;
	color: #000;
	border: none;
	background-color: #F6C93D;	
	}


	.blank {border:none;}
	.colum {border:none; color:#00008B;}
	.observacao {text-align:left; border:none; padding-left:15px;}
	.actinidios {padding:5px; font:12px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;}
	.lantanidios {padding:5px; font:12px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif; }
	.apresenta{
	margin:0 auto;
	width:85%;
	text-align:left;
	font:16px/35px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#f6f6f6;
	border:0px solid #fff;
	padding:5px;
	-webkit-transition: background 1s linear;
	}
	
	.legenda { margin-left: 100px; font-size:13px; font-weight:bold;  }
	.legenda2 { margin-left: 5px; font-size:11px; font-weight:bold;  }
	.legenda3 { margin-left: 120px; font-size:20px; font-weight:bold;  }
	
	#cronos table {
	margin:0 auto; 
	width:95%;
	background-color:#F5F5F5;
	border:2px dashed #000;
	}
	
	#cronos th {
	background-color:#fff; 
	color:#000;
	padding:5px;
	font-size:20px;
	border:none;
	}
	
	#cronos td {
	padding-left:15px;
	border-bottom:1px solid #DCDCDC;
	color:#000;
	text-align:left;
	}
	
	#cronos tr:hover {
	background-color:#E6E6FA; 
	font:11px/22px Arial;
	-webkit-transition: background 1s linear;
	}

	.orange td {color:#FF8C00;}
	
	.refer td  {
	font-weight:bold; 
	text-align:center;
	color:#000;
	padding:2px;
	background-color:#E4E4E4;
	}
		
	#rodape {
	margin:0 auto;
	width:700px;
	text-align:center;
	font:10px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	color:#999999;
	}

	#voltar{
	clear:both;
	border:0px solid #ff0000;
	font:bold 14px/30px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	text-align:right;
	margin:5px 10px 0 0;
	padding-top:30px;
	}

	#voltar a:link {color:#0074B9;}
	#voltar a:hover {color:#ccc;}



	#sign{
	clear:both;
	border:0px solid #ff0000;
	font:10px 'Trebuchet Ms', verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
	margin-top:5px;
	padding-top:30px;
	}

	#sign a:link {color:#696969;}
	#sign a:hover {
	color:#DAAE31;
	font-family: "Trebuchet Ms", verdana, tahoma, arial, helvetica, sans-serif;
}



/* Lytebox - Estilo! */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 16px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }