@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; height:100%; min-height:650px;}
.body_azul {background:#0087cf url(../img/fundo_azul.png) center fixed;}
.body_amarelo {background:#fcdb00 url(../img/fundo_amarelo.png) center fixed;}
.body_verde {background:#55c338 url(../img/fundo_verde.png) center fixed;}
.body_rosa {background:#c5367e url(../img/fundo_rosa.png) center fixed;}
.body_roxo {background:#7340ba url(../img/fundo_roxo.png) center fixed;}
.body_laranja {background:#ff9932 url(../img/fundo_laranja.png) center fixed;}
.body_vermelho {background:#ff3232 url(../img/fundo_vermelho.png) center fixed;}
.geral{width:100%; height:99%; top:1%; position:absolute; z-index:1; min-height:650px;}
.conteudo_geral{width:945px; text-align:left;}
.topo{width:665px; height:197px; margin:10px 10px 0px 265px; z-index:1; position:absolute;}
#logo{width:324px; height:123px; position:relative; z-index:2;}
#logo.azul{background:url(../img/logo_azul.png) no-repeat;}
#logo.amarelo{background:url(../img/logo_amarelo.png) no-repeat;}
#logo.verde{background:url(../img/logo_verde.png) no-repeat;}
#logo.rosa{background:url(../img/logo_rosa.png) no-repeat;}
#logo.roxo{background:url(../img/logo_roxo.png) no-repeat;}
#logo.laranja{background:url(../img/logo_laranja.png) no-repeat;}
#logo.vermelho{background:url(../img/logo_vermelho.png) no-repeat;}

.menu_principal{width:700px; height:42px;  position:relative; z-index:3;}

  #conteudo{width:945px; height:560px; position:relative; z-index:4; padding-top:20px;}
  #conteudo.azul{background:url(../img/fundo_conteudo_azul.png) no-repeat;}
  #conteudo.amarelo{background:url(../img/fundo_conteudo_amarelo.png) no-repeat;}
  #conteudo.verde{background:url(../img/fundo_conteudo_verde.png) no-repeat;}
  #conteudo.rosa{background:url(../img/fundo_conteudo_rosa.png) no-repeat;}
  #conteudo.roxo{background:url(../img/fundo_conteudo_roxo.png) no-repeat;}
  #conteudo.laranja{background:url(../img/fundo_conteudo_laranja.png) no-repeat;}
  #conteudo.vermelho{background:url(../img/fundo_conteudo_vermelho.png) no-repeat;}
  .conteudo_esquerdo{float:left; width:235px; padding:0px 30px;}
  .conteudo_direito{float:right; width:585px; padding:10px 30px;}
  .home_amarelo{width:215px; height:161px; background:url(../img/home_amarelo.png); padding:15px 10px 0px 10px; font-size:11px;}
  .home_rosa{width:215px; height:131px; background:url(../img/home_rosa.png); padding:15px 10px 0px 10px; font-size:11px; color:#fff;}
  .home_roxo{width:215px; height:66px; background:url(../img/home_roxo.png); padding:15px 10px 0px 10px; font-size:11px; color:#fff;}
  
 .produtos_esquerda{float:left; width:48%; height:110px;}
 .produtos_direita{float:right; width:50%; height:110px;}

.letras_azuis{color:#007dc5;}
.letras_amarelas{color:#fdb813;}
.letras_verdes{color:#8cc63f;}
.letras_rosas{color:#ec008c;}
.letras_roxas{color:#6950a1;}
.letras_laranjas{color:#ff9932;}
.letras_vermelhas{color:#ff3232;}
  
/*menu*/
.menu{margin: 0; padding: 0; float: left; font: 12px Verdana; width: 100%; overflow: hidden; margin-bottom: 1em;}
.menu li{display: inline; background:url(../img/menu_azul.png);}
.menu li a{float: left; color: #fff; width:130px; height:29px; padding-top:13px; margin:10px 10px 0 0; text-decoration: none; background:url(../img/menu_azul.png);}
.menu li a:hover, .menu li .current{background: url(../img/menu_azul_over.png); color:#007dc5;}

.menu li.amarelo{display: inline; background:url(../img/menu_amarelo.png);}
.menu li.amarelo a{float: left; color: #fff; width:130px; height:29px; padding-top: 13px; margin:10px 10px 0 0; text-decoration: none; background:url(../img/menu_amarelo.png);}
.menu li.amarelo a:hover, .menu li .current{background: url(../img/menu_amarelo_over.png); color:#fdb813;}

.menu li.verde{display: inline; background:url(../img/menu_verde.png);}
.menu li.verde a{float: left; color: #fff; width:130px; height:29px; padding-top: 13px; margin:10px 10px 0 0; text-decoration: none; background:url(../img/menu_verde.png);}
.menu li.verde a:hover, .menu li .current{background: url(../img/menu_verde_over.png); color:#8cc63f;}

.menu li.rosa{display: inline; background:url(../img/menu_rosa.png);}
.menu li.rosa a{float: left; color: #fff; width:130px; height:29px; padding-top: 13px; margin:10px 10px 0 0; text-decoration: none; background:url(../img/menu_rosa.png);}
.menu li.rosa a:hover, .menu li .current{background: url(../img/menu_rosa_over.png); color:#ec008c;}

.menu li.roxo{display: inline; background:url(../img/menu_roxo.png);}
.menu li.roxo a{float: left; color: #fff; width:130px; height:29px; padding-top: 13px; margin:10px 10px 0 0; text-decoration: none; background:url(../img/menu_roxo.png);}
.menu li.roxo a:hover, .menu li .current{background: url(../img/menu_roxo_over.png); color:#6950a1;}


.produto_lateral_verde{background: url(../img/produto_lateral_verde.png) no-repeat; color:#fff; width:105px; padding:18px 0px 15px 0px; text-align:center;}
.produto_lateral_laranja{background: url(../img/produto_lateral_laranja.png) no-repeat; color:#fff; width:105px; padding:18px 0px 15px 0px; text-align:center;}
.produto_lateral_vermelho{background: url(../img/produto_lateral_vermelho.png) no-repeat; color:#fff; width:105px; padding:25px 0px; text-align:center;}
.produto_lateral_azul{background: url(../img/produto_lateral_azul.png) no-repeat; color:#fff; width:105px; padding:18px 0px 15px 0px; text-align:center;}


form input {border:2px dashed #8651b8; width:100%; color:#999; font-weight:bold; padding:5px;}
form textarea {border:2px dashed #8651b8; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; width:100%; height:135px; font-weight:bold; padding:5px; overflow:hidden;}
form input.submit {color:#fff; width:130px; height:42px; font-size:12px; background:url(../img/menu_roxo.png); border:0px; padding:15px;}
form select {border:1px solid #666; font-size:12px; color:#666; width:97%; background:url(../img/transparente.png);}


#rodape {width:100%; height:105px; position:absolute; z-index:5; top:718px; left:0px;}
#rodape.azul {background:url(../img/fundo_rodape_azul.png) center top;}
#rodape.amarelo {background:url(../img/fundo_rodape_amarelo.png) center top;}
#rodape.verde {background:url(../img/fundo_rodape_verde.png) center top;}
#rodape.rosa {background:url(../img/fundo_rodape_rosa.png) center top;}
#rodape.roxo {background:url(../img/fundo_rodape_roxo.png) center top;}
#rodape.laranja {background:url(../img/fundo_rodape_laranja.png) center top;}
#rodape.vermelho {background:url(../img/fundo_rodape_vermelho.png) center top;}
   .conteudo_rodape{width:945px; height:55px; color:#fff;}
   .conteudo_rodape a:link {color:#fff; text-decoration:none; border:0px; font-size:11px;}
   .conteudo_rodape a:visited {color:#fff; text-decoration:none; border:0px; font-size:11px;}
   .conteudo_rodape a:hover {color:#fff; text-decoration:underline; border:0px; font-size:11px;}