/* ============================================================================================================ */
/* ============================================================================================================ */
/* SLIDESHOW */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ---------------------------------- */
/* CONTAINER */
/* ---------------------------------- */


/* PC */
.slideshow_container 
{
background-color: #000000;
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
top:0;
margin-top: 210px;
z-index: 800;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_container 
{
background-color: #000;
width: 100%;
height: 450px;
position: relative;
overflow: hidden;
top: 0;
margin-top: 150px;
z-index: 800;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_container 
{
background-color: #000;
width: 100%;
height: 350px;
position: relative;
overflow: hidden;
top: 0;
margin-top: 80px;
z-index: 800;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.slideshow_container 
{
background-color: #000;
width: 100%;
height: 250px;
position: relative;
overflow: hidden;
top: 0;
margin-top: 80px;
z-index: 800;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOX */
/* ---------------------------------- */

.slideshow_box
{
display: none;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* IMAGENS */
/* ---------------------------------- */


/* PC */
.slideshow_image
{
width: 100%;
height: 600px;
position: absolute;

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;

background-size: cover; /* A imagem de fundo será dimensionada para cobrir toda a área de conteúdo. Observe que o valor "cover" mantém a proporção e parte da imagem de plano de fundo pode ser cortada */
background-repeat: no-repeat;
background-position: center center; 

z-index: 801;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_image
{
width: 100%;
height: 450px;
position: absolute;

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;

background-size: cover; /* A imagem de fundo será dimensionada para cobrir toda a área de conteúdo. Observe que o valor "cover" mantém a proporção e parte da imagem de plano de fundo pode ser cortada */
background-repeat: no-repeat;
background-position: center center; 

z-index: 801;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_image
{
width: 100%;
height: 350px;
position: absolute;

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;

background-size: cover;             /* imagem responsiva */
background-repeat: no-repeat;       /* imagem responsiva */
background-position: center center; /* imagem responsiva */

z-index: 801;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.slideshow_image
{
width: 100%;
height: 250px;
position: absolute;

-webkit-transition: all 0.5s ease-out;
-moz-transition:    all 0.5s ease-out;
-ms-transition:     all 0.5s ease-out;
-o-transition:      all 0.5s ease-out;
transition:         all 0.5s ease-out;

background-size: cover;             /* imagem responsiva */
background-repeat: no-repeat;       /* imagem responsiva */
background-position: center center; /* imagem responsiva */

z-index: 801;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* GRADIENT */
/* ---------------------------------- */

.slideshow_gradient
{
width: 100%;
height: 100%;
position: absolute;
  
background-color: #000;
  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 8 */
filter: alpha(opacity=80);/* IE 5-7 */
-moz-opacity: 0.80;/* Netscape */
-khtml-opacity: 0.80;/* Safari 1.x */
opacity: 0.80;/* Good browsers */

z-index: 802;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* TEXTOS + BOTÃO */
/* ---------------------------------- */

.slideshow_text
{
color: #FFFFFF;
width: auto;
position: absolute;
top: 50%;
left: 20%;

-webkit-transform: translateY(-50%); /* Alinha verticalmente div sem altura */
-moz-transform: translateY(-50%);    /* Alinha verticalmente div sem altura */
-ms-transform: translateY(-50%);     /* Alinha verticalmente div sem altura */
-o-transform: translateY(-50%);      /* Alinha verticalmente div sem altura */
transform: translateY(-50%);         /* Alinha verticalmente div sem altura */

background-color: transparent;
text-align: left;

z-index: 803;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* DIV BOTÃO - ANTERIOR */
/* ---------------------------------- */

/* PC */
.slideshow_prev
{
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
margin-left: 5%;
transition: 0.6s ease;

z-index: 804;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_prev
{
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
margin-left: 5%;
transition: 0.6s ease;

z-index: 804;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_prev
{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
margin-left: 5%;
transition: 0.6s ease;

z-index: 804;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* DIV BOTÃO - PRÓXIMO */
/* ---------------------------------- */

/* PC */
.slideshow_next 
{
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 0;
margin-top: -20px;
margin-right: 5%;
transition: 0.6s ease;

z-index: 804;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_next 
{
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 0;
margin-top: -20px;
margin-right: 5%;
transition: 0.6s ease;

z-index: 804;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_next 
{
width: 30px;
height: 30px;
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
margin-right: 5%;
transition: 0.6s ease;

z-index: 804;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* PONTOS - CONTAINER */
/* ---------------------------------- */

.slideshow_dot_container 
{
width: 100%;
position: absolute;
bottom: 10px;
text-align: center; 

z-index: 805;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* PONTOS - OBJETO */
/* ---------------------------------- */

.slideshow_dot_object
{
width: 15px;
height: 15px;
background-color: #FFF;
border-radius: 50%;

display: inline-block;
cursor: pointer;
transition: background-color 0.6s ease;  
margin: 0 2px;  
}

.slideshow_dot_object:hover 
{
background-color: #5BE373;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* PONTOS - ATIVO */
/* ---------------------------------- */

.slideshow_dot_active 
{
background-color: #1FB53A;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* FADE DA ANIMAÇÃO */
/* ---------------------------------- */

.slideshow_fade 
{
-webkit-animation-name: anima_slideshow_fade;
-moz-animation-name: anima_slideshow_fade;
-ms-animation-name: anima_slideshow_fade;
-o-animation-name: anima_slideshow_fade;
animation-name: anima_slideshow_fade;

-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
}

@-webkit-keyframes anima_slideshow_fade 
{
from {opacity: .4} 
to {opacity: 1}
}

@keyframes anima_slideshow_fade 
{
from {opacity: .4} 
to {opacity: 1}
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOTÃO ANTERIOR */
/* ---------------------------------- */


.slideshow_bot_prev
{
display: block;
width: 40px;
height: 40px;
background: url('../imagens/slideshow/001.png');
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.slideshow_bot_prev:hover 
{
background-position: 0 40px;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOTÃO PRÓXIMO */
/* ---------------------------------- */


.slideshow_bot_next
{
display: block;
width: 40px;
height: 40px;
background: url('../imagens/slideshow/002.png');
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.slideshow_bot_next:hover 
{
background-position: 0 40px;
}


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* FONTE - TÍTULO */
/* ---------------------------------- */

/* PC */
.slideshow_font1
{
font-family: 'Rasa', serif;
font-size: 60px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
position: relative;

-webkit-animation-name: anima_slideshow_titulo;
-moz-animation-name: anima_slideshow_titulo;
-ms-animation-name: anima_slideshow_titulo;
-o-animation-name: anima_slideshow_titulo;
animation-name: anima_slideshow_titulo;

-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;

-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;

-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-ms-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes anima_slideshow_titulo
{
0%  {color: transparent; left:-50px; top:0px;}
100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes anima_slideshow_titulo
{
0%  {color: transparent; left:-50px; top:0px;}
100% {left:0px; top:0px;}
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_font1
{
font-family: 'Rasa', serif;
font-size: 44px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_font1
{
font-family: 'Rasa', serif;
font-size: 34px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 500px)
{
.slideshow_font1
{
font-family: 'Rasa', serif;
font-size: 24px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* FONTE - SUBTÍTULO */
/* ---------------------------------- */

/* PC */
.slideshow_font2
{
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB53A;
text-decoration: none;
position: relative;

-webkit-animation-name: anima_slideshow_subtitulo;
-moz-animation-name: anima_slideshow_subtitulo;
-ms-animation-name: anima_slideshow_subtitulo;
-o-animation-name: anima_slideshow_subtitulo;
animation-name: anima_slideshow_subtitulo;

-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;

-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;

-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-ms-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes anima_slideshow_subtitulo
{
0%  {color: transparent; left:-50px; top:0px;}
/*25%  {color: transparent; left:-50px; top:0px;}*/
100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes anima_slideshow_subtitulo
{
0%  {color: transparent; left:-50px; top:0px;}
/*25%  {color: transparent; left:-50px; top:0px;}*/
100% {left:0px; top:0px;}
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_font2
{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB53A;
text-decoration: none;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_font2
{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB53A;
text-decoration: none;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 500px)
{
.slideshow_font2
{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1FB53A;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* BOTÃO - CLIQUE AQUI */
/* ---------------------------------- */


/* PC */
.slideshow_bot_cliqueaqui
{
display: block;
width: 220px;
height: 50px;
margin-top: 20px;
background: url('../imagens/slideshow/003.png');
text-indent: -99999px;
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
position: relative;

-webkit-animation-name: topobotao;
-moz-animation-name: topobotao;
-ms-animation-name: topobotao;
-o-animation-name: topobotao;
animation-name: topobotao;

-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;

-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;

-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-ms-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}

.slideshow_bot_cliqueaqui:hover 
{
background-position: 0 50px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes topobotao
{
0%  {opacity: 0.0; filter: alpha(opacity=00); left:-50px; top:0px;}
/*25%  {opacity: 0.0; filter: alpha(opacity=00);  left:-50px; top:0px;}*/
100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes topobotao
{
0%  {opacity: 0.0; filter: alpha(opacity=00);  left:-50px; top:0px;}
/*25%  {opacity: 0.0; filter: alpha(opacity=00);  left:-50px; top:0px;}*/
100% {left:0px; top:0px;}
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.slideshow_bot_cliqueaqui
{
display: block;
width: 160px;
height: 40px;
background: url('../imagens/slideshow/003.png');
text-indent: -99999px;
background-position: -220px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.slideshow_bot_cliqueaqui:hover 
{
background-position: -220px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.slideshow_bot_cliqueaqui
{
display: block;
width: 100px;
height: 40px;
background: url('../imagens/slideshow/003.png');
text-indent: -99999px;
background-position: -380px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.slideshow_bot_cliqueaqui:hover 
{
background-position: -380px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.slideshow_bot_cliqueaqui
{
display: block;
width: 40px;
height: 40px;
background: url('../imagens/slideshow/003.png');
text-indent: -99999px;
background-position: -480px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.slideshow_bot_cliqueaqui:hover 
{
background-position: -480px -50px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */