html,body
{
	margin:0px;
	padding:0px;
	line-height:22px;
	/*line-height:20px;*/
	font-family:Lato, Arial;
	font-size:18px;
	/*font-size:16px;*/
	font-weight:300;
	color:#000000;
	background:#fff;
}

img[height="1"]
{
	display:none;
}

.ui-datepicker
{
	font-size:0.8em;
}

img.border
{
	width:100%;
	border:3px solid #fff;
	box-sizing: border-box;
}

#special-offer
{
	line-height:20px;
	font-size:16px;
}

#content img
{
	max-width:100%;
	height:auto;
}

*:focus
{
	outline-color: #88c425;
}

input, textarea, select
{
	font-family:Lato, Arial;
	font-size:14px;
	font-weight:300;
}

a
{
	color:#88c425;
	text-decoration:none;
	transition: opacity 150ms, color 150ms, background-color 150ms;
}

a:hover
{
	text-decoration:underline;
}

.small
{
	font-size:0.8em;
}

.uppercase
{
	text-transform:uppercase;
}

.align-right
{
	text-align:right;
}

.align-center
{
	text-align:center;
}

.row
{
	clear:both;
	float:left;
	width:100%;
}

.column,
.column.c2of2
.column.c3of3,
.column.c4of4
{
	float:left;
	width:100%;
}

.column.c1of2
{
	width:50%;
}

.column.c1of3
{
	width:33.3%;
}

.column.c1of3:first-child
{
	width:33.4%;
}

.column.c2of3
{
	width:66.6%;
}

.column.c2of3:first-child
{
	width:66.7%;
}

.column.c1of4
{
	width:25%;
}

.column.c2of4
{
	width:50%;
}

.column.c3of4
{
	width:75%;
}

.row.gray,
.column.gray
{
	color:#000000;
	background:#e1e1e1;
}


.row.gray a,
.column.gray a
{
	color:#000000;
}

.row.darkgray,
.column.darkgray
{
	color:#fff;
	background: #2e2e2e;
}

.row.darkgray a,
.column.darkgray a
{
	color:#fff;
}

.row.darkgray a:hover,
.column.darkgray a:hover
{
	color:#88c425;
	text-decoration:none;
}

.content
{
	display:block;
	width:auto;
}

.sidebar {
	float:right;
	overflow:hidden;
	width: 260px;
}

.column .content::after
{
	clear:both;
	content:' ';
	display:block;
	width:100%;
	height:0px;
}

.padding
{
	padding:30px 30px 30px 30px;
}

.column:first-child .padding
{
	padding-left:60px;
}

.column:last-child .padding
{
	padding-right:60px;
}

/* MAIN */

h1
{
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	line-height:40px;
	font-size:30px;
	font-weight:400;
}

h2
{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	line-height:30px;
	font-size:26px;
	font-weight:300;
	text-transform:uppercase;
}

h3
{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:30px;
	font-size:22px;
	font-weight:300;
	text-transform:uppercase;
}

h3 a
{
	color:#000000;
}

h3 a:hover
{
	color:#88c425;
	text-decoration:none;
}

p
{
	margin:0px 0px 20px 0px;
	padding:0px;
}

header
{
	z-index:99;
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	height:165px;
	transition: height 200ms;
}

header.fixed
{
	height:35px;
}

header .padding
{
	padding:35px 30px 20px 30px;
}

header #logo
{
	text-align:center;
}

header #logo a
{
	overflow:hidden;
	display:inline-block;
	margin:10px 0px 0px 0px;
	width:209px;
	height:91px;
	background: url(/images/template/thc-logo-02.png);
	text-indent:-9999px;
}

header #topmenu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

header #topmenu ul li
{
	padding:3px 0px;
	line-height:20px;
}

header #topmenu ul li a
{
	font-size:16px;
	text-transform:uppercase;
}

header #topmenu ul li.active > a
{
	color:#88c425;
}

header #submenu
{
    display:none;
}

header .line
{
	position:absolute;
	top:160px;
	right:0px;
	overflow:hidden;
	float:right;
	height:5px;
	background: #88c425;
}


#container::before
{
	content:' ';
	display:block;
	width:100%;
	height:164px;
	background:#2e2e2e;
}

#banner
{
	position:relative;
}

#banner ul#banner-content
{
	position:relative;
	margin:0px;
	padding:0px;
	height:400px;
	list-style:none;
}

