body {
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color:#5b5555;
background: #ffffff url(images/bg_body3.gif);
margin: 0 auto;
padding: 0;
}

img {
border: 0;
}

#topo{ 
height:60px; 
width:770px;
}

div#topo img{
margin: 0;
}
 
#topo #logo {
float: right;
padding: 5px 22px 0 0;
}

#topo #assinatura {
float: left;
padding: 22px 0 0 22px;
} 

p {margin: 4px; 
}

#bgentrada {
width: 100%;
margin:  0px;
background: #ffffff;
}

#entrada {
width: 770px;
margin:  25px 0 0 0;
padding: 10px 0 20px 0;
text-align: center;
}

/* Navegação */

#bgnnav {
width: 770px;
height: 21px;
padding: 0;
margin: 0px;
}

#nav {
position: absolute;
list-style: none;
padding: 0;
margin: 0px 0px 0px 15px;
white-space: nowrap;
height: 21px;
display: inline;
overflow: hidden;
width: 741px;
z-index: 1002;
left: 0px; /* fixes weird IE5.0/win absolute position within relative */
left/* */: 0px;
}

#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#nav a {
float: left;
padding: 21px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:21px; /* for IE5/Win */
}

#nav a:hover {
background-position: 0 -21px;
}

#nav a:active{
background-position: 0 -21px;
}


#nanimais a  {
width: 63px;
background:  url(images/nav_animais.gif) no-repeat left top;
}

#nconstrucoes a  {
width: 88px;
background:  url(images/nav_construcoes.gif) no-repeat left top;
}

#ncorpohumano a  {
width: 103px;
background:  url(images/nav_corpohumano.gif) no-repeat left top;
}

#ninfograficos a  {
width: 86px;
background:  url(images/nav_infograficos.gif) no-repeat left top;
}

#nmapas a  {
width: 58px;
background:  url(images/nav_mapas.gif) no-repeat left top;
}

#npublicidade a  {
width: 84px;
background:  url(images/nav_publicidade.gif) no-repeat left top;
}

#nraiox a  {
width: 56px;
background:  url(images/nav_raiox.gif) no-repeat left top;
}

#nveiculos a  {
width: 68px;
background:  url(images/nav_veiculos.gif) no-repeat left top;
}

#nhistorico a  {
width: 72px;
background:  url(images/nav_historico.gif) no-repeat left top;
}

#ncontato a  {
width: 63px;
background:  url(images/nav_contato.gif) no-repeat left top;
}

#hoanimais ul#nav li#nanimais a { background-position:0 -21px;}
#hoconstrucoes ul#nav li#nconstrucoes a { background-position:0 -21px; }
#hocorpohumano ul#nav li#ncorpohumano a { background-position:0 -21px; }
#hoinfograficos ul#nav li#ninfograficos a { background-position:0 -21px; }
#homapas ul#nav li#nmapas a { background-position:0 -21px; }
#hopublicidade ul#nav li#npublicidade a { background-position:0 -21px; }
#horaiox ul#nav li#nraiox a { background-position:0 -21px; }
#hoveiculos ul#nav li#nveiculos a { background-position:0 -21px; }
#hohistorico ul#nav li#nhistorico a { background-position:0 -21px; }
#hocontato ul#nav li#ncontato a { background-position:0 -21px; }


/* miolo */

#bgmiolo {
width: 100%;
margin:  0xp;
background: #ffffff;
}

#miolo {
width: 770px;
height: 470px;
padding: 0;
margin: 4px 0 0 0;
background-color: #ffffff;
}

.conteudomiolo{
padding: 0 0 0 48px;
clear:both;
float:left;
} 

/* Navegação Secundária*/

#bgnavthumbs {
width: 100%;
height: auto;
background-color: #ffffff;
}

#navthumbs {
width: 770px;
height: auto;
padding: 0px;
margin: 0px;
background-color: #ffffff;
}

ul.thumbs {
padding: 8px;
margin: 0px;
}

ul.thumbs li {
display: inline; list-style-type: none; 
margin: 0px;
}

ul.imggrande {
padding: 0 0 0 0;
margin: 10px 0 0 0;
}

ul.imggrande li {
display: inline; margin: 0px; list-style-type: none;
}

/* rodape */
#rodape {
width: 100%;
height: 50px;
margin: 0px;
padding: 0px;
background: url(images/bg_rodape2.gif);
}

#rodape #copyright {
float: right;
width: 380px;
position: absolute;
left: 350px;
padding: 5px 0 0 0;
text-align: center;
margin: 0;
}

#rodape #contato {
float: left;
width: 300px;
padding: 5px 0 0 10px;
margin: 0;
} 

.txt9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#5b5555; font-weight: bold;}
a.texto {text-decoration:underline; color: #5b5555;}
a.texto:hover {text-decoration:none; color: #f20400;}

.txt10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#5b5555; font-weight: bold;}
a.txt10 {text-decoration:underline; color: #5b5555;}
a.txt10:hover {text-decoration:none; color: #f20400;}

.txt11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#5b5555;}
a.txt11 {text-decoration:underline; color: #5b5555;}
a.txt11:hover {text-decoration:none; color: #f20400;}

.ver11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#f20400; font-weight: bold; padding: 20px 0 0 0;}
a.ver11 {text-decoration:underline; color: #f20400;}
a.ver11:hover {text-decoration:none; color: #f20400;}

/* contato */

#pagcontato {
width: 450px;
padding: 30px 0 30px 0;
margin: 0px 0 0px 170px;
background-color: #ffffff;
}

form{
margin: 0px;
border: 0;
padding: 0;
height: 320px;
}

fieldset{
border: none;
background: #fff;
padding: 5px;
}

html>body fieldset{
padding: 0px 0px;
}

label{
display: block;
float: left;
margin: 5px 0 5px 0;
}

html>body label{
margin: 5px 0 5px 0;
}

input, textarea{
border: 1px solid #f20400;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#5b5555;
background: #ffffff;
}
