@charset "utf-8";
/* CSS Document for Joomla 3 styles */

/* ===========================
	FONT STYLES
	========================== */
html {}

body {font-family: Arial, sans-serif; background:#000; font-size:13px; padding:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1 {font-size: 36px; line-height: 45px; color:#333 !important;  font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:inline-block; border-bottom:3px solid #0aa4f3;}

h2 {font-size: 40px; line-height: 50px; padding-top:0px; padding-bottom: 20px; margin-bottom:30px; font-weight:normal; color:#333; font-family:'Roboto Condensed', sans-serif; text-transform: normal; display:inline-block; border-bottom:3px solid #0aa4f3; }

h3 { font-size: 18px; color:#333; font-family:'Roboto Condensed', sans-serif;  text-transform: normal; }

h4 { font-size: 24px;line-height: 30px; color:#0aa4f3; padding-bottom: 0px; font-family:'Roboto Condensed', sans-serif; font-weight:400; border-bottom:0px solid #0aa4f3; text-transform: normal;}

h5 { font-size: 18px; color:#fff; font-family:'Roboto Condensed', sans-serif;}

h6 {font-size: 12px; line-height: 20px;}

/* ======================
	GENERAL STYLES
	===================== */
/* Write your general styles here */
	.header_wrapper{ border-top:0px solid #000; background:#000;}
	.header  {border-top:0px solid #000; padding-top:50px; padding-bottom:40px; background:#000;}
	#mod_l {margin-top:0px; color:#fff;}
	.booking_wrapper {background:#fff;}
	.booking { padding-top:0px; padding-bottom:0px; background:#eee;}
	.page_wrapper {background:#fff !important; }
	.page-header {text-align:center; border:none;}
	#book {text-align:right;}
	.content  { padding-top:40px; padding-bottom:20px; font-size:14px;}
	.blog-featured p {padding-top:0px;}
	.item-page {padding:0px 0px 0px 0; border-top: 0px solid #222; }
	.column-1, .column-2, .column-3, .column-4 {
	border-top: 0px solid #222;
	margin: 0 0 0px;
	padding-top: 20px; padding-bottom:25px; padding-left:0px; padding-right:0px;
	position: relative;
	}
	.navigation {margin-bottom:0px;  font-size:14px; }

	.pos0 {padding-top:0px;}
	.pos2 {padding-top:10px; background:#eee; margin:0;}
	p {margin:0; font-size:15px;}
	.news {padding-right:0px;}
	.breadcrumb {background:none; margin:0; padding: 20px 0 20px 0;}
	.breadcrumb a {color: #000;text-decoration: none; font-size:20px; font-family:'Roboto Condensed', sans-serif;}
	.breadcrumb a:hover,a:focus {color: #666;text-decoration: none;}
	.breadcrumb .active {color: #000;text-decoration: none;font-size:20px; font-family:'Roboto Condensed', sans-serif;}
	a {color: #0aa4f3; text-decoration: underline;}
	a:hover,a:focus {color: #333; text-decoration: none;}
	.advert {padding-top:0px; text-align:center;}
	.Top1 {margin-top:0px;}
	.top_mod { }
	.Top4 {margin-top:0px;}

	#sidebarleft h3 {}
	#sidebarleft {}
	#sidebarright h3 {border-bottom:0px solid #00a890;}
	#sidebarright { margin-top:20px;}
	.readon-button {display:block; text-align:center; width:100%; margin-left:0px; margin-bottom:20px; background:none; border: 1px solid #ccc; height:38px; line-height:39px; box-sizing:border-box; clear:both;}
	dl.article-info dd {margin-left: 0; padding-bottom:2px; color:#000;}
	dd.published {width:65px; border-bottom:6px solid #ff6b6b; text-align:left; font-size:12px;}
	.btn-group {margin-top:5px;}
	.readmore .btn{background: #00a890;  padding:5px; margin-top:0px; margin-bottom:0px; color:#fff;}
	.readmore a {text-decoration: none;}
	.pagination ul > li > a, .pagination ul > li > span {border:none; background:#4ecdc4; margin-right:0px;}
	.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#222;}

	TOP SIDE MENU
	========================== */
	.navbar a {border:none !important;}
	.nav {padding:0px 0px 10px 0px; font-size:15px; border:0px solid #666;}
	.nav a {padding-top:0px; padding-bottom:5px; color:#000; border-bottom:0px dotted #ccc;}
	.nav a:hover, .nav a:focus {color:#fff; background:none !important;}

/* ===========================
	BOTTOM TOP
	========================== */
	.bottom_top {background:#ccc; margin-top:0px;}
	#bott-top { color:#333; padding-top:0px; padding-bottom: 0px;}
	#bott-top p a {color:#a72323; text-decoration: underline;}
	#bott-top p a:hover {color:#a72323; text-decoration: none;}

/* ===========================
	BOTTOM MID
	========================== */
	.bottom_mid { background:#eee;  color: #000;}
	.bottom_mid h3 {color: #000; font-size: 22px;}	
	#advert {padding-top:30px; padding-bottom:40px; }

/* ===========================
	BOTTOM MOD
	========================== */
	.bottom_mod { background:#999; padding-top:30px; color: #fff;}
	.bottom_mod h3 {color: #000; font-size: 22px;}
	.bottom_mod p a { color:#000; text-decoration: underline;}
	.bottom_mod p a:hover {color:#fff !important;}


/* ===========================
	FOOTER
	========================== */
	.footer_wrapper {background:#000;}
	.footer .container { background:none; font-size:11px; padding:20px 10px 20px 10px; color:#fff; text-align:center;}
	.footer .copy {font-size:11px;}
	.footer  a { color:#ccc;}
	.footer  a:hover {color:#999 !important;}

	#back-top {font-size:18px; font-weight:bold; font-family: Arial, sans-serif; color:#000; padding:0px; padding:25px 25px 0 20px; background:url(../images/top.png) no-repeat; }

	.top {margin-bottom:0px; margin-top:20px;}
	.copy {margin-top:0px;}

/* ===========================
	TEMPLATE OVERRIDES
	========================== */
    .nspMain { overflow: hidden !important; }
    .nspLinks ul { margin:0!important;}
    .nspBotInterface, .nspTopInterface {}
    .nspLinksWrap bottom {float:left;}
    .dj-select {font-size:1em !important; background:#fff;}
    .roksearch-wrapper {margin-top:20px; margin-right:60px; }
    #roksearch_search_str {width:100%;}
    .b2jcontainer h2 {background:none;}
    div#b2jcontainer_c233.b2jcontainer {background:none; border:none; padding:none !important;}
    #ty2udate105 {border-bottom:0px solid #4ecdc4; padding-top:20px; font-size:16px;margin-bottom:20px;}
    .gkNspPM-NewsBlocks > figure {border:none;}
    [class^="icon-"], [class*=" icon-"] {background-image:none; background-position:0; display:none;}
	.breadcrumb > li > .divider {padding: 0 5px; color: #fc0808;}
	#sp-page-builder .sppb-section-title {margin-bottom: 0px; position: relative; z-index: 1;}

	TOP MENU
	========================== */
    .topmenu_wrapper {background:#00a890; padding:0 !important;}
    .navbar {padding:0; margin-top:20px; float:right;}
    .navbar-inverse .navbar-inner {}
    .navbar .navbar-inverse {padding:0 !important;}
    .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {border:none !important; box-shadow:none;}
    .navbar-inner {border:none !important; padding:0; box-shadow: none !important; background:none; border-radius:0; float:right;}
    .navbar .nav > li > a {text-shadow:none; color:#fff; display: block; padding: 10px 0 10px 0; margin: 0 15px 0 15px;}
    .navbar .nav > li > a:hover {color:#ccc;}
    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {border-bottom:2px solid #0aa4f3; background:none !important; color:#ccc; font-weight:normal !important; box-shadow:none;}
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {font-weight:normal !important;}
    .navbar .nav  {font-family: 'Roboto Condensed',sans-serif; font-weight:normal; font-size: 28px;}
    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { }
    .navbar-inverse .brand, .navbar-inverse .nav > li > a {padding:20px 20px 20px 20px; color:#000; font-family: 'Roboto Condensed',sans-serif; font-weight:normal; font-size: 20px;}
    .navbar-inverse .brand, .navbar-inverse .nav > li > a:hover {color:#fff;}

    .navbar .btn-navbar {margin-bottom:5px;}


	/* background:#4682B4; background:url(../images/bg.gif) repeat top left; background:url(../images/bg_menu.png) repeat-x;*/

/* ===========================
	MODULE STYLES
	========================== */
	.moduletable {margin-bottom:0px;}



/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/


@media (max-width: 768px) {
    .booking {padding: 0 10px 0 10px;}
    .top_mod {width:100%;}
    .content  { padding:20px 10px 10px 10px;}
    .header  {padding:0px !important; width:100%;}
    #search {}
    .navigation {text-align:center; }
    .nav-collapse, .nav-collapse.collapse {text-align:center;}
    .pos0 {}
    img {padding-bottom:0px;}
    .advert {display:none;}
    .bigimage {display:none;}
    .span6 {padding-bottom:10px;}
    #mod_l {margin-bottom:0px !important;}
    #buttons {display:none;}
    .Top1 {display:none;}
    .bigimage {display:none;}
    #bott-top {padding: 0px;}
    }

@media (max-width: 480px) {
    .top_mod {width:100%;}
    .header  {padding:0px !important; width:100%;}
    #search {}
    #bott-top {padding: 0px;}
    .bottom_top {margin-top:0px;}
    #logo {padding:0 10px 0 10px;}
    h5 { font-size: 14px;}
    h3 {text-align:center; font-size:16px}
    img {text-align:center;}
    .navbar {padding:0; margin-top:50px; }
  .bottom_mod {padding-left:10px; padding-right:10px;}
  .breadcrumb {display: none; background: none;}
  .span6 {padding-bottom: 0px;}
  .bottom_mid h3 {font-size: 16px;}

}

/* ======================
	MODULES
	===================== */

/* ----------------------
	Special module styles
	--------------------- */
/* Special general */
[class*="special"] .module-content ul {
	margin: 0 0 10px 17px;
}

[class*="special"] .module-content ul.unstyled {
	margin: 0 0 10px 0;
}

/* -------------
	Special Grey
	------------ */
.specialgrey {
    border: 1px #e6e6e6 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
    background: #F5F5F5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
}

.specialgrey .page-header {
	border-bottom: 1px #ccc dotted;
	margin: 0;
	padding: 4px 19px;
}

.specialgrey .module-content {
	padding: 4px 19px;
}

/* -------------
	Special Blue
	------------ */
.specialblue {
    border: 1px #3c67a5 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #507bb9; /* Old browsers */
	background: -moz-linear-gradient(top,  #507bb9 0%, #3c67a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507bb9), color-stop(100%,#3c67a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #507bb9 0%,#3c67a5 100%); /* W3C */
}

.specialblue .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialblue hr {
    margin: 5px 0;
}

.specialblue .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialblue .module-content a {
	color: #fff;
}

/* -------------
	Special Red
	------------ */
.specialred {
    border: 1px #990000 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 0%,#990000 100%); /* W3C */
}

.specialred .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content a {
	color: #fff;
}

/* -------------
	Special Gold
	------------ */
.specialgold {
    border: 1px #ab7915 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #cc9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc9933 0%, #ab7915 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9933), color-stop(100%,#ab7915)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc9933 0%,#ab7915 100%); /* W3C */
}

.specialgold .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content a {
	color: #fff;
}