#banner ul#banner-content li
{
	position:absolute;
	height:100%;
	width:100%;
	background-size:cover;
	background-position:center center;
}

#banner ul#banner-content li p
{
	position:absolute;
	bottom:30px;
	left:0px;
	float:left;
	margin:0px;
	padding:20px 20px 20px 60px;
	line-height: 27px;
	font-size:26px;
	color:#fff;
	text-transform:uppercase;
	background: rgba(0,0,0,0.75);
}

#banner ul#banner-content li p a
{
	color:#fff;
}

#banner ul#banner-content li p a:hover
{
	text-decoration:none;
}

#leftmenu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#leftmenu ul li
{
	padding:10px 0px;
	line-height:30px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
}

#leftmenu ul li.active a
{
	color:#88c425;
}

#booking .c
{
	float:left;
	padding: 0px 0px 15px 20px;
	box-sizing: border-box;
}

#booking .c label
{
	display:block;
	margin:0px 0px 15px 0px;
}

#booking .c input[type="text"]
{
	padding: 5px 10px;
	width:100%;
	height:33px;
	line-height:23px;
	border:0px;
	box-sizing: border-box;
}

#booking .c input.date
{
	background: #fff url(/images/template/bg-date.png) no-repeat 90% 50%;
}

#booking .c input[type="submit"],
#booking .c input.submit
{
	cursor: pointer;
	margin:15px 0px 0px 0px;
	padding: 5px 10px;
	width:100%;
	height: 33px;
	line-height: 23px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	background: #88c425;
	border: 0px;
	box-sizing: border-box;
}

#booking .c:first-child
{
	padding-left:0px;
}

#booking .c1
{
	width:25%;	
}

#booking .c2
{
	width:50%;
}

#booking .c3
{
	clear:both;
	padding-left:0px;
	width:75%;
}

#booking .c4
{
	clear:both;
	padding-left:0px;
	width:100%;
}

#booking .select
{
	float:left;
	position:relative;
	width:100%;
}

select.hasCustomSelect
{
	width:100% !important;
	height:33px !important;
	box-sizing: border-box !important;
}

.customSelect
{
	padding:5px 10px;
	width:100%;
	line-height:23px;
	color:#464646;
	background:#fff;
	box-sizing: border-box;
}

.customSelectInner
{
	width:100% !important;
	background:url(/images/template/bg-select.png) no-repeat center right;
	box-sizing: border-box;
}

.customSelectFocus
{
	color:#fff;
	background: #2e2e2e;
}

.customSelectFocus .customSelectInner
{
	background:url(/images/template/bg-select-hover.png) no-repeat center right;
}

footer
{
	font-size:15px;
}

footer ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

footer ul li
{
	padding:5px 0px;
	line-height:20px;
}

footer ul li.phone
{
	font-size:20px;
}

footer ul li.icon::before
{
	display:inline-block;
	content:' ';
	margin:0px 10px 0px 0px;
	height:20px;
	width:20px;
	vertical-align:bottom;
}

footer ul li.icon.phone::before
{
	background: url(/images/template/bg-phone.png) no-repeat center center;
}

footer ul li.icon.email::before
{
	background: url(/images/template/bg-email.png) no-repeat center center;
}

footer ul li.icon.location::before
{
	background: url(/images/template/bg-location.png) no-repeat center center;
}

footer ul li.icon.address::before
{
	background: url(/images/template/bg-address.png) no-repeat center center;
}

footer ul li.icon.info::before
{
	background: url(/images/template/bg-info.png) no-repeat center center;
}

#lang
{
	position:absolute;
	top:117px;
	right:60px;
	float:right;
}

#lang ul
{
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
}

#lang ul li
{
	float:left;
	padding: 5px 6px;
	width:18px;
	height:13px;
	margin:0px 0px 0px 1px;
	background:#000;
}

#lang ul li a
{
	overflow:hidden;
	float:left;
	width:16px;
	height:11px;
	border:1px solid #e1e1e1;
	border-radius: 1px;
	text-indent:-9999px;
}

#lang ul li.en a
{
	background: url(/images/template/flag-en.gif) no-repeat 0px 0px;;
}

#lang ul li.is a
{
	background: url(/images/template/flag-is.gif) no-repeat 0px 0px;;
}

#lang ul li.es a
{
	background: url(/images/template/flag-es.gif) no-repeat 0px 0px;;
}

#lang ul li.de a
{
	background: url(/images/template/flag-de.gif) no-repeat 0px 0px;;
}

