/* CSS Document */

/************ CSS Reset ************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
address,th{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none;}

/************ Headings ************/

h1,h2,h3,h4,h5,h6{font-family: Verdana, Arial, Sans Serif, sans-serif; font-weight:normal;}
h1{font-size:20px;}
h2{font-size:16px; font-weight: bold;}
h3{font-size:14px; font-weight: bold; margin: 0px 0px 0px 0px;}
h4{font-size:14px; font-weight: bold;}
h5{font-size:12px; line-height: 1.4em;}
h6{font-size:11px; line-height: 1.4em;}
h2,h3,h4,h5,h6{margin-bottom:0.25em;}
p{line-height: 1.5em; margin: 15px 0px 15px 0px;}
ol,ul,li{line-height: 1.7em;}
table{font-size:11px; line-height: 1.7em;}
td{padding: 5px 5px 5px 5px;}

body{
background: #EAF4D9 url('img/bg.jpg') top left repeat-x fixed;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:11px; 
font-family:Verdana, Arial, Sans Serif, sans-serif;
color: #666666;
text-align:center; /* hack para o IE */
padding: 10px 0px 10px 0px;
}

/****** GERAL ******/
#geral{
width: 720px;
_width: 740px;
background:#FFFFFF;
border: 5px solid #D0D0D0;
margin: 0px auto; /* centralizar */
text-align:left; /* "remédio" para o hack do IE */
padding: 6px 6px 6px 6px;
}

/****** FIM GERAL ******/

/****** TOPO ******/
#topo{
width: 720px; 
height: 232px;
}

/* o texto fica oculto */
#topo span{
display: none;
}
/****** FIM TOPO ******/

/****** RODAPE ******/

#rodape {
background:#F0EEEF;
width: 720px; 
height: 30px;
_height: 50px;
margin: 1px 0px 0px 0px;
padding: 20px 0px 0px 0px;
text-align: center;
color: #666666;

}

/****** CONTEUDO ******/
#conteudo{
width: 720px;
height: 259px;
_height: 255px;
margin-top: 6px;
_margin-top: 4px;
}

/****** INDEX ******/
#galeria{
width: 369px; 
_width: 369px; 
height: 250px;
/* height: 650px; */
border: 2px solid #F0EEEF;
float:left;
}

#galeria .tit{
background:#F0EEEF;
width: 365px; 
_width: 366px; 
height: 32px;
/* height: 650px; */
float:left;
margin: 2px 0px 0px 2px;
_margin: 2px 0px 0px 1px;
}

#galeria .cont{
width: 365px; 
_width: 366px; 
/* height: 650px; */
float:left;
margin: 30px 0px 0px 2px;
}

#links{
width: 337px; 
_width: 341px; 
height: 250px;
/* height: 650px; */
border: 2px solid #F0EEEF;
margin-left: 6px;
_margin-left: 5px;
float:left;
}

#links .tit{
background:#F0EEEF;
width: 333px; 
height: 32px;
/* height: 650px; */
float:left;
margin: 2px 0px 0px 2px;
_margin: 2px 0px 0px 1px;
}

#links .cont{
float:left;
margin: 32px 2px 2px 7px;
_margin: 32px 2px 2px 7px;
}

#links .banner{
padding: 2px 2px 2px 2px;
_padding: 2px 2px 2px 2px;
}


/****** CANIL ******/

#conteudo_canil{
width: 720px;
height: 400px;
_height: 255px;
margin-top: 5px;
_margin-top: 3px;

}

#canil{
width: 716px; 
_width: 718px; 
height: 391px;
_height: 400px;
/* height: 650px; */
border: 2px solid #F0EEEF;
margin: 2px 0px 4px 0px;
}

#canil .tit{
background:#F0EEEF;
width: 712px; 
height: 32px;
/* height: 650px; */
float:left;
margin: 2px 0px 0px 2px;
_margin: 2px 1px 0px 1px;
}

#canil .cont{
width: 480px; 
/* height: 650px; */
margin: 60px 0px 0px 230px;
_margin: 10px 0px 0px 230px;

}

/****** DICAS ******/

#conteudo_dica{
width: 720px;
margin-top: 5px;
_margin-top: 3px;
}

#dica{
width: 716px; 
_width: 720px; 
/* height: 650px; */
border: 2px solid #F0EEEF;
margin: 2px 0px 4px 0px;
}

#dica .tit{
background:#F0EEEF;
width: 712px; 
height: 32px;
/* height: 650px; */
float:left;
margin: 2px 0px 0px 2px;
_margin: 2px 1px 0px 1px;
}

#dica .cont{
width: 685px; 
/* height: 650px; */
margin: 70px 0px 0px 15px;
_margin: 40px 0px 0px 15px;
}

#dica .ul{
margin: 0px 0px 30px 10px;
}

#dica .ul2{
margin: 0px 0px 0px 10px;
}