/* ------------------------------------------- 
Criado por: Rômulo Prado / Márcio Gasparotto
Data início: 04/05/2006
Zum Web
------------------------------------------- */

/********************************************
CONFIGURAÇÕES GERAIS
********************************************/
* {
  border:0;
  padding:0;
  margin:0 auto;
  outline:none;  
}

/********************************************
CORPO DA PÁGINA
********************************************/
body {
  background:#666 url(../images/layout/fundo.gif);
}

#geral {
  width:777px;
  height:auto;
  margin:0 auto;
  background:#fff;
}

/********************************************
DIVS DO TOPO
********************************************/
#topo {
  width:777px;
  height:205px;
  float:left;
}

#logo {
  width:174px;
  height:205px;
  float:left;
}

#logo h1 {
  text-indent:-5000px;
  overflow:hidden;
  width:174px;
  height:205px;
  text-align:left;
  float:left;
  background:#fff url(../images/layout/logo.jpg) center right no-repeat;
  margin:0;
  padding:0;
}

#logo h1 a {
    height:205px;
    display:block;
}

#anima {
  width:590px;
  height:200px;
  float:right;
  padding:5px 5px 0px 0px;

}

#menu {
  width:763px;
  height:39px;
  background:#fff;
  text-align:center;
  background:url(../images/layout/fundo_menu.png) repeat-x;
  clear:both;
}

#menu ul {
  width:763px;
  height:20px;
  margin:0 auto;
  padding-top:13px;
}

#menu ul li {
  display:inline;
}

#menu ul li a {
  font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
  font-weight:bold;
  font-size:13px;
  color:#EBE9ED;
  text-transform:uppercase;
  text-decoration:none;
  padding:0 15px 0 15px;
  background:url(../images/layout/marcador_menu.png) left center no-repeat;
}

#menu ul li a:hover {
  color:#FFCC33;
}

/********************************************
DIVS DO CONTEUDO
********************************************/
#conteudo {
    width:777px;
    background:#fff;
    float:left;
    padding: 0 0 40px 0;
}

#conteudo h1 {
    display:block;
    font-family:"Trebuchet MS", Arial, Sans-Serif;
    font-size:15px;
    text-align:left;
    color:#3B4346;
    border-bottom:1px dotted #ccc;
    margin:0 15px 10px 15px;
}

#conteudo p {
    font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
    color:#636158;
    line-height:25px;
    text-align:justify;
    margin:10px 15px 10px 15px;    
}

/*
#conteudo input, #conteudo textarea {
    border:1px solid #ccc;
    width:400px;
    margin:10px 15px 10px 15px;
}

#conteudo input.enviar {
    border:none;
    width:100px;
}
*/
#conteudo fieldset {
    margin:5px 0 15px 0;
}

#conteudo fieldset label {
    font-family:Georgia, Arial, Sans-Serif;
    font-size:13px;
    color:#7F795F;
    margin:0 15px 0 15px;
}



/********************************************
LOCALIZAÇÃO
********************************************/
#loca {
    width:777px;
    height:auto;
    margin:0 auto;
    text-align:center;
    padding:13px 0 0 0;   
}
    
#loca img {
    border:1px solid #B4B4B4;
    padding:10px;
    background:#EFEFEF;
    margin:10px 0 10px 0;
}

/********************************************
DIVS DO LATERAL
********************************************/
#lateral {
    width:195px;
    height:auto;
    float:right;
    background-color:#fff;
    padding:8px 0 8px 0;
}

#lateral #veja {
    width:178px;
    height:206px;
    background:url(../images/layout/fundo_veja.jpg);
    margin-bottom:8px;
}

#lateral #veja img {
    padding:4px 0 0 14px;    
}

#lateral #veja p {
    font:12px/15px "Trebuchet MS", Arial, Verdana, Sans-Serif;
    
}

#lateral #veja h2 {
    font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    text-align:left;
    padding-top:5px; 
    border-bottom:solid 1px #FFBE00;
    color:#636158;
    width:150px;
    display:block; 
}


#lateral #busca {
    width:178px;
    height:206px;
    background:url(../images/layout/fundo_veja.jpg);
    margin-bottom:8px;
}

#lateral #busca img {
    padding:4px 0 0 14px;    
}

#lateral #busca h6 {
    font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    text-align:center;
    padding:5px; 
    color:#636158;
    width:150px;
    display:block; 
	margin-bottom:10px; 
}

#lateral #busca .txt {
    width:120px;
    height:20px;
    border: 1px solid #59646A;
    text-align:left; 
    margin:3px;  
    font: 11px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}

#lateral #busca .bt {

    width:55px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10px;
    text-align:center;
    
}


