/* Página de estilos www.famacris.com.br */

*{ padding:0px;  margin:0px; }
img{ border: 0px;  margin:0px;  padding:0px; }
h1 { padding: 9px 0px 9px 0px; font-size: 18px; }
h2 { padding: 9px 0px 9px 0px; font-size: 16px; color:#111D3C;}
h3 { padding: 9px 0px 9px 0px; font-size: 12px; }

h2:first-letter {
   font-size: 30px;
}

input, textarea, select {
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	/*background:#FFFFF0;*/
	border: 1px solid #CCCCCC;
}

body {
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #001753;
}

/*** cor de fundo da página ***/
body, #topo, #inicio, #menu_top{
	background-image: url('../img/bg.gif');
}

#inicio{
    visibility:hidden; 
	background:none;
	margin-top:0px;
}

#irtopo {
    position:fixed;
	bottom: 0px;
	right: 0px;
	display:none;
	z-index:10;
}

#master {
     width: 780px;
     left:50%;
     margin-left:-390px;
     height:auto;
     position: absolute;
	 margin-top: 0px;
	 background-color: #FFFFFF;
}

#topo {
    width: 780px;
    height: auto;
}


/*************** Início Menu Esquerda ***************/
#menu_left {
    float: left;
    width: 150px;
	height: 100%;
	text-align: center;	
}

#menu_left ul {
     list-style:none;
     padding: 0px;
     line-height: 120%;
}

#menu_left li {
   float: left;
   display:block;
   border-bottom: 1px solid #DDDDDD;
   width:100%;
}

#menu_left li.titulo{
	width:138px;
	padding: 9px 6px 9px 6px;
	font-weight: bold;
	color: #000000;
	background-color: #cc9933;
}

#menu_left ul li a {
     color: #555555;
     text-decoration: none;
     display:block;
	 /*padding: 9px 6px 9px 6px;*/
	 padding: 6px;
	 font-weight: bold;
}

#menu_left ul li a:hover {
	 color: #000000;
     text-decoration: none;
	 background-color:#E6E6E6;
	 font-weight: bold;
	 display: block;
}


/*************** Fim Menu Esquerda ***************/


/*************** Início Menu Direita ***************/
#menu_right {
    float: right;
    width: 150px;
	height: 100%;
	text-align: center;
}

#menu_right ul {
     list-style:none;
     padding: 0px;
     line-height: 120%;
}

#menu_right li {
   float: left;
   display:block;
   border-bottom: 1px solid #DDDDDD;
   width:100%;
   font-size: 10px;
}

#menu_right li.titulo{
	width:138px;
	padding: 9px 6px 9px 6px;
	font-weight: bold;
	color: #000000;
	background-color: #cc9933;
	font-size: 12px;
}

#menu_right ul li a {
     color: #555555;
     text-decoration: none;
     display:block;
	 padding: 3px;
	 text-align:left;
}

#menu_right ul li a:hover {
	 color: #000000;
     text-decoration: none;
	 background-color:#E6E6E6;
	 /*font-weight: bold;*/
	 display: block;
	 z-index: 5000;
}

/*************** Fim Menu Direita ***************/


/*************** Início Menu Top ****************/
#menu_top{
     width: 510px;
     left:50%;
     margin-left:-120px;
     position: absolute;
	 top: 165px;	
	 z-index: 1;
	 background: none;
}

#menu_top ul{
    list-style: none;
}

#menu_top ul li{
    display: inline;
	float:left;
	width: 85px;
	height: 25px;
	text-align: center;
}

#menu_top ul li p{
   padding-top: 6px;
}


#menu_top ul li a{
   color: #555555;
   font-weight: bold;
   text-decoration: none;
}

#menu_top ul li a:hover{
   text-decoration: none;
   font-weight: bold;
   color: #000000;
}

/*************** Fim Menu Top ***************/


/*************** Inicio conteudo ***************/
#conteudo {
    float: left;
	width: 460px;
	padding: 5px 10px 10px 10px;
	height: 100%;
	min-height:700px;
	text-align: justify;
}

#conteudo p {
    line-height: 150%;
}

#conteudo a{
	color: #5C86D4;
	text-decoration: none;
}

#conteudo a:hover{
	color: #001753;
	text-decoration: underline;
}

#div_clientes{
    margin-top:10px;
}

/*************** Fim conteudo ***************/

/*
#banner_topo{
     padding:0x; 
     text-align:center; 
     margin-bottom:-8px; 
	 margin-left:-10px; 
	 margin-right:-10px; 
     margin-top:3px;
	 float:none;
}
*/


/******** Rodape **********/
#rodape {
    width: 780px;
	background: #001753;
    clear: both;
}

