/* container.css */

a { 
   font-family: Palatino Linotype; 
   font-size: 12px; 
   color: #00FF00;
}

#fnd-transparente {
   width: 700px;
   height: 600px;
   background: url(../imagens/bg-container.png);
   padding-top: 10px;
   border: 1px solid #808000;
   position: relative;
}
#img-topo {
    width: 700px; height: 269px;
    background: url(../imagens/topo.png);
}
#marca {
    width: 350px; height: 269px;
    background: url(../imagens/folha-2.png);
    position: absolute; top: 0; left: 0;
    z-index: 999.999;
}
#texto-1-vemcomigo {
    width: 350px; height: 400px;
    background: url(../imagens/texto-1-fnd.png);
    position: absolute; top: 200px; left: 0;
}
#menu-vemcomigo-1 {
    width: 350px; height: 50px;
    background: url(../imagens/botao-plantasmedicinais.png);
    position: absolute; top: 339px; left: 343px;
}
a:hover #vemcomigo-1-texto {
    display: block; width: 540px; height: 270px;
    background: url(../imagens/texto-1.png);
    position: absolute; top: 115px; left: 248px;
}
#menu-vemcomigo-2 {
    width: 350px; height: 50px;
    background: url(../imagens/botao-plantasornamentais.png);
    position: absolute; top: 389px; left: 343px;
}
a:hover #vemcomigo-2-texto {
    display: block; width: 540px; height: 270px;
    background: url(../imagens/texto-2.png);
    position: absolute; top: 115px; left: 248px;
}
#menu-vemcomigo-3 {
    width: 350px; height: 50px;
    background: url(../imagens/botao-aduboorganico.png);
    position: absolute; top: 439px; left: 343px;
}
a:hover #vemcomigo-3-texto {
    display: block; width: 540px; height: 270px;
    background: url(../imagens/texto-3.png);
    position: absolute; top: 115px; left: 248px;
}
#menu-vemcomigo-4 {
    width: 350px; height: 50px;
    background: url(../imagens/botao-paisagismoambiental.png);
    position: absolute; top: 489px; left: 343px;
}
a:hover #vemcomigo-4-texto {
    display: block; width: 540px; height: 270px;
    background: url(../imagens/texto-4.png);
    position: absolute; top: 115px; left: 248px;
}
#menu-vemcomigo-5 {
    width: 350px; height: 50px;
    background: url(../imagens/botao-educacaoambiental.png);
    position: absolute; top: 539px; left: 343px;
}
a:hover #vemcomigo-5-texto {
    display: block; width: 540px; height: 270px;
    background: url(../imagens/texto-5.png);
    position: absolute; top: 115px; left: 248px;
}

#container {
   display: block;
   width: 715px;
   border: 0px solid #808000;
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;
}

#div-vago-esq {
   display:block;
   width: 140px;
   height: 253px;
   float: left;  
}

#lateral-esq {
   height: 253px;
   width: 100px;
   background: url(imagens/celulaesq.jpg) no-repeat;
   border-left: 2px solid #808000;
   border-top: 2px solid #808000;
   border-bottom: 2px solid #808000;
   float: left;
}

#miolo {
   display: block;
   height: 253px;
   width: 225px;
   background: url(imagens/centrobf.gif);
   border-left: 2px solid #808000;
   border-top: 2px solid #808000;
   border-bottom: 2px solid #808000;
   float: left;
}

#lateral-dir {
   display: block;
   width: 100px;
   height: 253px;
   background: url(imagens/celuladir.jpg);
   border-left: 2px solid #808000;
   border-right: 2px solid #808000;
   border-top: 2px solid #808000;
   border-bottom: 2px solid #808000;
   float: left;
}

#div-vago-dir {
   display: block;
   width: 140px;
   height: 253px;
   float: left;
}