#lateral #newsletter {
    width:178px;
    height:209px;
    background:url(../images/layout/fundo_news.jpg) center center no-repeat;
    margin-bottom:8px;
}

#lateral #newsletter span{
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 2px 0 10px 15px;
}


#lateral #newsletter h2 {
    font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    text-align:left;
    padding-top:5px;
    border-bottom:solid 1px #FFBE00;
    color:#FF6600;
    width:150px;
    display:block;   
}

#lateral #newsletter fieldset {
    margin:15px 0 0 0;
}

#lateral #newsletter label {
    font-family:"Trebuchet MS", Verdana, Sans-Serif;
    font-size:12px;
    color:#FF6600;
}

#lateral #newsletter input {
    border:1px solid #FFBE00;
    width:130px;
    height:20px;
    margin:5px 0 5px 16px;
}

#lateral #newsletter input.enviar {
    width:55px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10px;
}

#lateral #atendimento {
    width:178px;
    height:136px;
    background:url(../images/layout/atendimento.jpg) center center no-repeat;
}

#lateral #atendimento h2 {
    font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    text-align:left;
    padding-top:5px; 
    border-bottom:solid 1px #FFBE00;
    color:#636158;
    width:150px;
    display:block;     
}

#lateral #atendimento p {
    font-family:"Trebuchet MS", Arial, Sans-Serif;
    font-size:11px;
    text-align:center;    
}

#lateral #atendimento p.tel {
    font-family:"Trebuchet MS", Arial, Sans-Serif;
    font-size:17px;
    font-weight:bold;
    color:#636158;
    padding-top:10px;   
}

#meio {
    width:572px;
    float:left;
    padding:13px 0 0 10px;
}

#meio input {
    height:20px;
    line-height:20px;
    border: 1px solid #ccc;
    text-align:left; 
    margin:3px 3px 3px 13px;
}

#meio fieldset {
	border: 1px solid #ccc;
	text-align:left; 
	padding:15px;
	margin:10px;
}

#meio textarea {
    height:100px;
    border: 1px solid #ccc;
    text-align:left; 
    margin:3px 3px 3px 13px;
}

#meio .create {
    width:120px;
    height:30px;
    line-height:30px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:13px;
    text-align:center;
    padding: 3px;
}

#meio fieldset label {
	font: 14px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}

#meio fieldset legend {
	font: 14px "Trebuchet MS", Arial, Verdana, Sans-Serif;
	padding:2px;
	color:#aaa;
}

#meio dl {
	padding:10px;
}

#meio dl dt{
	font: 14px "Trebuchet MS", Arial, Verdana, Sans-Serif;
	padding:1px;
	color:#333;
}

#meio dl dd{
	font: 12px "Trebuchet MS", Arial, Verdana, Sans-Serif;
	padding:0px 0px 10px 0px;
	color:#666;
}



#meio_busca_home {
    width:569px;
    height:99px;
    background:#fff;
}

#meio_busca_home .titulo{
    width:381px;
    height:61px;
    background:#ccc url(../images/layout/fundo_tt_home.jpg) no-repeat;
    float:left;
    font: bold 19px/61px "Trebuchet MS", Arial, Verdana, Sans-Serif;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
}

#meio_busca_home .busca{
    width:188px;
    height:99px;
    float:right;
    background:#fc3 url(../images/layout/fundo_busca_home.jpg) no-repeat;
    text-align:center;
}

#meio_busca_home .txt {
    width:120px;
    height:20px;
    border: 1px solid #59646A;
    text-align:left; 
    margin:3px;  
    font: 11px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}

#meio_busca_home .bt {

    width:55px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10px;
    text-align:center;
}

#meio_busca_home h6 {
    font: 13px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
    color:#59646A;
    padding:5px 0 3px 0;
    text-transform:uppercase;
}

#busca {
    text-align:center;
}

#busca .txt {
    width:120px;
    height:20px;
    border: 1px solid #59646A;
    text-align:left; 
    margin:3px;  
    font: 11px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}

#busca .bt {
    width:55px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10px;
    text-align:center;

}

#busca h6 {
    font: 13px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
    color:#59646A;
    padding:5px 0 3px 0;
    text-transform:uppercase;
}

#vitrini {
	padding:35px 0 0 0;
	text-align:center;
}

#vitrini ul{
	
	margin:0 auto;

}

#vitrini ul li {
	display:inline;
	float:left;
	width:190px;
	height:190px;
}

#vitrini ul li a{
	width:170px;
	height:170px;
	padding:10px;
	font: 11px "Trebuchet MS", Arial, Verdana, Sans-Serif;
	text-decoration:none;
	color:#636158;
}

