/*********************************************************************
RESETAR TODAS AS PROPRIEDADES DOS ELEMENTOS / Edslau - 04/05/10
*********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	sideBar: '';
	sideBar: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {height:100%; width:100%;background-color:#606060;font:normal 11px Tahoma, Verdana, Arial;}

body a{
color:#964907;
}

body a:hover{
color:#E77717;
}

/**********************************/
/* cONTAINER */
/**********************************/


#layout{ /*Container*/
position:absolute;
width:940px;
left:50%;
margin:0 0 0 -470px;
background-color:#fff;
border:1px solid #606060;
padding-bottom:20px;
}

/*********************************************************************
Header / Edslau - 04/05/10
*********************************************************************/

#topo_adm{ /*Header*/
float:left;
width:900px;
height:170px;
margin:20px 0 0 20px;
background:url(../../../images/cliente/geral/area_interna_topo_adm.jpg) top left no-repeat;
display:inline; /*mostra o elemento como inline para poder resolver o problema de margem duplicada no ie 6*/
}

#topo_user{ /*Header*/
float:left;
width:900px;
height:140px;
background:url(../../../images/cliente/geral/area_interna_topo_adm.jpg) top left no-repeat;
display:inline; /*mostra o elemento como inline para poder resolver o problema de margem duplicada no ie 6*/
}

#topo_adm h1, #topo_user h1, #topo_adm em, #topo_user em{ /*Nome Portal - Oculto */
display:none;
}

/*Navegação Superior - Posiciona o UL no local correto*/
ul#menu{
float:left;
margin:109px 0 0 20px;
display:inline;
}

/* remove os bullets, paddings e margins da lista */
#menu ul{
list-style-type:none;
padding:0;
margin:0;
}


ul#menu li{
float:left;
position:relative;
z-index:100;
}

/* estilos dos links. */
ul#menu a {
display:block;
padding:8px 8px 9px 8px;
color:#fff;
text-decoration:none;
font-weight:bold;
}


/* estilos dos links do sub. */
ul#menu li ul li a.sub{
padding:10px 10px 10px 25px;
}


/* estilos dos links do sub. */
ul#menu li ul li a.sub:hover{
background:#2e2e2e url(../../../images/cliente/geral/bullet.gif) no-repeat 10px center;
}


ul#menu :hover{
color:#f57a2b;
}
 
ul#menu ul{
display:none;
position:absolute;
width:220px;
padding:0 0 3px 3px;
}

ul#menu li ul li a{
float:left;
background:#000;
width:180px;
display:block;
background:#000 url(../../../images/cliente/geral/bullet.gif) no-repeat 10px center;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu li ul li { float: left;}
* html ul#menu li ul li a { height: 1%;}
/* End */


ul#menu li:hover ul, ul#menu a:hover ul, ul#menu li.over ul{
display:block;
}

#topo_adm form.formBusca, #topo_user form.formBusca {
float:right;
margin:109px 30px 0 0;
}

#topo_adm form.formBusca label, #topo_user form.formBusca label {
float:left;
text-transform:uppercase;
letter-spacing:-1px;
font-weight:bold;
color:#f7a61f;
font-size:0.8em;
margin:9px 0 0 0;
padding:0 5px 0 5px;
}


#topo_adm form.formBusca input, #topo_user form.formBusca input {
margin:3px 0 0 0;
}

#topo_adm ul li form input.btn, #topo_user ul li form input.btn {
margin:3px 0 0 5px;
}

.breadcrumb{
float:left;
width:450px;
color:#f07a2b;
}

.breadcrumb p{
background:url(../../../images/cliente/geral/setaB.gif) no-repeat 20px center;
border-bottom:1px solid #e3e3e3;
padding:10px 0 10px 30px;
}

.breadcrumb a{
font:bold 0.8em Tahoma, Tahoma, Arial;
color:#f07a2b;
}

.breadcrumb a:hover{
color:#999999;
}

#saudacao{
float:left;
width:350px;
color:#666666;
}

#saudacao p{
background:url(../../../images/cliente/geral/setaB.gif) no-repeat 20px center;
border-bottom:1px solid #e3e3e3;
padding:10px 0 10px 30px;
}

