/* CSS Document */

body {
     background:#fff url('../images/background.jpg') no-repeat top;
   color:#000000;
   font: normal 0.8em Arial, sans-serif;
   text-align:justify;
   line-height:18px;
   margin: 0px 0px 0px 0px;
   padding: 0px
}

a:link { font-weight: bold; color: #999900; text-decoration: none; }
a:visited { font-weight: bold; color: #00A600; text-decoration: none; }
a:hover { font-weight: bold; color: #C6C600; text-decoration: underline; }


/* 
---------------------------------------
CONTEINER
---------------------------------------
*/

#conteiner {
  position: relative;
  top: 0%;
  left: 50%;
  margin-left: -497px;
  width: 994px;
  background:#fff;
}




/* 
---------------------------------------
MENU PRIMARIO
---------------------------------------
*/

.menu-primario{
width: 100%;
overflow: hidden;
padding:0
}

.menu-primario ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font: bold italic 1.8em Arial, sans-serif;
list-style-type: none;
}

.menu-primario li{
display: inline;
margin:0;
}

.menu-primario li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 35px; /*padding inside each tab*/
color: #80B380;
}

.menu-primario li a:hover, .menu-topo li.selected a{
color:white;
background: #000; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.menu-primario2{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 35px; /*padding inside each tab*/
color: #e7e7e7;
font-weight:bold;
background: #003300;
}




/* 
---------------------------------------
MENU SECUNDARIO
---------------------------------------
*/

.menu-secundario {
  padding:15px 0 0 0;
  font: bold 11px normal Verdana, sans-serif;
  color:#ccc;
  letter-spacing:1px
}

.menu-secundario a:link { font-weight: bold; color: #999; text-decoration: none; }
.menu-secundario a:visited { font-weight: bold; color: #666; text-decoration: none; }
.menu-secundario a:hover { font-weight: bold; color: #000; text-decoration: underline; }



/* 
---------------------------------------
TOPO
---------------------------------------
*/


.topo {
  height:160px;
  background: url('../images/back-topo.jpg') no-repeat top
}


/* 
---------------------------------------
CAPA
---------------------------------------
*/


#capa {
  background:#ff5f5f5;
     width:994px;
     padding:0
}  

.abertura {
    width:100%;
    height:360px;
}



/* 
---------------------------------------
CONTEUDO
---------------------------------------
*/


#conteudo {
  background:#ff5f5f5;
     width:890px;
     padding:40px 10px 40px 50px
}  


img {
  border:0px
}


.texto {
  margin:30px 30px 50px 20px;
  font: normal 1.2em Arial, sans-serif;

}


.item li { 
  list-style-image: url('../images/item.gif');
  line-height:20px;
} 

.foto {
  margin:10px 0 20px 0
}

h1 {
  color:#000;
  font: normal 2.5em Arial, sans-serif;
  font-weight:bold;
  clear:both
}

h2 {
  color:#999;
  font: bold italic 1.10em Arial, sans-serif;
  margin:10px 0 -20px 0;
  text-align:left
}

h3 {
  text-transform:capitalize;
  color:#666;
  font-size:18px;  
}


hr {
      border: 1px #ccc dotted;
      color: #fff;
    margin-top:20px
    }


.top {
  height:auto;
  margin:40px 0px 0px 0px;
  clear:both;
}


.voltar {
  text-align:right
}





/* 
---------------------------------------
FORMULARIO
---------------------------------------
*/


.formulario {
  background: #f4f4f1;
  border-width: 1px;
  border-style:double;
  border-color:#e7e7e7;
  color:#000000;
  font-family: Trebuchet MS, Verdana, Arial;
  font-size:13px;  
}




.bt_fe {
  background:#003300;
  border:1px solid #e7e7e7;
  color:#e7e7e7;
  font-family:Verdana;
  font-size:13px;
  font-weight:bold;
  height:32px;
  text-align:center;
  padding:0px 5px 0px 5px;
}




/* 
---------------------------------------
DESTAQUE
---------------------------------------
*/

#destaque td {
  padding-left:5px
  
}


.chamada {
  font: 18px Trebuchet MS, sans-serif;
  text-align:left;
  padding:5px 10px 0 0
}

.expliq {
  font: 13px Arial, sans-serif;
  text-align:left;
  padding:10px 12px 0 0;
}



/* 
---------------------------------------
PRODUTOS
---------------------------------------
*/

#produtos td {
  
}

.imagem {
  text-align:center;
}

.corpo {
  padding: 2px 10px 2px 8px;
  text-align:left;
  font: normal 0.8em Arial, sans-serif;
  color:#333
}

.cores {
  width:8%;
  height:60px;border:1px #ccc dotted
}



/* 
---------------------------------------
RODAPE
---------------------------------------
*/


#rodape {
    clear:both;
    height:130px;
    background:#fff url('../images/back-rodape2.jpg') no-repeat top;
    line-height:22px;
    font-size:12px;
    font-weight:normal;
    color:#333;
    letter-spacing:1px
}


#rodape a:link { font-weight: normal; color: #e7e7e7; text-decoration: none; }
#rodape a:visited { font-weight: normal; color:#8D8B89; text-decoration: none; }
#rodape a:hover { font-weight: normal; color: #fff; text-decoration: underline; }

.orion {
  color:#587958;
  padding:48px 0 0 22px
}




/* 
---------------------------------------
CREDITOS
---------------------------------------
*/


#creditos {
  margin:10px 0 20px 10px
}