/* CORES 

*/
/* ESTILOS */
/* ----------------------------------------- */
body{ font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; font-size: 14px; 
      color: #333333; line-height: 21px; background: #FEFFFD; }

a, a:link, a:visited{ color: #333; text-decoration: none; }
a:hover{ text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {line-height: 100%; margin-bottom: 0.5em;}
h1 {font-size: 250%;}
h2 {font-size: 200%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5, h6 {font-size: 100%;}
p,ul,ol {margin-bottom: 10px;}
small {font-size: 75%;}
big {font-size: 125%;}

/*SELETORES*/
.tudo { width: 960px; margin: 0 auto;  }
#principal { min-height: 500px; }
.primeiro { margin-left: 0;}
.clear { clear: both; float: none; }

/*ALTERA TAMANHO TOPO PRINCIPAL*/
.topo-principal{width: 1080px !important; }



/* -------------------- ESTRUTURA GERAL -------------------- */

/* ------> Cabecalho */
#topo1 { background: #000; height: 45px;}
        #topo1 a { display: block; }
        #topo1 a h1 { width: 394px; height: 45px; background: url(../img/logo_top.png) no-repeat top center; 
                     text-indent: -9999px; margin: 0; display: block; float: left; margin: 0; }

        #topo1 #topo-busca { float: left; margin: 10px 0 0 50px;  position: relative; }
        #topo1 #topo-busca form input#busca { width: 200px; height: 19px; padding: 3px; background: #dadbcd; color: #000; border: 1px solid #CCC; }
        #topo1 #topo-busca form input#ok { background: #FFF; position: absolute; bottom: 0px; left: 182px; padding: 4px; border: 1px solid #CCC;}

        #topo1 #menu1 { float: left; margin: 14px 0 0; padding: 0; }
        #topo1 #menu1 li { float: left; padding: 0 12px; margin: 0; list-style: none; }
        #topo1 #menu1 li a { text-transform: uppercase; color: #FFF; font-size: 12px; }
                #topo1 #menu1 li a.menu1-atendimento { background: url(../img/ico_atendimento.png) no-repeat left center; padding: 0 0 0 24px; }
                #topo1 #menu1 li a.menu1-conta { background: url(../img/ico_conta.png) no-repeat left center; padding: 0 0 0 24px; }
                #topo1 #menu1 li a.menu1-carrinho { background: url(../img/carrinho.png) no-repeat left center; width: 23px; height: 23px; text-indent: -9999px; margin: 0; display: block; }
        
#topo2 { background: #e1dabe; }



        
#menu {width: 1080px; margin: 0 auto;}
        ul#lista-menu {width: 100%; padding: 8px 0 5px; display: flex;  margin: 0 auto; font-family: 'Oswald', sans-serif; }
        ul#lista-menu li { height: 30px; float: left; position: relative; padding: 0 3px; margin: 0; text-align: center !important; list-style: none; color: #000; font-size: 12px; }
        ul#lista-menu li a { color: #000; line-height: 26px; font-size: 13px; }
        
        ul#lista-menu li ul { display: none; position: absolute; top: 26px; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; }
        ul#lista-menu li ul li { float: none !important; padding: 0; }
        ul#lista-menu li ul li a { display: block; padding: 0 5px; text-transform: none; }
        ul#lista-menu li ul li a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.7); }
        
        #menu a.site-conceito { float: right; color: #FFF; line-height: 26px; }
/* <------ Cabecalho */

/* ------> Rodap� */
#pre-rodape { margin: 60px auto -10px; }
#pre-rodape #telefone { font-size: 32px; color: #B0A376; float: left; margin-top: 13px; }
#pre-rodape #redes-sociais { float: right; }

#rodape { background: #B0A376; padding-top: 10px;}
        
        #rodape #cont-rodape .contato-email { margin-top: 15px; }
        #rodape #cont-rodape .contato-email a { font-size: 32px; color: #FEFFFD; }
        
        #rodape #cont-rodape .rodape-esq { float: left; }
                #menu-rodape { padding:0; float: left; display: block; color: #000; margin: 20px 0 60px; }
                #menu-rodape li { margin: 0; float: left; display: block; margin: 0 3px; }
                #menu-rodape li a, #menu-rodape li span { color: #000; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif;}
                #menu-rodape li a:hover { color: #FEFFFD; text-decoration: none; }
                
/* <------ Rodap� */

/* ------> Conteudo Geral */

/* Esconde as tags via CSS */ 
span.Code { display: none; }

/* <------ Conteudo Geral */




/* -------------------- ESTRUTURA DAS P�GINAS -------------------- */

/* ------> Principal - Home */

        /* --> @Banner Est�tico (uma imagem em cima da outra) - Aparece somente na Home 
        .banner { margin: 0 auto -10px; background: #B1AB91; text-align: center; }
        #banner-interno { width:960px; margin-bottom: 10px; }
                .banner-item a.banner-cont { background: #000; display: table; float: left; width: 264px; height: 342px; vertical-align: middle; }
                .banner-item a img { width: 960px; margin-bottom: -40px; }
                .banner-item a.banner-cont div.cont1 { display: table-cell; vertical-align: middle; }
                .banner-item a.banner-cont div.cont1 div.cont2 { text-align: right; width: 244px; color: #FFF; }
        /* <-- @Banner */

        /* --> @Banner rotativo - Aparece somente na Home */
        .banner { margin: 0 auto; height: 360px; background: #DBDBDB; text-align: center; }
        #banner-interno { position: relative; width:960px; height:400px; overflow: hidden; z-index: 1;  }
        #banner-interno .banner-item { position:absolute; left:0; top:0; width:960px; height:400px; }
        #banner-interno .banner-item a img { position:absolute; left:0; top:0; width:960px; height:400px; }

        a.a-prev { position: absolute; width: 38px; height: 105px; margin: -272px 0 0 -472px;
                 background: url(../img/seta_esq.png) no-repeat top center; z-index: 10; }
        a.a-next { position: absolute; width: 38px; height: 105px; margin: -272px 0 0 438px;
                 background: url(../img/seta_dir.png) no-repeat top center; z-index: 10; }
        /* <-- @Banner */
        
        /* --> @Principal */
        #home { margin-top: 10px; }
        
        #destaque {  }

        #destaque .produtos-destaque { margin-top: 60px;}
        #destaque .produtos-destaque .produto { float: left; margin: 13px 13px 0 0; }
        #destaque .produtos-destaque .ultimo { margin-right: 0; }
        #destaque .produtos-destaque .produto a { display: block; text-align: center; width: 230px; text-transform: uppercase; }
        #destaque .produtos-destaque .produto a img { width: 230px; height: 230px; }

        
        /* <-- @Principal */

/* <------ Home */

/* ------> Cadastro */
.dados-lateral { margin-left: 100px; }
form.cadastro p label { width: 200px; display: inline-block; text-align: right; margin-right: 10px; vertical-align: top; }
form.cadastro p em { font-size: 110%; }
form.cadastro p input, form#cadastro p select, form.cadastro p textarea { border: 1px solid #AAA; padding: 2px 5px; }
form.cadastro p input:focus, form.cadastro p textarea:focus { border: 1px solid #333; outline:0 none; }
form.cadastro p select { margin-left: -4px; }
form.cadastro input.enviar { border: 1px solid #AAA; background: #EFEFEF; color: #777; padding: 5px 8px; float: right; margin: 0 20px 40px 0; cursor: pointer; }
form.cadastro h3 { color: #AAA; border-bottom: 1px solid #DDD; padding: 0 0 5px 5px; font-weight: normal; }
form.cadastro h4 { color: #BBB; text-align: right; }

#mensagem-erro { padding: 20px 20px 20px 100px; margin-bottom: 20px; border: 1px solid #52658C; background: url(../img/erro.png) no-repeat left center; min-height: 70px; }
/* <------ Cadastro */


/* ------> Contato  */
form#contato { margin-top: 20px; }
form#contato input, form#contato textarea { width: 300px; }
form#contato input.enviar { width: auto !important; margin: 10px 435px 40px 0; }
/* <------ Contato */


/* ------> Informes  */
#principal #conteudo .noticia { clear: both; float: left; margin-top: 10px; width: 700px; }
#principal #conteudo .noticia a img { float: left; margin-right: 20px; border: 1px solid #CCC; width: 100px; height: 75px; }
#principal #conteudo .noticia a:hover img { border: 1px solid #AAA; }
#principal #conteudo .noticia p { padding-top: 30px; }
#principal #conteudo .noticia p a { color: #555; }
#principal #conteudo .noticia p a strong { color:  #333; }
#principal #conteudo .noticia p a:hover { color: #999; text-decoration: none; }
#principal #conteudo .noticia p a:hover strong { color: #52658C; }
/* <------ Informes */


/* ------> Produto, Produtos e Produtos2 */
#principal h2.tit-produto { font-size: 14px; font-weight: normal; margin: 20px 0 20px 28px; }
h3.grupo { margin: 45px 0 35px; font-size: 14px; }

#principal #fotos-artigo { float: left; margin-right: 20px; font-family: 'Abel', sans-serif; }
#principal #fotos-artigo center { margin-top: 10px; }
#principal #fotos-artigo a { display: block; font-family: 'Abel', sans-serif; }
#principal #fotos-artigo a img { width: 500px; }
        #conteudo-artigo { margin-bottom: 50px; font-family: 'Abel', sans-serif;}
        #conteudo-artigo h3 { font-size: 16px; font-weight: bold; margin: 10px 0 30px 0; }
        #conteudo-artigo a.mostrar-detalhes { text-decoration: underline; font-family: 'Abel', sans-serif;}
        #conteudo-artigo .detalhes { display: none; }
        #conteudo-artigo .conteudo-preco { font-size: 14px; font-weight: normal; margin: 20px 0; color: #777; }
        #conteudo-artigo #form-carrinho input.comprar { background: #777; color: #FFF; padding: 5px; border: 1px solid #777; }
        #conteudo #miniaturas { margin-top: 60px; }
        #conteudo #miniaturas a { display: block; float: left; }
        #conteudo #miniaturas img { cursor: pointer; margin: 0 20px 15px 0; }

        #principal #fotos-pagina img { float: left; margin-right: 20px; width: 350px; }
        
/* Produtos e Produtos2 */
#principal .produtos-destaque {  }
#principal .produtos-destaque .produto { float: left; margin: 12px; }
#principal .produtos-destaque .ultimo { margin-right: 0; }
#principal .produtos-destaque .produto a { display: block; text-align: center; width: 215px; }
#principal .produtos-destaque .produto a img { width: 215px; height: 215px; }

        /* Pagina��o  */
        .paginacao-cont { text-align: center; margin: 10px 0; }
        .paginacao { display: block; text-align: center; }
        .paginacao p { display: inline-block; margin: 0 0 13px 15px; }
        .paginacao p a { display: block; padding: 3px 10px; color: #777; font-size: 16px; }
        .paginacao p.atual { color: #CCC; padding: 3px 10px 3px 20px; margin: 0; font-size: 16px;  }
        .paginacao a:hover { text-decoration: none; color: #333; }

/* <------ Produto, Produtos e Produtos2 */

/* ------> Carrinho */
.cont-carrinho {  }
.cont-carrinho .carrinho-linha { clear: both; }
.cont-carrinho .carrinho-linha div { float: left; padding-bottom: 5px; margin-bottom: 5px; height: 50px; padding-top: 29px; }
.cont-carrinho .carrinho-linha div a img.img-prod { display: block; float: left; width: 70px; margin-top: -24px; }
.cont-carrinho .carrinho-linha div a span { display: block; float: left; margin-left: 10px; color: #111; line-height: 23px; width: 420px; font-family: 'Abel', sans-serif;}
.cont-carrinho .carrinho-linha div a:hover span { color: #777; text-decoration: none; }
.cont-carrinho .carrinho-linha div.col-1 { width: 500px; text-align: left !important; }
.cont-carrinho .carrinho-linha div.col-2 { width: 126px; }
.cont-carrinho .carrinho-linha div.col-3 { width: 274px; }
.cont-carrinho .carrinho-linha div.col-4 { width: 138px; }
.cont-carrinho .carrinho-linha div.col-5 { width: 60px; }

.confirmar .carrinho-linha div.col-4 { width: 198px; }
.confirmar .carrinho-linha div.col-5 { width: 0; }

.cont-carrinho .carrinho-cabec div { font-weight: bold; border-bottom: 1px solid #AAA; text-align: center;  height: 22px !important; }
.cont-carrinho .carrinho-itens div { text-align: center; border-bottom: 1px solid #CCC; overflow: hidden; }
.cont-carrinho .carrinho-itens div input.qnt { text-align: center; border: 1px solid #CCC; width: 40px; height: 18px; }
.cont-carrinho .carrinho-itens div input.coment { border: 1px solid #CCC; width: 265px; height: 18px; padding: 0 3px; }
.cont-carrinho .subtotal div.custo, .cont-carrinho .frete div.custo { text-align: center; }
.cont-carrinho .frete div input { border: 1px solid #CCC; width: 80px; padding: 0 4px; height: 18px; }
.cont-carrinho .frete div input#calcularCep { height: 20px; margin-left: 10px; }
.cont-carrinho .frete div input.che { width: auto !important; vertical-align: middle; margin: 0 5px; border: none; }

.cont-carrinho .total .custo { font-weight: bold; text-align: center; }

.cont-carrinho .botoes div { margin-top: 20px; }
.cont-carrinho .botoes div.col-1 a, 
        .cont-carrinho .botoes div.col-2 input, 
        .cont-carrinho .botoes div.col-3 a,
        .cont-carrinho .botoes div.col-3 input { background: #777; color: #FFF; padding: 5px 10px; border: 1px solid #777; cursor: pointer; }
.cont-carrinho .botoes div.col-2 { width: 190px; }
.cont-carrinho .botoes div.col-3 { width: 270px; text-align: right; }

.alt-end { margin-top: 20px; height: 24px !important; }
a.edit-end { background: url(../img/edit.png) no-repeat left center; padding: 0 25px; margin-top: 20px; color: #333; }
a:hover.edit-end { color: #777; text-decoration: none; }

.mensagem { margin-bottom: 20px; padding: 25px 10px 25px 90px; min-height: 22px; border: 1px solid #333; background: url(../img/erro.png) no-repeat left center; border-radius: 5px; -moz-border-radius: 5px; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif;  text-align: justify; }
/* <------ Carrinho */

/* -------------------- GRUPOS GERAIS -------------------- */

/* @Grupo FORMUL�RIOS */

/* ------> Form news */
form#news label, form#news h3, form#form-busca label, form#form-login label{ display: none; }
form#news  { width: 960px; margin: 30px auto 20px; }
form#news input, form#news p { display: inline-block; margin-right: 20px; }
form#news p { margin-left: 30px; width: 287px; }
form#news p span.erro-news { color: red; }
form#news p span.ok-news { color: green; }
form#news input#nome, form#news input#email { width: 250px; height: 16px; padding: 3px; color: #777; border: 1px solid #CCC; box-shadow: inset 0 0 3px #AAA; }
form#news input#enviar { background: none; border: none; color: #000; font-weight: bold; margin-right: 4px; }


/* ------> Form Geral */
form#login p input.enviar { margin: 0 447px 0 0; clear: both; }
form input { font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; }
form input[type="radio"], form input[type="checkbox"]{ border: none; background: none; padding: 0; }
form select{  }
.label-checkbox { width: auto !important; display: inline !important; margin: 5px 30px 5px 5px !important; cursor: pointer; }
.check { display: inline !important; border: none !important; width: auto !important; background: none !important; }
.p-check { vertical-align: middle; display: block; }
form option{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 8px; }
/* @Fim */

/* @Grupo TABELAS */
table{ margin-bottom: 10px; }
table tr th{ background: #EEE; border: 1px solid #CCC; padding: 5px 10px; }
table tr td{ border: 1px solid #DDD; padding: 5px 10px; }
/* @Fim */ 

/* @Grupo OUTROS */
blockquote{ padding: 10px 20px 0px; border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 10px; }
hr{ background: #ddd; border-top: 1px solid #ddd; height: 0px; line-height: 0px; display: block; overflow: hidden; margin: 10px 5px; }
iframe{	border: 1px solid #ccc; }
/* @Fim */

.conteudocentral{width: 897px; height: auto; margin: 0 auto; font-family: 'Raleway', sans-serif;}

.tituloatendimento h1{color: #D2B17B; }

.conteudoshowroom{width: 96%; height: auto; background: #F4EADE; border:1px solid #D2B17B; padding: 15px; margin:0 auto; margin:20px 0px 20px 0px;}
.conteudoshowroom h2{color: #D2B17B; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 35px !important; font-style: italic; margin:0px;}
.conteudoshowroom p{margin-left: 20px; font-size: 17px;}
.conteudoshowroom h3{color:#BC9F70; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 25px;}

#principal h2 {padding: 20px 0px 10px 0px; color: #D2B17B; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 35px !important; font-style: italic; margin:0px;}


.representantes h1{color: #D2B17B; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 35px; font-style: italic; }
.representantes p{font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; padding: 10px; background: #F4EADE; margin:10px 0px 10px 0px;}

.pagamento{width: 96%; height: auto; border:1px solid #D2B17B; padding: 15px; margin:0 auto; margin:20px 0px 20px 0px;}
.pagamento h1{color: #D2B17B; margin:0px; font-size: 25px;}
.pagamento p{font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; padding: 2px; margin:10px 0px 10px 0px;}
.pagamento img{margin:15px 0px 0px 20px;}

.redesocial{width: 96%; padding: 10px;}
.redesocial ul{list-style: none;}
.redesocial ul li{float: right;}
.redesocial ul li a{padding: 10px;}
.redesocial ul li a:hover{opacity: 0.9;}

.seguranca p{font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; padding: 10px; margin:10px 0px 10px 0px; text-align: justify;}
.sobre p{font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; padding: 10px; margin:10px 0px 10px 0px; text-align: justify;}

.produto a{font-size: 16px; font-family: 'Abel', sans-serif; font-weight: 300; }
.trocas p{font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; padding: 2px; margin:10px 0px 10px 0px; text-align: justify;}
.wh {margin-left:3px!important;}



/* mudança do top (13/05/2019) */
.menurodapenew{width: 1080px; margin: 0 auto; }


@media(min-width:980px) and (max-width:1080px){}


@media(min-width:769px) and (max-width:1080px){

        #topo1 a h1{ width: 265px; height: 30px; margin-top: 8px; background: url(../img/logo_top_265.png) no-repeat top center;}
        #menu {width: 100%;}
        ul#lista-menu li a {font-size: 11px; }

        .menurodapenew{width: 100%; min-height: 80px;}
}


@media(min-width:480px) and (max-width:769px){}
/* ELEMENTOS LINHA FRAMEWORK */
/* ----------------------------------------- */

/* @Grupo FORM */
form input.erro{
	border: 1px solid #F00; 
}
/* @Fim */

/* @Grupo TOOLTIP */
.tooltip-area{
	background: #434343;
	border: 1px solid #434343;
	color: #FFF;
	padding: 5px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}
.tooltip-conteudo img{
	border: 1px solid #222;
	display: block;
}
/*Setas*/
.tooltip-seta div{
	position: absolute;
	border: transparent solid 6px;
	height: 0;
	width: 0;
}
.tooltip-seta .tooltip-posicao-topo-centro,
.tooltip-seta .tooltip-posicao-topo-esquerda,
.tooltip-seta .tooltip-posicao-topo-direita,
.tooltip-seta .tooltip-posicao-topo-lateral-esquerda,
.tooltip-seta .tooltip-posicao-topo-lateral-direita{
	border-bottom-color:#434343;
}
.tooltip-seta .tooltip-posicao-topo-centro,
.tooltip-seta .tooltip-posicao-topo-lateral-esquerda,
.tooltip-seta .tooltip-posicao-topo-lateral-direita{
	top:-13px;
}
.tooltip-seta .tooltip-posicao-topo-centro,
.tooltip-seta .tooltip-posicao-rodape-centro{
	left:50%;
}
.tooltip-seta .tooltip-posicao-topo-centro,
.tooltip-seta .tooltip-posicao-rodape-centro,
.tooltip-seta .tooltip-posicao-rodape-direita,
.tooltip-seta .tooltip-posicao-topo-direita{
	margin-left:-6px;
}
.tooltip-seta .tooltip-posicao-rodape-centro,
.tooltip-seta .tooltip-posicao-rodape-esquerda,
.tooltip-seta .tooltip-posicao-rodape-direita,
.tooltip-seta .tooltip-posicao-rodape-lateral-esquerda,
.tooltip-seta .tooltip-posicao-rodape-lateral-direita{
	border-top-color:#434343;
}
.tooltip-seta .tooltip-posicao-rodape-centro,
.tooltip-seta .tooltip-posicao-rodape-lateral-esquerda,
.tooltip-seta .tooltip-posicao-rodape-lateral-direita{
	bottom:-13px;
}
.tooltip-seta .tooltip-posicao-rodape-esquerda,
.tooltip-seta .tooltip-posicao-topo-esquerda,
.tooltip-seta .tooltip-posicao-centro-direita {
	border-right-color:#434343;
}
.tooltip-seta .tooltip-posicao-rodape-esquerda,
.tooltip-seta .tooltip-posicao-rodape-direita {
	bottom:-10px;
}
.tooltip-seta .tooltip-posicao-rodape-esquerda,
.tooltip-seta .tooltip-posicao-topo-esquerda,
.tooltip-seta .tooltip-posicao-rodape-lateral-direita,
.tooltip-seta .tooltip-posicao-topo-lateral-direita {
	right:0;
}
.tooltip-seta .tooltip-posicao-rodape-esquerda,
.tooltip-seta .tooltip-posicao-topo-esquerda {
	margin-right:-1px;
}
.tooltip-seta .tooltip-posicao-topo-esquerda,
.tooltip-seta .tooltip-posicao-topo-direita {
	top:-10px;
}
.tooltip-seta .tooltip-posicao-rodape-direita,
.tooltip-seta .tooltip-posicao-topo-direita,
.tooltip-seta .tooltip-posicao-centro-esquerda {
	border-left-color:#434343;
}
.tooltip-seta .tooltip-posicao-rodape-direita,
.tooltip-seta .tooltip-posicao-topo-direita,
.tooltip-seta .tooltip-posicao-rodape-lateral-esquerda,
.tooltip-seta .tooltip-posicao-topo-lateral-esquerda {
	left:0;
}
.tooltip-seta .tooltip-posicao-centro-direita,
.tooltip-seta .tooltip-posicao-centro-esquerda {
	top:50%;
	margin-top:-6px;
}
.tooltip-seta .tooltip-posicao-centro-direita {
	left:-13px;
}
.tooltip-seta .tooltip-posicao-centro-esquerda {
	right:-13px
}
/* @Fim */

/* @Grupo ACORD */
.acordion{
	background: #eee;
	border: 1px solid #222;
}
.acordion h2, ul.acordion li span{
	background: #333;
	color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #404040 #1a1a1a #1a1a1a #505050;
	margin: 0;
	width: 100%;
	display:block;
	padding: 7px 0;
	font-size: 18px;
}
.acordion h2 a, ul.acordion li span a{
	color: #FFF;
}
.acordion h2:hover{
	color: #FFFFFF;
	background: #4698ca;
	border-top-color: #5db1e0 !important;
	border-left-color: #5db1e0;
}
.acordion h2:hover a{
	color: #FFFFFF;
	text-decoration: none;
}
.acordion h2 a{
	text-transform: lowercase;
	color: #FFF;
	display: block;
	padding: 0px 15px;
}
.acordion div{
	border: 1px solid #fff;
}
.acordion div p{
	margin: 0;
	padding: 5px 15px;
}
ul.acordion{
	list-style: none;
	margin: 0;
	padding: 0; 
}
ul.acordion li{
	list-style: none;
	margin: 0;
	padding: 0; 
}
/* @Fim */

/* @Grupo SLIDE*/
.slide{
	width: 600px;
	height: 290px;
	display: block;
	overflow: hidden;
}
.slide-conteudo{
	height: 220px;
	overflow: hidden;
	display: block;
	background: #dfdfdf;
	border: 1px solid #acabab;
	margin-bottom: 10px;
}
.painel{
	float: left;
	display: block;
	height: 180px;
	padding: 20px;
	width: 560px;
}
a.seta{
	font-size: 72px;
	float: left;
	display: block;
	padding: 0 10px;
	overflow: hidden;
	color: #000;
	line-height: 41px;
}
a.seta:visited{
	color: #000;
}
.slide-miniaturas{
	float: left;
	display: block;
	overflow: hidden;
	line-height: 41px;
}
div.miniatura{
	font-size: 25px;
	float: left;
	width: 57px;
	height:52px;
	text-align: center;
	display: block;
	line-height: 52px;
	margin-bottom: 5px;
	margin-left: 10px;
	background: #dfdfdf;
	border: 1px solid #acabab;
	cursor: pointer;
}
.slide-miniaturas .slide-miniatura-atual{
	background: #111;
	border-color: #000; 
	color: #FFF;
}
.slide-miniaturas div.primeiro{
	margin: 0;
	padding: 0;
}
.proximo{
	float: right;
}
/*-- Slider --*/
.slider{
	width: 700px;
}
.slider .proximo{
	float: left;
}
.slider-painel div.primeiro{
	margin: 0;
	padding: 0;
}
.slider-painel{
	display:block;
	float:left;
	height:55px;
	overflow:hidden;
	width: 266px;
}
.slider-painel div div{
	font-size: 25px;
	float: left;
	width: 57px;
	height:52px;
	text-align: center;
	display: block;
	line-height: 52px;
	margin-bottom: 5px;
	margin-right: 10px;
	background: #dfdfdf;
	border: 1px solid #acabab;
	cursor: pointer;
}
/* @Fim */

/* @Grupo TABS*/
.tabs_area{
	border: 1px solid #000;
	background: #111111;
	padding: 5px 10px;
	display: block;
	width: 600px;
}
.tabs_area ul.tabs{
	margin: 0;
} 
.tabs_area ul.tabs li{
	margin:0 0 0 5px;
	padding:5px 10px;
	background: #eee;
	border: 1px solid #222;
	display: block;
	float: left;
	list-style: none;
	cursor: pointer;
}
.tabs_area .tabs_conteudo{
	width: 600px;
	overflow: hidden;
}
.tabs_area div div{
	background: #eee;
	display:block;
	float:left;
	width: 600px;
}
/* @Fim */

/* @Grupo MODAL */
.modal-area{
	background: #eee;
	min-width: 500px;
	border: 1px solid #000;
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 18px #252525;
	-webkit-box-shadow: 0 4px 18px #252525;
	-khtml-box-shadow: 0 4px 18px #252525;
	box-shadow: 0 4px 18px #252525;
}
.modal-titulo{
	background: #111;
	padding: 5px 10px;
	border: 1px solid #000;
	font-weight: bold;
	color: #FFF;
}
.modal-conteudo{
	border-top: none;
	background: #eee;
	padding: 10px;	
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius:  0 0 5px 5px;
	border-radius:  0 0 5px 5px;
}
.modal-fecha{
	color:#FFFFFF;
	font-size:21px;
	font-weight:bold;
	position:absolute;
	right:8px;
	top:5px;
	cursor: pointer;
}
/* @Fim */