.logoOut{
float:left;
width:95px;
color:#000;

}

.logoOut img{
border-bottom:1px solid #e3e3e3;
padding:5px 0 5px 35px;
}

.linkHome{
float:left;
width:95px;
height:120px !important;
margin:20px 0 0 57px;
}

/*********************************************************************
Content / Edslau - 04/05/10
*********************************************************************/
/*Navegação lateral*/
ul.nav{
	clear:left;
}


ul.nav, ul.nav ul{
float:left;
width:185px;
margin:20px 0 0 20px;
display:inline; /*mostra o elemento como inline para poder resolver o bug de margem duplicada no ie 6*/
}

/* 
Classe que define o posicionamento dos itens do menu vertical relativos ao submenu
*/  
ul.nav li{
  position: relative;
  list-style:none;
  border: 0px;
  vertical-align: top;
  display:inline;
}
/* 
Classe que define a aparencia dos links dos itens do menu vertical. O cursor foi alterado para o visual default por não ser uma região clicável.
*/  
ul.nav li a{
  float:right;
  display: block;
  text-decoration: none;
  text-align:right;
  border-bottom: 0px;
  padding:5px;
  color:#f57a2b;
  font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:-1px;
  width:175px;
  cursor:default;
}
/* 
Classe que define o posicionamento do menu vertical
*/   
ul.nav ul{
  float:left;
  display:block; 
  margin:0;
  padding:0;
}

/* 
Classe que define o posicionamento do subMenu vertical e aparência dos links. 
*/   
ul.nav ul li a{
  float:right;
  display: block;
  text-decoration: none;
  text-align:right;
  padding:3px 5px 3px 5px;
  margin:5px 0 5px 0;
  font:normal 1em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0px;
  border-right:2px solid #000;
  border-bottom:1px solid #e3e3e3;
  width:175px;
  color:#666666;
  cursor:pointer;
}


ul.nav ul li a:hover{
color:#f57a2b;
}


/*
Poscionamento da div que recebe o conteúdo da página.
*/
.contentPage {
float:left;
width:465px;
margin:20px 0 0 30px;
padding-bottom:10px;
}

.contentPage2cols {
float:left;
width:680px;
margin:20px 0 0 30px;
padding-bottom:10px;
}

.contentPage2cols h1.tituloPrincipal{
float:left;
padding:10px 0 20px 0;
font:bold 11pt Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
clear:left;
width:100%;
}

.contentPage2cols h2.subTituloPag{
float:left;
padding:5px 0 20px 0;
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
clear:left;
width:100%;
}

.contentPage2cols p {
/*float:left;
width:100%;
clear:left;*/
line-height:15px;
margin: 5px 0 3px 0;
}

.contentPage2cols li {
/*float:left;
width:100%;
clear:left;*/
line-height:15px;
margin:15px;
list-style-type:square;

}

/*
Poscionamento da div que servirá como coluna da direiita para o site.
*/
.rightCol {
float:left;
width:192px;
margin:20px 0 0 23px;
}


.rightCol a.aplicativos, .rightCol a.aplicativos:hover, .rightCol a.aplicativos:visited {
float:left;
width:100%;
padding:20px 0 10px 0;
background:#fff url(../../../images/cliente/geral/img_aplicativos.jpg) no-repeat top center;
}

.rightCol a.ponto,  .rightCol a.ponto:hover, .rightCol a.ponto:visited  {
float:left;
width:100%;
padding:20px 0 20px 0;
background:#fff url(../../../images/cliente/geral/img_pontoEletronico.jpg) no-repeat center center;
}


.rightCol p.aniversarios {
float:left;
padding:20px 0 20px 45px;
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
text-decoration:none;
color:#000000;
background:#fff url(../../../images/cliente/geral/img_presente.gif) no-repeat left center;
}


.rightCol h6 {
float:left;
width:182px;
font-weight:normal;
color:#f57a2b;
padding:5px;
}

.rightCol ul.aniversarios {
float:left;
margin-bottom:20px;
}

