﻿* {
	margin: 0;
	padding: 0;
}

/*----------ELEMENTS-----------------------------------------------------------------------------------------------------------------*/
body{
	color: black;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	/*background:url("../images/backFundo.png") 0 0 repeat-x #FFF;*/
}

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: 11pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 9px;
}

a:link{
	color:#000;
	text-decoration: underline;
	}
	
	
a:visited{
	color:#000;
	text-decoration: underline;
	}
	
a:active{
	color:#000;
	text-decoration: underline;
}

a:hover{
	color:#FA951F;
	text-decoration: underline;
}


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:url("../images/backFundo.png") 0 0 repeat-x #FFF;*/
}
div#layout:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height: 0px;
        overflow:hidden;
}

#topoMaster{
	width: 950px; 
	height: 106px;
	position: relative;
	float: left;
	background: transparent url('../images/backTopo.png') no-repeat;
}
	
#conteudoMaster{
	width: 950px;
	height: auto;
	position: relative;
	clear: both;
	padding: 10px 0 0 0;
}


/*
#rodapeMaster{
	background-color: #FFFFFF;
	width: 950px; 
	height: 25px;
	position: relative;
	clear: both;
	border-bottom:1px solid #c1c1c1;
	border-top:1px solid #c1c1c1;
	clip: rect(8px,auto,auto,auto);
	padding-top: 7px;
}
*/
/*---------------------------------------------------------------------------------------------------------------------------*/


/*----------CLASSES-----------------------------------------------------------------------------------------------------------*/
/*Borda com canto arrendondado*/
.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 #CCC;
	border-left:  1px solid #CCC;
}
.bordaBox .b3 {
	border-right: 1px solid #CCC;
	border-left:  1px solid #CCC;
}
.bordaBox .b2 {
	border-right: 1px solid #CCC;
	border-left:  1px solid #CCC;
}

.bordaBox .b1 {
	margin: 0 5px;
	background-color: #CCC;
}
.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 #CCC;
	border-left:  1px solid #CCC;
	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%; 
	height:auto; 
	clear: both;
}
	
.box2Out {
	width: 470px;
	height: auto;
	position: relative;
	}

.box2In {
	width: 470px;
	height: auto;
	position: relative;
	}

.box3Out { 
	width: 338px;
	height: auto; 
	position: relative; 
	}
	

.box3In { 
	width: 300px; 
	height: auto; 
	position: relative; 
	}
	

.box3dOut { 
	width: 602px;
	height: auto; 
	position: relative; 
	}
	
	
.box3dIn { 
	width: 602px; 
	height: auto; 
	position: relative; 
	}

.box4Out { 
	width: 235px; 
	height: auto; 
	position: relative; 
	}
	
	
.box4In { 
	width: 235px; 
	height: auto; 
	position: relative; 
	}
	
.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 /* 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: #767e83;/*cinza*/
}

.color2{
	color: #FA9620; /*laranja*/
}
.color3{
	color: #214285;/*azul*/
}
.color4{
	color: #a6183a; /*vermelho*/
}


.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;
}


