* {
margin: 0;
padding: 0;
}
html {
background: #edffdb url(imagens/htmlbg.jpg) repeat-x;
}
body {
margin: 0;
padding: 0;
color: #505050;
text-align: center;
}
/* specific divs */
#xbg {
margin: 2px auto auto auto;
_margin: 1px auto auto auto;
background: url(imagens/xbg.jpg) repeat-y center;
width: 843px; /* mesma largura da maior imagem [neste caso rodapé] */
}
#interface {
background : url(imagens/body.jpg) no-repeat center top;
}
#interface1 {
background : url(imagens/body1.jpg) no-repeat center top;
}
#topo{
position: absolute;
text-align: justify;
width: 843px;
height: 120px;
_height: 122px;
top: 0px;
z-index: 10;
}
#intro{
text-align: center;
height: 258px;
margin-top: 5%;
}
#intro p{
font: 11px/18px Verdana, sans-serif;
color: #516638;
}
/*** Menu ***/
#menu{
text-align: center;
width: 98%;
margin-top: 124px;
_margin-top: 126px;
height: 29px;
_height: 27px;
}
#menu ul{
text-align: center;
min-width: 980px;
_width: 950px;
height: 27px;
padding-top: 2px;
_padding: 0 0 0 0;
}
#menu li{
background: url(imagens/menuC.jpg) repeat-x;
font: bold 11px Tahoma;
height: 27px;
display: inline;
list-style-type: none;
padding-top: 2px;
padding-bottom: 12px;
_padding: 0 0 0 0;
}
#menuTable{
margin-left: auto;
margin-right: auto;
}
#imgLr{
vertical-align: center;
}
#imgRr{
vertical-align: center;
}
#menu a:link,
#menu a:visited{
color: #4c800d;
text-decoration: none;
}
#menu a:active,
#menu a:hover{
color: #62b300;
text-decoration: none;
}
#submenu{
border: 1px solid #9ecc66;
font: 11px Tahoma;
}
#submenu_int{
font: 11px Tahoma;
}
/*** ***/
#bottom {
position : relative;
margin : auto;
background: url(imagens/bottom.jpg) no-repeat center bottom;
bottom : 0px;
min-height : 500px; /* Mozilla */
_height : 500px; /* IE */
text-align: left;
}
#bottom1 {
position : relative;
margin : auto;
bottom : 0px;
min-height : 500px; /* Mozilla */
_height : 500px; /* IE */
}
#left {
float: left;
height: 270px;
width: 184px;
margin-left: 6px;
_margin-left: 3px;
margin-top: 38px;
color: #53772f;
}
#left #banner{
width: 183px;
height: 73px;
margin: 0 0 8;
}
#left #vejatodoss{
float: right;
width: 110px;
height: 30px;
margin-right: 5px;
margin-top: -3px;
display : block;
}
#left #vejatodos{
position: absolute;
width: 110px;
height: 30px;
left: 70px;
top: 275px;
display : block;
}
#vejatodos a{
width: 110px;
height: 30px;
display : block;
}
#vejatodos span{
visibility : hidden;
}
#left br{
line-height: 10px;
}
#left a:visited, #left a:link {
text-decoration: none;
color: #2bab11;
}
#left a:hover, #left a:active {
text-decoration: underline;
color: #33cc14;
}
#bannerGrande{
position: absolute;
width: 477px;
height: 257px;
left: 198px;
top: 2px;
}
#right {
float: right;
width: 135px;
height: 215px;
margin-top: 40px;
margin-right: 16px;
_margin-right: 8px;
}
#right #eventos {
width: 135px;
height: 150px;
}
#right #eventos p {
text-align: justify;
font: 10px/12px Tahoma, sans-serif;
color: #4c800d;
padding-bottom: 6px;
}
#right #eventos a:visited, #right a:link {
text-decoration: none;
color: #4c800d;
}
#right #eventos a:hover, #right a:active {
text-decoration: underline;
color: #5fad00;
}
#right #links {
position: relative;
bottom: 0px;
}
#right #link {
float: right;
}
#right #link,
#right #link a {
width: 135px;
height: 30px;
display : block;
}
#right #link span {
visibility : hidden;
}
#right img {
border: 1px solid #ffc800;
margin: 0px 3px 6px 0px;
}
#sloganDiv {
position: absolute;
width: 625px;
height: 53px;
left: 177px;
top: 260px;
}
#patrocinio {
position: absolute;
left: 163px;
top: 337px;
}
#patrocinio #logo {
float: left;
width: 90px;
height: 40px;
margin-right: 2px;
_margin-right: 4px;
}
#sign {
font: 10px/14px Verdana, sans-serif;
position: absolute;
width: 844px;
height: 30px;
right: 0px;
bottom: 30px;
padding-left: 60px;
left: -40px;
_left: -15px;
text-align: center;
color: #63754d;
}
#sign1 {
font: 10px/14px Verdana, sans-serif;
position: relative;
padding-top: 50px;
height: 30px;
margin-bottom: 30px;
color: #63754d;
}
#sign a:link, #sign1 a:link,
#sign a:visited, #sign1 a:visited,
#sign a:active, #sign1 a:active{
color: Black;
font-weight: normal;
text-decoration: none;
}
#sign a:hover, #sign1 a:hover{
color: Gray;
}
/*** Corpo ***/
iframe {
width: 650px;
height: 388px;
margin-top: 1px;
}
#conteudo {
position: relative;
padding-top: 10px;
padding-bottom: 90px;
margin-left: 220px;
width : 600px;
color: #505050;
text-align: left;
/*border: 1px solid red;*/
}
#conteudo br {
line-height: 5px;
}
#conteudo h2{
font: 28px/36px Verdana, sans-serif;
padding-bottom: 12px;
color: #597339;
}
#conteudo h3{
font: bold 16px/24px Verdana, sans-serif;
color: #597339;
padding-bottom: 2px;
}
#conteudo h4{
font: bold 14px/20px Verdana, sans-serif;
padding-top: 6px;
color: #597339;
}
#conteudo p{
font: 11px/18px Verdana, sans-serif;
text-align: justify;
padding-bottom: 11px;
color: #516638;
}
a:link,
a:visited{
color: #53a600;
text-decoration: none;
}
a:active,
a:hover{
color: #66cc00;
text-decoration: underline;
}
#imgSecao{
float: right;
margin-left: 10px;
border: 2px solid white;
}
#aThumb:hover{
color: #FFFFFF;
}
#aThumb:link #imgThumb,
#aThumb:visited #imgThumb{
border: 2px solid #FFFFFF;
}
#aThumb:focus #imgThumb,
#aThumb:hover #imgThumb,
#aThumb:active #imgThumb{
border: 2px solid #bfe58a;
}
#arqDownload{
padding-top: 12px;
}
#arqDownload li{
list-style: none;
font: 11px/18px Verdana, sans-serif;
color: #516638;
padding-bottom: 10px;
}
#arqDownload li img{
margin-top: -4px;
_margin-top: -2px;
vertical-align: middle;
}
/*inputs*/
#conteudo #nome,
#conteudo #email {
position: absolute;
right: 110px;
font-size: 10px;
font-family: Tahoma, Verdana, Arial, sans-serif;
color: Gray;
border: 1px solid #BBBBBB;
background: #f5f7ed;
width: 230px;
height: 16px;
padding-left: 5px;
}
#mensagem {
position: absolute;
right: 110px;
font-size: 10px;
font-family: Tahoma, Verdana, Arial, sans-serif;
color: Gray;
border: 1px solid #BBBBBB;
background: #f5f7ed;
width: 230px;
height: 70px;
padding-left: 5px;
}
#botaoEnviar {
position: absolute;
left: 60px;
margin-top: 60px;
font-size: 10px;
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #638026;
border: 1px solid #879756;
background: #ecf2da;
width: 60px;
height: 16px;
vertical-align: middle;
}
#botaoPesquisar {
position: absolute;
left: 90px;
font-size: 10px;
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #21673C;
border: 1px solid #29874d;
background: #d9f4e4;
width: 60px;
height: 16px;
vertical-align: middle;
}