@charset "utf-8";



/* CSS Document */



A:link {text-decoration: none;
		color: #CC3333;
	    underline: none}
A:visited {text-decoration: none;
           color: #CC3333}
A:active {color: #CC3333}

A:hover {text-decoration: none;}


H1, H2 {



	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;



    font-weight: bold}



	



H1 {font-size: 14px}







H2 {font-size: 12px}



H3 {font-size: 11px}	



P {text-indent: 3em}	



/*************************************************************



* REDEFINIÇÕES DE TAGS HTML



*************************************************************/



body {/* TAG HTML REESCRITA PARA CORPO DA PÁGINA*/
	background-image: url(../IMAGENS/img_fundo_cinza.gif);
	margin: 0px;
}


form
{

	/* TAG HTML REESCRITA PARA FOMULÁRIOS*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	width: 760px;
}

button {/* TAG HTML REESCRITA PARA BOTÕES*/
	font-family: Verdana;
	font-weight: normal;
	color: #000000;
	font-size: 10px;
	background-color: #efefef;
	border: 1px solid #000000;
}

input {/* TAG HTML REESCRITA PARA CAIXAS DE TEXTO*/
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #7C7C7C;

}

input submit{/* TAG HTML REESCRITA PARA CAIXAS DE TEXTO*/
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #7C7C7C;
}

textarea { /* TAG HTML REESCRITA PARA CAIXAS DE TEXTO COM MAIS DE UMA LINHA*/
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #7C7C7C;
}


select {/* TAG HTML REESCRITA PARA COMBOS E LISTAS DE VALORES*/
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #7C7C7C;
}



/*************************************************************



* FIM - REDEFINIÇÕES DE TAGS HTML



*************************************************************/







/*************************************************************



* INCLUSÃO DA DIV PAGINA PARA CENTRALIZAR TODO O CONTEÚDO



  Deverá existir um DIV na página com o id igual a principal



*************************************************************/



/*#principal {



	text-align:center;



	left: 0;



	top: 10;



	position:absolute; 



	width:100%; 



	height:100%; 



	z-index:1;



}*/







#principal {
       text-align:center;
       margin: 0 auto;
       width:100%;
	   height:100%;
	   line-height:100%;
       z-index:1;
}







/*************************************************************



* FIM - INCLUSÃO DA DIV PAGINA PARA CENTRALIZAR TODO O CONTEÚDO



*************************************************************/







/*************************************************************



* INCLUSÃO DA DIV TOPO QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO TOPO DAS PÁGINAS



  Deverá existir um DIV na página com o id igual a TOPO



*************************************************************/



#topo{

	font-family: Verdana;
	font-size: 10px;
	background-image: none;
	width: 775px;
	height:80px;
	text-align:left;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ce0d0d;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-color: #ce0d0d;
	border-right-color: #ce0d0d;
	border-left-color: #ce0d0d;
}



/*************************************************************



* INCLUSÃO DA DIV TOPO QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO TOPO DAS PÁGINAS 



*************************************************************/



  



/*************************************************************



* INCLUSÃO DA DIV MENU QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO MENU PRINCIPAL



  Deverá existir um DIV na página com o id igual a MENU



*************************************************************/



#menu{
	background-color: #F1F2EE;
	width: 775px;
	text-align:right;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ce0d0d;
	border-left-color: #ce0d0d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	font-weight: bold;
	color: #000000;
	background-image: url(../IMAGENS/img_fundo_menu.jpg);
	height: 21px;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ce0d0d;
}



#menuAdm{
	background-color: #F1F2EE;
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #999999;
	border-left-color: #000000;
}

/*************************************************************



* FIM - INCLUSÃO DA DIV MENU QUE É RESPONSÁVEL PELO POSICIONAMENTO DO MENU PRINCIPAL



*************************************************************/







/*************************************************************



* INCLUSÃO DA DIV MENU QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO CORPO DAS PÁGINAS



  Deverá existir um DIV na página com o id igual a CORPO



*************************************************************/







#corpo{
	width: 775px;
	text-align: -moz-center;
	overflow: auto;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ce0d0d;
	border-left-color: #ce0d0d;
}



/*************************************************************



* FIM - INCLUSÃO DA DIV MENU QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO CORPO DAS PÁGINAS



*************************************************************/


/*************************************************************



* FORMATAÇÃO DA TABELA UTILIZADA EM FOMULÁRIOS - CADASTRO,PESQUISA,ALTERAÇÃO



*************************************************************/

.semrecuo {text-indent: 0}

.corpo-form th{/* Titulo do formulário*/
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #efefef;
	border: 1px solid #000000;
	vertical-align: middle;
	text-align: left;
	height: 30px;
}



.corpo-form td{/* corpo do formulário*/



	background-color: #A8C9EA;



	border: 1px solid #000000;



}



.corpo-form td th{/* corpo do formulário*/



	background-color: #2C73BA;



	font-family: Verdana;



	font-size: 10px;



	font-weight: bold;



	color: #FFFFFF;



	text-align: center;



}



