@charset "utf-8";
/* CSS Document */

/*Responsive Styles*/
@media screen and (max-width : 1800px){
#contactosInside{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	
}





}
@media screen and (max-width : 1700px){
#programasContent li{
	
	height: 350px;

}
#programasContent li a{

	height: 350px;


}
	


.da-thumbs li a div span {
	
	padding-top: 150px;
	
	
}

.da-thumbs li a span {
	
	margin-top: -365px;
	
	
	
}



}
@media screen and (max-width : 1600px){





#contactosInside{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	
}



}
@media screen and (max-width : 1500px){



.TitBar{
	width: 15%;
	margin-left: 42.5%;
	margin-right: 42.5%;
	
}


#contactosInside{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	
}




}
@media screen and (max-width : 1400px){

.da-thumbs li a div span {
	
	padding-top: 120px;
	font-size: 20px;
	
}	
	
	
.galeriaimg{
	
	
	height: 200px;
	
}

#contactosInside{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	
}

#programasContent li{
	
	height: 300px;

}
#programasContent li a{

	height: 300px;


}


.da-thumbs li a span {
	
	margin-top: -345px;
	
	
	
}



}

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

.contactosInsideItemSubText{
	width: 90%;
	

}

#galeriaContent{
	width: 65%;
	margin-left: 0;
	

	
}

}



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



#programasContent li{
	
	height: 250px;

}
#programasContent li a{

	height: 250px;


}

.da-thumbs li a span {
	
	margin-top: -315px;
	font-size: 24px;
	
	
	
}

}

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

#textEsq{
	width: calc(35% - 40px);
	padding-right: 30px;

}

.galeriaimg{
	
	
	height: 175px;
	
}

	
}

@media screen and (max-width : 1000px){
	
.da-thumbs li a span {
	
	
	font-size: 20px;
	
	
	
}


#textEsq{
	width: calc(100% - 20px);
	

}	
#galeriaContent{
	width: 100%;
	margin-left: 0px;

	
}

.galeriaimg{
	
	
	height: 200px;
	
}
	
.pform{
	width:97.8%; 
	
}
.pform2{
	width:97.8%; 
	margin-left: 0px;
	margin-bottom: 20px;
}
.form_style2{

	width:97.8%; 


}	
.form_style3{

	width:97.8%; 
	margin-left: 0px;


}
#contactosMid{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 50px;
	margin-bottom: 50px;
}	

#contactosBotSeparador{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	
}	

	
	
.parceirosimg{
	
	width: calc(33.33% - 2px);
	
}
.parceirosimgb{
	
	width: calc(33.33% - 2px);
	margin-left: 0px;
	
}	
.parceirosimga{
	
	width: calc(50% - 2px);
	
}

.contactosInsideItem{
	width: 80%;
	min-height: 100px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 20px;

}	
.TitBar{
	width: 20%;
	margin-left: 40%;
	margin-right: 40%;
	
}


.da-thumbs li a div {
	display: block;
	position: relative;
	float: left;
	top:-250px;
	
}	
#noticiasContent li a div {
	display: block;
	position: absolute;
	left: 0px;
	top:0px;
	
}



#programasContent li{

	width: 33.33%;

}
#noticiasContent li{

	width: 33.33%;

}


#textEsq{
	font-size: 20px;
}
#textDir{
	font-size: 20px;
}

#textEsq:hover{
   font-size: 20px;
}

#textDir:hover{
   font-size: 20px;
}
#textEsq:hover .linhaimg{
   display: none
}
#textDir:hover .linhaimg2{
   display: none
}



}


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


			
}	

@media screen and (max-width : 800px){
	
.galeriaimg{
	
	width: 50%;
	
}

#noticiasContent li a div span{
	font-size: 18px;

}
	

.mapa1{

	height:300px;


	}
	
		
#noticiasContent li{

	width: 50%;

}		
	
.parceirosimg{
	
	width: calc(50% - 2px);
	
}	
.parceirosimgb{
	
	width: calc(50% - 2px);
	
}	
#parceirosContent2{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	
	
}
#embarcacoesContent1{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	min-height: 200px;
}	
.embarcacoesimg1{
	
	width: 50%;
	
	
}	
.embarcacoesContentimg2{
	
	width: 50%;
	margin-left: 35%;
	margin-right: 15%;

	
}	
.servicosContentimgBox{

	width: 50%;

	
}
#topLinks{
	width: 77px;
	right: 10px;
	margin-top: 10px;
	font-size: 10px;
	
	
}	

.topLinksItem{
	width: 100%;
	border-left: 0px;
	margin-top: 5px;
	font-size: 10px;
	
	

	
}

#tripadvisor{
	margin-right: 20px;
}

.topLinksItem3{
	display: none;
	
}

.topIcon{
	
	float:right;
	margin-left: 0;
	margin-right: 60px;
}

#programasContent li{

	width: 50%;

}

#textEsq{
	font-size: 16px;
}
#textDir{
	font-size: 16px;
}

#textEsq:hover{
   font-size: 16px;
}

#textDir:hover{
   font-size: 16px;
}



			
}


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

.galeriaimg{
	
	height: 175px;
	
}
#menu_principal{
	width: 50px;
	margin-top: 20px;

		
}

#menu_img{
	margin-left: 10px;
}

#logo{
	
	 width: 55%;
	 margin-left: 10px;
	 margin-top: 30px;
	 height: auto;
}



	
	
		
#embarcacoesContent1{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	min-height: 250px;
}	
.embarcacoesimg1{
	
	width: 100%;
	
	
}	
.embarcacoesContentimg2{
	
	width: 80%;
	margin-left: 15%;
	margin-right: 5%;

	
}
.programasContentimg2{
	width: 100%;
	margin: 0;
	

}
#programasTit2{
	
	width: 100%;
	margin-top: 20px;
	
}
.TitBar{
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	
}
	
	


#contactosBot{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}




#programasContent li{
	
	height: 200px;

}
#programasContent li a{

	height: 200px;


}
#programasContent li a div{

	height: 300px;


}

.da-thumbs li a span {
	
	margin-top: -280px;
	font-size: 16px;
	
	
	
}




}
@media screen and (max-width : 530px){
	
}


@media screen and (max-width : 500px){
	
.parceirosimg{
	
	width: calc(80% - 2px);
	margin-left: 10%;
	margin-right: 10%;
	
}
.parceirosimgb{
	
	width: calc(80% - 2px);
	margin-left: 10%;
	margin-right: 10%;
	
}	
.parceirosimga{
	
	width: calc(80% - 2px);
	margin-left: 10%;
	margin-right: 10%;
	
}
	
.linhaimg{
	display: none;
}	


#textEsq{
	font-size: 10px;
	padding-top: 0px;
}
#textDir{
	font-size: 10px;
	padding-top: 0px;
}

#textEsq:hover{
   font-size: 10px;
}

#textDir:hover{
   font-size: 10px;
}


}


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

#logo{
	
	 width: 45%;
	
}
	
	
.galeriaimg{
	
	height: 130px;
	
}	
	

#noticiasContent li{

		width: 100%;

}

	


#programasContent li{
	
	height: 150px;

}
#programasContent li a{

	height: 150px;


}
#programasContent li a div{

	height: 250px;


}

.da-thumbs li a span {
	
	margin-top: -280px;
	font-size: 14px;
	
	
	
	
}


#embarcacoesContent1{
	
	min-height: 200px;
}

#top{
	
	height: 90px;

}

#content{
	
	margin-top: 65px;
	
}
#menu{
	
	margin-top: -8px;
	}

}