#lang ul li.fr a
{
	background: url(/images/template/flag-fr.gif) no-repeat 0px 0px;;
}

#book-now
{
	position:absolute;
	right:60px;
	top:0px;
	float:right;
}

#book-now a
{
	float:left;
	padding:8px 10px;
	line-height:19px;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	background: #88c425;
}

#book-now a:hover
{
	color: #88c425;
	background: #fff;
}

#mobile
{
	display:none;
}

a.social
{
	opacity:1;
	overflow:hidden;
	display:inline-block;
	margin:32px 0px;
	width:62px;
	height:46px;
	text-indent:-9999px;
}

a.social:hover
{
	opacity:0.8;
}

.social.twitter
{
	background: url(/images/template/social-twitter.png) no-repeat center center;
}

.social.facebook
{
	background: url(/images/template/social-facebook.png) no-repeat center center;
}

.social.instagram
{
	background: url(/images/template/social-instagram.png) no-repeat center center;
}

.social.youtube
{
	background: url(/images/template/social-youtube.png) no-repeat center center;
}

.logo
{
	opacity:1;
	overflow:hidden;
	display:inline-block;
	margin:0px 0px 0px 40px;
	height:110px;
	text-align:left;
	text-indent:-9999px;
	width:150px;
}

.logo.logo-1
{
	width:145px;
	background: url(/images/template/logo-1.png) no-repeat center center;
}

.logo.logo-2
{
	width:107px;
	background: url(/images/template/logo-2.png) no-repeat center center;
}

.logo.logo-3
{
	width:126px;
	background: url(/images/template/logo-3.png) no-repeat center center;
}

.logo.logo-4
{
	width:150px;
	background: url(/images/template/tripad-travl2015.png) no-repeat center center;
}

a.logo:hover
{
	opacity:0.8;
}

#newsletter input[type="text"]
{
	clear:both;
	float:left;
	margin:0px 0px 15px 0px;
	padding:5px 10px;
	width:250px;
	height:33px;
	line-height:23px;
	border:0px;
}

#newsletter input[type="submit"]
{
	cursor:pointer;
	clear:both;
	float:left;
	padding:5px 10px;
	height:33px;
	line-height:23px;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
	background:#88c425;
	border:0px;
}

#newsletter > div
{
	clear:both;
	float:left;
	margin:0px 0px 15px 0px;
	width:100%;
}

