/**************************************************************
MENU SMARTPHONE
**************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
nav:not(.mm-menu)
{
	display: none;
}
.header,
.footer
{
background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 50px;
	padding: 0 50px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
}

.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 10px;
}
}


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*fim do clearfix*/
img, picture, video, embed {
    max-width: 100%; /*define a largura máxima em até 100%*/
}
.content{ width:100%;

}
.glyphicon{
	padding-right:10px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/**************************************************************
TEMPLATE
**************************************************************/
body{ background-color:#fff;}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Anton');

a:link {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #000; 
}
a:visited {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #000; 
}
a:hover {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff;
}
a:active {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #000;
}

a.rodape:link {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; 
}
a.rodape:visited {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; 
}
a.rodape:hover {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #0078d7;
}
a.rodape:active {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff;
}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
#pctablet, .pctablet {display:none;}
#smartphone, .smartphone{display:block}
.site-width{
	width:99%;
	position:relative;
	margin:0 auto;
}


}
@media screen and (min-width: 1025px) and (max-width: 1400px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
.site-width{
	width:1066px;
	position:relative;
	margin:0 auto;
}
}

@media screen and (min-width: 1401px) { /* PARA DISPOSITIVOS MUITO GRANDES (PCS COM ALTA RESOLUÇÃO)*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
.site-width{
	width:1066px;
	position:relative;
	margin:0 auto;
}

}


#toposmartphone{
	width:100%;
	margin-top:50px;
    padding:10px 0px 10px 0px;
	position:relative; 
	float:left;
	background-color:#fff;
}


/*--------------------------------------------------
TOPO
----------------------------------------------------*/
#topo-div{width:100%; min-height:146px; position:relative; float:left; background-image:url(/images/topo-bg.png); background-repeat:repeat-x}



/*--------------------------------------------------
SLIDESHOW
----------------------------------------------------*/
#div-banner{
	width:100%;
	position:relative; 
	float:left;
	z-index:1;
}

/*--------------------------------------------------
CONTEUDOS DINÂMICOS
----------------------------------------------------*/
#conteudo-div{width:100%; position:relative; float:left; padding:60px 0px 50px 0px; background-color:#fff; background-image:url(/images/conteudo-bg.png); background-position:bottom center; background-repeat:no-repeat;}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
#conteudo-titulo{width:100%; text-align:center; position:relative; float:left; font-family: 'Great Vibes', cursive; font-size: 4em; color:#000; margin:0px 0px 30px 0px;}
#conteudo-texto{width:100%; text-align:left; position:relative; float:left; font-family:  'Montserrat', sans-serif; color:#000; font-size: 1em;}
}
@media screen and (min-width: 1025px) and (max-width: 1400px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#conteudo-titulo{width:100%; text-align:left; position:relative; float:left; font-family: 'Great Vibes', cursive; font-size: 4em; color:#000; margin:0px 0px 30px 0px;}
#conteudo-texto{width:100%; text-align:left; position:relative; float:left; font-family:  'Montserrat', sans-serif; color:#000; font-size: 1em;}
}

@media screen and (min-width: 1401px) { /* PARA DISPOSITIVOS MUITO GRANDES (PCS COM ALTA RESOLUÇÃO)*/
#conteudo-titulo{width:100%; text-align:left; position:relative; float:left; font-family: 'Great Vibes', cursive; font-size: 4em; color:#000; margin:0px 0px 30px 0px;}
#conteudo-texto{width:100%; text-align:left; position:relative; float:left; font-family:  'Montserrat', sans-serif; color:#000; font-size: 1em;}
}

/*--------------------------------------------------
MENU TOPO
----------------------------------------------------*/
.menu-topo {
	font-family:  'Montserrat', sans-serif;
	color: #fff;
	display:block;
	position:relative;
	height:45px;
	padding:5px 0px 5px 0px;
	margin:10px 15px 0px 15px;
	cursor:pointer;
	float:right;
	-webkit-transition: background-color 0.5s; /* Safari */
    transition:  background-color 0.5s;
	
}
.menu-font-size{ font-size:1.1em;}
.menu-topo:hover {
	color: #000;
	border-bottom:7px solid #000;
}
.menu-topo.active {
	color: #000;
	border-bottom:7px solid #000;
}


#separadorpages{
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
    font-size: 1.2em;
	color: #fff;
	display:block;
	position:relative;
	padding:10px 0px 10px 0px;
}

.dropdown-content {
    position: absolute;
	top:35px;
	left:0px;
	min-width: 200px;
    z-index: 999;
	background-color:rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.53);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.53);
	-webkit-transition: background-color 0.5s; /* Safari */
    transition:  background-color 0.5s;
}

.menu-topo:hover .dropdown-content .submenu {
    display: block;
}

.submenu{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	display: none;
	color: #fff;
	padding:10px 5px 10px 10px;
	border-bottom:1px solid #CCC;
	}
.submenu:hover{ 
 color: #fff;
 background-color:#000;
 }


