/*
-----------------------------------------------
Expertu Comércio Virtual e Marketing Ltda.
Autor:	Fernando Malaquias
Versão: 2 de fevereiro de 2006
----------------------------------------------- 
*/

* { margin: 0; padding: 0; } /* Zerando as margens e preenchimentos de todas as tags */

body { 
text-align:left; 
float:left;
clear: both;
margin:0;
padding:0;
/*background: url('../imgsite/body_fnd.gif') #ffffff repeat-x left top;*/
font: normal 0.9em Arial,verdana,tahoma; 
color: #666666;
}


/* Estrutura da página
----------------------------------------------- */
#page {
width:779px;
margin:0 auto 0;
text-align:left;
float:left;
padding:0;
}

#body {
width:779px;
margin:0;
text-align:left;
padding:0;
}  
  
#header {
float:left;
text-align:right;
width: 592px;
height: 135px;
padding:0;
margin: auto;
overflow:hidden;
background: url('../imgsite/topo.gif') no-repeat left top; 
}

#menu {
float:left;
width:187px;
height:635px;
padding:0;
overflow:hidden;
background: url('../imgsite/fnd_menu.jpg') no-repeat left top; 
/*border: 1px solid #000000;*/
}

#onibus {
width:187px;
height:135px;
padding:0;
overflow:hidden;
background: url('../imgsite/fnd_home_lado_e.jpg') no-repeat left bottom; 
}


#main {
float:left;
width:592px;
margin:0;
padding:0;
height:500px;
background: url('../imgsite/fnd_home.jpg') no-repeat left top; 
overflow:hidden;
/*  border: 1px solid #0000FF;*/
}

#main_1 {
float:left;
width:280px;
margin:0;
padding-top:30px;
overflow:hidden;
text-align:right;
}
#main_2 {
float:left;
width:171px;
margin:0;
padding-top:30px;
overflow:hidden;
}
#main_3 {
float:left;
text-align:left;
width:140px;
margin:0;
padding:0;
overflow:hidden;
}
#main_4 {
float:left;
width:500px;
margin:0;
padding-top:30px;
padding-left:88px;
overflow:hidden;
margin-bottom:25px;
}
#main_5 {
float:left;
width:230px;
margin:0;
padding-left:100px;
overflow:hidden;

}
#main_6 {
float:left;
/*text-align:center;*/
width:210px;
margin:0;
margin:10px 10px 0 0 ;
overflow:hidden;
position:absolute;
left:560px;
}

#main_7 {
float:left;
text-align:left;
width:210px;
margin:0;
overflow:hidden;
padding-left:40px;
}

#main_internas {
float:left;
width:592px;
margin:0;
padding:0;
overflow:hidden;
font: normal 0.9em Arial,verdana,tahoma; 
/*  border: 1px solid #0000FF;*/
}

#main_internas_1 {
float:left;
width:592px;
height:73px;
margin:0;
padding-left:40px;
overflow:hidden;
/*  border: 1px solid #0000FF;*/
}
#main_internas_2 {
float:left;
width:592px;
height:427px;
margin:0;
padding:0;
background: url('../imgsite/internas_lado_e.gif') repeat-y left top; 
overflow:hidden;
}

#fnd_titulo {
float:left;
width:592px;
height:73px;
padding-top:30px;
margin:0;
background: url('../imgsite/titulo_fnd.gif') no-repeat left top; 
overflow:hidden;
}

#titulo2 {
float:left;
width:592px;
height:73px;
padding-top:10px;
padding-left:55px;
margin:0;
background: url('../imgsite/titulo_internas2.gif') no-repeat left top; 
overflow:hidden;
}

#titulo3 {
float:left;
width:592px;
height:73px;
padding-top:10px;
padding-left:55px;
margin:0;
background: url('../imgsite/titulo_internas3.gif') no-repeat left top; 
overflow:hidden;
}

#titulo4 {
float:left;
width:592px;
height:73px;
padding-top:10px;
padding-left:55px;
margin:0;
background: url('../imgsite/titulo_internas4.gif') no-repeat left top; 
overflow:hidden;
}

#conteudo_internas {
width:592px;
height:390px;
margin:0;
padding:0;
overflow:auto;
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#FFFFff;
scrollbar-track-color:#eeeeee;
}

#rodape {
text-align:left;
float:left;
width:779px;
height:89px;
margin:auto; /* colocando auto, para que o #rodape fique de acordo com o alinhamento do body, ou seja, centralizado */ 
padding-left:50px;
clear:both; /* definindo o clear para futuras atualizações que o conteúdo pode ter, com divs possuindo floats não interfira no rodapé */ 
overflow:hidden;
background:url('../imgsite/fnd_rodape.jpg') no-repeat left top; 
color: #666666;
/*border: 1px solid #FFFF00;*/
}

#rdp_logo { 
width:90px;
height:89px;
float:left;
margin: 0; 
padding-top:15px;
overflow:hidden;
}