ul.list
{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.list li
{
	clear:both;
	float:left;
	padding:10px 0px;
	width:100%;
	border-top:1px solid #cfcfcf;
}

ul.list li:first-child
{
	border-top:0px;
}

ul.list li a
{
	line-height:25px;
	color:#000;
	font-weight:400;
	text-transform:uppercase;
}

ul.list li a:hover
{
	color:#88c425;
	text-decoration:none;
}

ul.rooms
{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.rooms li
{
	position:relative;
	clear:both;
	float:left;
	margin:15px 0px;
	width:100%;
	min-height:230px;
	background:#f1f1f1;
}

ul.rooms li > a
{
	overflow:hidden;
	position:absolute;
	float:left;
	width:44%;
	height:100%;
}

ul.rooms li:hover a
{
	color:#88c425;
}

ul.rooms li > a > img
{
	position:absolute;
	width:100%;
	height:auto;
}

ul.rooms li > a > img.height
{
	width:auto;
	height:100%;
}

ul.rooms li:hover > a::after
{
	display:block;
	content:' ';
	position:absolute;
	width:100%;
	height:100%;
	border:5px solid #88c425;
	box-sizing:border-box;
}

ul.rooms li > div
{
	float:right;
	padding:20px 3%;
	width:50%;
}

/* FRONT */

.alert
{
	width: 100%;
	padding:10px 0px;
	min-height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: #88c425;
}

.alert p
{
	margin-bottom: 0;
}

.alert a
{
	color: #fff;
	text-decoration: underline;
}

#main > .alert
{
	position:relative;
}

#main > .alert + *
{
	clear:both;
}

#front-left
{
	position:relative;
	height:600px;
}

ul#front-left-content
{
	position:absolute;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#front-left-content li
{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
}

ul#front-left-content li .content
{
	position:absolute;
	padding-bottom:90px;
	padding-left:60px;
	bottom:0px;
	left:0px;
	color:#fff;
	text-shadow: 2px 1px rgba(0,0,0,0.5);
}

ul#front-left-content li .content h1
{
	margin:0px 0px 10px 0px;
	line-height:60px;
	font-size:50px;
	font-weight:300;
	text-transform:uppercase;
}

ul#front-left-content li .content h1 a,
ul#front-left-content li .content h2 a
{
	color:#fff;
}

ul#front-left-content li .content h1 a:hover,
ul#front-left-content li .content h2 a:hover
{
	text-decoration:none;
}

ul.paging
{
	z-index:2;
	position:absolute;
	bottom:25px;
	right:30px;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.paging li
{
	float:left;
	padding:0px 0px 0px 5px;
	width:6px;
	height:6px;
}

ul.paging li a
{
	opacity: 0.5;
	overflow:hidden;
	float:left;
	width:6px;
	height:6px;
	background: url(/images/template/bg-paging.png) no-repeat 0px 0px;
	text-indent:-9999px;
}


ul.paging li.active a,
ul.paging li a:hover
{
	opacity: 1;
}

ul#front-right
{
	overflow:hidden;
	height:600px;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#front-right li:first-child
{
	height:33.4%;
}

ul#front-right li
{
	position:relative;
	height:33.3%;
	width:100%;
	color:#fff;
	text-shadow: 2px 1px rgba(0,0,0,0.5);
	background-size:cover;
	background-position:center center;
	transform: scale(1);
	transition: all 200ms;
}

ul#front-right li:hover
{
	transform: scale(1.025);
}

ul#front-right li a
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background: rgba(0,0,0,0);
	transition:background 200ms;
}

ul#front-right li a span
{
	position:absolute;
	bottom:15px;
	left:25px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
}

ul#front-right li a:hover
{
	text-decoration:none;
	background: rgba(0,0,0,0.5);
}

ul#front-right li h3
{
	position:absolute;
	bottom:15px;
	left:25px;
}

ul.blog
{
	clear:both;
	float:left;
	margin:-15px 0px 0px 0px;
	padding:0px 45px 30px 45px;
	width:100%;
	list-style:none;
	box-sizing: border-box;
}

ul.blog li
{
	float:left;
	padding:15px 15px 0px 15px;
	width:33.3%;
	box-sizing: border-box;
	transition:all 200ms;
}

ul.blog li:hover
{
	background:#f2f2f2;
}

ul.blog li:first-child
{
	width:33.4%;
}

ul.blog li div,
div.blog div
{
	overflow:hidden;
	width:100%;
	height:215px;
}

ul.blog li img,
div.blog img
{
	position: relative;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
}

ul.blog li p,
div.blog p
{
	margin:15px 0px;
	padding:0px;
	line-height:30px;
	font-size:20px;
}

a.more
{
	display:inline-block;
	padding:5px 10px;
	line-height:23px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	background:#88c425;
}

a.more:hover
{
	text-decoration:none;
	background:#2e2e2e;
}


span.date
{
	display:inline-block;
	margin:0px 0px 0px 10px;
	padding:5px 10px 5px 30px;
	line-height:23px;
	font-size:14px;
	background: url(/images/template/bg-time.png) no-repeat 7px 50%;
}

div.special-offer-list
{
	padding: 10px 0;
	text-align:left;
}
div.special-offer-list div.item
{
	border-bottom: 1px solid #CCCCCC;
	padding: 15px 0 15px;
	position: relative;
	clear: both;
}

div.special-offer-list div.item a.more
{
	position: absolute;
	bottom: 15px;
	right: 0;
}

div.special-offer-list div.item div.summary
{
	padding-right:100px;
}

div.special-offer-list div.item div.text 
{
	display: none;
	margin-bottom:50px;
}

.room
{
	clear:both;
	float:left;
	width:100%;
}

.room-image
{
	clear:both;
	float:left;
	padding:0px 0px 15px 0px;
	width:100%;
}

.room-image img
{
	width:100%;
	height:auto;
}

.room-image-list
{
	clear:both;
	float:left;
	padding:0px 0px 15px 0px;
	width:100%;
}

.room-image-list ul
{
	position:relative;
	left:-5px;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none;
}

.room-image-list ul li
{
	float:left;
	padding:0px 5px;
}

.room-content
{
	clear:both;
	float:left;
	padding:30px 0px;
	width:100%;
}

.room-image-list + .room-content,
.room-image + .room-content
{
	border-top:1px solid #e1e1e1;
}

.room-content-left
{
	float:left;
	width:45%;
}

.room-content-right
{
	float:right;
	width:45%;
}

.room-content > *:first-child:last-child
{
	width:100%;
}

ul.news-list
{
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none;
}

ul.news-list > li
{
	position:relative;
	clear:both;
	float:left;
	padding:30px 0px 20px 0px;
	width:100%;
	min-height:130px;
	border-bottom: 1px solid #e1e1e1;
}

ul.news-list > li h2 
{
	text-transform:none;
}

ul.news-list > li h2 a
{
	color:#000000;
}

ul.news-list > li h2 a:hover
{
	color:#88c425;
	text-decoration:none;
}

#content ul.news-list > li img
{
	position:absolute;
	top:30px;
	right:0px;
	float:right;
	width:26%;
	max-width:200px;
	box-sizing: border-box;
	border:3px solid #e1e1e1;
}

ul.news-list > li p
{
	float:left;
	margin:0px;
	width:100%;
	padding:0px 240px 0px 0px;
	box-sizing: border-box;
}

ul.news-list > li h2 + p
{
	padding:0px;
}

ul.news-paging
{
	clear:both;
	float:left;
	margin:0px;
	padding:20px 0px;
	width:100%;
	list-style:none;
}

ul.news-paging li
{
	float:left;
	display:inline-block;
	padding:1px 1px;
}

ul.news-paging li > *
{
	float:left;
	padding:5px;
	width:20px;
	height:20px;
	text-align:center;
}

ul.news-paging li > a
{
	color:#000000;
	background:#e1e1e1;
}

ul.news-paging li > a:hover,
ul.news-paging li > strong
{
	font-weight:normal;
	color:#fff;
	background:#88c425;
	text-decoration:none;
}

ul.gallery
{
	clear:both;
	float:left;
	margin:15px 0px 0px -5px;
	padding:15px 0px;
	list-style:none;
	border-top:1px solid #e1e1e1;
}

ul.gallery li
{
	float:left;
	padding:5px;
}

div.shortcuts
{
	clear:both;
	float:left;
	padding:15px 0px;
	width:100%;
	border-top:1px solid #e1e1e1;
}

div.shortcuts a
{
	display:inline-block;
	padding: 5px 10px;
	height: 23px;
	line-height: 23px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	background: #88c425;
}

div.shortcuts a:hover
{
	text-decoration:none;
	color: #000000;
	background:#e1e1e1;
}

ul.gallery2
{
    margin:0;
    padding:0;
    list-style:none;
}

ul.gallery2 li
{
    float:left;
    display:block;
    width: 21%;
    padding: 2% 5%;
    /*width:125px;
    height:160px;*/
    overflow:hidden;
}

@media screen and (max-width: 480px)
{
	ul.gallery2 li
	{
		width: 38%;
    	padding: 2% 5%;
	}
}

ul.gallery2 li a
{
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 1.5em;
}

ul.gallery2 li a span
{
	display: block;
	height:60px;
}

/*@media screen and (max-width: 1260px) and (min-width: 1023px)
{
	ul.gallery2 li a
	{
		font-size: 15px;
		line-height: 1.5em;
	}
}*/

ul.gallery2 li a img
{
	width: 100%;
}


/* FORM KRUMP */

.form .extra
{
  display: none;
}

.form label
{
	display: block;
	margin: 10px 0;
}

.form label span
{
  color: #d00;
}

.form .radio-checkbox label
{
  display: inline-block;
  margin-right: 20px;
}

.form input,
.form textarea,
.form select
{
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #999999;
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
  -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
  box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
  padding:8px;
  margin-bottom:20px;
  width: 100%;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.form input:focus,
.form textarea:focus,
.form select:focus 
{
  color: #000000;
}

.form input.small,
.form textarea.small,
.form select.small
{
  width: 33%;
}

.form input[type=radio],
.form input[type=checkbox] 
{
	width: auto;
}
.form textarea 
{
	height: 180px;
	*width: 95%;
}

.form input[type="submit"] {
	display: block;
	margin: 15px 0;
	width: 200px;
	padding: 10px 0;
	border: 1px solid #c3cbd9;
	text-align: center;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #fff;
	background: #f5f7f9 url(/images/template/table_th_bg.png);
	background: -moz-linear-gradient(top, #f5f7f9 0%, #dfe3eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f7f9), color-stop(100%,#dfe3eb));
	background: -webkit-linear-gradient(top, #f5f7f9 0%,#dfe3eb 100%);
	background: -o-linear-gradient(top, #f5f7f9 0%,#dfe3eb 100%);
	background: -ms-linear-gradient(top, #f5f7f9 0%,#dfe3eb 100%);
	background: linear-gradient(top, #f5f7f9 0%,#dfe3eb 100%);
	cursor: pointer;
	-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
	-moz-box-shadow: inset 0px 0px 0px 1px #fff;
	box-shadow: inset 0px 0px 0px 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.form input[type="submit"]:hover,
.form input[type="submit"]:active {
	text-decoration: none;
	-webkit-box-shadow: inset 0px 0px 3px 2px #fff;
	-moz-box-shadow: inset 0px 0px 3px 2px #fff;
	box-shadow: inset 0px 0px 3px 2px #fff;
}

.form #media-form-message
{
  color: #d00;
  font-weight: bold;
}

.form #media-form-message .success
{
  color: #0d0;
}

/* FORM ENDAR */


@media screen and (max-width:1023px)
{
	html,body
	{
		line-height:18px;
		font-size:14px;
		text-align:center;
	}

	h1
	{
		margin:0px 0px 15px 0px;
		line-height:30px;
		font-size:22px;
	}

	h2
	{
		margin:0px 0px 10px 0px;
		line-height:20px;
		font-size:18px;
	}

	h3
	{
		margin:0px 0px 10px 0px;
		line-height:20px;
		font-size:14px;
	}

/*,
	#special-offer,
	#booking*/
	#banner,
	#leftmenu,
	.mob-hide
	{
		display:none;
	}
	

	.column
	{
		clear:both !important;
		float:left !important;
		width:100% !important;
	}

	.padding
	{
		padding:20px 15px !important;
	}

	header
	{
		position:relative;
		overflow:visible;
		height: 120px;
	}
	
	header.submenu
	{
	    height:165px;
	}
	
	header.submenu #mobile
	{
	    top:37%;
	}
	
	header #submenu
	{
	    display:block;
	    position:absolute;
	    top:115px;
        width: 100%;
        background: rgb(8, 8, 8) none repeat scroll 0% 0%;
        text-transform: uppercase;
        text-align: left;
        z-index:1;
	}
	
	header #submenu > a
	{
	    display:block;
	    line-height:45px;
	    height:45px;
	    padding:0 20px;
	}
	
	header #submenu > a:after
	{
	    float:right;
	    margin-top:15px;
	    width:15px;
	    height:17px;
	    background:url(/images/template/sub-open.png) no-repeat;
	    display:block;
	    content:'';
	}
	
	header #submenu a.open:after
	{
	    background:url(/images/template/sub-close.png) no-repeat;
	}
    
    header #submenu ul
    {
        display:none;
        list-style:none;
        margin:0;
        padding:0 0 20px;
    }
    header #submenu ul li a
    {
        display:block;
        padding:5px 20px;
        line-height:100%;
        font-size:16px;
    }
	header .line
	{
		top:auto;
		bottom:0px;
	}

	#book-now
	{
		top:auto;
		right:0px;
		bottom:-30px;
	}

	#book-now a
	{
		border-bottom-left-radius: 5px;
	}

	#book-now a:hover
	{
		color:#fff;
		background: #88c425;
	}

	#lang
	{
		right:6px;
		top:6px;
		bottom:auto;
		left:auto;
	}

	div#logo
	{
		float:left;
		margin-top:-11px;
	}

	#topmenu
	{
		margin-top:2px;
		background:#2e2e2e;
		border-bottom:5px solid #88c425;
        position:relative;
        z-index:2;
	}

	#mobile
	{
		display:block;
		position:absolute;
		top:50%;
		margin-top:-12px;
		right:10px;
		float:right;
		width:23px;
		height:18px;
	}

	#mobile a
	{
		overflow:hidden;
		float:left;
		width:23px;
		height:18px;
		text-align:left;
		text-indent:-9999px;
		background: url(/images/template/bg-mobile.png) no-repeat top left;
	}

	#mobile a:hover,
	#mobile.open a
	{
		background-position:top right;
	}

	#topmenu
	{
		display:none;
	}

	#container::before
	{
		display:none;

	}

	#main
	{
		margin-top:25px;
	}

	#logos > .column.c1of3
	{
		display:none;
	}

	#logos .align-right
	{
		text-align:center;
	}

	#logos .logo,
	#logos .logo[style]
	{
		margin:0px 2%;
		max-width:44%;
		max-height:80px;
		background-size:contain !important;
	}

	footer > .column.c1of3
	{
		display:none;
	}

	footer > .column.c1of3:first-child
	{
		display:block;
		text-align:center;
	}

	ul.rooms li
	{
		min-height:none;
	}

	ul.rooms li > a
	{
		position:relative;
		width:100%;
		height:auto;
	}

	ul.rooms li > a > img
	{
		position:relative;
		width:100%;
		height:auto;
	}

	ul.rooms li > div
	{
		clear:both;
		float:left;
		padding:15px 5%;
		width:90%;
	}

	#front-left
	{
		height:auto;
	}

	ul#front-left-content
	{
		position:relative;
		height:auto;
	}

	ul#front-left-content li
	{
		position:relative;
		height:auto;
	}

	ul#front-left-content li .content
	{
		position:relative;
		text-align:center;
	}

	ul#front-left-content li .content.padding
	{
		padding-top:50px !important;
	}

	ul#front-left-content li .content h1
	{
		line-height:35px;
		font-size:25px;
	}

	ul.paging
	{
		display:none;
	}

	.alert
	{
		position: relative;
	}

	ul#front-left-content
	{
		height: 145px;
		overflow: hidden;
	}

	#front-left-content:after
	{
	    content: "";
	    display: table;
	    clear: both;
	}


	ul#front-right
	{
		height:auto;
	}

	ul#front-right li:first-child
	{
		height:auto;
	}

	ul#front-right li
	{
		padding:30px 10px;
		height:auto;
		text-align:center;
		box-sizing: border-box;
	}

	ul#front-right li a,
	ul#front-right li a span
	{
		position:relative;
		bottom:0px;
		left:0px;
		margin:0px;
		width:100%;
		height:auto;
		line-height:30px;
		background:none !important;
	}

	ul#front-right li h3
	{
		position:relative;
		bottom:0px;
		left:0px;
		margin:0px;
		line-height:30px;
		/*background:rgba(0,0,0,0.25);*/
	}

	ul.blog
	{
		padding:0px;
		width:100%;
	}

	ul.blog li
	{
		clear:both;
		padding:15px;
		width:100%;
	}

	ul.blog li:first-child
	{
		width:100%;
	}

	ul.blog li p
	{
		margin:5px 0px;
		line-height:24px;
		font-size:16px;
	}

	span.date
	{
		display:none;
	}

	.room-content-left,
	.room-content-right
	{
		clear:both;
		width:100%;
	}

	#content ul.news-list > li img
	{
		position:relative;
		top:0px;
		right:0px;
		display:block;
		float:none;
		margin:0px auto;
		width:100%;
	}

	ul.news-list > li p,
	ul.news-list > li h2 + p
	{
		padding:15px 0px 0px 0px;
	}

	ul.news-paging li
	{
		float:none;
	}

	#main > .alert
	{
		margin-top:10px;
	}
}


.employees
{
	clear:both;
	float:left;
	width:100%;
}

.employee
{
	float:left;
	width:50%;
	border-bottom:1px solid #ccc;
}

.employee:nth-child(2n+1)
{
	clear:both;
}

.employee .employee-image
{
	position:relative;
	height:200px;
	width:130px;
	background:#ddd;
	text-align:center;
}

.employee .employee-image strong
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-10px;
	width:100%;
}

.employee td:first-child + td
{
	width:70%;
}

.employee td:first-child + td p
{
	margin-bottom:0px;
	padding-bottom:0px;
}

.employee td:first-child + td h3
{
	margin-bottom:5px;
}


@media screen and (min-width: 1024px) and (max-width: 1800px) 
{
	.employee
	{
		clear:both;
		width:100%;
	}
}


@media screen and (min-width: 320px) and (max-width: 768px) 
{
	.employee
	{
		clear:both;
		padding-bottom:25px;
		width:100%;
	}

	.employee .employee-image
	{
		position:relative;
		height:auto;
		width:100%;
		background:none;
		text-align:center;
	}
}

@media screen and (max-width: 480px)
{
  .employee table,
  .employee table tbody,
  .employee table tr,
  .employee table tr td
    {
    display: block;
  }
  
  .employee table tr td,
  .employee td:first-child + td
    {
    width: 100%;
    position: relative;
    text-align: center;
  }
  
  .employee table tr td h2
  {
    margin-top: 15px;
  }
  
  .employee table tr td img,
  .employee table tr td div
  {
    margin: 15px auto 0;
  }
}


#offers .column
{
	float:left;
}

#offers .column .content
{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0px 15px 15px 0px;
}

#offers a
{
	overflow:hidden;
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:285px;
	background: no-repeat center center #f2f2f2;
	background-size:cover;
}

#offers a span
{
	position:absolute;
	left:0px;
	bottom:0%;
	/*bottom:-100%;*/
	clear:both;
	float:left;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	color:#fff;
	background: rgba(46,46,46,0.5);
	text-align:center;
	/*transition:bottom 200ms;*/
	transition:background 400ms;
}

#offers a:hover span
{
	/*bottom:0%;*/
	background: rgba(46,46,46,1);
}

@media screen and (max-width: 1023px)
{
	#offers .column .content
	{
		padding:0px 0px 15px 0px;
	}

	#offers a
	{
		height:185px;
	}

	#offers a span,
	#offers a:hover span
	{
		bottom:0%;
	}
}

/* search */

#search
{
	position:relative;
	float:left;
	margin:0px 5px 0px 0px;
	padding:5px;
	height:25px;
	background: rgba(0,0,0,0);
	transition:background 400ms;
}

#search.active
{
	background: rgba(0,0,0,1);
}

#search input:focus
{
	outline:none;
}

#search input[type="submit"]
{
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	width:25px;
	height:25px;
	text-align:left;
	text-indent:-999px;
	border:0px;
	background:url(/images/template/bg-search.png) no-repeat center center;
}

#search input[type="text"]
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	line-height:25px;
	width:0px;
	border:0px;
	background:none;
	color:rgba(255,255,255,0);
	transition: width 400ms, padding 400ms, margin 400ms, color 400ms;
}

#search.active input[type="text"]
{
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 15px;
	width:140px;
	color:rgba(255,255,255,1);
}

@media screen and (max-width:1023px)
{
	#search
	{
		display:none;
	}
}

.cke_show_borders
{
	text-align:left;
}


/* LANGUAGES */


#languages
{
	z-index:9999;
	overflow:visible;
	position: absolute;
	top: 95px;
	right: 60px;
	float: right;
	padding:5px;
	min-height:35px;
	background:#232323;
}

#languages ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#languages ul li
{
	display:none;
	clear:both;
	float:left;
	height:35px;
	white-space:nowrap;
	text-align:right;
}

#languages ul li.active
{
	display:block;
}

#languages ul li a
{
	float:left;
	padding:10px;
	line-height:15px;
	min-width:105px;
	font-size:16px;
	font-weight: 400;
	color:#787878;
	white-space:nowrap;
	transition:none;
}

#languages ul li a::after
{
	display:inline-block;
	content:' ';
	margin:5px 0px 2px 15px;
	height:8px;
	width:15px;
}

#languages ul li.active a::after
{
	background: url(/images/template/bg-language.png) no-repeat top left;
}

#languages ul li a:hover
{
	color:#ffffff;
}

header.show-languages
{
	overflow:visible;
}

header.fixed.show-languages
{
	overflow:hidden;
}

.show-languages #languages
{
	background:#cccccc;
}

.show-languages #languages ul li
{
	display:block;
}

.show-languages #languages ul li a
{
	color:#232323;
}

.show-languages #languages ul li a:hover
{
	color:#fff;
	background:#88c425;
}

.show-languages #languages ul li.active a::after
{
	background-position: center left;
}

#languages ul li.active a:hover::after
{
	background-position: bottom left;
}

@media screen and (min-width: 1024px) and (max-width: 1399px)
{
	#book-now
	{
		right:10px;
	}

	#languages
	{
		right: 10px;
	}
}

@media screen and (max-width: 1023px) 
{
	#languages
	{
		top:0px;
		right:0px;
	}

	#languages
	{
		padding:3px;
		background:none;
	}
}


#booking .columns
{
	clear:both;
	margin:0px -25px;
}

#booking .columns .c.c1of2
{
	padding:10px 25px;
	width:50%;
}

#booking .columns .c.c1of3
{
	padding:10px 25px;
	width:33.33%;
}

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

	#booking .columns
	{
		margin:0px -10px;
	}

	#booking .columns .c.c1of2
	{
		padding:5px 10px;
	}

	#booking .columns .c.c1of3
	{
		padding:5px 10px;
	}
}