@charset "utf-8";


/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





html { font-size: 100%; } 

img object embed video {
max-width:100%
}


img{
vertical-align: bottom
	}

.no_pad_no_mar {
padding:0;
margin:0
}

h1, h2, h3, h4, h5, h6, p, ul, li {
font-family: 'Open Sans', sans-serif;
font-weight:normal;
margin:0;
padding:0;
text-transform:none;
}

ul {list-style: none;}

.mobile {
display:block
}


.background_5 {
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
    margin: 0;
    background-image: url(../ix/back-beach.jpg);
    background-color: #F0E6D5;
    background-repeat: no-repeat;
    background-size: 100%;
}

.container {
	padding-top: 0%;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 1%;
	margin: 0 auto;
	width: 100%;
	background-color: rgba(250,250,250,0.6);
	border-radius: 4px;
	min-width: 310px
}

.header {
    padding: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url(../ix/back/porto-portugal-back.jpg);
    height: 220px;
    background-size: cover;
    background-position: 50% 50%;
}

.words {
	width: 100%;
	padding: 0;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1%
}

.title_box {
	width: 100%;
	background-color: #008AC3;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
	margin: 10px auto;
	clear: both;
	display: block;
	background-image: url(../ix/back2.jpg)
}


 .imgcopyrighttext {
  position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding-left: 5px;
    text-align: center;
    color: white;
    font-size: 14px;
   
  }



.center_tours {
clear:both;
display:block;
margin:14px auto;
padding:14px 0
}

.navigationbox {
	padding: 4px 0;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	clear: both;
	border-radius: 3px;
	display: block;
	width: 100%;
}

.navbot4box {
	float: left;
	clear: none;
	width: 49%;
	margin: 0;
	padding: 0

}

.navbot4box_rev2 {
	width: 45%;
}

.picture2box {
    padding: 0;
    width: 99%;
    max-width: 99%;
    margin-left: auto;
    margin-right: auto;
}

.footer {
padding:2%;
border-top:1px solid #999;
margin:2% 0 0
}

.widget_box {
width:340px;
background-color:#008AC3;
margin: 10px 2px 10px 0px;
border-left:4px solid #0A51A3;
border-radius:0 7px 7px 0;
box-shadow:5px 5px 5px #888;
background-image:url(../ix/back2.jpg);
padding:5px
}



