/* CSS Document */

@import url("http://www.userid.com.br/estilos/estilo.css");

div#frame_mae{

	width: 100%;

	height: 100%;

}



div.cabecalho, div.centro, div.rodape, img.logo, div.frame_logon, div.frame_cadastro, div.celula_esquerda, div.celula_menu_e, img.esquerda, div.barra, div.painel, div.cadastro_componente_p, div.cadastro_componente, div.cadastro_titulo, div.cadastro_titulo2, div.frame_botao, div.chamada_p_fixo, div.celula, div.espaco,

div.safesignature, div.safesignature2, div.safesignature3, div.safesignature4, div.safesignature5, div.safesignature6{

	float: left;

}



div.celula_direita, div.celula_menu_d{

	float: right;

}



div.cabecalho{

	width: 100%;

	height: 45px;

	background-color: #006B77;

}



div.centro{

	width: 775px;

	height: 100%;

}



div.rodape{

	width: 100%;

	height: 20px;

	background-color: #006B77;

}



div.chamada{

	margin: 0 auto;

	width: 420px;

	height: 100%;

	text-align: center;

}



div.bb1{

	width: 749px;

	height: 500px;

	text-align: left;

	background: url(http://www.userid.com.br/imagem/bb1.jpg);

}



div.bb2{

	width: 749px;

	height: 500px;

	text-align: left;

	background: url(http://www.userid.com.br/imagem/bb2.jpg);

}



div.bb3{

	width: 749px;

	height: 100%;

	text-align: left;

	background: repeat-x url(http://www.userid.com.br/imagem/bb3.jpg);

}



div.bb4{

	width: 749px;

	height: 500px;

	text-align: left;

	background: url(http://www.userid.com.br/imagem/bb4.jpg);

	text-align: center;

}



div.bb5{

	width: 749px;

	height: 630px;

	text-align: left;

}



div.frame_logon{

	border-left: 2px;

	border-left-color: #FFFFFF;

	border-left-style: solid;

	width: 411px;

	height: 45px;

	text-align: center;

}



div.frame_cadastro{

	border-left: 2px;

	border-left-color: #FFFFFF;

	border-left-style: solid;

	border-right: 2px;

	border-right-color: #FFFFFF;

	border-right-style: solid;

	width: 179px;

	height: 45px;

	text-align: center;

}



div.frame_rodape{

	width: 775px;

	height: 20px;

	text-align: center;

}



div.cadastro_titulo{

	margin-top: 3px;

	width: 100px;

	height:20px;

	text-align: right;

}



div.cadastro_componente{

	margin-top: 3px;

	width: 304px;

	height: 20px;

	text-align: right;

}



.componente{

	font-size: 10px; 

	color: #000000; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 303px;

}



div.menu{

	margin: 0 auto;

	width: 725px;

	height: 100%;

	text-align: center;

}



.componente_logon{

	font-size: 10px; 

	color: #000000; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 100px;
	
	text-align: left;

}



div.moldura{

	margin: 0 auto;

	width: 612px;

	height: 207px;

	border: 2px;

	border-color: #006B77;

	border-style: solid;

}



div.celula_esquerda{

	padding-left: 5px;

	padding-top: 5px;

	width: 297px;

	height: 100%;

	text-align: left;

}



div.celula_direita{

	padding-right:: 5px;

	padding-top: 5px;

	width: 297px;

	height: 100%;

	text-align: left;

}



div.chamada_fixa{

	margin: 0 auto;

	width: 616px;

	height: 20px;

	text-align: center;

}



div.painel{

	width: 612px;

	height: 200px;

	border: 2px;

	border-color: #006B77;

	border-style: solid;

	background: #FFFFFF;

}



div.celula_menu_e{

	padding-left: 4px;

	width: 381px;

	height: 100%;

	text-align: center;

}



div.celula_menu_d{



	width: 220px;

	height: 100%;

	text-align: center;

}



.botao{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	width: 30px;

	height: 30px;

}



.botao2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	width: 60px;

	height: 30px;

}



div.invisivel{

	margin: 0 auto;

	width: 612px;

	height: 200px;

	border: 2px;

	border-color: #006B77;

	border-style: solid;

	background: #FFFFFF;

	visibility: hidden;

}



.componente_desafio{

	font-size: 10px; 

	color: #000000; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 60px;

	text-align: center;

}



.imgbt{

	cursor: pointer;

	border: 0px;

}



img.direita{

	float: right;

}



div.cadastro_componente_p{

	margin-top: 3px;

	width: 102px;

	height: 20px;

	text-align: right;

}



div.chamada_p{

	margin: 0 auto;

	width: 230px;

	height: 100%;

	text-align: center;

}



div.dados{

	margin: 0 auto;

	width: 412px;

	height: 180px;

	text-align: center;

}



div.frame_invisivel{

	margin: 0 auto;

	width: 614px;

	height: 260px;

	visibility: hidden;

}



div.frase_rodape{

	margin-top: 4px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 10px;

	font-weight: bold;

}



div.alerta{

	margin: 0 auto;

	width: 612px;

	height: 38px;

	border: 2px;

	border-color: #F47C00;

	border-style: solid;

	background: #FFFFFF;

}



div.cadastro_titulo2{

	margin-top: 3px;

	width: 115px;

	height:20px;

	text-align: right;

}



div.frame_botao{

	margin-top: 3px;

	width: 217px;

	height:20px;

	text-align: right;

}

div.frame_botao2{

	margin-top: 3px;

	width: 257px;

	height:20px;

	text-align: center;

}




div.favorecido{

	padding: 5px;

	margin: 0 auto;

	width: 220px;

	height: 70px;

	text-align: left;

	border: 2px;

	border-color: #006B77;

	border-style: solid;

	background: #FFFFFF;

}



div.chamada_p_fixo{

	width: 230px;

	height: 495px;

	text-align: center;

}



div.container_p_fixo{

	margin: 0 auto;

	width: 470px;

	height: 500px;;

	text-align: center;

}



div.moldura_celular{

	width: 221px;

	height: 450px;

	border: 2px;

	border-color: #006B77;

	border-style: solid;

}



div.celula{

	width: 102px;

	height: 155px;

	margin-top: 3px;

	margin-bottom: 3px;

	text-align: center;

}



div.divisoria{

	border: 2px;

	border-color: #006B77;

	border-style: solid;

	width: 100%;

	height: 20px;

	text-align: left;

	background: #E8E8E8;

	font-size: 10px; 

	color: #006B77; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding-top: 5px;

	padding-left: 4px;

}



div.espaco{

	width: 714px;

	height: 20px;

	text-align: center;

}



div.safesignature{

	width: 249px;

	height: 124px;

	text-align: left;

	background: url(http://www.userid.com.br/imagem/safesignature.png);

}



div.safesignature2{

	width: 145px;

	height: 80px;

}



div.safesignature3{

	width: 349px;

	height: 224px;

	margin-right: 10px;

	background-color: #006B77; 

	text-align: left;

}



div.safesignature4{

	width: 349px;

	height: 80px;

	margin-right: 10px;

}



div.safesignature5{

	width: 249px;

	height: 80px;

}



div.safesignature6{

	width: 249px;

	height: 224px;

	text-align: left;

	background: url(http://www.userid.com.br/imagem/safesignature.png);

	background-repeat: repeat-x;

}





div.painel_safesifnature{

	margin: 0 auto;
	width: 404px;

	height: 100%;

}



div.painel_safesifnature2{
	
	margin: 0 auto;

	width: 618px;

	height: 100%;

}



div.quadro{

	width: 289px;

	height: 164px;

	margin-left: 30px;

	margin-top: 30px;

}



.display{

	float: left;
	
	width: 105px;

	height: 34px;

	background: #DADBDC;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #000000;

	margin-top: 38px;

	margin-left: 92px;

}

div.frame_idioma{
	
	float: left;

	width: 775px;

	height: 30px;

	text-align: right;
	
	padding: 5px;

}