﻿* {
	margin: 0;
	padding: 0;
}

/*----------ELEMENTS-----------------------------------------------------------------------------------------------------------------*/
body{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	background: url('/images/backgrd_HV_01.jpg') repeat-x fixed center top;
}

p{
	padding-bottom: 10px;
}

h1 /* titulo */
{
	font-size: 13pt;
	font-weight: bold;
	padding-bottom: 13px;
}

h2 /* interti­tulo */
{
	font-size: 11pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 11px;
}

h3
{
	font-size: 10pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 9px;
}

a:link{
	color:#cc0000;
	text-decoration: none;
	}
	
	
a:visited{
	color:#cc0000;
	text-decoration: none;
	}
	
a:active{
	color:#cc0000;
	text-decoration: underline;
}

a:hover{
	color:#cc0000;
	text-decoration: underline;
}

hr {
	margin-top: 0px;
	margin-bottom: 7px;
	border: 1px solid #EEE;
}

 ul {
	list-style-position: inside;
	list-style-type: disc;
}

ol {
	list-style-position: inside;
	margin-left: 10px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*----------ELEMENTS-IDS-------------------------------------------------------------------------------------------------------*/
#layout {
	margin: 0 auto;
	width: 998px; 
	height: auto;
	position: relative;
}
div#layout:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height: 0px;
        overflow:hidden;
}

#topoMaster{
	width: 998px; 
	height: 100px;
	position: relative;
	float: left;
	background-color: black;
}
	
#conteudoMaster{
	width: 998px;
	height: auto; /* 413px */
	position: relative;
	clear: both;
	padding: 35px 0 0 0;
}


/*---------------------------------------------------------------------------------------------------------------------------*/


/*----------CLASSES-----------------------------------------------------------------------------------------------------------*/
/*Borda com canto arrendondado*/