#rodape p {
    padding: 5px;
    color:#FFFFFF;
	font-size: 90%;
	text-align: left;
	line-height: 150%;
}

#rodape a:link{
    color: #FFFFFF; 
	text-decoration: none;
}

#rodape a:visited{
    color: #FFFFFF; 
	text-decoration: none;
}

#rodape a:active   {
    color: #FFFFFF; 
	text-decoration: none;
}

#rodape a:hover{
	 color: #D99D00;
	 text-decoration: underline;
}

/******** Div Loading Ajax  **********/
#ajax {
	 width: 300px;
	 height: auto;
     left:50%;
     margin-left:-160px;
     position: absolute;
	 z-index: 1;
	 top: 0px;
	 background: #CCDEEC;
	 border: 1px dashed #3366FF;
	 text-align: center;
	 color: #000000;
	 padding: 8px;
	 visibility: hidden;
	 opacity:0.65; /*** opera ***/
	 -moz-opacity: 0.65; /*** firefox ***/
	 filter: alpha(opacity=65);	/*** ie ***/
	 background-color: #EF9398;
     border: 1px dashed #DC5757;	 
}

#ajax_hide{
   visibility: hidden;
   height:0px;
   width:0px;
   float:left;
}

/*
#banner_ferias{
   visibility: hidden;
   height:0px;
   width:0px;
   float:left;
}
*/

#banner_ferias, #banner_irpf {
     width: 300px;
     left:50%;
     margin-left:-150px;
     height:auto;
     position: absolute;
	 margin-top: 10px;
     visibility: hidden;
	 float:left;
}

#banner_neve {
     width: 780px;
     left:50%;
     margin-left:-390px;
     height:160px;
     position: absolute;
     top: 0px;
	 margin-top: 20px;
	 float:left;
	 /*visibility: hidden;*/
	 /*z-index: 100px;*/
	 /*background:#00CC00;*/
}




/********** contato **********/
#contato {
     width: 400px;
     left:50%;
     margin-left:-200px;
     position: absolute;
	 margin-top: 30px;
}


#contato fieldset{
	 background-color: #FFFFFF;
	 border: none;
}

#contato  .label{
    padding: 5px;
    float:left;
    clear:left;
	width: 100px;
    display:block;
	font-weight: bold;
	padding: 5px;
	text-align: right;
}

#contato  .button{
    width:75px;
	height: 25px;
	margin-top: 5px;
	background:#F0F0F0;
	font-weight: bold;
}

#contato  .campo_form{
    display:block;
	clear: right;
    margin-top:5px;
	margin-left:110px;
    margin-bottom:2px;
	width: 50%;
	padding: 2px;
	border: 1px solid #CCCCCC;
}


/******** webmail  **********/
#webmail{
	width: 150px;
	padding-top: 3px;
	padding-bottom: 10px;
	text-align: left;	
	background: #FFFFFF;
	float: left;
	font-size:80%;
	
}

#webmail .titulo{
	text-align: center;
	color:#555555;
}

#webmail .label{
	text-align: left;
	color:#555555;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
}

#webmail .campo{
	text-align: left;
	padding: 0px 0px 0px 10px;
}

#webmail input{
   background: #FFFFFF;
}


#webmail .button{
    width:75px;
	height: 20px;
	margin-top: 5px;
	background:#F0F0F0;
	font-weight: bold;
	margin-left:65px;
}

/******** previsao do tempo  **********/
#previsaotempo{
     width:148px; 
	 font-size: 90%;
     /*float:left; 
	 clear:left; */
	 /*width:140px;*/
	 margin-top: 1px;
	 margin-bottom: 10px;
	 z-index: 0;
}

#previsaotempo div {
   margin-bottom: 10px;
}

#previsaotempo a{
   color:#001753;
   text-decoration:none;
}

#previsaotempo a:hover{
   text-decoration:underline;
}


#previsaotempo .titulo{
    font-weight: bold;
	font-size: 100%;
	padding-bottom: 10px;
	color: #001753;
}

#tb_home .titulo{
   text-align:center;
   font-weight: bold;
   color:#0080FF;
}

#tb_home{
   float:right;
   width: 460px;
   border-collapse:collapse;
}

#tb_home .td_left{
   width: 300px;
   padding-top:20px;
}

#tb_home .td_right{
   width: 150px;
}

#tb_home tr td.titulo{
   background: #FCFAEB;
   background: #F6F6F6;
   padding: 10px 0px 10px 0px;
}

.teste{
   background: #F6F6F6;
   padding: 10px 240px 10px 5px;
   font-weight: bold;
   height: 14px;
   width: 280px;
   text-align:center;
   color:#0080FF;
   margin-top: -30px;
}   




