*{
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
}
body {
	font-size: 12px;
	font-family: Trebuchet MS;
	background: #fff;
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
	color: #000000;
}



.tela_login .header {
	background: #5c5ce0; 
	padding: 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header e não no texto, convém remover o preenchimento. */
	height:200px;
}
.tela_login .header .central {
	background: #5c5ce0; 
	padding: 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header e não no texto, convém remover o preenchimento. */
	height:200px;
	width:1000px;
	margin: 0 auto;
}
.tela_login .header .central .img{
	float:right;
	margin-top:10px;
}

.tela_login .header .central .img img{
	width:380px;
}
.tela_login .header .central .titulo{
	margin-top:30px;
	float:left;
	width:580px;
}
.tela_login .header .central .titulo h1{
	font-size: 20px;
	font-family: Trebuchet MS;
	color:#fff;
}
.tela_login .header .central .titulo p{
	font-size: 12px;
	font-family: Trebuchet MS;
	color:#fff;
	text-align: justify;
}


.tela_login .topo {
	background: #ccc; 
	padding: 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header e não no texto, convém remover o preenchimento. */
	height:120px;
}
.tela_login .topo .central {
	background: #ccc; 
	padding: 0 10px 0 20px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header e não no texto, convém remover o preenchimento. */
	height:120px;
	width:1000px;
	margin: 0 auto;
}
.tela_login .topo .central .img{
	float:left;
	margin-top:15px;
}

.tela_login .topo .central .img img{
	width:100px;
}
.tela_login .topo .central .titulo{
	margin-top:35px;
	margin-left:40px;
	float:left;
	width:500px;
}
.tela_login .topo .central .titulo h1{
	font-size: 24px;
	font-family: Trebuchet MS;
	color:#000;
}
.tela_login .topo .central .titulo h3{
	font-size: 12px;
	font-family: Trebuchet MS;
	color:#333;
	text-align: justify;
}




.tela_login .container {
	width: 100%;  /* Isso cria um contêiner com 80% da largura do navegador */
	background: #FFFFFF;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	text-align: left; /* Isso substitui text-align: center do elemento body. */
}
.tela_login .mainContent {
	padding: 0 20px; /* Lembre-se de que o preenchimento é o espaço dentro da caixa do div e a margem é o espaço fora da caixa do div */
	background: #FFFFFF;
}
.tela_login .mainContent .central {
	padding: 0px;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header e não no texto, convém remover o preenchimento. */
	height:250px;
	width:1000px;
	margin: 0 auto;
}
.tela_login .mainContent .central .login{
	padding:25px 20px 45px 20px;
	margin-top:20px;
	float:right;
	-moz-border-radius: 10px; /* Para Firefox */
	-webkit-border-radius: 10px; /*Para Safari e Chrome */
	border-radius: 10px; /* Para Opera 10.5+*/
	width:333px;
}
.tela_login .mainContent .central .caixa1{
	margin-top:30px;
	float:left;
	width:500px;
	font-size: 14px;
	text-align: justify;
}

.tela_login .mainContent .central .caixa2{
	margin-top:45px;
	float:left;
	width:270px;
	font-size: 12px;
	text-align: justify;
	margin-left:45px;
}
 h2{
	font-size: 18px;
	margin-bottom:10px;
}
.tela_login .mainContent .central .caixa1 img, .tela_login .mainContent .central .caixa2 img{
	float:left;
    margin:0 5px 5px 0;
	width:100px;
}
.tela_login .header .central .titulo img{
	float:right;
    margin:0;

}

a,
.btn_link{
	color:#555;
	text-decoration:none;
}

a:hover,
.btn_link:hover, .btn_geral:hover{
	color:#5c5ce0; /*Azul spqr*/
	text-decoration:none;
}


button {
	border: 1px solid #cccccc;
	padding: 4px;
	margin-top:12px;
	background-color:#f9d001;
}
	
	
	input{
	border: 1px solid #cccccc;
	padding: 6px;
	margin-top:12px;
	width:320px;
	
}
.tela_login .footer { 
position:fixed;
	bottom:0;
	width:100%;
	background: #444444; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	color:#fff;
	padding:15px;
} 



.tela_login .footer .rodape{

	margin:0 auto;
	display:table;
	
}

.tela_login .footer .rodape a{
	color:#fff;
}


.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  font-weight: normal;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
font-family: Tahoma;
}


/* class: .btn,  color theme: Beetle Bus goes Jamba Juice! */
.btn { float:right; text-shadow: 0px -1px 0px #004573; color: #ffffff; background-color: #006391; background-image: -moz-linear-gradient(top, #1e81af, #004573); background-image: -ms-linear-gradient(top, #1e81af, #004573); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e81af), to(#004573)); background-image: -webkit-linear-gradient(top, #1e81af, #004573); background-image: -o-linear-gradient(top, #1e81af, #004573); background-image: linear-gradient(top, #1e81af, #004573); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e81af', endColorstr='#004573', GradientType=0); border-color: #006391 #004573 #004573 #006391; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #004573; }
.btn:hover { color: #c8ffff; text-shadow: 0px -1px 0px #002755; }
.btn:focus { color: #64c7f5; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #006391 #004573 #004573 #006391; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #64c7f5; }
/* end .btn-beyond-the-invisible-5 */


.btn_red {
  display: inline-block;
  *display: inline;
  padding: 4px 6px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #c43c35;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn_red:hover, 
.btn_cinza:hover {background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6);
  background-image: -o-linear-gradient(top, #e6e6e6, #e6e6e6);
  background-image: linear-gradient(to bottom, #e6e6e6, #e6e6e6);
  background-repeat: repeat-x; 
  color: #666666;
  }

  
  
.btn_cinza {
  display: inline-block;
  *display: inline;
  padding: 4px 6px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}





.alert-error {
  color: #b94a48;
  border-color: #eed3d7;
}






/*------------------------------------------ MODAL --------------------------------------*/

#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }  
#boxes .window { position:absolute; left:0; top:0; top:0; z-index:9001; width:800px; display:none; padding:20px; }
#boxes #dialog, #boxes #dialog1, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4, #boxes #dialog5, #boxes #dialog6, #boxes #dialog7, #boxes #dialog8, #boxes #dialog9, #boxes #dialog10, #boxes #dialog11, #boxes #dialog12 { padding:10px; background-color:#ffffff; }
.close{display:block; text-align:right;}
.titulo_box{ width: 100%; display:table; }
/*.titulo_box{ background: rgb(185,185,185); background: -moz-linear-gradient(top, rgba(185,185,185,1) 0%, rgba(195,195,195,1) 35%, rgba(175,175,175,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,1)), color-stop(35%,rgba(195,195,195,1)), color-stop(100%,rgba(175,175,175,1))); background: -webkit-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -o-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: -ms-linear-gradient(top, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); background: linear-gradient(to bottom, rgba(185,185,185,1) 0%,rgba(195,195,195,1) 35%,rgba(175,175,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#afafaf',GradientType=0 ); width: 100%; display:table; }*/
.rodape_box { width: 100%; background-color:#EEE; }
.window .titulo_box h3{ font-size:20px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; color: #BD1F1B; padding:5px; }
.window .rodape_box h6{ font-size:10px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin:0; padding:0; color: #000; padding:5px; margin-top:5px; }
.titulo_box .titulo{ float:left; }
.titulo_box .fechar{ width:20px; margin:10px; float:right; }