.corpo-form td td{ /* campos do formulário*/



	font-family: verdana;



	vertical-align: middle;



	font-size: 10px;



	color: #000000;



	background-color: #DFEFFF;



	text-align: left;



	border: 0px;



	height: 25px;



}



/*************************************************************



* FIM - FORMATAÇÃO DA TABELA UTILIZADA EM FOMULÁRIOS - CADASTRO,PESQUISA,ALTERAÇÃO



*************************************************************/


/*************************************************************



* INCLUSÃO DA DIV RODAPE QUE É RESPONSÁVEL PELO POSICIONAMENTO



  DO RODAPE DAS PÁGINAS



  Deverá existir um DIV na página com o id igual a RODAPE



*************************************************************/







#rodape{

	background-image: url(../IMAGENS/img_rodape.jpg);
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 775px;
	height:30px;
	line-height:30px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ce0d0d;
	border-right-color: #ce0d0d;
	border-bottom-color: #ce0d0d;
	border-left-color: #ce0d0d;

}



.classTableMenu {



	border-top-width: thin;



	border-top-style: none;



	border-right-style: solid;



	border-bottom-style: none;



	border-left-style: none;



	border-top-color: #CC0000;



}







/*************************************************************



* CLASSES PARA POSICIONAMENTO DO NOME DO SISTEMA E DOS MENUS GERAIS - INICIAL E SAIR



*************************************************************/







.topo-titulo{/*Nome do sistema*/



	position:relative; 



	left:90px; 



	top:15px; 



	width:588px; 



	height:33px; 



	z-index:100;



}



.sub-menu-geral{/* Menu geral dos sistemas - INICIAL E SAIR*/



	position:relative;



	left:78px; 



	top:18px;



	width:200px;



	height:35px; 



	z-index:101;



}



/*************************************************************



* FIM - CLASSES PARA POSICIONAMENTO DO NOME DO SISTEMA E DOS MENUS GERAIS - INICIAL E SAIR



*************************************************************/



.texto-paginacao-grid{/* Texto da Paginção da Grid*/



	font-family: Verdana;



	font-size: 14px;



	font-weight: bold;



	color: #C00000;



	background-color: #EFEFEF;



	border: 1px solid #000000;



	vertical-align: middle;



	text-align: center;



}



.titulo-grid{ /* Titulo das Colunas da Grid*/



	font-family: verdana;



	vertical-align: middle;



	font-size: 10px;



	color: #FFFFFF;



	background-color: #2C73BA;



	text-align: center;



	border: 0px;



	height: 25px;



}



.conteudo-grid td{ /* campos do formulário*/

	font-family: verdana;

	vertical-align: middle;

	font-size: 10px;

	color: #000000;

	background-color: #FFFFFF;

	text-align:center;

	border: 1px solid #000000;

	border-spacing:5;



}



.conteudo-grid th{ /* campos do formulário*/
	font-family: verdana;
	vertical-align: middle;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-align:center;
	border: 1px solid #000000;
	border-spacing:5;
	font-weight: bold;

}





.caixaAviso



{



	font-family: verdana;



	text-align:left;



	font-size: 10px;



	background-color:#EFEFEF;



	width:688px;



	height:50px;



	}



	



/*************************************************************



* CLASSES PARA EXIBIR A IMAGEM DO AJAX E DESABILITAR A PAGINA DE FUNDO



*************************************************************/



.progressoAtualizacao



{



	position: absolute;



	left: 45%;



	width: 200px;



	height: 80px;



	font-family: verdana;



	font-size: 12px;



	color: black;



	vertical-align: middle;



	border: 2px solid #CCCCCC;



	text-align: center;



	z-index: 10001;



	top: 50%;



	background-color:#DFEFFF;



	font-weight: bold;



}







/* Para preencher uma tela toda com a div para que o usuário nao possa clicar em nenhum outro campo enquanto aguarda */	



.modalPopup



{



	/*text-align: -moz-center;*/



	vertical-align: middle;



	width: 100%;



	height: 100%;



	z-index: 10000;



	position: absolute;



	top: 0px;



	left: 0px;



	background-repeat: repeat;



	background-position: left top;



	background-color: dodgerblue;



	filter: alpha(opacity=70);



	-moz-opacity: .70;



	opacity: .70;



}







.modalContent



{



       position: absolute;



       z-index: 10001;



       left: 50%;



       margin-left: expression((this.offsetWidth / 2) * (-1));



       top: 50%;



       margin-top: expression((this.offsetHeight / 2) * (-1));







}



#menu_hor {



	background-color: #8682AF;



	height: 411px;



	line-height:411px;



	width: 120px;



	border: thin solid #4F4B69;



	filter: alpha(opacity=70);



	-moz-opacity: .70;



	opacity: .70;



}



.corpoEdit {



	background-image: url(../IMAGENS/logo_kohl_fundo.gif);



	background-repeat: no-repeat;



	background-position: right center;



}







.classBanner {



	height: 65px;



	width: 450px;



	border: 2px dotted #666666;



	background-color: #FFFFFF;



	text-align:center;



}







#DivBannerIJB img {vertical-align:middle;}	







