/*INICIO Folha de estilo geral */

body{
background: #45372c url(../img/bkg_topo.jpg) no-repeat top;
margin: 0 auto;
}
h1{
font-family:verdana;
font-size:11px;
text-decoration:none;
font-weight:normal;
margin:75px 20px 20px 20px;
width: 250px;
}
#geral {
margin: 0 auto;
_text-align:center;
}
p{
font-family:verdana;
font-size:11px;
color:#000;
margin:75px 20px 20px 40px;
}

a.interna:link{
color:#4B9300;
text-decoration:none;
font-weight:bold;
}

a.interna:visited{
color:#4B9300;
text-decoration:none;
font-weight:bold;
}

a.interna:hover{
color:#4B9300;
text-decoration:underline;
font-weight:bold;
}

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

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

a:hover{
text-decoration:underline;
}

a.coment{color:blue; cursor:help; font-size:11px; padding:0; position:relative; text-decoration:none; z-index:24;}
a.coment:hover{background:transparent; text-decoration:none; z-index:25; }
a.coment span{display:none}
a.coment:hover span{background:#ffc; border:1px solid #000; color:#000; display:block; left:0px; padding:5px 10px; position:absolute; top:15px; text-align:left; text-decoration: none; width:300px;}

.font{font-size:9px; font-weight:normal;}
	a.font {font-size:9px; font-weight:normal;}
	a.font:link, a.font:visited, a.font:hover {color:#000; text-decoration:underline;}
	

#flash{
/*background: url(../img/flash.jpg) no-repeat top;*/
height: 276px;
margin: 0 auto;
text-align:center;
}

/*Miolo que divide o html em  3 */
#miolo {
background: url(../img/bg.jpg) no-repeat top;
width:800px;
_height: 595px;
height: 595px;
margin: 0 auto;
_text-align:center;
}
#footer{
width:800px;
background: url(../img/footer.jpg) no-repeat top;
height:100px;
margin: 0 auto;
_text-align:center;
}

/*Miolo que define as linhas */
#conteudo{
width:760px;
margin: 0 auto;
text-align:left;
max-width:780px;
}

/*FIM Folha de estilo geral */

/* Primeira linha da home */

#linha{
height:155px;
}
#recorde{
background: url(../img/recorde.jpg) no-repeat top;
height:155px;
float:left;
width:426px;
color:#FFF;
}
#fome{
background: url(../img/fome.jpg) no-repeat top;
height:155px;
width:302px;
float:right;
color:#FFF;
}

/*Segunda linha da home */
#linha1{
height:156px;
margin-top: 20px;
}
#vilao{
background: url(../img/vilao.jpg) no-repeat top;
height:156px;
float:left;
width:426px;
color:#FFF;
}
.text_right{ /*Somente para essa linha*/
font-family:verdana;
font-size:11px;
color:#000;
margin:55px 20px 20px 120px;
}
#geografia{
background: url(../img/geografia.jpg) no-repeat top;
height:156px;
width:302px;
float:right;
color:#FFF;
}



/*Terceira linha  da home*/
#linha2{
height:15px;
margin-top: 20px;
}
#hoje{
background: url(../img/promessas.jpg) no-repeat top;
height:158px;
float:left;
width:760px;
color:#FFF;
}
#lado{
float:right;
}
/*Quarta linha da home */
#linha3{
height:155px;
margin-top: 10px;
}

#rio{
background: url(../img/rio.jpg) no-repeat top;
height:155px;
float:left;
width:428px;
}
#saiba{
background: url(../img/saiba.jpg) no-repeat top;
height:155px;
width:307px;
float:right;
}
/*INICIO - Interna*/
#interna{
width:758px;
background: #FFFFFF;
margin: 0 auto;
}
#interna p{
margin:20px 20px 0 20px;
}
#interna_top{
width:758px;
height:42px;
margin: 0 auto;
text-align:left;
background: url(../img/bg_tit.gif) no-repeat top;
}
#interna_top img{
margin: 10px 10px 0 10px;
border:0;
}

/*INICIO - Miolo da Interna*/
#interna_miolo{
background: #FFFFFF;
width:758px;
text-align:left;
margin: 0 auto;
}
.imglink{
border:0;
margin-right:5px;
}
.img_direita{
float:right;
margin:20px;
}
.img_esquerda{
float:left;
text-align:left;
margin:20px;
}
.legenda{
font-size: 10px;
font-family:arial;
text-align:left;
}
#miolo_int {
background: url(../img/bg.jpg) repeat-y top;
padding:10px;
margin: 0 auto;
_text-align:center;
width:800px;
}
/*FIM- Miolo da Interna*/


#interna_footer{
width:800px;
background: url(../img/footer.jpg) no-repeat top;
height:100px;
margin: 0 auto;
_text-align:center;
}

header {
  width: 800px;
  height: 276px;
  background: url(../img/img3.jpg);
  margin: 0 auto;
  position: relative;
}
.effect-right {
  background: url(../img/img2.jpg);
  -webkit-animation: effect 5s ease-out;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom:0;
  right: 0;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-animation-fill-mode: forwards;
}
.effect-left {
  background: url(../img/img1.jpg);
  -webkit-animation: effect 5s ease-out 3s;
  background-position: left bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom:0;
  left: 0;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes effect {
  from {
    width: 0;
    height: 0;
  }
  to {
    width: 1000px;
    height: 400px;
  }
}