.bordaBox {/*poscai*/
	background: transparent;
	width: 100%;
	height: auto;
}
.bordaBox .b4b {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b3b {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b2b {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b1b {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b4 {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b3 {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b2 {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b1 {display: block; overflow: hidden; font-size: 1px;}
.bordaBox .b3b {
	height: 1px;
}
.bordaBox .b2b {
	height: 1px;
}
.bordaBox .b1b {
	height: 1px;
}
.bordaBox .b3 {
	height: 1px;
}
.bordaBox .b2 {
	height: 1px;
}
.bordaBox .b1 {
	height: 1px;
}
.bordaBox .b4 {
	border-right: 1px solid white;
	border-left:  1px solid white;
}
.bordaBox .b3 {
	border-right: 1px solid white;
	border-left:  1px solid white;
}
.bordaBox .b2 {
	border-right: 1px solid white;
	border-left:  1px solid white;
}

.bordaBox .b1 {
	margin: 0 5px;
	background-color: white;
}
.bordaBox .b2 {
	margin: 0 3px;
	border-width: 0 2px;
	background-color: #FFFFFF;
}
.bordaBox .b3 {
	margin: 0 2px;
	background-color: #FFFFFF;
}
.bordaBox .b4 {
	height: 2px;
	margin: 0 1px;
	background-color: #FFFFFF;
}
.bordaBox .conteudo {
	display: block;
	border-right: 1px solid white;
	border-left:  1px solid white;
	background-color: #FFFFFF;
	visibility: visible;
	padding: 7px;
	height:100%;
	overflow:auto;
}

.bordaBox .conteudo:after{	
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:auto;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/*------------------NOVOS PADROES BOX-----------------------------------------------------------------------------------------*/

.box1{ 
	width: 100%; 
	height:auto; 
}
	
.box2Out  {
	width: 494px;
	height: auto;
	position: relative;
	}

.box2In  {
	width: 494px;
	height: auto;
	position: relative;
	}

.box2Out {
	width: 494px;
	}

.box3Out { 
	width: 326px;
	height: auto; 
	position: relative; 
	}

.box3In { 
	width: 326px;
	height: auto; 
	position: relative; 
	}

.box3Out {
	width: 326px;
}
	
.box3dOut { 
	width: 662px;
	height: auto; 
	position: relative; 
	}
	
.box3dIn { 
	width: 662px;
	height: auto; 
	position: relative; 
	}
	
.box3dOut { 
	width: 662px;
	}

box4Out { 
	width: 242px; 
	height: auto; 
	position: relative; 
	}

.box4In { 
	width: 242px; 
	height: auto; 
	position: relative; 
	}

.box4Out { 
	width: 242px; 
	}

box4tOut { 
	width: 746px; 
	height: auto; 
	position: relative; 
	}

.box4tIn { 
	width: 746px; 
	height: auto; 
	position: relative; 
	}

.box4tOut { 
	width: 746px; 
	}

.boxL { 
	float:left; 
	margin: 0 10px 10px 0;
}

.boxR { 
	float:right; 
	margin: 0 0 10px 0;
}

/*-------FIM DOS ESTILOS DOS BOX'S---------------------------------------------------------------------------------------------*/

/*------------------NOVOS PADROES BTN IMAGENS-----------------------------------------------------------------------------------*/

.btnEntrar:hover {
	position: absolute;
	width: 45px; 
	height: 21px; 
	background-image: url("/images/btnEntrar.png"); 
	margin-top: -3px;
	margin-right: 5px;
}

.btnEntrar {
	position: absolute;
	width: 45px; 
	height: 21px; 
	background-image: url("/images/btnEntrar.png"); 
	margin-top: -3px;
	margin-right: 5px;
}

.btnEntrar:hover { 
	background-position: bottom; 
 }

.btnAvancar:hover { 
	position: absolute; 
	width: 55px; 
	height: 21px; 
	background-image: url("/images/btnAvancar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	 }
	 
.btnAvancar { 
	position: absolute; 
	width: 55px; 
	height: 21px; 
	background-image: url("/images/btnAvancar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	 }
	 
.btnAvancar:hover { 
	background-position: bottom; 
	}
	
.btnConsultar:hover { 
	position: absolute;
	width: 66px; 
	height: 21px; 
	background-image: url("/images/btnConsultar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnConsultar { 
	position: absolute;
	width: 66px; 
	height: 21px; 
	background-image: url("/images/btnConsultar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnConsultar:hover { 
	background-position: bottom; 
	}
	
.btnSair:hover { 
	position: absolute; 
	width: 33px;
	height: 21px; 
	background-image: url("/images/btnSair.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnSair { 
	position: absolute; 
	width: 33px;
	height: 21px; 
	background-image: url("/images/btnSair.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnSair:hover { 
	background-position: bottom; 
	}
	
.btnFechar:hover { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnFechar.png"); 
	margin-top: -3px; 
	margin-right: 5px; 
	}
	
.btnFechar { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnFechar.png"); 
	margin-top: -3px; 
	margin-right: 5px; 
	}
	
.btnFechar:hover { 
	background-position: bottom; 
	}
	
.btnPesquisar:hover { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnPesquisar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnPesquisar { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnPesquisar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnPesquisar:hover { 
	background-position: bottom; 
	}
	
.btnExibirTodos:hover { 
	position: absolute;
	width: 79px; 
	height: 21px; 
	background-image: url("/images/btnExibirTodos.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExibirTodos { 
	position: absolute;
	width: 79px; 
	height: 21px; 
	background-image: url("/images/btnExibirTodos.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExibirTodos:hover{
	background-position: bottom; 
	}
	
.btnIncluir:hover { 
	position: absolute;
	width: 46px; 
	height: 21px; 
	background-image: url("/images/btnIncluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnIncluir { 
	position: absolute;
	width: 46px; 
	height: 21px; 
	background-image: url("/images/btnIncluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnIncluir:hover{ 
	background-position: bottom; 
	}
	
.btnAlterar:hover { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnAlterar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnAlterar { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnAlterar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnAlterar:hover{
	background-position: bottom; 
	}
	
.btnExcluir:hover { 
	position: absolute; 
	width: 47px;
	height: 21px;  
	background-image: url("/images/btnExcluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExcluir { 
	position: absolute; 
	width: 47px;
	height: 21px;  
	background-image: url("/images/btnExcluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExcluir:hover{ 
	background-position: bottom; 
	}
	
.btnVisualizar:hover { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnVisualizar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnVisualizar { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnVisualizar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnVisualizar:hover{ 
	background-position: bottom; 
	}
	
.btnEnviar:hover{
	position: absolute; 
	width: 46px;
	height: 21px; 
	background-image: url("/images/btnEnviar.png");
	margin-top: -3px;
	margin-right: 5px;
	}
	
.btnEnviar{
	position: absolute; 
	width: 46px;
	height: 21px; 
	background-image: url("/images/btnEnviar.png");
	margin-top: -3px;
	margin-right: 5px;
	}
	
.btnEnviar:hover{ 
	background-position: bottom; 
	}
	
.btnProcurar:hover{ 
	position: absolute; 
	width: 57px; 
	height: 21px; 
	background-image: url("/images/btnProcurar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnProcurar{ 
	position: absolute; 
	width: 57px; 
	height: 21px; 
	background-image: url("/images/btnProcurar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnProcurar:hover{ 
	background-position: bottom; 
	}

.btnOk:hover { 
	position: absolute; 
	width: 28px; 
	height: 21px; 
	background-image: url("/images/btnOk.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnOk { 
	position: absolute; 
	width: 28px; 
	height: 21px; 
	background-image: url("/images/btnOk.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnOk:hover{ 
	background-position: bottom; 
	}
	
.btnGerarSenha:hover { 
	position: absolute; 
	width: 81px; 
	height: 21px; 
	background-image: url("/images/btnGerarSenha.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnGerarSenha { 
	position: absolute; 
	width: 81px; 
	height: 21px; 
	background-image: url("/images/btnGerarSenha.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnGerarSenha:hover{ 
	background-position: bottom; 
	}
	
.btnSalvar:hover { 
	position: absolute; 
	width: 47px; 
	height: 21px; 
	background-image: url("/images/btnSalvar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnSalvar { 
	position: absolute; 
	width: 47px; 
	height: 21px; 
	background-image: url("/images/btnSalvar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnSalvar:hover{ 
	background-position: bottom; 
	}

/*-------FIM DOS ESTILOS DOS BOTÕES'-------------------------------------------------------------------------------------------*/

.imgContentR {
	float: right;	
	width: auto;
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}

.imgContentL {
	float: left;	
	width: auto;
	margin: 0 10px 10px 0;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
}

.color1 { color: #767e83; }
.color2 { color: #006699; }
.color3 { color: #CC0000; }
.color4 { color: #FFF; }

.bgColor1 { color: #5f799f; }
.bgColor2 { color: #F67F21; }
.bgColor3 { color: #b47b10; }

.p1 { text-indent: 35px; }

.esquerda { text-align: left; }
.direita { text-align: right; }
.centro { text-align: center; }

.legenda {
	font-size: 8pt;
	font-weight: bold;
	color: gray;
}

.bordatop { border-top: 1px solid silver; }
.bordaleft { border-left: 1px solid silver; }
.bordaright { border-right: 1px solid silver; }
.bordabottom { border-bottom: 1px solid silver; }


/*----------FORMULARIOS------------------------------------------------------------------------------------------------------*/
input {
	font-family: verdana,tahoma,helvetica;
	font-size: 11px; 
	/* fillColors: blue, black, black, black;*/
}

select {
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
}

.divTr {
    display: block;
    height: 100%;
    clear: both;
    padding-top: 2px;
    position: relative;
}

.divTr:after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.divTd {
    float: left;
    position: relative;
    height: auto;
}

.divTd2 {
    float: left;
    position: relative;
    height: auto;
    padding-top: 3px;
}

.divTrBtn {
    clear: both;
    padding-top: 2px;
    height: 20px;
}

.divBtIncluir {
	 width: 50px;
	 margin: 0 auto;
	 padding: 0px;	 
}

.divBtAlterarExcluir {
	 width: 100px;
	 margin: 0 auto;
	 padding: 0px;
}

.divBtAlterar {
	width: 50%;
	float: left;
	text-align: left;
}

.divBtExcluir {
	width: 50%;
	float: right;
	text-align: left;
}



