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

body						{ margin:0; padding:0; height:100%; width:100%; font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:160%; color:#333; }

img						{ border:none; }

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

a:hover						{ color:#fff; }

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

.clear						{ clear:both; }

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

.tudo						{ margin:0 auto; min-height:100%; height:100%; width:100%; position:relative; }

* html .tudo					{ height:100%; }


/* ......................  Conteudo ............................................................................................................................................... */

.volluto_conteudo				{ position:absolute; z-index:100; width:100vw; height:200px; bottom:0; left:0; margin:0; overflow:hidden; }

.volluto_conteudo_rel				{ position:relative; display:flex; justify-content: center; align-items: center; height:120px; max-height:120px; overflow:hidden;  background: rgba(69, 34, 34, 0.9);}

  .volluto_conteudo_rel .logo			{ margin-right:20px; }
  .volluto_conteudo_rel .frase			{ margin-left:20px; font-size:30px; font-weight:300; color:#fff; padding:0; }

.volluto_conteudo_rel2				{ position:relative; height:80px; max-height:80px; overflow:hidden; background: rgba(69, 34, 34, 0.3); }

  .volluto_conteudo_rel2 ul			{ padding:0; margin:0; height:80px; max-height:80px; overflow:hidden; list-style:none; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  .volluto_conteudo_rel2 ul li			{ padding:0; margin:0 20px 0 20px; text-align:center; }
  .volluto_conteudo_rel2 ul li span 		{ display:block; color:#fff; font-size:14px; }


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

.volluto_conteudo_rel				{ height:140px; max-height:140px; flex-direction: column; }

  .volluto_conteudo_rel .logo			{ margin-left:20px; }
  .volluto_conteudo_rel .frase			{ margin-left:20px; margin-top:10px; font-size:20px; }

.volluto_conteudo_rel2				{ height:60px; }

  .volluto_conteudo_rel2 ul			{ height:60px; }
  .volluto_conteudo_rel2 ul li			{ margin:0 15px 0 15px; }
  .volluto_conteudo_rel2 ul li span		{ display:none; }
}




/* ......................  Banner ............................................................................................................................................... */

#demo_container					{ position:relative; min-height:100%; height:100%; overflow:hidden; display:block; margin:0 auto; padding:0; z-index:1; }

  #items_container				{ width:100vw; height:100vh; max-height:100%; z-index:10; overflow:hidden; }
  
  .slide_item					{ position: relative; background: url('images/cascao_volluto.jpg'); height:100vh; max-height:100%; width:100vw; background-position: center; background-size: cover;}

  .slide_item2					{ position: relative; background: url('images/copo_volluto.jpg'); height:100vh; max-height:100%; width:100vw; background-position: center; background-size: cover;}
							
  .slide_item3					{ position: relative; background: url('images/copo_p_volluto.jpg'); height:100vh; max-height:100%; width:100vw; background-position: center; background-size: cover;}

  .slide_item4					{ position: relative; background: url('images/copinho_volluto.jpg'); height:100vh; width:100vw; background-position: center; background-size: cover;}