@charset "utf-8";


html { font-size: 100%; } 

img object embed video {
max-width:100%
}

.no_pad_no_mar {
padding:0;
margin:0
}

h1, h2, h3, h4, h5,h6, p {
font-family: 'Open Sans', sans-serif;
font-weight:normal;
margin:0;
padding:0;
text-transform: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/860back/algarve-back.jpg);
    height: 220px;
    background-size: cover;
    background-position: 50% 50%;
}

.words {
	width: 100%;
	padding: 3% 0;
	background-color: #FFF;
	border-radius: 4px;
	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)
}

.center_advert_inarticle {
clear:both;
display:block;
width:306px;
margin:1px auto;
}

.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

}

.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
}

.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
}

.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
}

.box_right {
display:none
}

.flag {
margin:7px 8px 2px;
padding:0
}

.hide_mobile {
display:none;
width:100%
}

.nav_image {
margin:0;
padding:0;
border: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%;
}

.nav_button_font {
font-size:14px;
color:#FFF;
text-transform:capitalize;

}

.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: 16px;
    line-height: 170%;
    padding: 8px 2%;
    color: #0F0F0F;
    text-align: left;
}

.text_centre {
text-align:center;
font-size:16px;
line-height:160%;
padding-right:3%;
padding-left:3%;
color:#5F5F5F
}

.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: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left: 3%;
	color: #000;
}

a:visited,a:active,a:link {
color:#009;
text-decoration:none;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s
}

a:hover {
	text-decoration: none;
	color: #010000;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background-position: center 0%;
}

@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;
}
	
.nav_button {
width:15.5%;
margin:7px 0 0 1%;
clear:none;
float:left;
background-color:#008AC3;
border-radius:8px 8px 0 0;
overflow-y:hidden
}

.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_advert_inarticle {
clear:both;
display:block;
width:732px;
margin:1px auto;
}	
	
.center_tours {
clear:both;
display:block;
margin:14px auto;
padding:14px 0;
width:732px
}

.navbot4box {
	float: left;
	clear: none;
	width: 25%;
	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 {
	font-size: 16px;
	line-height: 180%;
	padding-right: 15px;
	padding-left: 15px
}

.text_centre {
font-size:17px;
line-height:180%
}

.text_small_left {
	font-size: 14px;
}

.nav_button_font {
font-size:18px;
line-height:120%
}

.bottom_navigation {
font-size:20px
}

.text_small {
    font-size: 13px;
    color: #1F1F1F;
    line-height: 120%;
}

.text_small_image {
font-size:14px
}
}

@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;
}
	
.header {
    width: 93%;
    margin-bottom: 15px;
    height: 350px;
}

.box_right {
	width: 364px;
	padding: 0;
	display: inline;
	position: absolute;
	top: 0;
	right: 5px;	
}

.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
}
	
a:visited,a:active,a:link {
color:#009;
text-decoration:none;
opacity:.8;
filter:alpha(opacity=80);
-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
}
	
	
}
