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


@h1h2color: #34B3CD;
@color-code:"-sky";

@color1: #34B3CD;

@color1-dark:#27899E; 
@color1-light:#DEF4F7; 

@border-leftcol: #005500;
@border-rightcol: #007700;

.logincolor h3 {
	background-color: @color1!important;
	background-image: url(../../images/user-small-white.png) !important;
	border-color: @color1-dark !important;
}

#slideadv .grey .e4j-menutitle {
	color:#666;
}
.noborder {
	border:0 !important;
}

.grid-module > .leftborder h3 {
	border-left: 5px solid @color1;
}

#menutitlemob {
	border-left:1px solid @border-leftcol;
	border-right:1px solid @border-leftcol;
	background: @color1  url(../../images/menumobile_white.png);
}
.menumobile ul li {
	background: @color1;
	border-bottom:1px solid @color1;
}

.grid-module > .color {
	background: @color1;
}
.grid-module > .color .e4j-divmenutitle {
	color: #fff !important;
}
.grid-module > .color a {
	color: #333;
}
.grid-module > .color a:hover {
	color: #000;
}


/**** Start ***/

.e4jtran {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.e4jtran:hover {
	transition:all 400ms ease-in-out 0s;
	-moz-transition:all 400ms ease-in-out 0s;
	-webkit-transition:all 400ms ease-in-out 0s;
	-o-transition:all 400ms ease-in-out 0s;
}

body {
	background: #fff;
}
h1, h2 {
	color: @h1h2color;
}

a:hover {color:@color1}

.moduletable ul li a:hover, .moduletable ul li.active a {
	color:@color1;
}
.breadcrumbs .last {
	color:@color1;
}
.breadcrumbs a:hover {
	color:@color1;
}
.createdby a {
	color:@color1;
}
.search-btn {
	background: url("../../images/search-btn@{color-code}.png") left center no-repeat;
}
input.mod-submit-btn {
	background: @color1;
	color: #fff;
	border:1px solid @color1-dark;
	.e4jtran
}
input.mod-submit-btn:hover {
	background: @color1-dark;
	.e4jtran
}
.submenu-content a {
	color: #fff;
}
.l-inline ul > li a:hover {
	color:@color1;
	.e4jtran
}
.l-inline > div > ul > li.active > a .e4jmenu,
.l-inline > div > ul > li:hover > a .e4jmenu {
	color: @color1;
}
.l-inline li .l-block {
	background: @color1;
}
.l-inline li .l-block li a {
	color: #fff;
	.e4jtran
}
.l-inline li .l-block li a:hover {
	color: #333;
	.e4jtran
}
.l-inline li:hover .e4j-menusubtitle {
	color: #999;
}
.loginmenu h3:hover .e4j-menutitle {
	color:@color1;
	.e4jtran
}
.moduletable a.readmore:hover, .moduletable a.readmore:hover {
	color:#999;
}
.tags > span > a, .pagenav li a, .pagination li > a,  {
	background: @color1;
	border:1px solid @color1-dark;
	color: #fff;
	.e4jtran
}
.tags > span > a:hover, .pagenav li a:hover, .pagination li:hover > *, .pagination li > span{
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.readmore a {
	background:@color1;
	color:#fff;
	padding:5px 10px;
	.e4jtran
}
.readmore a:hover {
	background:#777;
	.e4jtran
}
.blog .items-more a:hover {
	color: @color1;
}
.categories-list .item-title a {
	color: @color1;
}
.categories-list .item-title a:hover {
	color: #666;
}
.itemtitle h3 a {
	color: #fff !important;
}
.tsendiscr span, .tsinit span, .tsend span {
	color: @color1 !important;
}
.item-page h2, .blog-featured h2, .blog h2 {
	color: @h1h2color;
}
.item-page h2 a, .blog-featured h2 a, .blog h2 a {
	color: @h1h2color;
}
.item-page .article-info dd a, .blog-featured .article-info dd a, .blog .article-info dd a {
	color:@color1;
}
.item-page .article-info dd a:hover, .blog-featured .article-info dd a:hover, .blog .article-info dd a:hover{
	color:#666;
}
.search input.button,
#finder-search button.button {
	background: @color1;
	border:1px solid @color1 !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @color1;
}
.search #searchForm fieldset a {
	color:@color1;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@color1;
	font-weight:bold;
}
#advanced-search-toggle {
	color:@color1;
}
#advanced-search-toggle:hover {
	color:@color1;
}
span.highlight {
	color:@color1;
}
.titloc {
	color:@color1;
}
.blog .items-more h3 {
	color: @color1;	
}
.modsearch input.button {
}
.moduletable-login {
	background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 2px 0 #000000;
}
.moduletable-login h3 {
	background:url(../../images/locked.png) 15px center no-repeat;
	font-weight:normal !important;
}
input.inputbox, button.button {
	.e4jtran
}
input.inputbox:hover, input.inputbox:focus {
	border:1px solid @color1;
	.e4jtran
}
button.button:hover {
	background:@color1-dark;
	.e4jtran
}
.profile .mod-profile a:hover {
	background:@color1;
}
#adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a {
	color:@color1 !important;
}
#contact-slider .panel h3 a span {
	color:@color1;
}
footer {
	color:#999;
	border-top:2px solid @color1;
}
footer a {
	color:#999;
}
footer a:hover, footer li.active a {
	color:@color1;
}
footer h2, footer h3{
	font-weight:bold;
	color:@color1;
}

/************* SUBTITLES STYLES ****/
/**** substyle1 ***/
#cnt-container .e4j-divmenutitle{
	color: @color1;
}
#cnt-container .e4j-menusubtitle{
	color: #999;
}

#subfooter ul li a:hover {
	color: @color1;
}

/**** override system message ****/

#system-message > .message > ul {
	background-color: #DDDDDD !important;
}
#system-message > dd > ul {
	border-bottom:3px solid #C3D2E5 !important;
	border-top:3px solid #C3D2E5 !important;
	color:@color1 !important;
	margin:3px !important;
	border-radius:4px !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
}
@import "../vikbooking_owr.less";