/*-----------------------------------------------------------------------------
Folha de Estilos para páginas web

version:   1.0
author:    david sue
email:     diniz.david@gmail.com
website:   
-----------------------------------------------------------------------------*/

@import url(menu.css);

html, body {
  text-align: center;
  background: #fff;
	height: 100%;
	margin: auto;
}

input[type="text"]:focus, input[type="password"]:focus{
  background: #CEDFF2;
  font-weight: bold;
  border: 2px inset #ccc;
}

/*************************************************************** ESTILOS DO TOPO E SUBTOPO ***************************************************************/
#topo {
  width: 100%;
  height: 60px;
  background: #000 url("imagens/cs_logo.png") no-repeat 15px center;
  padding-top: 15px;
}

#topo p{
  color: #fff;
  font-size: 16pt;
  font-weight: bold;
  font-family: Georgia;
  text-align: justify;
  text-indent: 80px;
  margin: 0;
}

#sub_topo {
  width: 100%;
  height: 20px;
  background: #000;
  padding-top: 5px;
  padding-bottom: 4px;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  font-family: Georgia;
  text-align: justify;
  text-indent: 20px;
}

#sub_topo .sair {
  width: 70px;
  height: 20px;
  background: url("imagens/sair.png") no-repeat center center;
  padding-right: 50px;
  float: right;
}

/*************************************************************** FIM ESTILOS DO TOPO E SUBTOPO ***************************************************************/


#principal{
  width: 980px;
  height: auto;
  margin: 1% auto;
  position: relative;
  font-family: Times new Roman;
  font-size: 18px;
  position: relative;
}

#principal fieldset{
  padding: 1em;
  margin: 1em;
  border: solid 0 transparent;
}

#principal legend{
  position: absolute;
  top: 10px;
  text-align: justify;
  text-indent: 20px;
  background: url(imagens/marcador.png) no-repeat left center;
	font-weight: bold;
	font-size: 15pt;
}

#principal label{
  font-weight: bold;
  font-size: 10pt;
}

#principal p{
  text-align: justify;
  text-indent: 20px;
  font-weight: bold;
}

#principal .subtitulo{
  background: url(imagens/marcador_azul.png) no-repeat left center;
  color: #006408;
  font-size: 11pt;
}

#principal a{
  font-weight: bold;
  text-decoration: none;
  color: #000033;
  font-size: 11pt;
}

#principal b{
  font-weight: bold;
  text-decoration: none;
  color: #000033;
  font-size: 11pt;
}

#principal a:hover{
  color: #fff;
  background: #000033
}

/*************************************************************** ESTILOS DO LOGIN ***************************************************************/
#login{
  width: 450px;
  height: 165px;
  position: relative;
}

#login p{
  text-align: justify;
  text-indent: 70px;
}

#principal form[name="login"] .button_enviar{
  width: 102px;
  height: 35px;
  background: url(imagens/enviar.png) no-repeat center center;
	cursor: pointer;
	border: none;
  position: absolute;
  left: 130px;
  top: 80px
}

form[name="login"] .alinhar{
  display: inline-block;
  width: 160px;
  font-weight: bold;
}

#principal .box-right .cadeado{  
  position: absolute;
  left: 5px;
  top: 1px;
}

#sublogin {
  position: absolute;
  top: 230px;
  left: 150px;
}

form[name="login"] input[type="text"]:focus, input[type="password"]:focus{
  background: #CEDFF2;
  width: 140px;
  font-weight: bold;
  border: 2px inset #ccc;
}
/*************************************************************** FIM ESTILOS DO LOGIN ***************************************************************/




/*************************************************************** ESTILOS DA BUSCA (NOME, CPF OU INSCRIÇÃO) ******************************************/
#busca{
  width: 800px;
  height: 320px;
  position: relative;
}

#busca p{
  text-align: left;
  text-indent: 70px;
}

#principal form[name="busca"] .button_enviar_busca{
  width: 96px;
  height: 33px;
  background: url(imagens/enviar.png) no-repeat center center;
	cursor: pointer;
	border: none;
  position: absolute;
  left: 335px;
  top: 300px
}

#principal .button_enviar_busca{
  width: 02px;
  height: 500px;
  background: url(imagens/enviar.png) no-repeat left center;
	cursor: pointer;
	border: none;
	float: right;
}

form[name="busca"] .alinhar{
  display: inline-block;
  width: 160px;
  font-weight: bold;
}


#sublogin {
  position: absolute;
  top: 230px;
  left: 150px;
}

form[name="busca"] input[type="text"]:focus, input[type="password"]:focus{
  background: #CEDFF2;
  font-weight: bold;
  border: 2px inset #ccc;
}



/*************************************************************** FIM ESTILOS DA BUSCA (NOME, CPF OU INSCRIÇÃO) ************************************/




/*************************************************************** ESTILOS DAS BORDAS ***************************************************************/

#principal .box {
  background: url(imagens/bottom-left.gif) no-repeat left bottom;
  overflow: hidden;
}

#principal .box-outer {
  background: url(imagens/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 15px;
  overflow: hidden;
}

#principal .box-inner {
  background: url(imagens/top-left.gif) no-repeat left top;
}

#principal .box-right {
  background: url(imagens/top-right.gif) no-repeat right top;
  padding-top: 10px;
}
/*************************************************************** FIM ESTILOS DAS BORDAS ***************************************************************/



form[name="recuperar_senha"] .alinhar{
  display: inline-block;
  width: 100px;
  font-weight: bold;
}

#principal .button_enviar{
  width: 102px;
  height: 35px;
  background: url(imagens/enviar.png) no-repeat left center;
	cursor: pointer;
	border: none;
	float: right;
}

#principal .submit{
  width: 96px;
  height: 33px;
  background: url(imagens/enviar.png) no-repeat left center;
	cursor: pointer;
	border: none;
	float: left;
}

.button_voltar{
  width: 102px;
  height: 35px;
  background: url(imagens/voltar.png) no-repeat right center;
	cursor: pointer;
	border: none;
	float: left;
}

.button_nao_responder{
  width: 102px;
  height: 35px;
  background: url(imagens/nao_responder.png) no-repeat right center;
	cursor: pointer;
	border: none;
	float: left;
}

#error{
  border: 1px solid #ccc;
  width: 570px;
  color: #CC0000;
  overflow: auto;
  margin: 1em;
}

#error .subtitulo{
  background: url(imagens/error.png) no-repeat left center;
  padding: 5px 0 5px 0;
  font-weight: bold;
  font-size: 14pt;
}

#error p{
  text-align: justify;
  text-indent: 60px;
  padding: 0 5px 0 5px;
}

#rodape {
  position: absolute;
  top:expression((bottom = document.body.clientHeight + document.body.scrollTop - document.getElementById('rodape').clientHeight) + 'px');
  left:0;
  bottom:0;
  font-size: 11pt;
  font-weight: 500;
  font-family: Calibri;
  background: #4A4A4A;
  color:#fff;
  width:100%;
}