﻿* {
	margin: 0;
	padding: 0;
}

/*----------ELEMENTS-----------------------------------------------------------------------------------------------------------------*/
body{
	color: #333333;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

p{
	padding-bottom: 10px;
}

h1 /* titulo */
{
	font-size: 14pt;
	font-weight: bold;
	padding-bottom: 13px;
}

h2 /* interti­tulo */
{
	font-size: 12pt;
	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:#00826B;
	text-decoration: none;
	}
		
a:visited{
	color:#00826B;
	text-decoration: none;
	}
	
a:active{
	color:#00826B;
	text-decoration: none;
}
a:hover{
	color:#01396A;
	text-decoration: none;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 35px;
}
ol {
	list-style-position: outside;
	margin-left: 35px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*----------ELEMENTS-IDS-------------------------------------------------------------------------------------------------------*/
#layout {
	margin: 0 auto;
	width: 950px; 
	height: auto;
	position: relative;
	background-color: #FFF;
}
div#layout:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height: 0px;
        overflow:hidden;
}

#topoMaster{
	width: 950px; 
	height: 100px;
	position: relative;
	float: left;
	background: url('../images/back_topo.png') repeat;
}
	
#conteudoMaster{
	width: 950px;
	height: auto;
	position: relative;
	clear: both;
	padding: 0px;
	margin-top: 10px;
}

#rodapeMaster{
	width: 950px; 
	height: 20px;
	background: url('../images/back_rodape.png') repeat-x;
	position: relative;
	clear: both;

}

/*---------------------------------------------------------------------------------------------------------------------------*/


/*----------CLASSES-----------------------------------------------------------------------------------------------------------*/
.bordaBox { /* poscai*/
	bbackground: ttransparent;
	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 #c1c1c1;
	border-left:  1px solid #c1c1c1;
}
.bordaBox .b3 {
	border-right: 1px solid #c1c1c1;
	border-left:  1px solid #c1c1c1;
}
.bordaBox .b2 {
	border-right: 1px solid #c1c1c1;
	border-left:  1px solid #c1c1c1;
}

.bordaBox .b1 {
	margin: 0;
	background-color: #c1c1c1;
}
.bordaBox .b2 {
	margin: 0;
	/*border-width: 0 2px;*/
	background-color: #FFFFFF;
}
.bordaBox .b3 {
	margin: 0;
	background-color: #FFFFFF;
}
.bordaBox .b4 {
	/*height: 2px;*/
	margin: 0;
	background-color: #FFFFFF;
}
.bordaBox .conteudo {
	display: block;
	border-right: 1px solid #c1c1c1;
	border-left:  1px solid #c1c1c1;
	background-color: #FFFFFF;
	visibility: visible;
	padding: 10px;
	height:100%;
}

.bordaBox .conteudo:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}


/*fim borda arrendondado*/


/*---------------------------------------------------------------------------------------------------------------------------*/
/*------------------NOVOS PADROES BOX-----------------------------------------------------------------------------------------*/
.box1{ 
	width: 100%; 
	margin-bottom: 10px;
	height: auto; 
}
	
.box2In, .box2Out {
	width: 450px;
	height: auto;
	position: relative;
	}

.box2Out {
	width: 370px;
	}


.box3In, .box3Out { 
	width: 296px; 
	height: auto; 
	position: relative; 
	}
	

.box3Out { 
	width: 296px; 
	}
	

.box3dIn, .box3dOut { 
	width: 602px; 
	height: auto; 
	position: relative; 
	}

.box3dOut{
	width: 616px;
	}

	
.box4In, .box4Out { 
	width: 220px; 
	height: auto; 
	position: relative; 
	}
	
	
.box4Out { 
	width: 220px; 
	}
	

.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-----------------------------------------------------------------------------------*/