.box_top {
border-top-left-radius:5px;
border-top-right-radius:5px;
background-color:#008AC3;
width:170px;
height:30px;
background-image:url(../ix/back2.jpg);
margin:0
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box_bot {
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color:#008AC3;
width:170px;
height:35px;
background-image:url(../ix/back2.jpg);
margin:0
}




.boxholder{
width:100%;
max-width: 170px;
margin: 0 auto 10px auto;
}

.box_top_rev2 {
border-top-left-radius:5px;
border-top-right-radius:5px;
background-color:#008AC3;
width:100%;
margin:0;
padding: 3px 0;
background-image:url(../ix/back2.jpg);
}

.navboxtop {
width:100%;
padding: 3px 0;
margin:0;
background-color:#008AC3;
background-image:url(../ix/back2.jpg);
border-top-left-radius:5px;
border-top-right-radius:5px;
font-size: 18px;
text-align: center;
color: #FFFFFF;
}

.navboxbottom {
width: 100%;
padding: 3px 0;
margin: 0;
background-color: #008AC3;
background-image: url(../ix/back2.jpg);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 13px;
line-height: 140%;
text-align: center;
color: #0F0F0F;
display: table-cell;
vertical-align: middle;
height: 60px;
}

.resposive_img {
width:100%;
height: 170px;
margin:0 ;
padding:0 ;
}


.box_bot_rev2 {
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color:#008AC3;
width:100%;
background-image:url(../ix/back2.jpg);
margin:0;
padding: 5px 0;
}



.imagesurroundbox {
	position: relative;
    	display: block;
	width: 90%;
 	max-width: 400px;
 	border: 6px solid #E3E3E3;
	box-shadow: 5px 5px 5px #888; 
    	border-radius: 5px;
    	padding: 0;
	margin: 2% auto;
	text-align: center;
}


.imagecentremidpost {
    display: block;
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2%;
    max-width: 100%;
    text-align: center;
}



.im-center-no-board {
	width: auto;
	max-width: 99%;
	height: auto;
	margin: 2% auto;
	display: block
}

.flex-break {
  flex-basis: 100%;
}

.box_right {
display:none
}


.flag {
margin:7px 8px 2px;
padding:0;
}

.hide_mobile {
display:none;
}


.title_h1 {
	text-align: center;
	font-size: 23px;
	color: #FFFFFF;
}

.title_h2 {
	text-align: center;
	font-size: 22px;
	color: #FFFFFF;
	padding-top: .5%;
	padding-bottom: .5%;
}

.title_h2_centre {
    text-align: center;
    font-size: 22px;
    color: #3F3F3F;
    padding-top: .5%;
    padding-bottom: .5%;
}


.bottom_navigation {
font-size:18px;
color:#484848;
text-align:center
}

.top_navigation {
	font-size: 18px;
	text-align: center;
	color: #FFFFFF;
	padding: 3px;
}

.text_justified {
font-size: 17px;
line-height: 170%;
padding-top: 8px;
padding-right: 4%;
padding-left: 4%;
padding-bottom: 8px;
color: #383838;
text-align: left;
}


.text_centre {
text-align:center;
font-size:16px;
line-height:160%;
padding-right:3%;
padding-left:3%;
 color: #0F0F0F;
}

.text_bot_nav {
    text-align: center;
    font-size: 16px;
    line-height: 190%;
    color: #1D1D1D
}

.text_small {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 140%;
}

.text_small_image {
    font-size: 14px;
    text-align: center;
    margin: 0 0 10px;
    padding: 0% 2%;
    color: #000
}

.text_small_left{
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left: 3%;
	color: #000;
}


a:visited,a:active,a:link {
color:#009;
text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #010000;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

@media only screen and (min-width: 730px) {






.mobile {
display:none
}	

.hide_mobile {
display:inline
}
	

.background_5 {
	padding: 50px 0 0;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed
}
	
	
.container {
	margin-left: auto;
	margin-right: auto;
	clear: none;
	float: none;
	background-color: rgba(250,250,250,0.6);
	border-radius: 4px;
	margin-top: 0;
	width: 90%;
	padding: 1.5% 0px;
	min-width: 738px;
	max-width: 940px;
}
	
.box_left {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-width: 736px;
}
	
.words {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-radius: 4px;
	margin-bottom: 1%;
	clear: both;
	padding: 1% 0 0;
	min-width: 734px;
}	
	

    
.header {
    height: 300px;
	border: 12px solid #FBFDFF;
	box-shadow: 5px 5px 5px #888;
	margin-bottom: 2%;
	width: 90%;
	max-width: 840px;
    border-radius: 3px;
}
	
.title_box {
	box-shadow: 5px 5px 5px #888;
	width: 95%;
	margin: 10px 5px;
	padding: 6px;
	border-left: 4px solid #0A51A3;
	border-radius: 0 4px 4px 0;
}
	

.imagesurroundbox {
	border: 8px solid #E3E3E3;
	}


.imagecentremidpost {
	margin: 15px auto;
	border: 12px solid #E3E3E3;
	box-shadow: 5px 5px 5px #888;
	max-width: 95%
}


.im-center-no-board {
margin:10px auto;
	width: auto;
	height: auto;
	max-width: 95%
}

	
.center_tours {
clear:both;
display:block;
margin:14px auto;
padding:14px 0;
width:732px
}

.navbot4box {
	float: left;
	clear: none;
	width: 25%;
	margin-top: 10px;
}
	  
.navbot4box_rev2 {
	width: 30%;
	margin-top: 10px;

}  
    
.picture2box {
    float: left;
    clear: none;
    margin: 0%;
    width: 49%;
}

.title_h1 {
	font-size: 28px;
	text-align: left;
	color: #FBFBFB;
}

.title_h2 {
	font-size: 24px;
	text-align: left;
}

.title_h2_centre {
font-size:24px
}

.text_justified {
color: #0F0F0F;
	font-size: 16px;
	line-height: 180%;
	padding-right: 15px;
	padding-left: 15px
}


.text_centre {
font-size:16px;
line-height:180%
}

.text_small_left {
	font-size: 14px;
}


.bottom_navigation {
font-size:20px
}

.text_small {
    font-size: 13px;
    color: #1F1F1F;
    line-height: 120%;
}

.text_small_image {
font-size:14px
}


a:visited,a:active,a:link {
color:#009;
text-decoration:none;
opacity:.85;
filter:alpha(opacity=85);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s
}

a:hover {
text-decoration:none;
color:#000;
opacity:1;
filter:alpha(opacity=100);
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}


}

@media only screen and (min-width: 1260px) {





.mobile {
display:none
}
	
.hide_desktop {
display:none
}	
	
.container {
	width: 95%;
	position: relative;
	padding-left: 7px;
	padding-right: 7px;
	margin: auto;
	clear: both;
	float: none;
	margin-left: auto;
	max-width: 1400px;
}
	
.box_left {
	min-width: 736px;
	width: auto;
	margin-right: 373px;
}

.words {
	padding: 1% 0 0;
	margin: 3px auto;
	background-color: #FFF;
	border-radius: 4px;
	clear: both;
	min-width: 734px;
	width: 100%;
	max-width: 1000px;
}

.navbot4box_rev2 {
	width: 23%;
	margin-top: 10px;

} 	
	
	
.header {
    width: 93%;
    margin-bottom: 15px;
    height: 350px;
}

.box_right {
	width: 364px;
	padding: 0;
	display: inline;
	position: absolute;
	top: 0;
	right: 5px;	
}

.imagesurroundbox {
	border: 12px solid #E3E3E3;
	margin-top: 15px;
    margin-bottom: 15px;
}


.imagecentremidpost {
	margin: 15px auto;
	border: 12px solid #E3E3E3;
	box-shadow: 5px 5px 5px #888;
	max-width: 95%;
	background-size: cover;
	width: auto;
}


.im-center-no-board {
margin:15px auto;
width:auto;
height:auto;
max-width:inherit 
}
	
.text_bot_nav {
	line-height: 170%;
	font-size: 17px;
}

.text_justified {
	font-size: 16px;
	line-height: 190%;
	padding-right: 20px;
	padding-left: 20px
}
	
	
}