#rdp_end { 
width:150px;
height:89px;
float:left;
margin: 0; 
padding-top:10px;
overflow:hidden;
font: normal 0.7em "Arial,verdana,tahoma"; 
}

#rdp_separador { 
width:1px;
height:89px;
float:left;
margin: 0; 
padding-top:10px;
overflow:hidden;
}

#rdp_menu {
width:458px;
height:89px;
padding-top:10px;
float:left;
text-align:right;
font: normal 0.8em "Arial,verdana,tahoma"; 
line-height:1.8em;
}

.espacamento { 
line-height:1.4em;
}


/*html>body #main1 { width: 472px; }
html>body #main1 { height: 21px; }
html>body #rdp_conteudo { width: 538px; }
html>body #rdp_conteudo { height: 29px; }
html>body #rdp_logo { height: 35px; }
html>body #destaque1 { width: 498px; }
html>body #destaque2 { width: 533px; } 
html>body #destaque3 { width: 458px; } 
html>body #rdpinternas { width: 533px; }*/
/* hack para q o FF, Opera, etc, deixem o tamanho correto do layout, pois não colocando ele adicionaria 
o valor do padding ao width das divs, totalizando width + padding, que iria bagunçar o layout */


/* Tables */
.tabela { font-size:0.9em; }

/* Paragrafos */

p { 
margin: 0 0 15px 0;
padding: 0px;
font-size:0.9em;
} 

p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.imgleft img {
  display:block;
  margin-bottom:2px;
  margin-right:5px;
  border:2px solid #ccc;
  float:left;
}

p.imgright {border-width:0; padding-top:2px; display:inline;}
p.imgright img {
  display:block;
  margin-bottom:2px;
  margin-right:5px;
  border:2px solid #ccc;
  float:right;
}

p.continue {
margin: 0em; 
text-align:right;
font-family: Arial,verdana, tahoma; 
font-size: 10px; 
font-weight: normal; 
COLOR: #0E93D4;
}
p.opcoes {
margin: 0em; 
text-align:right;
font-family: Arial,verdana, tahoma; 
font-size: 12px; 
font-weight: normal; 
color: #0E93D4;
}
p.caminho {
margin: 0em; 
text-align:left;
font-family: Arial,verdana, tahoma; 
font-size: 10px; 
font-weight: normal; 
color: #0E93D4;
}


/* Links */

a:link  { COLOR: #333333; font-weight: nomal; TEXT-DECORATION: none;}
a:visited  { COLOR: #333333; font-weight: nomal; TEXT-DECORATION: none;}
a:hover  { COLOR: #333333;  font-weight: nomal; TEXT-DECORATION: underline;}
.bordatabela { border-color:#666666; border-width:1px; }
.transparente {FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); moz-opacity: 0.9;}
.linkmenu { font-weight: bold; }
	A.linkmenu:link { TEXT-DECORATION: none;  COLOR: #333333; }
	A.linkmenu:visited { TEXT-DECORATION: none;  COLOR: #333333;}
	A.linkmenu:hover { TEXT-DECORATION: none;  COLOR: #DD4B45;}
.linkmenurdp { font-weight: bold; }
	A.linkmenurdp:link { TEXT-DECORATION: none;  COLOR: #666666; }
	A.linkmenurdp:visited { TEXT-DECORATION: none;  COLOR: #666666;}
	A.linkmenurdp:hover { TEXT-DECORATION: underline;  COLOR: #DD4B45;}
.linkcinzamenor { font-weight: normal; }
	A.linkcinzamenor:link { TEXT-DECORATION: none;  COLOR: #cccccc; }
	A.linkcinzamenor:visited { TEXT-DECORATION: none;  COLOR: #cccccc;}
	A.linkcinzamenor:hover { TEXT-DECORATION: underline;  COLOR: none;}
.linkvermelho { font-weight: bold; }
	A.linkvermelho:link { TEXT-DECORATION: none;  COLOR: #DD4B45; }
	A.linkvermelho:visited { TEXT-DECORATION: none;  COLOR: #DD4B45;}
	A.linkvermelho:hover { TEXT-DECORATION: underline;  COLOR: #DD4B45;}
.linkLaranja { font-weight: bold; }
	A.linkLaranja:link { TEXT-DECORATION: none;  COLOR: #FF7113; }
	A.linkLaranja:visited { TEXT-DECORATION: none;  COLOR: #FF7113;}
	A.linkLaranja:hover { TEXT-DECORATION: underline;  COLOR: #FF7113;}
		
/* Estilos Gerais */

.bordaimg {
border: 2px solid #cccccc;
}

.tituloVermelho { font-weight: bold; COLOR: #DD4B45;}
.tituloCinza { font-weight: bold; COLOR: #999999;}
.tituloLaranja { font-weight: bold; COLOR: #FF7113;}