/******** cotação do dólar **********/
#cotacaodolar{
    width:148px; 
	/*border-bottom: 1px solid #CCCCCC;*/
	border: 1px solid #CCCCCC;
	border: 0px solid #CCCCCC;
	float:left; 
	clear:left; 
	padding: 3px 0px 5px 0px;
	margin-top: -1px;
	margin-bottom: 10px;
	font-size: 90%;
	/*background: #FCFAEB;*/
}

#cotacaodolar .titulo{
    font-weight: bold;
	font-size: 100%;
	padding-bottom: 10px;
	color: #001753;
}


#cotacaodolar .titulo2{
    font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding-bottom: 10px;
	color: #001753;
}


#cotacaodolar .label{
    font-weight: normal;
	color:#000000;
	text-align:left;
	margin-left: 5px;
	color: #555555;
}

#cotacaodolar .valor{
	color: #001753;
	/*font-weight: bold;*/
	font-size: 90%;
	text-align:left;
	padding-bottom:2px;
	padding-right:20px;
	text-align:right;
}

#cotacaodolar .txt_bold{
	color: #001753;
	/*font-weight: bold;*/
	font-size: 90%;
	text-align:left;
	padding-bottom:2px;
	padding-right:0px;
	text-align:right;
}

#cotacaodolar a{
   color:#001753;
   text-decoration:none;
}

#cotacaodolar a:hover{
   text-decoration:underline;
}



/******** classes **********/

.titulo_active{
	border: 1px dashed #0066CC;
	background:#FFFFF0;
}

.p_ativo{
	border: 1px dashed #0066CC;
	border: 1px dashed #001753;
	background: #F8F8F8;
}
.p_ativo *{
   padding: 2px;
}

.p_normal{
	border: 0px ;
	background:#FFFFFF;
}


.txt_red{
   color:#CC0000;
}

.txt_black{
   color:#000000;
}

.txt_bold{
     font-weight: bold;
}

.txt_small{
     font-size:90%;
	 line-height:100%;
}

.italic{
   font-style:italic;
}

.italic_bold{
   font-style:italic;
   font-weight: bold;
}




/****** Notícias *****/
.noticia_titulo{
   font-weight: bold;
}

.noticia_autor{
   font-size: 80%;
   color:#666666;
   font-style:italic;
}

.mostra_noticia{
   display: inline;
}

.esconde_noticia{
   display: none;
}
   


#clientes *{
     font-size: 90%;
     float:left; 
     clear:left; 
     width:150px;
     margin-top: 1px;
     margin-bottom: 10px;
     z-index: 0;
}



/**********************************************************************************************/
 dl.com-bordas {
	margin: 2px 0;
	padding: 0px;
	width: 200px;
	}

.com-bordas dt {
	background-color: #FFFFFF;
	color: #959289;
	padding: .5em .5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-top: 1px solid #131210;
	}

.com-bordas dd {
	margin: 0 0 1em 0;
	background: #DBD8D8;
	text-align: center;
	padding: 1em .5em;
	font-style: italic;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-bottom: 1px solid #131210;
	}
/**********************************************************************************************/

/****** Configuracao dos ToolTip *****/
       
.dvhdr1 {
   background:#F3F0E7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   /*border:1px solid #C8BA92;*/
   border-left:1px dashed #C8BA92;
   border-right:1px dashed #C8BA92;
   border-top:1px dashed #C8BA92;
   border-bottom:1px dashed #C8BA92;
   padding:5px;
   width:150px;
   padding-left:10px;
   padding-right:10px;
   width:auto;
   /*opacity:0.85; /*** opera ***/
   /*-moz-opacity: 0.85; /*** firefox ***/
   /*filter: alpha(opacity=85);	/*** ie ***/
}
         
.dvbdy1 {
   background: #E9EFF4;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   border-left:1px dashed #C8BA92;
   border-right:1px dashed #C8BA92;
   border-bottom:1px dashed #C8BA92;
   padding:10px;
   width:200px;
   width:auto;
   /*opacity:0.85; /*** opera ***/
   /*-moz-opacity: 0.85; /*** firefox ***/
   /*filter: alpha(opacity=85);	/*** ie ***/
}
         

       
.dvbdy2 {
   background: #E9EFF4;
   background:#F3F0E7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   border:1px dashed #C8BA92;
   padding:10px;
   width:200px;
   z-index: 1000;
   /*opacity:0.85; /*** opera ***/
   /*-moz-opacity: 0.85; /*** firefox ***/
   /*filter: alpha(opacity=85);	/*** ie ***/
}


div#toolTip {
  padding: 5px;
  border: 1px dashed #000066;
  display: none;
  background:#A5A785;
  color: #FFFFFF;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  width: 150px;
  position: absolute;
  z-index: 100;
}