/* ...................... fontes ................................................................................................................................................ */


@font-face					{
						font-family: 'pt_sansregular';
						src: url('fontes/pts55f-webfont.eot');
						src: url('fontes/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
						     url('fontes/pts55f-webfont.woff') format('woff'),
						     url('fontes/pts55f-webfont.ttf') format('truetype'),
						     url('fontes/pts55f-webfont.svg#pt_sansregular') format('svg');
						font-weight: normal;
						font-style: normal;
						}


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


html						{ height:100%; }

body						{ margin:0; font-size:14px; line-height:160%; color:#666; font-family:'pt_sansregular', arial; background:url(images/bg.png); height:100%; }

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

img						{ border:none; }

a						{ color:#CE4F2F; text-decoration:none; }

a:hover						{ color:#CE4F2F; }

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

form						{ margin:0; padding:0; }

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

.clear						{ clear:both; }

.tudo						{ max-width:1182px; min-width:993px; min-height:100%; padding:0 5px 0 5px; position:relative; margin:0 auto; background:url(images/bg_cont.png) center top repeat-y; }

*html .tudo					{ height:100%; }

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


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


.cab						{ position:relative; z-index:2; width:1003px; height:80px; margin:0 auto; }

  .cab .logo					{ width:439px; height:40px; position:absolute; top:20px; left:20px; display:block; z-index:99; }

  .menu						{ position:absolute; top:25px; right:20px; }

    .navbar					{ list-style:none; padding:0; margin:0; z-index:3; }

      .navbar li				{ margin:0 0 0 8px; padding:0 0 0 2px; position:relative; color:#666; float:left; }

      .navbar li.ativo				{ background:url(images/menu_ativo.png) left; }

	.navbar li a				{ display:block; line-height:30px; height:30px; color:#666; z-index:4; padding:0 5px 0 3px; float:left; }

	.navbar li.ativo a			{ color:#fff; background:url(images/menu_ativo.png) right;}

	.navbar li a:hover			{ color:#CE4F2F; text-decoration:none; }

	.navbar li.ativo a:hover		{ color:#fff; }

	
  .redes					{ position:absolute; top:25px; right:20px; }

    .redes .ico_insta				{ display:block; background:url(images/ico_insta.png)no-repeat; width:30px; height:30px; float:left; }
    .redes .ico_face				{ display:block; background:url(images/ico_face.png)no-repeat; width:30px; height:30px; float:left; padding-right:5px; }
	

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


#demo_container					{ max-width:1182px; height:400px; position:relative; left:0; margin:0 0 27px 0; z-index:1; }

  #demo_container #items_container		{ width:100%; height:400px; overflow:hidden; position:absolute; z-index:1; top:0; }

    #demo_container div.slide_item		{ width:100%; height:400px; position:absolute; left:100%; }

    #demo_container div.first_item		{ left:0; }

      #demo_container .slide_item>div		{ width:100%; height:400px; position:relative; z-index:100; background-position:center top; background-repeat:no-repeat; }

      #demo_container .banner1			{ background-image:url(images/banner/2021/tolotto2021_1.jpg); }
      #demo_container .banner2			{ background-image:url(images/banner/2021/tolotto2021_2.jpg); }
      #demo_container .banner3			{ background-image:url(images/banner/2021/tolotto2021_3.jpg); }
      #demo_container .banner4			{ background-image:url(images/banner/2021/tolotto2021_4.jpg); }
      #demo_container .banner5			{ background-image:url(images/banner/2021/tolotto2021_5.jpg); }
      
      #demo_container .banner_diadasmaes	{ background-image:url(images/banner/banner_maes2016.jpg); }
      #demo_container .banner_diadamulher	{ background-image:url(images/banner/banner_diadamulher.jpg); }
      #demo_container .banner_pais2015		{ background-image:url(images/banner/banner_pais2015.jpg); }
      #demo_container .natal			{ background-image:url(images/banner/natal2017.jpg); }
      
  #banner_esq					{ position:absolute; left:-15px; top:50%; margin-top:-15px; background:url(images/banner_esq.png) top; z-index:150; width:30px; height:30px; cursor:pointer; }
  #banner_dir					{ position:absolute; right:-15px; top:50%; margin-top:-15px; background:url(images/banner_dir.png) top; z-index:150; width:30px; height:30px; cursor:pointer; }

  #banner_esq:hover, #banner_dir:hover		{ background-position:bottom; }




.b_falecom					{ width:964px; height:92px; background:url(images/b_falecom.png); display:block; position:relative; margin-top:10px; }

  .b_falecom span				{ display:none; position:absolute; width:30px; height:30px; top:30px; right:26px; background:url(images/b_falecom_hover.png); }

  .b_falecom:hover span				{ display:block; }
  
  
/* ...................... inicial / chamada .............................................................................................................................................. */
  
.inicial_chamada				{ width:964px; display:flex; margin:40px 0 20px 0; padding:0; box-sizing:border-box; }

  .inicial_chamada .chamada_foto		{ flex:0 0 calc(60% - 15px); margin-right:15px; }
  
    .inicial_chamada .chamada_foto img		{ width:100%; }
  
  .inicial_chamada .chamada_texto		{ flex:0 0 calc(40%); }
  
/* ...................... persona .............................................................................................................................................. */
  
.cont_personna					{ width:964px; padding:0 19px 0 20px; margin:0 auto; position:relative; }
  
.b_falecom_personna				{ display:inline-block; width:803px; height:122px; background:url(images/b_falecom_personna.png); position:relative; margin-top:10px; }

  .b_falecom_personna span			{ display:none; position:absolute; width:30px; height:30px; top:46px; right:42px; background:url(images/b_falecom_hover.png); }

  .b_falecom_personna:hover span		{ display:block; } 
  
  .selo_personna				{ display:inline-block; width:155px; height:122px;  margin-top:10px; background:url(images/personna_selo.png)no-repeat center center; float:right; }


/* ...................... conteúdo .............................................................................................................................................. */


.cont						{ width:964px; padding:0 19px 0 20px; margin:0 auto; position:relative; }

  .diretorio					{ list-style:none; margin:0 0 25px 0; padding:0 0 0 20px; height:42px; background:url(images/diretorio_bg.png); }

    .diretorio li				{ margin:0; padding:0 10px 0 14px; float:left; background:url(images/diretorio_seta.png) left 18px no-repeat; color:#999; line-height:40px; height:40px; font-size:13px; }

      .diretorio a				{ color:#CE4F2F; float:left; display:block; line-height:40px; }

      .diretorio a:hover			{ color:#fff; }

  .cont h1					{ color:#CE4F2F; font-size:20px; margin:0 0 15px 0; line-height:100%; }

  .cont h2					{ color:#333; font-size:16px; margin:15px 0 10px 0; padding:0; }

  .cont p					{ margin:10px 0 10px 0; }

  .esq						{ width:478px; float:left; }

    #galeria					{ width:466px; height:466px; padding:5px 6px 7px 6px; background:url(images/galeria_bg.png); position:relative; margin-bottom:20px; }

      #galeria_container			{ width:466px; height:466px; position:relative; overflow:hidden; }

        #galeria div.slide_item			{ width:466px; height:466px; position:absolute; z-index:5; }

	  #galeria div.slide_item a		{ width:466px; height:466px; display:block; background:center no-repeat; }

        #galeria_esq				{ display:none; position:absolute; left:16px; top:50%; margin-top:-15px; background:url(images/banner_esq.png) top; z-index:150; width:30px; height:30px; cursor:pointer; }
        #galeria_dir				{ display:none; position:absolute; right:16px; top:50%; margin-top:-15px; background:url(images/banner_dir.png) top; z-index:150; width:30px; height:30px; cursor:pointer; }

        #galeria_esq:hover, #galeria_dir:hover	{ background-position:bottom; }

  .dir						{ width:467px; float:left; margin-left:19px; }


/* ...................... miniaturas ............................................................................................................................................ */


.produtos					{ list-style:none; margin:0 0 0 -6px; padding:0; }

  .produtos li					{ margin:0 0 6px 6px; padding:0; width:188px; height:182px; float:left; }

  .produtos.parceiros li			{ height:132px; }

    .produtos li a				{ display:block; width:176px; height:172px; padding:5px 6px 5px 6px; float:left; background:url(images/produto_bg.png) top; position:relative; line-height:120%; font-size:12px; top:0; }

    .produtos.parceiros li a			{ height:122px; background:url(images/parceiro_bg.png) top; }

      .produtos li a span.foto			{ width:176px; height:132px; display:block; margin-bottom:9px; background:center no-repeat; }

      .produtos.parceiros li a span.foto	{ height:122px; }

      .produtos li a span.tit_cat		{ color:#333; font-weight:700; }

      .produtos li a span.tit_prod		{ color:#666; }

      .produtos li a span.qtd			{ color:#999; }

    .produtos li a:hover			{ background-position:bottom; }


/* ...................... rodapé ................................................................................................................................................ */


.rod						{ width:962px; padding:20px 0 0 0; margin:0 auto; font-size:13px; line-height:140%; color:#666; }

  .rod address					{ background:url(images/logo_rod.png) 1px center no-repeat; padding-left:69px; font-style:normal; }

  .atendimento					{ float:right; }
  
.index						{ display:block; margin:40px 0 0 0; padding:0 0 40px 0; font-size:12px; text-align:center; }

/* WhatsApp */

a.linkWhats{ position:fixed; width:50px; height:52px; bottom:40px; right:20px; z-index:1000;}
a.linkfacebook{ position:fixed; width:50px; height:52px; bottom:102px; right:20px; z-index:1000;}
a.linkinstagram{ position:fixed; width:50px; height:52px; bottom:164px; right:20px; z-index:1000;}
.imgWhats{ animation-name: zoomWhats; animation-duration: 1s; -webkit-animation-name: zoomWhats; -webkit-animation-duration: 1s; }
   
@-webkit-keyframes zoomWhats {  from {width:0px;} to {width:50px;} }

/* ...................... cadastro .............................................................................................................................................. */


.cadastro					{ position:relative; }

  .cadastro_esq					{ width:50%; float:left; padding-bottom:40px; }

  .cadastro_dir					{ width:50%; float:left; padding-bottom:40px; }
  
  .cadastro_total				{ width:100%; padding-bottom:40px; }

  .cadastro label				{ height:24px; line-height:24px; display:block; float:left; width:200px; clear:left; padding:0; margin:0 0 5px 0; }

  .cadastro input[type=text], .cadastro input[type=password], .cadastro select, .cadastro textarea	{ height:24px; line-height:24px; display:block; float:left; clear:right; padding:0; margin:0 5px 5px 0; border:1px solid #C8C8B5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
  .cadastro input[type=text], .cadastro input[type=password]		{ width:200px; }

  .cadastro .caixaradio				{ display:block; float:left; padding:0; margin:0; }
  
  .cadastro textarea				{ height:auto; line-height:120%; width:95%; }

  .cadastro input[type=button]			{ display:block; border:none; padding:0; background:url(images/b_enviar.png) top; margin:0; width:83px; height:30px; cursor:pointer; }
  .cadastro input[type=button]:hover		{ background-position:bottom; }

  .cadastro legend				{ color:#E25615; font-weight:700; font-size:14px; margin:10px 0 5px 0; padding:0; text-transform:uppercase; }

  
  
/* ...................... forms ................................................................................................................................................. */


.confirma					{ padding:10px; color:#666; background:#eee; font-size:14px; text-align:center; margin:15px auto 15px auto; position:relative; z-index:4; }

.contato					{ width:592px; float:left; }

  .form_esq					{ float:left; width:286px; }

  .form_dir					{ float:left; width:286px; margin-left:20px; }

  .contato label				{ display:block; height:13px; line-height:13px; margin:0 0 5px 0; }

  .contato input[type=text], .contato select, .contato textarea, .contato input[type=file]	{ display:block; border:1px solid #E8E8E8; padding:5px; background:#fff; font-size:14px; margin:0 0 10px 0; color:#333; width:274px; }

  .contato textarea				{ width:580px; }

  .contato select				{ width:auto; }

  .contato input[type=button]			{ display:block; border:none; padding:0; background:url(images/b_enviar.png) top; margin:0; width:83px; height:30px; cursor:pointer; }
  .contato input[type=button]:hover		{ background-position:bottom; }

  label.asterisco				{ font-weight:700; }

.mapa						{ float:left; width:341px; height:329px; margin-left:30px; display:block; background:url(images/mapa.png); }


/* ...................... Instagram ................................................................................................................................................. */


.instagram_geral				{ max-width:1182px; position:relative; padding:40px 0 40px 0; margin:0; z-index:1; }

  .instagram_geral h1				{ color:#CE4F2F; font-size:20px; text-align:center; margin:0 0 5px 0; line-height:100%; }
  .instagram_geral .subtitulo			{ font-style:italic; font-size:14px; margin:0 0 30px 0;  text-align:center;}