/* ...................... geral ................................................................................................................................................. */


html							{ height:100%; width:100%; }

body							{ height:100%; width:100%; background:#eee; margin:0; line-height:160%; font-family: 'Roboto', sans-serif; font-size:14px; color:#666; }

input, textarea, select, option				{ font-family: 'arial', sans-serif;  }

h1, h2, h3, h4, h5, h6					{ font-weight:normal; padding:0; margin:0; }

img							{ border:none; }

a							{ color:#D90000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; text-decoration:none; }
a:hover							{ color:#000; text-decoration:underline; }

::selection						{ background:#D90000; color:#fff; }
::-moz-selection					{ background:#D90000; color:#fff; }

form							{ margin:0; padding:0; }
  fieldset						{ margin:0; padding:0; border:none; }

.clear							{ clear:both; }
body li.clear						{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

.tudo							{ position:relative; min-height:100%; max-width:1366px; min-width:960px; background:#fff; margin:0 auto; }
* html .tudo						{ min-height:100%; }




/* ...................... cabeçalho ............................................................................................................................................. */

.cab							{ background:#fff; }
  .cab_rel						{ height:93px; max-width:1366px; min-width:960px; padding:0; margin:0; position:relative;}
    .cab_rel .logo					{ position:absolute; left:63px; top:20px; width:170px; height:53px; display:block;}

    .cab_rel .contatos					{ position:absolute; right:63px; top:36px; height:21px; font-size:18px; font-weight:700; display:block; }

      .contatos .icon_email				{ float:right; background:url(images/icon_email.png) center left no-repeat; width:20px; height:16px; margin-right:40px; display:block; }
      .contatos .icon_fone				{ float:right; background:url(images/icon_fone.png) center left no-repeat; height:16px; line-height:16px; padding-left:26px; color:#666; }

      .menus						{ position:absolute; left:310px; top:36px; margin:0; padding:0; list-style:none; }
      
	.menu						{ display:inline-block; }
	.menu ul					{ position:relative; margin:0; padding:0; list-style:none; }
	.menu li					{ float:left; margin:0; padding:0; z-index:110; font-family: 'Roboto', sans-serif; font-weight:300; height:21px; line-height:21px; font-size:18px; }
	.menu li a					{ color:#221F1F; text-align:center; margin:0 30px 0 0; padding:0; display:block; box-sizing:border-box; font-weight:500; }
	.menu li a.ativo				{ color:#EE3227; }
	.menu li a:hover				{ color:#EE3227; text-decoration:none; }

@media only screen and (max-width : 1200px) {

    .cab_rel .contatos					{ left:310px; right:auto; top:20px; }

    .cab_rel .menus					{ top:auto; bottom:10px; }

}


/* ...................... menu_categorias ............................................................................................................................................. */
      

	.menu_itens					{ width:100%; display:none; }
	.menu_itens ul					{ margin:0; padding:0; list-style:none; }
	.menu_itens ul li				{ width:25%; float:left; border-bottom:1px solid #E9E8E8; border-left:1px solid #E9E8E8; box-sizing:border-box;}
	.menu_itens ul li a				{ color:#221F1F; text-decoration:none; text-align:center; font-weight:700; font-size:14px; } 
	.menu_itens ul li a:hover			{ color:#EE3227; }

	  .itens_caixa					{ display:block; border-top:1px solid #E9E8E8; height:189px; padding-top:15px; z-index:100; box-sizing:border-box;}
	    .itens_caixa_circulo			{ display:block; margin:0 auto; height:159px; width:159px; overflow:hidden; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; box-sizing:border-box; z-index:110; }
	    .itens_caixa_foto				{ display:block; margin:0 auto; height:159px; width:159px; z-index:120; }
	  .itens_titulo					{ display:block; border-top:1px solid #E9E8E8; height:50px; line-height:50px; box-sizing:border-box; }
	    .itens_titulo .titulo			{ font-size:14px; padding-left:20px; }
	    .itens_titulo .mais				{ display:block; float:right; margin-top:13px; margin-right:14px; border:2px solid #EE3227; line-height:22px; height:22px; width:22px; background:#EE3227; font-size:16px; color:#fff; text-align:center; font-weight:700; }


/* ...................... inicial slide ............................................................................................................................................... */


#demo_container						{ width:100%; height:597px; margin:0 auto; position:relative; z-index:1; }

  #items_container					{ position:relative; z-index:1; width:100%; height:597px; }

    .slide_item						{ width:100%; height:597px; overflow:hidden; background:center top no-repeat; position:relative; z-index:1; }

     .slide_descricao					{ position:absolute; bottom:0; margin:0 auto; width:100%; height:597px; z-index:6; }

     .slide_descricao_caixa				{ position:relative; width:415px; height:450px; margin:73px auto; padding:20px; background:#fff; color:#211F1F; box-sizing:border-box; z-index:7; }

      .b_fechar						{ position:absolute; background:url(images/icon_fechar.png) no-repeat; width:18px; height:18px; top:20px; right:20px; cursor:pointer; }
      .b_fechar:hover					{ -webkit-filter:grayscale(100%); filter:grayscale(100%); }

       .slide_descricao_caixa a				{ color:#221F1F; text-decoration:none; }

       .slide_titulo					{ font-size:40px; font-weight:300; text-align:center; line-height:120%; }
       
       .slide_titulo2					{ font-size:65px; font-weight:900; text-align:center; line-height:120%; }
       
       .slide_texto					{ font-size:18px; font-weight:300; text-align:center; margin-top:20px; padding:20px; border-top:1px solid #E9E8E8; border-bottom:1px solid #E9E8E8;  }
       
	.slide_indicador				{ list-style:none; padding:0; margin:20px 0 20px 0; }
	.slide_indicador ul				{ margin:0; padding:0; width:100%; }
	.slide_indicador li				{ float:left; width:125px; margin:0; padding:10px 0 10px 0; text-transform:uppercase; text-align:center; font-size:15px; font-weight:700; }
       
       .slide_botao					{ position:absolute; bottom:20px; }
       
         .slide_botao a					{ display:block; background:#EE3227; font-size:18px; font-weight:700; color:#fff; width:375px; max-height:60px; line-height:60px; text-transform:uppercase; text-align:center;  }
         .slide_botao a:hover				{ background:#211F1F; }

  #nav 							{ margin:0; padding:0; list-style:none; position:absolute; bottom:40px; left:50%; z-index:999; transform:translate(-50%,0); }

    #nav li 						{ float:left; margin:0 10px 0 0; padding:0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }

      #nav a 						{ width:10px; height:10px; background-color:#EA272D; display:block; margin:1px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; transition: all 0s ease; }

      #nav li:not(.activeSlide):hover			{ margin:-1px 9px 0 -1px; }
      #nav li:not(.activeSlide):hover a			{ width:12px; height:12px; }

      #nav li.activeSlide 				{ border:2px solid #fff; margin:-3px 7px 0 -3px; }


/* ...................... conteudo menor ....................*/      

.conteudo_total_branco					{ background:#fff; }

  .conteudo_menor_rel					{ width:920px; padding:60px 20px 60px 20px; margin:0 auto; }

/* ...................... frase inicial ....................*/  
  
  .inicial_frase					{}
    
    .inicial_frase .frase_titulo			{ text-align:center; font-weight:900; text-transform:uppercase; font-size:20px; }
    
    .inicial_frase .frase_descricao			{ padding:30px 0 60px 0; text-align:center; font-weight:300; font-size:16px; }
    
    
/* ...................... topicos ....................*/  
  
  .inicial_topicos					{}
  
    .inicial_topicos .topicos_itens			{ list-style:none; padding:0; margin:20px 0 20px 0; }
    
    .inicial_topicos .topicos_itens ul			{ margin:0; padding:0; width:100%; }
    
    .inicial_topicos .topicos_itens li			{ float:left; width:280px; margin:0; padding:0; }
    
      .topicos_itens li .topico_icone			{ display:block; margin-bottom:15px; width:100%; height:64px; }
    
      .topicos_itens li .topico_titulo			{ display:block; font-size:22px; font-weight:900; text-align:center; }
      
      .topicos_itens li .topico_descricao		{ display:block; padding:20px 0 20px 0; font-size:16px; font-weight:300; text-align:center; }
      
      .topicos_itens li a.topico_botao			{ display:block; margin:0 auto; width:200px; height:40px; line-height:40px; font-size:14px; font-weight:700; color:#fff; text-align:center; text-transform:uppercase; background:#EE3227; text-decoration:none; }
  
      .topicos_itens li a.topico_botao:hover		{ background:#221F1F; }
  
  
/* ...................... dicas e informações ....................*/  
  
  
.conteudo_total_areia					{ width:100%; margin-top:60px; padding:0; background:#F8F4F1; }
    
  .conteudo_dicas					{ max-width:1167px; margin:auto; padding:20px 0 20px 0; list-style:none; }
  
    .dicas_titulo					{ display:block; padding:60px 0 60px 0; text-align:center; font-size:20px; font-weight:900; text-transform:uppercase; }
  
      .conteudo_dicas ul				{ margin:auto; padding:0; text-align:center; list-style:none; }
    
      .conteudo_dicas li				{ display:block; width:33.3%; padding:0 20px 0 20px; box-sizing:border-box; float:left; }
    
        .dicas_caixa					{ background:#fff; }
	
	  .dicas_caixa .imagem				{ overflow:hidden; height:240px; width:100%; }

	    .dicas_caixa .imagem img			{ min-width:100%; min-height:100%; display:block; }
	
	  .dicas_caixa .texto				{ padding:20px; text-align:left; }
	
	  .dicas_caixa .texto .titulo			{ font-size:18px; font-weight:900; padding:0;  }
	  
	  .dicas_caixa .texto .descricao		{ display:block; font-size:16px; font-weight:300; padding:20px 0 20px 0; }
	  
	  .dicas_caixa .texto a.link			{ text-transform:uppercase; font-size:14px; font-weight:700; text-decoration:none;  }
    
    a.link_total					{ display:block; width:200px; background:#EE3227; color:#fff; margin:60px auto; padding:10px; text-align:center; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; }
    
    a.link_total:hover					{ background:#221F1F; }
  
  
/* ...................... rodapé ................ */

.espaco							{ height:456px; }

.rod							{ height:456px; width:100%; background:#EE3227; position:absolute; bottom:0; }

  .rod_rel						{ width:920px; padding:60px 20px 60px 20px; margin:0 auto; }
  
    .rod_rel h2						{ padding:0 0 50px 0; margin:0; font-size:40px; font-weight:900; text-align:center; color:rgba(255, 255, 255, 0.5); }
  
    .rod_rel h3						{ padding:0 0 20px 0; margin:0; font-size:14px; font-weight:500; }
  
    .rod_rel .col1					{ float:left; width:280px; margin:0; padding:0; color:#fff; box-sizing:border-box;}
    
      .col1 a.botao_faleconosco				{ display:block; margin:30px 0 0 0; background:#fff; height:40px; line-height:40px; font-weight:700; color:#EE3227; text-align:center; text-transform:uppercase; text-decoration:none; }
      
      .col1 a.botao_faleconosco:hover			{ background:#221F1F; color:#fff; }
  
    .rod_rel .col2					{ float:left; width:280px; margin:0; padding:0 40px 0 40px; color:#fff; }
    
      .col2 a						{ color:#fff; text-decoration:none; }
    
      .col2 .localizacao				{ display:block; background:url(images/icon_rodape_localizacao.png) top left no-repeat; padding-left:24px; text-align:left; }
      
      .col2 .fone					{ display:block; margin-top:20px; background:url(images/icon_rodape_fone.png) center left no-repeat; height:14px; line-height:14px; padding-left:24px; }
      
      .col2 .email					{ display:block; margin-top:20px; background:url(images/icon_rodape_email.png) center left no-repeat; height:14px; line-height:14px; padding-left:24px; }

      .col2 a:hover					{ opacity:0.5; }
    
    .rod_rel .col3					{ float:left; width:280px; margin:0; padding:0; color:#fff; box-sizing:border-box;}
    
      .col3 .numerofone					{ font-size:36px; }
      
      .col3 .facebook					{ display:block; margin-top:20px; background:url(images/icon_facebook.png) top; width:30px; height:30px; }

      .col3 .facebook:hover 				{ background-position:bottom; }
  
   a.index						{ color:rgba(255, 255, 255, 0.7); text-decoration:none; }
   a.index:hover					{ color:rgba(255, 255, 255, 1); }
  



/* ...................... internas / categorias ...................................................................................................................................... */

.diretorio						{ padding:0; margin:0 auto 30px auto; list-style:none; height:20px; line-height:20px; font-size:11px; color:#666; }

  .diretorio li						{ margin:0; padding:0 10px 0 13px; float:left; background:url(images/diretorio_seta.png) left center no-repeat; }
  
  .diretorio li:first-child				{ padding-left:0; }
  
  .diretorio li a					{ margin:0; padding:0; color:#999; float:left; text-decoration:none; }
  
  .diretorio li a:hover					{ color:#999; }
  
.cont							{ max-width:1366px; min-width:960px; padding:40px 63px 40px 63px; margin:0 auto; }

  .cont.traco						{ border-top:1px solid #E9E8E8; }

  .cont h1						{ display:block; font-size:30px; font-weight:700; margin:0 0 20px 0; padding:0; font-family: 'Roboto', sans-serif; color:#221F1F; line-height:120%; }
  
  .cont h2						{ display:block; font-size:22px; font-weight:700; margin:20px 0 15px 0; padding:0; font-family: 'Roboto', sans-serif; color:#201F1F; line-height:120%; }
  
  .cont h3						{ display:block; font-size:16px; font-weight:700; margin:15px 0 15px 0; padding:0; font-family: 'Roboto', sans-serif; color:#201F1F; line-height:120%; }
  
  .cont h4						{ display:block; font-size:16px; padding:0 0 10px 0; margin:0; color:#666; font-family: 'Roboto', sans-serif; line-height:120%; }
  
  .cont p						{ margin:0 0 10px 0; padding:0; }
	
  .foto_principal					{ float:right; max-width:600px; margin:10px 0 10px 40px; }
	
		.subit					{ list-style:none; margin:10px 0 0 0; padding:0; }
		
		.subit li				{ margin:0; padding:6px 0 6px 0; border-bottom:1px solid #EEE; }
		
		.subit li:last-child			{ border:none; }
		
		.subit li a				{ display:block; line-height:160%; text-decoration:none; color:#E06D32; }
		
		.subit li a:hover			{ display:block; line-height:160%; color:#000; }

    .mini_foto						{ margin:0; padding:0; }
    
      .mini_foto ul					{ list-style:none; margin:30px 0 30px -10px; padding:0; }
    
	.mini_foto li					{ margin:0; padding:0; margin:0 0 10px 10px; width:228px; height:171px; padding:5px; border:1px solid #eee; float:left; }

	.mini_foto li:hover				{ border-color:#EA262C;  }

	  .mini_foto li a				{ display:block; width:100%; height:171px; line-height:171px; overflow:hidden; text-align:center; }

	    .mini_foto li a img				{ vertical-align:middle; width:100%; }
      
  .caixa_observacao					{ display:block; border:1px dashed #DAD4C2; margin-top:20px; padding:20px; box-sizing:border-box; }


/* ...................... revendedores ................................................................................................................................................................. */


.rev_nav						{ height:31px; margin:15px 0 10px 0; border-bottom:1px solid #ddd; }

  .rev_nav a						{ height:30px; display:block; float:left; line-height:30px; padding:0 10px 0 10px; margin-right:5px; background:#f9f9f9; border:1px solid #ddd; font-size:12px; color:#999; }
  .rev_nav a:hover					{ text-decoration:none; background-color:#eee; }

  .rev_nav a.ativo, .rev_nav a.ativo:hover		{ font-weight:700; background:#fff; border-bottom:1px solid #fff; color:#221F1F; }

.rev_lista						{ list-style:none; margin:0; padding:0; }

  .rev_lista li						{ margin:0 0 20px 0; padding:0; }
      

/* ...................... categorias - relação de produtos ............................................................................................................................................. */
      
	.itens						{ width:100%; margin:40px 0 40px 0; }
	.itens ul					{ margin:0; padding:0; list-style:none; }
	.itens ul li					{ width:237px; height:270px; margin:0 10px 10px 0; float:left; border:1px solid #E9E8E8; box-sizing:border-box;}
	.itens ul li a					{ color:#221F1F; text-decoration:none; } 
	.itens ul li a:hover				{ color:#EE3227; }
	
	.itens ul li .foto				{ display:block; padding-top:20px; height:187px; width:134px; overflow:hidden; margin:0 auto; }
	.itens ul li .titulo				{ display:block; text-align:center; height:63px; margin:0; padding:10px 0 0 0; box-sizing:border-box; }

	
/* ...................... produto + detalhes ....................*/   
	
.bg_produto						{ width:100%; height:600px; background:url(images/bg_azul.jpg) center top no-repeat; overflow:hidden; position:relative; z-index:1; }
	
    .pro_esq						{ position:absolute; left:60px; top:40px; background:#fff; color:#201F1F; width:350px; height:520px; padding:30px; box-sizing:border-box; }
    
      .pro_esq .pro_titulo				{ display:block; font-size:14px; padding-top:25px; font-weight:600; }
      
      .pro_esq .pro_detalhe				{ display:block; font-size:20px; font-weight:700; }
      
      .itens_secagem					{ list-style:none; padding:0; margin:5px 0 0 0; }
      
      .itens_secagem ul					{ margin:0; padding:0; width:100%; }
      
      .itens_secagem li					{ float:left; width:30%; margin:0; padding:5px 10px 5px 10px; box-sizing:border-box; }
      
      .itens_secagem li:first-child			{ padding:5px 10px 5px 0; }
      
        .itens_secagem li .sec_titulo			{ display:block; font-size:12px; font-weight:700; }
	
        .itens_secagem li .sec_detalhe			{ font-size:20px; font-weight:700; }
	
      a.link_paleta					{ display:block; position:absolute; bottom:80px; left:30px; width:290px; height:40px; line-height:40px; text-align:center; box-sizing:border-box; border:1px solid #E9E8E8; color:#201F1F; font-weight:700; text-transform:uppercase; text-decoration:none; }
  
      a.link_paleta:hover				{ border:1px solid #EE3227;}
      
        .icon_paleta					{ position:absolute; left:20px; top:10px; width:18px; height:20px; background:url(images/icon_paletas.png) no-repeat; }
      
      a.link_calculadora				{ display:block; position:absolute; bottom:30px; left:30px; width:290px; height:40px; line-height:40px; text-align:center; box-sizing:border-box; background:#EE3227; color:#fff; font-weight:700; text-transform:uppercase; text-decoration:none; }
  
      a.link_calculadora:hover				{ background:#201F1F; }
      
        .icon_calculadora				{ position:absolute; left:20px; top:10px; width:18px; height:20px; background:url(images/icon_calculadora.png) no-repeat; }
      
  
    .pro_dir						{ margin-left:360px; box-sizing:border-box; }
    
      .pro_dir h2					{ display:block; font-size:14px; font-weight:700; text-transform:uppercase; padding:0 0 15px 0; margin:0; font-family: 'Roboto', sans-serif; color:#201F1F;  line-height:120%; }
    
      .itens_fechar					{ float:right; width:18px; height:18px; background:url(images/icon_fechar.png) no-repeat; }

      .itens_fechar:hover				{ float:right; width:18px; height:18px; background:url(images/icon_fechar.png) no-repeat; -webkit-filter:grayscale(100%); filter:grayscale(100%); }
    
    
	/* ...................... produto - painel paleta ....................*/   
    
	.painel_paleta					{ display:none; height:460px; padding:30px 30px 30px 30px; background:#fff; }
    
	  .itens_paleta					{ width:100%; margin:0; }
	
	  .itens_paleta ul				{ margin:0 0 0 -10px; padding:0; list-style:none; display:flex; flex-flow:row wrap; align-items:stretch; overflow:hidden; overflow-y:auto; }
	
	  .itens_paleta ul li				{ flex:0 0 calc(14.2% - 10px); margin:0 0 10px 10px; border:none; box-sizing:border-box; }
	  .itens_paleta ul li.clear			{ width:100%; margin:0; float:none; height:0; }
	
	  .itens_paleta ul li .foto			{ display:block; padding:0; height:60px; width:100%; overflow:hidden; margin:0 auto; }
	
	  .itens_paleta ul li .titulo			{ display:block; line-height:140%; padding:7px 0 7px 0; color:#1F1F1F; margin:0; font-size:12px; }

	  
	/* ...................... produto - painel calculadora ....................*/  
	  
	.painel_calculadora				{ display:none; height:460px; padding:30px; background:#fff; overflow-y:auto; position:relative; }

	  .painel_calculadora legend			{ font-size:20px; color:#1F1F1F; padding:20px 0 20px 0; margin:0; }
	
	  .calculadora_dir				{ width:50%; float:right; }
	  
	  .calculadora_esq				{ width:50%; }
	  
	    .campo_item					{ display:block; width:100%; font-size:12px; color:#1F1F1F; margin-bottom:5px; }
	    
	      .campo_item label				{ font-size:20px; padding-right:20px; height:30px; line-height:30px; }
	      
	      .campo_item .select			{ height:28px; line-height:28px; border:1px solid #F0F0F0;}	
	    
	      .campo_item .campo_titulo			{ display:inline-block; padding-right:20px; height:30px; font-weight:700; line-height:30px; }
	      
	      .campo_item .campo_pequeno		{ display:inline-block; width:10%; padding:0 5px 0 5px; height:28px; border:1px solid #F0F0F0;  box-sizing: border-box; }
	      
	      .campo_item .campo_x			{ display:inline-block; width:5%; height:30px; line-height:30px; text-align:center; }
	      
	      .campo_item .campo_texto			{ display:inline-block; width:15%; height:30px; line-height:30px; box-sizing: border-box; }
	      
	      .campo_item .campo_radio			{ display:inline-block; width:100px; font-weight:700; }
	      
	.painel_calculadora a.add_item			{ font-size:12px; color:#EE3227; font-weight:700; text-decoration:none; }
	
	.painel_calculadora a.add_item:hover		{ color:#201F1F; }
	      
	.painel_calculadora input[type=button]		{ float:right; margin-top:30px; background:#EE3227; color:#fff; font-size:14px; font-weight:700; text-align:center; text-transform:uppercase; width:140px; height:40px; line-height:40px; border:none; text-decoration:none; box-sizing:border-box; cursor:pointer; }
	
	.painel_calculadora input[type=button]:hover	{ background:#201F1F; }
	
	  #resultado					{ display:none; }

	    #resultado dl				{ margin:20px 0 20px 0; padding:0; border:none; font-size:14px; }

	      #resultado dt				{ margin:5px 0 5px 0; padding:0; float:left; clear:left; width:30%; }
	      #resultado dd				{ margin:5px 0 5px 0; padding:0; float:left; clear:right; width:70%; font-weight:700; }
	      #resultado dd.maior			{ font-size:20px; }

	      #resultado dt.risco			{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:15px; }
	      #resultado dd.risco			{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:15px; }
	    
	    #resultado ul.mini_latas			{ list-style:none; margin:20px 0 0 0; padding:0; }

	      #resultado ul.mini_latas li		{ width:84px; height:84px; border:1px solid #e5e5e5; background:center no-repeat; margin:0 5px 5px 0; padding:0; float:left; position:relative; }
	      #resultado ul.mini_latas li.mini_lata	{ background-image:url(images/mini_lata.jpg); }
	      #resultado ul.mini_latas li.mini_latinha	{ background-image:url(images/mini_latinha.jpg); }

		#resultado ul.mini_latas li span	{ position:absolute; bottom:0; right:0; height:24px; background:#201F1F; color:#fff; line-height:24px; padding:0 6px 0 6px; text-align:center; font-weight:700; }
      
	    #resultado div.b_alterar			{ cursor:pointer; display:block; position:absolute; right:30px; bottom:30px; background:#EE3227; color:#fff; font-size:14px; font-weight:700; text-align:center; text-transform:uppercase; width:140px; height:40px; line-height:40px; border:none; text-decoration:none; box-sizing:border-box; }
    
	    #resultado div.b_alterar:hover		{ background:#221F1F; }
	      
    
	/* ...................... produto - painel imagens ....................*/ 
	
	.painel_imagens					{ position:relative; padding:30px; box-sizing:border-box; height:480px; }
    
	#fotos_container				{ width:350px; height:480px; position:absolute; overflow:hidden; z-index:1; right:164px; top:0; }

	#fotos_container div.slide_item			{ width:350px; height:480px; position:absolute; left:0; z-index:100; text-align:center; line-height:480px; }

	#fotos_container div.first_item			{ left:0; }

	#fotos_container div.slide_item img		{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; }

	#nav3 						{ margin:0; padding:0; list-style:none; position:absolute; top:0; right:0; z-index:999; max-height:480px; overflow:hidden; overflow-y:auto; }

	  #nav3 li 					{ margin:0 0 20px 0; padding:0; background:#fff; }
	    
	  #nav3 li:last-child				{ margin-bottom:0; }

	    #nav3 a 					{ width:100px; height:100px; display:block; border:1px solid #fff; padding:10px; box-sizing:border-box; text-align:center; line-height:80px; }

	      #nav3 a img				{ max-width:80px; max-height:80px; vertical-align:middle; }

	    #nav3 li:not(.activeSlide):hover a		{ border-color:#EE3227; }

	    #nav3 li.activeSlide a			{ border-color:#EE3227; cursor:default; }

	/* ...................... produto - inspiração ....................*/      


	.inspiracao					{ list-style:none; margin:0; padding:0; position:relative; height:329px; }

	  .inspiracao li				{ margin:0; padding:0; position:absolute; width:121px; height:82px; background:#eee; overflow:hidden; }

	  .inspiracao li.ins_1				{ top:0; left:0; width:243px; height:164px; }
	  .inspiracao li.ins_2				{ top:0; right:0; }
	  .inspiracao li.ins_3				{ top:83px; right:0; }
	  .inspiracao li.ins_4				{ top:165px; left:0; }
	  .inspiracao li.ins_5				{ top:248px; left:0; }
	  .inspiracao li.ins_6				{ top:165px; right:0; width:243px; height:164px; }

	    .inspiracao li a				{ display:block; height:100%; }

	      .inspiracao li a img			{ display:block; min-height:100%; min-width:100%; max-width:120%; max-height:120%; }
    
    
/* ...................... produto - descrição ....................*/ 
    
.pro_cont_esq						{ margin-right:446px; }

.pro_cont_dir						{ float:right; width:365px; padding-left:40px; border-left:1px solid #eee; margin-left:40px;  }

  a.link_pro_interno					{ display:block; width:200px; background:#EE3227; color:#fff; margin:20px 0 0 0; padding:10px; text-align:center; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; }
    
  a.link_pro_interno:hover				{ background:#221F1F; }
	
     
/* ...................... formulários ........................................................................................................................................... */

.formulario							{ margin:30px 0 0 0; }
  
  .formulario h2						{ display:block; font-size:22px; color:#666; font-weight:700; padding:0 0 10px 0; margin:0; font-family: 'Roboto', sans-serif; line-height:120%; }
  
  .formulario p							{ margin:0; padding:0 0 20px 0; font-weight:300; font-size:16px; }
  
  .formulario .numerofone					{ display:inline-block; font-size:36px; line-height:140%; font-weight:300; padding:0 0 20px 0; color:#aaa; }

  .formulario address						{ margin:0; padding:0 0 20px 0; line-height:140%; color:#aaa; font-style:normal; }
  
  .formulario a							{ color:#EE3227; }
      
  .formulario a:hover						{ text-decoration:none; color:#221F1F; }
  
  .confirma							{ padding:10px; background:#2DB200; color:#fff; font-size:14px; text-align:center; margin:10px auto 15px auto; position:relative; z-index:4; }

    .esquerda							{ width:30%; float:left; }
  
    .direita							{ width:40%; float:left; }

      .formulario address					{ font-style:normal; margin:0; padding:0; line-height:160%; clear:left; }

      .formulario label						{ display:block; font-size:16px; margin:0; padding:10px 0 5px 0; }
      
      .formulario input[type=text]				{ display:block; width:50%; height:32px; font-style:italic; margin:0 0 2px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }

      .formulario select					{ display:block; width:50%; height:32px; margin:0 0 2px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
      
      .formulario textarea					{ display:block; width:100%; font-size:14px; font-style:italic; margin:0 0 10px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
     
      .formulario input:focus					{ border-color:#999; } 
     
      .formulario input[type=submit]				{ margin:0; background:#EE3227; color:#fff; font-size:14px; font-weight:700; text-align:center; text-transform:uppercase; width:140px; height:40px; line-height:40px; border:none; text-decoration:none; box-sizing:border-box; cursor:pointer; }
      .formulario input[type=submit]:hover			{ background:#201F1F; }

      .formulario #msg						{ display:none; height:30px; line-height:30px; color:#EE3227; font-size:13px; margin:10px 0 10px 0; }

.mapa								{ display:block; margin:0; max-width:1366px; height:400px; overflow:hidden; }


/* ...................... Tabelas padrão ............................................................................................................................................. */


table								{ font-size:14px; width:100%; margin:0 0 0 0; }

table tbody tr							{ background:#fff; color:#666; }

table tbody tr:hover						{ background:#F0F0F0; cursor:pointer }

table tbody td							{ padding:10px 5px 10px 5px; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9;  line-height:120%; }

table tbody td.cancelada					{ background:red; color:#fff; }

table tbody td.cancelada a					{ color:#fff; }

table tbody td.analise						{ background:#D8A300; color:#fff; }

table tbody td.analise a					{ color:#fff; }

table tbody td.liberado						{ background:#2DB200; color:#fff; }

table tbody td.liberado a					{ color:#fff; }

table tbody td a						{ color:#666; display:block; }

table tbody td a:hover						{ text-decoration:none; }

table thead tr, table tfoot tr					{ cursor:pointer; text-align:left; padding:5px 25px 5px 5px; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9; }

table th							{ text-align:left; padding:10px 5px 10px 5px; background:#ccc; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9; color:#333; font-weight:normal; line-height:120%; }