.btnAlterar, .btnAlterar:hover { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnAlterar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnAlterar:hover{
	background-position: bottom; 
	}

.btnAvancar, .btnAvancar:hover { 
	position: absolute; 
	width: 55px; 
	height: 21px; 
	background-image: url("/images/btnAvancar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	 }
	 
.btnAvancar:hover { 
	background-position: bottom; 
	}

.btnConfirmar, .btnConfirmar:hover { 
	position: absolute;
	width: 68px; 
	height: 21px; 
	background-image: url("/images/btnConsultar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnConfirmar:hover { 
	background-position: bottom; 
	}

.btnConsultar, .btnConsultar:hover { 
	position: absolute;
	width: 66px; 
	height: 21px; 
	background-image: url("/images/btnConsultar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnConsultar:hover { 
	background-position: bottom; 
	}

.btnEntrar, .btnEntrar:hover {
	position: absolute;
	width: 45px; 
	height: 21px; 
	background-image: url("/images/btnEntrar.png"); 
	margin-top: -3px;
	margin-right: 5px;
}

.btnEntrar:hover { 
	background-position: bottom; 
 }

.btnEnviar, .btnEnviar:hover{
	position: absolute; 
	width: 46px;
	height: 21px; 
	background-image: url("/images/btnEnviar.png");
	margin-top: -3px;
	margin-right: 5px;
	}
	
.btnEnviar:hover{ 
	background-position: bottom; 
	}

.btnExcluir, .btnExcluir:hover { 
	position: absolute; 
	width: 47px;
	height: 21px;  
	background-image: url("/images/btnExcluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExcluir:hover{ 
	background-position: bottom; 
	}
	
.btnExcluirImagem, .btnExcluirImagem:hover { 
	position: absolute; 
	width: 99px;
	height: 21px;  
	background-image: url("/images/btnExcluirImagem.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExcluirImagem:hover{ 
	background-position: bottom; 
	}

.btnExibirTodos, .btnExibirTodos:hover { 
	position: absolute;
	width: 79px; 
	height: 21px; 
	background-image: url("/images/btnExibirTodos.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnExibirTodos:hover{
	background-position: bottom; 
	}

.btnFechar, .btnFechar:hover { 
	position: absolute; 
	width: 48px;
	height: 21px; 
	background-image: url("/images/btnFechar.png"); 
	margin-top: -3px; 
	margin-right: 5px; 
	}
	
.btnFechar:hover { 
	background-position: bottom; 
	}

.btnGerarSenha, .btnGerarSenha:hover { 
	position: absolute; 
	width: 81px; 
	height: 21px; 
	background-image: url("/images/btnGerarSenha.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnGerarSenha:hover{ 
	background-position: bottom; 
	}

.btnIncluir, .btnIncluir:hover { 
	position: absolute;
	width: 46px; 
	height: 21px; 
	background-image: url("/images/btnIncluir.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
		
.btnIncluir:hover{ 
	background-position: bottom; 
	}

.btnOk, .btnOk:hover { 
	position: absolute; 
	width: 28px; 
	height: 21px; 
	background-image: url("/images/btnOk.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnOk:hover{ 
	background-position: bottom; 
	}

.btnPesquisar, .btnPesquisar:hover { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnPesquisar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnPesquisar:hover { 
	background-position: bottom; 
	}

.btnProcurar, .btnProcurar:hover{ 
	position: absolute; 
	width: 57px; 
	height: 21px; 
	background-image: url("/images/btnProcurar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnProcurar:hover{ 
	background-position: bottom; 
	}
	
.btnSair, .btnSair:hover { 
	position: absolute; 
	width: 33px;
	height: 21px; 
	background-image: url("/images/btnSair.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnSair:hover { 
	background-position: bottom; 
	}
	
.btnSalvar, .btnSalvar:hover { 
	position: absolute; 
	width: 47px; 
	height: 21px; 
	background-image: url("/images/btnSalvar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
		
.btnSalvar:hover{ 
	background-position: bottom; 
	}
	
.btnVisualizar, .btnVisualizar:hover { 
	position: absolute; 
	width: 66px;
	height: 21px; 
	background-image: url("/images/btnVisualizar.png"); 
	margin-top: -3px; 
	margin-right: 5px;
	}
	
.btnVisualizar:hover{ 
	background-position: bottom; 
	}
	
	

	
	

/*-------FIM DOS ESTILOS DOS BOTÕES'-------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------------*/
.imgContentR /* serve para inserir o quadro com foto e legenda */
{
	float: right;	
	width: auto;
	padding: 5px 5px 0 0;
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	
}
.imgContentL /* serve para inserir o quadro com foto e legenda */
{
	float: left;	
	width: auto;
	padding: 5px 0 0 5px;
	margin: 0 10px 10px 0;
	text-align: left;
	/*font-size: 8pt;
	font-weight: bold;*/
}

.color1{
	color: #01396A;
}

.color2{
	color: #000000;
}
.color3{
	color: #a30202;
}
.color4{
	color: #FFFFFF;
}


.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;
}

.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;
}