.rightCol ul.aniversarios li{
padding:5px 0 5px 10px;
background:url(../../../images/cliente/geral/setaB.gif) no-repeat left center;
width:182px;
color:#666666;
}


.rightCol ul.proximos {
float:left;
}

.rightCol ul.proximos li{
float:left;
padding:5px 0 5px 10px;
width:182px;
background:url(../../../images/cliente/geral/setaB.gif) no-repeat left center;
clear:left;
color:#666666;
}

.rightCol a.maisAniversarios{
float:left;
padding:10px 0 10px 0;
border-bottom:1px solid #d2d2d2;
display:block;
width:192px;
text-transform:uppercase;
font-size:8.8px;
color:#f57a2b;
text-decoration:none;
}

.rightCol a.maisDocs{
float:left;
padding:10px 0 10px 0;
border-top:1px solid #d2d2d2;
display:block;
width:192px;
text-transform:uppercase;
font-size:8.8px;
color:#f57a2b;
text-decoration:none;
margin-top:20px;
}

.rightCol h6.titleDocs {
float:left;
width:182px;
padding:5px;
color:#000000;
margin:30px 0 0 0;
font:bold 16px Arial, Helvetica, sans-serif;
}


.rightCol ul.docs {
float:left;
}

.rightCol ul.docs li{
float:left;
padding:5px 0 5px 25px;
width:167px;
background:url(../../../images/cliente/geral/icoDocs.jpg) no-repeat left center;
clear:left;
color:#666666;
}


.rightCol ul.docs li a{
color:#666666;
text-decoration:none;
}

.rightCol ul.docs li a:hover{
color:#f57a2b;
text-decoration:underline;
}


#layout .contentPage h2{ /*Titulo Principal da página*/
float:left;
margin:0;

width:425px;
padding:5px 0 20px 40px;
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
background:#fff url(../../../images/cliente/geral/img_comunicado.gif) no-repeat left top;
}

/*DESTAQUES COMUNICADOS 2 COLS*/
.contentPage2cols .destaquePrincipal{
float:left;
width:680px;
margin:10px 0 15px 0;
}

.contentPage2cols .destaquePrincipal p.tituloDestaque{
float:left;
width:650px;
display:block;
padding:5px 5px 0px 10px;
background:#fff url(../../../images/cliente/GERAL/setaB.gif) no-repeat left center;
color:#f57a2b;
font-size:9pt;
margin-top:0px;

}

.contentPage2cols .destaquePrincipal p.horaDestaque{
float:left;
width:650px;
display:block;
padding:0 5px 5px 10px;
color:#999;
font-style:italic;
font-size:7pt;
margin-bottom:5px;
border-bottom:1px dotted #e4e4e4;
}

.contentPage2cols .destaquePrincipal a{
float:left;
width:650px;
display:block;
padding:0 5px 5px 10px;
color:#666;
text-decoration:none;
}

.contentPage2cols .destaquePrincipal a:hover{
text-decoration:underline;
}

.contentPage2cols .destaquePrincipal .verMais{
float:left;
width:650px;
margin:15px 0 0 0;
}

.contentPage2cols .destaquePrincipal .verMais a{
color:#f57a2b;
margin:0;
padding:0;
font-size:0.8em;
text-transform:lowercase;
}

.contentPage2cols .destaquePrincipal p.pagAtual{
float:left;
list-style:none;
text-align:right;
padding:5px;
margin-top:20px;
border-right:2px solid #000;
}


.contentPage2cols .destaquePrincipal p.txtPag{
float:left;
list-style:none;
margin:0 0 0 0;
padding:5px;
margin-top:20px;

}

.contentPage2cols .destaquePrincipal p.paginacao{
float:left;
list-style:none;
width:320px;
margin:0 20px 0 0;
padding:5px;
margin-top:15px;

}


.contentPage2cols .destaquePrincipal p.paginacao a{
float:left;
list-style:none;
display:block;
width:10px;
padding:4px;
margin-right:2px;
border:1px solid #d2d2d2;
background:#f0f0f0;
text-align:center;
}