#vitrini ul li img{
	background:#FFFCC3;
	padding:4px;
	border:1px solid #FFE42C;
}

#vitrini ul li a img{
	    background:#FFFCC3;
    padding:4px;
    border:1px solid #FFE42C;
}
#vitrini ul li a:hover img{
    background:#85C2E7;
    /*padding:4px;*/
    border:1px solid #3D81A5;
}



/********************************************
DIVS DO RODAPÉ
********************************************/
#rodape {
  width:765px;
  height:41px;
  background:url(../images/layout/fundo_rodape.png) no-repeat;
  line-height:42px;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-Serif;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  color:#636158;
  clear:both;

}

#rodape img {
  float:right;
  border:0;
}


/********************************************
DIV DA BARRA DE CATEGORIAS
********************************************/

#barra_cats {
    width:160px;
    height:auto;
    float:right;
    background-color:#f1f1f1;
    margin:30px 7px 10px 0px;
    padding:0 8px 15px 6px;  
    
}

#barra_cats h2
{
   font: bold 15px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   color:#FFBE00;
   text-align:center;
   
}

#barra_cats hr
{
    height:1px;
    margin:10px 0 10px 0;
    border:1px solid #ccc;
}

#barra_cats ul{
   list-style:none;
}
#barra_cats ul li{
   font: 11px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}

#barra_cats ul li a{
   font: 11px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   text-decoration:none;
   color:#333;
}

#barra_cats ul li a:hover{
   font: 11px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   text-decoration:underline;
   color:#333;
}

#barra_cats .txt {
    width:120px;
    height:20px;
    border: 1px solid #59646A;
    text-align:left; 
    margin:3px 0 3px 15px;  
    font: 11px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
	
}
#barra_cats .bt {
    width:55px;
    background:#FFFA9D;
    border:1px solid #FFBE01;
    color:#FF6600;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:10px;
    text-align:center;
	
}

#barra_cats h6 {
    width:100%;
    text-align:center; 
    font: 13px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
}
/********************************************
GRID PRODUTOS
********************************************/

.grid_prod
{
    height:130px;
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFBE00;
    margin:5px 0 5px 0;
}
.grid_item
{
    border:1px solid #FFF;
}

.grid_prod img
{
    float:left;
    background:#FFFCC3;
    padding:4px;
    border:1px solid #FFE42C;
}
.grid_prod p
{
  padding:5px 5px 5px 150px; 
}

.grid_prod p img
{
  border:none;
  padding:0px;
  background:#fff;
}

.grid_prod p span
{
  font: 15px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
  color:#333;
}



.pager
{
    font-family:'Trebuchet Ms', Verdana, Tahoma, Sans-Serif;
    font-size:0.8em;
    height:27px;
    line-height:27px;
    color:#FC210E;
    background:#FFF;
    border:1px #FFF solid;
}
.pager a
{
    font-family:'Trebuchet Ms', Verdana, Tahoma, Sans-Serif;
    font-size:0.8em;
    color:#76767C;
    text-decoration: none;
    padding:4px;
    margin:2px;
    background:#F1F1F1;
}
.pager a:hover
{
    font-family:'Trebuchet Ms', Verdana, Tahoma, Sans-Serif;
    font-size:0.8em;
    color:#76767C;
    text-decoration: underline;
    padding:4px;
    margin:2px;
}


/********************************************
TABELAS
********************************************/
#tabelas 
{
    height:auto;
    width:735px;
    overflow:auto;
    overflow-y:hidden;
    }
#playlist {
	border:1px solid #D9D9D9;
	width:735px;
	margin:10px 0 0 0;
}

#playlist tbody tr td {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	padding:3px 8px;
	border-left:1px solid #D9D9D9;
}
	
#playlist tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}


/********************************************
PAGINA DE DETALHES DO PRODUTO
********************************************/
#detail_prod
{
    padding:20px;
}

#detail_prod img
{
    float:left;
    background:#FFFCC3;
    padding:4px;
    border-right:15px solid #FFF;
    border-bottom:15px solid #FFF;
    
}

#detail_prod h2
{
   font: bold 17px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   color:#003366;
   padding: 0 0 20px 0;

}
#detail_prod h3
{
   font: italic 13px/22px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   color:#FFBE00;
   width:100%;
   border-bottom:1px solid #ccc;
}
#detail_prod p
{
   font: 12px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
   color:#333;
   text-align:justify;
   min-height:130px;
}



/********************************************
PAGINA DE LOGIN
********************************************/

#login
{
  width:300px;
  height:auto;
  margin:0 auto;
  background:#fff;
  padding:10px;
  border:2px solid #CCC;
  font: 12px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;
  color:#333;
  
}
#login input
{
    border:1px solid #CCC;
}