/*---------------------Estilo da pagina de Ocean Clover---------------*/

*{
border:0;
padding:0;
font-family:calibri;
margin:0;
}

.logo{
max-width:20%;
max-height:65px;
float:left;
margin:0px 0 0 70px;
}

#geral{
max-width:85%;
height:auto;
margin:0px auto;
background:#fff;
}

html, body {
background:#fff;
}

a:link {
text-decoration: none;
}


/*------------------------------Header----------------------------------*/

.header {
max-width:100%;
display:block;
max-height:60px;
margin: 0;
padding:0;
background-color:#606060;
}


/*-----------------------------------------Boxes---------------------------------*/

.box_1 {
  width:100%;
  float:left;
  margin: 0;
  max-height:80px;
  background:#fff;
  padding:0;
  position:relative;
}

.box_2 {
  width: 100%;
  height:auto;
  float:left;
  margin: 0;
  background:#f6f6f6;
  padding:0;
  border:1px solid #c0c0c0;
  box-sizing:border-box;
  }
  .box_3 {
  width:100%;
  height:auto;
  float:left;
  margin: 0;
  background:#F6F6F6;
  padding:0;
  border:1px solid #c0c0c0;
 
  }
  
  
 /*-------create buttons-----------------------------------*/
.button{
max-width:100%;
border-radius:10px;
background-color:#2266ff;
color:#fff;
padding:15px 30px;
text-align:center;
text-decoration:none;
display: inline-block;
}
.button:hover{
box-shadow: 5px 5px 5px grey;
}

.button1{
max-width:100%;
border-radius:10px;
background-color:#cc6600;
padding:5px 10px;
text-align:center;
text-decoration:none;
display: inline-block;
color:#000000;

}
.button1:hover{
background-color:#82cefa;
color: #fff;
} 
/*-------------------------------------------Tabela----------------------------------*/

.table {
 border:1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 padding:5px;

}

 th {
 border:1px solid #a9a9a9;
 border-collapse: collapse;
 text-align: center;
 padding:5px;
 background-color:#707070;
 color:#FFF;
 font-family: calibri;
 font-size:1.2vw;
}

 td {
 border:1px solid #ccc;
 border-collapse: collapse;
 text-align: center;
 padding:5px;
 font-family: calibri;
 font-size: 1vw;
}

  
/*---------------------------------------colunas---------------------------*/
.column1{
float:left;
width: 45%;
margin-top:30px;
margin-left:120px;
padding:5px;
box-sizing:border-box;
}
.column2{
float:left;
width:30%;
margin-top:40px;
padding:25px;
box-sizing:border-box;
}

.column3{
float:left;
width:27%;
height:auto;
margin:20px 20PX;
padding:10px 5PX;
}
 .column4{
 width:70%;
 height:auto;
 float:left;
 padding:5px;

 }  
 .column5{
 width:20%;
 height:auto;
 margin-left:0px;
 float:left;
 padding:5px;
 }
 
 .column6{
 width:27%;
 height:600px;
 float:left;
 border:1px solid navy;
 padding:5px;
 overflow:hidden;
 border:0px solid white;
 }
 .column7{
 width:68%;
 height:600px;
 float:left;
 border:1px solid navy;
 padding:5px;
 overflow:hidden;
 border:0px solid white;
 }
.row{
width:100%;
height:auto;
}
.row:after{
content:"";
display:table;
clear:both;
}
.container{
max-width:500px;
max-height:auto;
margin: 5px 30%;
}
.outros_tours{
float:left;
width:100%;
height:60px; 
margin:10px;
}

/*-------------------------------imagens-----------------------*/

 .imagens1 {
  max-width: 100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

.imagens1_container {
  max-height:90px;  
  text-align: center;
  padding: 10px 20px;
}

.imagens1:hover{
 -ms-transform: scale(1.05);
 -webkit-transform:scale(1.05);
 transform:scale(1.05);
}

.foto1{
border-radius:5%;
width: 35%;
height:60px;
float: left;
}

/*--------------------slideshow--------------------------------------*/

 /* Slideshow container */
.slideshow-container {
  max-width:100%;
  max-height:auto;
  margin: 10px auto;
  padding:0;
  position:relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

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

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



/*--------------------------------------------Rodape------------------------------*/

#rodape{
width:100%;
height:auto;
float:left;
background-color:#404040;
position:relative;
}

.rodape_left{
width:33%;
height:auto;
padding:5px;
margin;5px;
float:left;
}

.rodape_center{
width:30%;
height:auto;
padding:5px;
margin;5px;
float:left;
}

.rodape_right{
width:20%;
height:auto;
padding:5px;
margin;5px;
float:left;
}
.rodape_bottom{
width:100%;
height:30px;
padding: 0;
margin;5px 0 0 5px;
float:left;
}

.direitos{
text-align:center;
font-size:18px;
color:#fff;
}