.contentPage2cols .destaquePrincipal p.paginacao a:hover{
background:#f57a2b;
color:#FFFFFF;
text-decoration:none;
}

.destaquePrincipal{
float:left;
width:465px;
display:inline;
margin:10px 0 15px 0;
}

.destaquePrincipal p.tituloDestaque{
float:left;
width:450px;
display:block;
padding:5px 5px 5px 10px;
background:#fff url(../../../images/cliente/GERAL/setaB.gif) no-repeat left center;
color:#f57a2b;
font-size:9pt;
margin-top:10px;
}

.destaquePrincipal p.horaDestaque{
float:left;
width:450px;
display:block;
padding:0 5px 0px 10px;
color:#999;
font-style:italic;
font-size:7pt;
margin-bottom:0px;
border-bottom:1px dotted #e4e4e4;
}

.destaquePrincipal a{
float:left;
width:450px;
display:inline;
padding:0 5px 0px 10px;
color:#666;
text-decoration:none;
}

.destaquePrincipal a:hover{
text-decoration:underline;
}

.destaquePrincipal .verMais{
float:left;
width:405px;
margin:15px 0 0 0;
}

.destaquePrincipal .verMais a{
color:#f57a2b;
margin:0;
padding:0;
font-size:0.8em;
text-transform:lowercase;
}

.destaques1 h3{
float:left;
margin:10px 0 0 0;
padding:5px 0 20px 40px;
width:425px;
font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
background:#fff url(../../../images/cliente/geral/img_ferramenta.gif) no-repeat left top;
}

.destaques1 ul{
display:block;
float:left;
width:465px;
padding:20px 0 0 0;
background:#fff url(../../../images/cliente/geral/btn_links_on.gif) no-repeat left top;
}

.destaques1 ul li{
float:left;
width:450px;
display:block;
padding:5px 0 5px 10px;
background:#fff url(../../../images/cliente/geral/setaBO.gif) no-repeat left center;
}

.destaques1 ul li a{
text-decoration:none;
color:#000000;
}

.destaques1 ul li a:hover{
text-decoration:underline;
}

.destaques1 .verMais{
float:left;
width:465px;
margin:15px 0 0 0;
}


.destaques1 .verMais a{
color:#f57a2b;
margin:0;
padding:0;
font-size:0.8em;
text-transform:lowercase;
text-decoration:none;
display:block;
}


.destaques1 .verMais a:hover{
color:#f57a2b;
text-decoration:underline;
}

.avisos, .enquete, .destaques{
float:left;
border:1px solid #ccc;
width:200px;
margin:10px 0 15px 15px;
_margin:5px 0 10px 5px;
}

.avisos h2, .enquete h2,  .destaques h2{
float:left;
display:block;
width:680px;
background:#666;
font-size:1.3em;
margin:0 0 10px 0;
padding:5px 10px 5px 10px;
color:#FFFFFF;
}

.avisos h2{
background:#8C8C8C url(../../images/cliente/geral/ico_avisos.jpg) no-repeat top 5px;
padding:20px 0 20px 60px;
}

.enquete h2{
background:#8C8C8C url(../../images/cliente/geral/ico_enquete.jpg) no-repeat top 5px;
padding:20px 0 20px 60px;
}

.avisos h3, .enquete h3, .destaquePrincipal h3, .destaques h3{

padding:0 0 0 0;
color:#333;
margin:20px 0 0 10px;
_margin:10px 0 0 10px;
font-size:1.0em;
}


.conteudoAviso{
margin:0 10px 10px 10px;

}

#content {
float:left;
width:690px;
margin:5px 0 0 20px;
_margin:0 0 0 10px;
line-height:1.7em;
display:inline;

}

#content div {
float:left;
width:670px;
margin:10px 0 0 0;
padding:10px 0 10px 10px;
display:inline;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
line-height:1.7em;
}




.enquete p{
margin:20px 10px 10px 10px;
_margin:10px 10px 10px 10px;
font:normal 1.1em Arial, Helvetica, sans-serif;
}


.enquete input{
float:left;
margin:-2px 0 0 10px;

}

.enquete {
padding:0 0 10px 0;
}