/**************************************************************
MODULO REDES SOCIAIS LINKS
**************************************************************/
.redessociais-topo{
	font-size:1.4em;
	text-align:center; 
	color:#fff;
	padding:5px 15px 5px 15px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	cursor:pointer;
}
.redessociais-topo:hover{
	color:#2C2C2C;
}

.redessociais-bottom{
	font-size:1.3em;
	text-align:center; 
	color:#B52830;
	padding:5px 10px 5px 10px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	cursor:pointer;
}
.redessociais-bottom:hover{
	color:#fff;
}
/**************************************************************
MÓDULO REDES SOCIAIS SHARE
**************************************************************/
.redefacebook,.redetwitter,.redegoogle-plus,.redepinterest{
font-family:Verdana, Geneva, sans-serif;font-size:0.9em;color:#FFF;margin:2px 4px 2px 4px;-webkit-transition: all 0.5s; /* Safari */transition: all 0.51s;}.redefacebook{background:#6d84b4;}.redefacebook:hover{background: #fff;color:#6d84b4;}.redetwitter{background: #68aaea;}.redetwitter:hover{background: #fff;color:#68aaea;}.redegoogle-plus{background: #cd4a30;}.redegoogle-plus:hover{background: #fff;color:#cd4a30;}.redepinterest{color:#FFF;background: #de2a28;}.redepinterest:hover{color:#de2a28;background: #fff;}
/***************************************************************************
CONTACTOS
****************************************************************************/
a.contactos:link {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #212121; 
}
a.contactos:visited {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #212121; 
}
a.contactos:hover {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #70b02c;
}
a.contactos:active {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #212121;
}

@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
#contactos-div{width:100%; min-height:400px; position:relative; float:left;  padding:50px 0px 10px 0px; background-color:#015571;}
#contactos-map{	
 width:100%;
 position:relative; float:left; min-height:400px; margin:10px 0px 0px 0px;
}
#mapa{ width:100%; position:relative; float:left; min-height:400px;}
}
@media screen and (min-width: 1025px) and (max-width: 1400px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#contactos-div{width:100%; min-height:400px; position:relative; float:left; padding:30px 0px 50px 0px; background-color:#015571;}
#contactos-map{	width:100%; position:relative; float:left; min-height:400px;}
#mapa{ width:100%; position:relative; float:left; min-height:400px;}
}

@media screen and (min-width: 1401px) { /* PARA DISPOSITIVOS MUITO GRANDES (PCS COM ALTA RESOLUÇÃO)*/
#contactos-div{width:100%; min-height:400px; position:relative; float:left; padding:30px 0px 50px 0px; background-color:#015571;}
#contactos-map{	width:100%; position:relative; float:left; min-height:400px;}
#mapa{ width:100%; position:relative; float:left; min-height:400px;}
}


#contactos-titulo-pagina{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
	text-align:left;
	color:#fff;
	padding:0px 0px 20px 0px;
 }
#contactos-conteudo{
	width:100%; position:relative; float:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:justify;
	color:#fff;
	margin:10px 0px 50px 0px;
}
#contactos-titulo{
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#fff;
	padding:0px 10px 0px 10px;
 }
.contactos-info{
	position:relative; float:left; width:100%; margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
	text-align:center;
	color:#333;
 }

#contactos-formulario{
	width:100%; position:relative; float:left; text-align:left;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
	text-align:left;
	font-weight:bold;
	color:#000;
	margin:0px 0px 20px 0px;
}
.contactos-botoes{
	background-color:#ccc;
	color:#000;
	border-radius:0px;
	border:0px;
	padding:10px 40px 10px 40px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.contactos-botoes:hover{
	background-color:#70b02c;
	color:#fff;
}
/**************************************************************
FORMULÁRIO RESERVAS
**************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
.reserva-margens{margin-bottom:10px;}
.reserva-margens-left{margin-bottom:10px;}
.reserva-margens-right{margin-bottom:10px;}
}

@media screen and (min-width: 1025px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES*/
.reserva-margens{margin-bottom:10px; padding:0px;}
.reserva-margens-left{margin-bottom:10px; padding-left:0px;}
.reserva-margens-right{margin-bottom:10px; padding-right:0px;}
}

@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES*/
.reserva-margens{margin-bottom:10px; padding:0px;}
.reserva-margens-left{margin-bottom:10px; padding-left:0px;}
.reserva-margens-right{margin-bottom:10px; padding-right:0px;}
}

