@charset "utf-8";
/* CSS Document */


*{	
margin:0px;
padding:0px;
}

/*tirando o background para o iframe nao pegar cor de fundo. o background est&aacute; na index.html
body{	
background:#546A55;
}*/

#tudo{
	top:50%;
	left:50%;
	margin-top:-280px;
	margin-left:-480px;
	width:960px;
	height:560px;
	position:absolute;
}

#lingua{
	position:relative;
	float:left;
	width:920px;
	height:25px;
	/*background:#CCC;*/
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color:#899d7a;
	text-align:right;
	padding:15px 0px 0px 0px;
}

#lingua a{
font: normal 12pt times;
color:#899d7a;
text-decoration:none;
}
#lingua a:hover{
font: normal 12pt times;
color:#c7d5bf;
text-decoration:none;
}

#site{
	position:relative;
	float:left;
	width:960px;
	height:530px;
	background: url(imgs/background.jpg);
}

#logo{
	top:180px;
	left:40px;
	position:absolute;
	width:220px;
	height:135px;
}

#login{
	top:45px;
	left:280px;
	width:640px;
	height:25px;
	position:absolute;
	font-family:verdana;
	font-size:10px;
	color:#000000;
	vertical-align: middle;
	padding:0px;
}

#etraininglogin{
	top:45px;
	left:180px;
	width:640px;
	height:25px;
	position:absolute;
	font-family:verdana;
	font-size:10px;
	color:#000000;
	vertical-align: middle;
	padding:0px;
}

#etrainingErrorMsg{
	top:130px;
	left:170px;
	width:640px;
	height:170px;
	position:absolute;
}

#menu{
	top:85px;
	left:280px;
	width:640px;
	height:80px;
	position:absolute;
}

#conteudo{
	top:165px;
	left:280px;
	width:640px;
	height:270px;
	position:absolute;
	/*background:#CCC;*/
	/*overflow:scroll;*/
}

#content{
POSITION: absolute;
LEFT: 10px;
TOP: 5px;
WIDTH: 605px; 
font: normal 10pt verdana;
color: #000;
}

#etrainingMsg{
POSITION: absolute;
LEFT: 200px;
TOP: 160px;
WIDTH: 605px; 
font: normal 10pt verdana;
color: #000;
}

#error p{
font: normal 10pt verdana;
color: #FF0000;
text-align: center;
font-weight: bold;
}

#contentClip {
	POSITION: absolute;
	TOP: 5px;
	LEFT: 0px;
	WIDTH: 615px;
	HEIGHT: 400px;
	CLIP: rect(0px 615px 270px 0px); 
/*CLIP: rect(0px 615px 400px 0px);*/
	Z-INDEX: 11;
	OVERFLOW: hidden;
}

#contentClipResearch {
	POSITION: absolute;
	TOP: 5px;
	LEFT: 0px;
	WIDTH: 615px;
	HEIGHT: 640px;
	CLIP: rect(0px 615px 640px 0px); 
/*CLIP: rect(0px 615px 400px 0px);*/
	Z-INDEX: 11;
	OVERFLOW: hidden;
}

#contentClipContract {
	POSITION: absolute;
	TOP: 5px;
	LEFT: 10px;
	WIDTH: 615px;
	HEIGHT: autopx;
	/*CLIP: auto; */
	CLIP: rect(0px 615px auto 0px);
	Z-INDEX: 11;
	OVERFLOW: hidden;
}

#contentClipContract table {
    width: 615px;
}

/*seta up*/
#up{
POSITION: absolute;
TOP: 0px;
LEFT: 625px;
Z-INDEX: 7;
WIDTH: 13px;   
HEIGHT: 17px;
 }
 
 /*seta down*/
#down{
POSITION: absolute;
TOP: 255px;
LEFT: 625px;
Z-INDEX: 6;  
WIDTH: 1px;   
HEIGHT: 17px;
}

/*barrinha q manda
#drag{
POSITION: absolute;
TOP: 17px;
LEFT: 629px;
Z-INDEX: 16;  
WIDTH: 7px;   
HEIGHT: 25px;
layer-background-color:#cccccc ;
}

barrinha sombra
#ruler{
POSITION: absolute;
TOP: 17px;
LEFT: 629px; 
Z-INDEX: 14;
WIDTH: 8px;   
HEIGHT: 26px;  
layer-background-color: #999999; 
}*/
 
/*a div teste eh a do iframe, q substituiria a div conteudo
#teste{
	top:170px;
	left:280px;
	width:640px;
	height:270px;
	position:absolute;
	background:#CCC;
	overflow:scroll;
}
*/

#rodape{
	top:440px;
	left:280px;
	width:640px;
	height:15px;
	position:absolute;
	color:#546A55;
	font: normal 8pt verdana;
	padding:8px 0px 0px 0px;
	border-top:2px solid #546A55;
}

#rodape a{
	font: normal 8pt verdana;
	color:#546A55;
	text-decoration:none;
}
#rodape a:hover{
	font: normal 8pt verdana;
	color:#000000;
	text-decoration:none;
}

#login a{
font: normal 10pt verdana;
color: #fff;
text-decoration:none;
}

#acesso a{
font: bold 10pt verdana;
color: #f00;
text-decoration:none;
}

	#table td{
		font-family: arial;
		font-weight: bold;
		font-size:12px;
		color: #444444;
		background-color: #c7d2b4;
		height: 30px;
		padding-left:6px;
		text-align:left;
	}
	
	#passwd{
		font-family: arial;
		font-weight: bold;
		font-size:11px;
		color: #1f1f1f;
		background-color: #ffffff;
		height: 30px;
		padding-left:10px;
		padding-top: 5px;
		text-align:left;
	}
	
	#agree_bt{
		font-family: arial;
		font-weight: bold;
		font-size:12px;
		color: #444444;
		background-color: #ffffff;
		height: 30px;
		padding-left:17px;
		padding-top: 3px;
		text-align:left;
	}
	
.arialverde16{
	font: normal 14pt verdana;
	color:#546A55;
	text-align: center;
}

.arialverde12{
	font: normal 10pt verdana;
	color:#546A55;
	font-weight:bold;
}

.verdanabranco{
	font: normal 12pt verdana;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
}

.arial10{
font: normal 10pt verdana;
color: #000;
}

a{
font: normal 10pt verdana;
color: #000;
text-decoration:none;
}

a:hover{
font: normal 10pt verdana;
color: #000;
text-decoration:none;
}

form{
font: normal 10pt verdana;
color: #000;
}

.afasta{
position:relative;
top:0px;
left:50px;
width:550px;
}

.padding{
padding: 0px 50px 0px 50px;
font: normal 10pt verdana;
color: #000;
}

ul
{
list-style-image: url("imgs/bolinha.gif");
}