#DivLogoIJB {



	height: 65px;



	line-height: 65px;



	width: 130px;



	border: 2px dotted #666666;



	position: static;



	background-color: #FFFFFF;



	text-align: center;



}



.campoMail {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 9px;



	font-weight: bold;



	color: #000000;



	background-color: #CCCCCC;



	border: 1px solid #FF0000;



	text-align: center;



}



.bodyBranco {



	background-color: #FFFFFF;



	background-image: none;



}



.tableNoticias {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	border: 1px solid #990000;



	font-size: 11px;



}



.classTdDestaques {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: bold;



	color: #FFFFFF;



	height: 5px;



}











.tableNoticias th {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	border: 1px solid #990000;



	color: #FFFFFF;



	background-image: url(../IMAGENS/img_rodape.jpg);



	background-repeat: repeat;



	height: 30px;



	width: 18px;



	vertical-align: middle;



	padding-top: 4px;



	font-size: 10px;



	font-weight: bold;



	text-align: center;



	display: none;



	padding-left: 4px;



}



.tableCorpoNoticias {



	border-left-width: thin;



	border-left-style: dotted;



	border-left-color: #CCCCCC;



	text-align: right;



}



.tableSemBorda {



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: 0;



	border-right-style: 0;



	border-bottom-style: 0;



	border-left-style: 0;



}







#iFramePopup{







        width: 199px;



        height: 336px;



        background-color: #FFFFFF;



		



       



}







a.linque {



	position:static;



	display:block;



	font: bold 12px Verdana, Arial, Helvetica, sans-serif;



	color:#CC3333;



	padding:1px 8px;



	text-decoration:none;



	text-align: left;



 }



 



a.linque:hover {



 color:#ffffff;



 background-color:#CC3333;



 font-weight: bold;



 }



  



a.linque2 {



 position:relative;



 display:block;



 font: 12px Verdana;



 color:#006666;



 padding:8px 8px;



 text-decoration:none



 }



 



a.linque2:hover {



 color:#FF9900;



 background-color:#006666;



 }



 



.textoGeral {
	padding-right: 10px;
	font-size: 12px;
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	color: #000000;
	font-weight: normal;

}







#DivMenu {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: bold;



	color: #990000;



	width: 160px;



	position: static;



	text-align: left;



}







.tdMenuPeq {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-weight: bold;



	color: #990000;



	text-align: center;



}







.classTableConteudo {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	padding: 0px;



	height: 100%;



	width: 100%;



	font-size: 10px;



	font-weight: bold;



	color: #FFFFFF;



}



#principal #corpo .classTableConteudo th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #990000;

	background-image: url(../IMAGENS/img_Bandolim_Titulo.gif);

	text-align: left;

	padding-left: 10px;

	letter-spacing: 5px;

	font-style: normal;

	background-repeat: no-repeat;

	background-position: left center;

	border-bottom-width: medium;

	border-bottom-style: solid;

	border-bottom-color: #990000;

	height: 37px;

}



.classTextoIndex {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 18px;



	font-weight: bold;



	color: #990000;



}



.classFundoTopoEsq {

	background-image: url(../IMAGENS/img_corpo_sup_esq.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 8px;

	width: 8px;

}

.classFundoTopo {

	background-image: url(../IMAGENS/img_corpo_sup.gif);

	background-repeat: repeat-x;

	background-position: center top;

	background-color: #FFFFFF;

}

.classFundoTopoDir {

	background-image: url(../IMAGENS/img_corpo_sup_dir.gif);

	background-repeat: no-repeat;

	background-position: right top;

	height: 8px;

	width: 8px;

}

.classFundoEsq {

	background-color: #FFFFFF;

	background-image: url(../IMAGENS/img_corpo_esq.gif);

	background-repeat: repeat-y;

	background-position: left top;

}

.classFundoDir {

	background-color: #FFFFFF;

	background-image: url(../IMAGENS/img_corpo_dir.gif);

	background-repeat: repeat-y;

	background-position: right top;

}

#id_novidades {

	height: 130px;

	width: 225px;

	border: 1px solid #FF0000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background-color: #ffffff;

	filter: alpha(opacity=80);

	-moz-opacity: .80;

	opacity: .80;

}

.fonteBranca {color: #FFFFFF}

.classIndex {

	background-image: url(../IMAGENS/fundo_index.png);

	background-repeat: no-repeat;

	background-position: right bottom;

}

.classIndexTexto {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-style: italic;

	font-weight: bold;

	color: #333333;

	line-height: 150%;

}

#IdTableSitioJacob {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-image: url(../IMAGENS/img_sitio.png);

	background-repeat: no-repeat;

	background-position: center center;

}





.classIndexLogo {
	background-image: url(../IMAGENS/fundo_index_ijb.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: left center;

}

.classAdmTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
	vertical-align: top;
	
}

.classAdmTitulo th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(../adm/imagens/imgTopoAdm.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	
	
	
}
#login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BE3A3A;
	
}
.tituloLogin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.tituloAdm {
	background-color: #CD4747;
	font-weight: bold;
	color: #FFFFFF;
}
.tituloOpcaoAdm {
	font-size: 18px;
	text-align: center;
	color: #990000;
}