/***************************************************************************
MÓDULO RODAPE
****************************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#rodape-div{width:100%; position:relative; float:left; background-color:#a8cf7e; padding:50px 0px 50px 0px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
 }
#rodape-titulo{width:100%; position:relative; float:left; font-family:  'Montserrat', sans-serif; font-size: 1.2em; text-align:center; color:#000; font-weight:bold;}
#rodape-texto{width:100%; position:relative; float:left; margin-top:20px;font-family:  'Montserrat', sans-serif; font-size: 1em; text-align:center; color:#000;}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#rodape-div{width:100%; position:relative; float:left; background-color:#a8cf7e; padding:50px 0px 50px 0px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.58);
 }
 #rodape-titulo{width:100%; position:relative; float:left; font-family:  'Montserrat', sans-serif; font-size: 1.2em; text-align:left; color:#000; font-weight:bold;}
#rodape-texto{width:100%; position:relative; float:left; margin-top:20px;font-family:  'Montserrat', sans-serif; font-size: 1em; text-align:left; color:#000;}
}
/***************************************************************************
MÓDULO DIREITOS
****************************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
#direitos-div{width:100%; position:relative; background-color:#70b02c; float:left; min-height:45px;
}
#direitos-texto{
	font-family:  'Montserrat', sans-serif;
    font-size: 1em;
	text-align:left;
	color:#fff;
	width:100%;
	position:relative;
	float:left; 
	text-align:center;
	padding:20px 10px 15px 10px;
	}
#direitos-logo{ width:100%; position:relative; float:left; margin-bottom:20px; text-align:center}
}
@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
#direitos-div{width:100%; position:relative; background-color:#70b02c; float:left; min-height:65px;
}
#direitos-texto{
	font-family:  'Montserrat', sans-serif;
    font-size: 0.9em;
	text-align:left;
	color:#fff;
	position:absolute;
	top: 26px;
	left:0px; 
	text-align:left;
	}
#direitos-logo{position:absolute; top: 20px; right:0px; text-align:left}
}
/**************************************************************
MODEL PESQUISA
**************************************************************/
.modal-dialog{z-index:99999;}
.modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal.fade .modal-dialog {
  transform: translate(0, -100%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}
#modalpesquisa{ background-color: rgba(0, 0, 0, 0.3); }
.modal-title{font-family: 'Montserrat', sans-serif; font-size:2em; color:#000; background-color:#fff;}
.modal-content{ font-family: 'Montserrat', sans-serif; font-size:1em; color:#000; background-color:#fff; border-radius:0px; border:0px;}
.model-formulario{background-color:#F6F6F6;}
.model-botoes{
	background-color:#000;
	color:#fff;
	border-radius:0px;
	border:0px;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.model-botoes:hover{
	background-color:#ccc;
	color:#000;
}
/**************************************************************
SCROLL UP FIM DA PAGINA
**************************************************************/
.scrollup{
    width:54px;
    height:72px;
    position:fixed;
    bottom:50px;
    right:10px;
    display:none;
    text-indent:-9999px;
	cursor:pointer;
    z-index:9999;
    background: url('/images/icon-top.png') no-repeat;
}
/********************************************************
+ ZOOM 
*********************************************************/
.animation1{transition:all .1s ease-in-out}
.animation1:hover{transform:scale(1.1);-ms-transform:scale(1.1)}
/**************************************************************
MESSENGER
**************************************************************/
@media screen and (max-width: 1024px) { /* PARA DISPOSITIVOS PEQUENOS*/
.facebook-messenger-in{
    width:103px;
    height:64px;
    position:fixed;
    bottom:200px;
    right:10px;
	cursor:pointer;
    z-index:999;
    background: url('/images/messenger-phone.png') no-repeat;
	transition:all 2s ease-in-out;
	transform:scale(0.4);-ms-transform:scale(0.4);
	transform: translate(100px,0px);
	opacity:0;
}

.facebook-messenger{
    width:103px;
    height:64px;
    position:fixed;
    bottom:200px;
    right:10px;
	cursor:pointer;
    z-index:999;
    background: url('/images/messenger-phone.png') no-repeat;
	transition:all .3s ease-in-out;
	opacity:1;
}

.facebook-messenger:hover{
transform:scale(0.9);-ms-transform:scale(0.9);
}
}

@media screen and (min-width: 1025px) { /* PARA DISPOSITIVOS GRANDES*/
.facebook-messenger-in{
    width:103px;
    height:64px;
    position:fixed;
    bottom:250px;
    right:10px;
	cursor:pointer;
    z-index:999;
    background: url('/images/messenger.png') no-repeat;
	transition:all 2s ease-in-out;
	transform:scale(0.4);-ms-transform:scale(0.4);
	transform: translate(200px,0px);
	opacity:0;
}
.facebook-messenger{
    width:103px;
    height:64px;
    position:fixed;
    bottom:250px;
    right:10px;
	cursor:pointer;
    z-index:999;
    background: url('/images/messenger.png') no-repeat;
	transition:all .3s ease-in-out;
	opacity:1;
}


.facebook-messenger:hover{
transform:scale(0.9);-ms-transform:scale(0.9);
}
}

a.eupopup-button_1:link {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; 
}
a.eupopup-button_1:visited {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; 
}
a.eupopup-button_1:hover {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; text-decoration:underline;
}
a.eupopup-button_1:active {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff;
}
