*	{	box-sizing: border-box;	}
body    {  font-family: Tahoma, verdana, arial, sans-serif;   font-size: 14px;  /* font-weight: 200;*/  text-align: justify;  letter-spacing:1px;  margin: 0;  height: auto;   width: 100%;     }
div#main, main  {	height: auto;	margin-left: auto;	margin-right: auto;	width: 100%; }
div#header, header {    width: inherit;  height: 62px;	 }
article		    {	margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px	}
section		    {	 }
.bloco			{	display: inline-block; 	vertical-align: text-top;	height: auto;	width: 31%;	margin: 5px;    }
.bloco-duplo	{	display: inline-block;	vertical-align: text-top;	height: auto;	width: 45%;	margin: 10px;    }
.linhas		    {   display: table; text-align: center; margin-left: auto; margin-right: auto; max-width: 95%; }
.linhas:after   {   display: table; content: ""; clear: both; 	}
.mes		    {   display:inline-block; margin: 5px; color: #000066; border: 1px solid darkseagreen; text-align: center;  font-size: 16px;}
.dias		    {   color: black; font-size: 14px;  font-family: Courier New;}
/* substituir listas por div */
.smenu          {   display:  inline-block;  float: right;   padding: 20px 5px 20px 5px;  margin: 10px; }
.btform         {   border: 2px solid blue;  background: snow; color: navy; text-decoration: none; border-radius: 5px; padding: 10px; margin: 10px; font-size: 16px; font-weight: bold;  }
.btform:hover   {   background: navy; color: snow; }
.btlink, .tablinks  {   border: 2px solid darkseagreen;  color: green; text-decoration: none;  border-radius: 5px; padding: 10px; margin: 10px; font-size: 16px; font-weight: bold;  }
.btlink:hover, .tablinks:hover       {   background: green;  color: yellow;  }
.btlnkext         { border: 2px solid darkseagreen;  background: green; color: white; text-decoration: none;  border-radius: 5px; padding: 10px; margin: 10px; font-size: 16px; font-weight: bold;  }
.btlnkext:hover   { background: white;  color: green;  }
/* definições antigas */
li          {	font-weight: lighter    }
a		    {   text-decoration:none;   color: inherit;}
a:hover		{   text-decoration:none;   font-style: oblique; }
/* .ativo		{ color: #969696; } .inativo	{ color: #003399; } */
/* Definição de genéricos */
caption     {   background-color: white; color: #000066;  font-weight: 400; text-decoration: none; border-radius: 10px; border: 1px solid darkseagreen;}
hr			{   height:3px; border-width:0; color:darkseagreen; background-color:darkseagreen;}
h1, h1 a	{   display:  inline-block;  font-size: 40px; text-align: left;  color: #009933;  font-weight: 500; text-decoration: none; margin: 20px; }
h2, h2 a	{   font-size: 32px; text-align: center; color: #448D76;  font-weight: lighter; text-decoration: none; margin: 20px; }
h3, h3 a	{   font-size: 24px; text-align: center; color: #0000CC;  font-weight: lighter; text-decoration: none; }
h4, h4 a	{   font-size: 16px; text-align: left; color: darkblue; font-weight: bold; text-decoration: none;}
h5      	{   font-size: 16px; text-align: center; color: white;    font-weight: 400; text-decoration: none;}
img			{   margin: 5px; /*border: 1px solid #ddd;  border-radius: 4px; */}
p, fieldset	{   color: black;   letter-spacing: 1.5px;     margin: 10px  }
.detalhe		{   font-size: 12px;  color: darkblue;    margin-left: 20px }
.socel	    {   display: none;      }
.text		{   color: black;   text-align: left;     text-decoration:none; }
.tbrate     {   margin-left: auto;  margin-right: auto;   width: 90%;  border-radius: 10px;   text-align: center;    font-style: normal;  color: #00008B;    background-color: white;   }
    .tbrate tr {    border: 1px solid darkseagreen; border-radius: 10px;    padding: 10px; }
    .tbrate th {	border: 1px solid darkseagreen; color: #000066;	}
    .tbrate td {	border: 1px solid darkseagreen; text-decoration: none;  }
    .tbrate tr:nth-child(even)  {   opacity: 0.8;	background-color: #f9fcf9; }
    .tbrate tr:nth-child(odd)   {   opacity: 1; 	}
.tb_boat	    {   text-align:center; font-style: normal;     border-radius: 10px;   margin-left: auto;    margin-right: auto;     width: 95%;    text-decoration:none;   }
    .tb_boat th {   background-color: #2C5949;  color: #F4FAEF ; font-weight: bold;	}
    .tb_boat td {   background-color: #F4FAEF;  color: #2C5949;  }
.pkgday         {   /*display: inline;*/ background-color: green;  text-align: center; font-size: 10px; color: white; border-radius: 10px; font-weight: bold;	padding: 5px;  margin:10px  }
.pkgdaydesc     {   /*display: inline;*/ text-align: left;   font-size: 12px; color: darkblue; padding-left: 10px; border-radius: 10px;  }
a.ofer:hover	    {	border: 10px solid yellow	}
div#figure, figure  {   clear: both; margin-left: auto; margin-right: auto; width: 100%; /* display: inline-block; */ text-align: center; }
div#figcaption, figcaption	{ font-size: smaller; color: #000066; /*font-weight:lighter;*/ margin: 0px 10px 0px 10px }
/* Definição rodape */
div#footer, footer  {	text-align: center;		border: 0px;    font-weight: bold;	clear: both;	background-color: black;    }
/* LEI GERAL DE PROTEÇÕ AOS DADOS */
.cookieConsentContainer { z-index: 999; width: 350px; min-height: 20px; box-sizing: border-box; padding: 30px 30px 30px 30px; background: #232323; overflow: hidden; position: fixed; bottom: 30px; right: 30px; display: none; }
.cookieConsentContainer .cookieTitle a { /* font-family: OpenSans,arial,sans-serif; */ color: #fff;  font-size: 22px;   line-height: 20px; display: block }
.cookieConsentContainer .cookieDesc p {  /* font-family: OpenSans,arial,sans-serif; */ margin: 0; padding: 0;  color: #fff; font-size: 13px;    line-height: 20px; display: block; margin-top: 10px; }
.cookieConsentContainer .cookieDesc a { /* font-family: OpenSans,arial,sans-serif; */  color: #fff; text-decoration: underline; }
.cookieConsentContainer .cookieButton a { /* font-family: OpenSans,arial,sans-serif; */ display: inline-block; color: #fff; font-size: 14px; font-weight: 700;  margin-top: 14px;  background: #000;  box-sizing: border-box;  padding: 15px 24px; text-align: center;  transition: background .3s; }
.cookieConsentContainer .cookieButton a:hover { cursor: pointer; background: #3e9b67; }
@media (max-width:980px) { .cookieConsentContainer {   bottom: 0 !important;   left: 0 !important;  width: 100% !important;  }  }