/**********************************/
/* Botões */
/**********************************/

.button{
cursor:pointer;
display:block;
border:1px solid #964908;
background:#AD6E39;
color:#FFF;
padding:5px 10px;
float:right;
margin:10px 20px 0 0;
font-weight:bold;
display:inline;
}



#footer{
float:left;
width:900px;
height:45px;
margin:20px 0 0 20px;
background:#000;
display:inline; /*mostra o elemento como inline para poder resolver o problema de margem duplicada no ie 6*/
}


#footer p {
color:#FFFFFF;
padding:15px;
}



/**********************************/
/* Login */
/**********************************/

#telaBody{
background:url(../../../images/cliente/geral/layout_login.jpg) center center no-repeat;
}

#login{
position:absolute;
width:760px;
height:420px;
left:50%;
top:50%;
margin-left:-380px;
margin-top:-210px;

}


#login fieldset{
float:left;
display:block;
margin:197px 0 0 75px;
_margin:199px 0 0 38px;
border:none;

}

#login legend{
display:none;
}

#login label{
border:none;
display:block;
font-size:1.1em;
margin:0 0 16px 0;
}

#botao{
float:left;
margin:0 0 0 0;

}

#login fieldset a{
display:block;
color:#964907;
font-size:1.1em;
margin:-10px 0 5px 0;
text-decoration:underline;
}

#login #envia{
padding:4px 10px 4px 10px;
}

#login .col2{
float:left;
width:220px;
margin:185px 0 0 85px;


}

#login .col2 p{
margin:0 0 0 0;
line-height:1.3em;
}

#login span{
color:#df2b2a;
}



#login blockquote p{
color:#333;
padding:10px 15px 15px 15px;
}

#login blockquote strong{
color:#333;
}

#login h4{
color:#FF0000;
padding:10px 15px 0 15px;
}



#login .footerLogin{
float:left;
width:680px;
margin:52px 0 0 0;
padding:0 35px 0 35px;
}

.lnPar{
	background-color:#E9E9E9;
	padding:5px;
}
.lnImpar{
	background-color:#F5f5f5;
	padding:5px;
}


.lnPar li img{
	max-width:70px;
	max-height:70px;
	_height:70px;
	_width:55px;
}
.lnImpar li img{
	max-width:70px;
	max-height:70px;
	_height:70px;
	_width:55px;
}
.aniversariantes{
	padding:5px;
}

/**********************************/
/* End Login */
/**********************************/



/*******************************************************************************************************
										Fim
*******************************************************************************************************/




.telaErro{
position:absolute;
height:400px;
width:100%;
top:50%;
margin-top:-200px;
background:#FFFFFF;
}


.telaErro H1{
background:#FF3333;
padding:50px;
text-align:center;
color:#FFFFFF;
}

.telaErro #aviso{
padding:50px;
text-align:center;
line-height:50px;
}




/*******************************************************************************************************
Adicionado por Diorg Martins
data:25/06/2010 
classes referentes ao layout do tooltipo da lista de aniversáriantes.
*******************************************************************************************************/
.cardPersonal fieldset{
	border:1px solid #ccc;
	_padding:10px;
	width:99%;
	_width:92%;
}
.cardPersonal fieldset legend{
	padding:0px 5px 5px 5px;
	color:#FF9900;
}
.infoFunc{
	float:left;
	width:250px;
	_width:230px;
	margin-left:5px;
}
p.picture img{
	max-height:70px;
	max-width:50px;
	_width:50px;
	_height:70px;
	float:left;
}


.dadosCtto,.dadosCtto p{
	width:98%;
	_width:96%;
	padding:3px;
	_padding-left:10px;
}
/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005; 
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:-600px;	/* Same as border thickness */
	top:-250px;
	position:absolute;
	width:320px;	/* Width of tooltip content */
	height:240px;	/* Height of tooltip content */
	_width:330px;	/* Width of tooltip content */
	_height:350px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:10px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}


input, textarea, select{
	font: 11px Tahoma;
}


/*******************************************************************************************************
										Fim
*******************************************************************************************************/