/* -----------------------------------------------------------------------------------------
										Adamo Travel
----------------------------------------------------------------------------------------- */


/* layout colors

#252627		black
#eb8c6d		peach
#f2d03b		yellow
#4ad6bd		turquoise
#00a1d9		light blue
#04518c		dark blue
#003056		dark blue 2

*/

@import url('form.css');
@import url('animate-custom.css');

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */



/* -----------------------------------------------------------------------------------------
	General setup
----------------------------------------------------------------------------------------- */

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; color:#252627;
	border-top: 5px solid #4ad6bd; background-color: #edf9fd; }

h1, h2, h3, h4, h5, h6 { font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; margin: 0px; padding: 0px; }

p			{ margin: 0px; padding: 8px 0; }
ul, ol		{ padding: 0; margin: 4px 6px 18px 30px; }
li			{ padding: 0; margin: 0; }

a			{ color: #00a1d9; text-decoration: none; }
a:hover		{ color: #00a1d9; text-decoration: underline; }
a:focus		{ outline: none; }

img, form, fieldset { margin: 0px; padding: 0px; border:none; }
input:focus, textarea:focus, select:focus { outline: none; }

.clr		{ clear: both; }
.left		{ float:left !important; }
.right		{ float:right !important; }
.hidden		{ display: none !important; }
.visible	{ display: block !important; }

.pic-left	{ float: left; margin: 4px 13px 2px 0; padding: 5px; line-height:0; background-color:#fff; }
.pic-right	{ float: right; margin: 4px 0 2px 13px; padding: 5px; line-height:0; background-color:#fff; }
.pic-center	{ display: block; margin: 4px auto 14px; padding: 5px; line-height:0; background-color:#fff; }

.shadow		{ -webkit-box-shadow: 0 0 4px #666; -moz-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666; }

::selection			{ background: #4ad6bd; }
::-moz-selection	{ background: #4ad6bd; }



/* -----------------------------------------------------------------------------------------
	Containers
----------------------------------------------------------------------------------------- */

#wrapper	{ width: 980px; margin: 0 auto; }
#header		{ height: 108px; font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.logo		{ padding-top: 38px; float: left; width: 320px; }

/* wrapper padding for mobile devices */
@media only screen and (max-device-width: 1024px){
	body	{ border: none; }
	#wrapper{ padding: 0 10px; border-top: 5px solid #4ad6bd; background-color: #edf9fd; }
}
@media only screen and (max-device-width: 480px){
	body 	{ border: none; }
	#wrapper{ padding: 0 10px; border-top: 5px solid #4ad6bd; background-color: #edf9fd; }
}




/* -----------------------------------------------------------------------------------------
	Language
----------------------------------------------------------------------------------------- */

.language		{ float: right; line-height: 28px; padding: 0 4px 26px 0; font-weight: 500; font-size: 14px; }
.language ul	{ margin: 0; padding: 0; }
.language li	{ float: left; list-style-type: none; margin: 0; padding: 0 1px; }
.language li a	{ color: #003056; padding: 0 3px; }
.language li a:hover,
.language li.selected a	{ text-decoration: none; border-bottom: 1px solid #eb8c6d; }




/* -----------------------------------------------------------------------------------------
	Navigation
----------------------------------------------------------------------------------------- */

.nav			{ float: right; clear: right; line-height: 34px; font-weight: 400; font-size: 14px; }
.nav ul			{ padding: 0; margin: 0; }
.nav li			{ float: left; list-style-type: none; margin: 0; padding: 0 4px 0 14px; }
.nav li a		{ padding: 0 5px; color: #003056; padding-bottom: 0px; border-bottom-color: #4ad6bd; -webkit-transition: all 0.16s ease-in-out 0s; -moz-transition: all 0.16s ease-in-out 0s; -o-transition: all 0.16s ease-in-out 0s; -ms-transition: all 0.16s ease-in-out 0s; transition: all 0.16s ease-in-out 0s; }
.nav li a:hover,
.nav li.selected a	{ text-decoration: none; border-bottom: 2px solid #4ad6bd; padding-bottom: 3px; }




/* -----------------------------------------------------------------------------------------
	Content
----------------------------------------------------------------------------------------- */

#content {
	position: relative;
	background: url(../images/content_bg.png) repeat-x left 471px #fff;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd;
	-moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd;
	box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd;
	min-height: 1220px;
}




/* -----------------------------------------------------------------------------------------
	Focus
----------------------------------------------------------------------------------------- */

#focus, #map-container	{ height: 470px !important; display: block; line-height: 0px; position: relative; margin-bottom: 18px; }

/* Focus gallery */
.focus-wrapper 			{ width:980px; height:470px; position:relative; overflow: hidden; }

.focus-item 			{ width:980px; height:470px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
.focus-item img 		{ -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; }

.focus-text 			{ font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 500; line-height: 50px; color: #fff; text-align: right; text-shadow: 1px 1px 0px rgba(0,0,0,0.27); position: absolute; right: 0; top: 56px; z-index: 100; max-width: 660px; }
.focus-text span 		{ float: right; clear: both; display: inline-block; background: #56d8c3; background: rgba(74,214,189,0.9); margin-bottom: 8px; padding: 2px 14px; }

.focus-nav 				{ position: absolute; bottom: 10px; left: 320px; z-index: 100; }
.focus-nav ul,
.focus-nav li 			{ padding: 0; list-style-type: none; float: left; margin: 0 5px; }
.focus-nav a 			{ width: 10px; height: 10px; display: block; background: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.6; }
.focus-nav li a:hover,
.focus-nav li.selected a { opacity: 1; }


/* Focus map */
.focus-map 				{ background: url(../images/dugi-otok-map_bg.jpg) no-repeat center top; width:980px; height:470px; position:relative; }
.focus-map ul			{ padding: 0; margin: 0; }
.focus-map li 			{ padding: 0; margin: 0; list-style-type: none; position: absolute; display: block; width: 26px; height: 40px; }
.focus-map li a			{ background: url(../images/marker1.png) no-repeat center bottom; display: block; width: 26px; height: 40px; text-decoration: none;
font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px; font-weight: 500; line-height: 22px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.27);
position: relative; z-index: 10;
-webkit-transition: all 0.16s ease-in-out 0s; -moz-transition: all 0.16s ease-in-out 0s; -o-transition: all 0.16s ease-in-out 0s; -ms-transition: all 0.16s ease-in-out 0s; transition: all 0.16s ease-in-out 0s;
 }


.focus-map li.marker1 a	{ background: url(../images/marker1.png) no-repeat center bottom; }
.focus-map li.marker2 a	{ background: url(../images/marker2.png) no-repeat center bottom; }

.focus-map li.selected a,
.focus-map li a:hover	{ background-position: center top; width: 26px; height: 40px; z-index: 900; }
#map-container .focus-map li a:hover	{ z-index: 1100; }
.focus-map li a span	{ color: #fff; display: none; position: absolute; top: -24px; width: auto; white-space: nowrap; }

.focus-map li.selected span,
.focus-map li a:hover span	{ display: block; }


.focus-map li.pin01		{ top: 44px;	left: 125px; }
.focus-map li.pin02		{ top: 40px;	left: 144px; }
.focus-map li.pin03		{ top: 42px;	left: 176px; }
.focus-map li.pin04		{ top: 24px;	left: 242px; }
.focus-map li.pin05		{ top: 50px;	left: 220px; }
.focus-map li.pin06		{ top: 60px;	left: 256px; }
.focus-map li.pin07		{ top: 85px;	left: 338px; }
.focus-map li.pin08		{ top: 100px;	left: 364px; }
.focus-map li.pin09		{ top: 193px;	left: 517px; }
.focus-map li.pin10		{ top: 200px;	left: 558px; }
.focus-map li.pin11		{ top: 210px;	left: 600px; }
.focus-map li.pin12		{ top: 234px;	left: 622px; }
.focus-map li.pin13		{ top: 252px;	left: 678px; }
.focus-map li.pin14		{ top: 300px;	left: 650px; }
.focus-map li.pin15		{ top: 242px;	left: 746px; }
.focus-map li.pin16		{ top: 272px;	left: 720px; }

.focus-map li a[href="#"] { cursor: default !important; }


.focus-map li.pin01 a	{ -webkit-animation-delay: 0.00s; -moz-animation-delay: 0.00s; -ms-animation-delay: 0.00s; -o-animation-delay: 0.00s; animation-delay: 0.00s; }
.focus-map li.pin02 a	{ -webkit-animation-delay: 0.10s; -moz-animation-delay: 0.10s; -ms-animation-delay: 0.10s; -o-animation-delay: 0.10s; animation-delay: 0.10s; }
.focus-map li.pin03 a	{ -webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; -ms-animation-delay: 0.20s; -o-animation-delay: 0.20s; animation-delay: 0.20s; }
.focus-map li.pin04 a	{ -webkit-animation-delay: 0.30s; -moz-animation-delay: 0.30s; -ms-animation-delay: 0.30s; -o-animation-delay: 0.30s; animation-delay: 0.30s; }
.focus-map li.pin05 a	{ -webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s; -ms-animation-delay: 0.40s; -o-animation-delay: 0.40s; animation-delay: 0.40s; }
.focus-map li.pin06 a	{ -webkit-animation-delay: 0.50s; -moz-animation-delay: 0.50s; -ms-animation-delay: 0.50s; -o-animation-delay: 0.50s; animation-delay: 0.50s; }
.focus-map li.pin07 a	{ -webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; -ms-animation-delay: 0.60s; -o-animation-delay: 0.60s; animation-delay: 0.60s; }
.focus-map li.pin08 a	{ -webkit-animation-delay: 0.70s; -moz-animation-delay: 0.70s; -ms-animation-delay: 0.70s; -o-animation-delay: 0.70s; animation-delay: 0.70s; }
.focus-map li.pin09 a	{ -webkit-animation-delay: 0.80s; -moz-animation-delay: 0.80s; -ms-animation-delay: 0.80s; -o-animation-delay: 0.80s; animation-delay: 0.80s; }
.focus-map li.pin10 a	{ -webkit-animation-delay: 0.90s; -moz-animation-delay: 0.90s; -ms-animation-delay: 0.90s; -o-animation-delay: 0.90s; animation-delay: 0.90s; }
.focus-map li.pin11 a	{ -webkit-animation-delay: 1.00s; -moz-animation-delay: 1.00s; -ms-animation-delay: 1.00s; -o-animation-delay: 1.00s; animation-delay: 1.00s; }
.focus-map li.pin12 a	{ -webkit-animation-delay: 1.10s; -moz-animation-delay: 1.10s; -ms-animation-delay: 1.10s; -o-animation-delay: 1.10s; animation-delay: 1.10s; }
.focus-map li.pin13 a	{ -webkit-animation-delay: 1.20s; -moz-animation-delay: 1.20s; -ms-animation-delay: 1.20s; -o-animation-delay: 1.20s; animation-delay: 1.20s; }
.focus-map li.pin14 a	{ -webkit-animation-delay: 1.30s; -moz-animation-delay: 1.30s; -ms-animation-delay: 1.30s; -o-animation-delay: 1.30s; animation-delay: 1.30s; }
.focus-map li.pin15 a	{ -webkit-animation-delay: 1.40s; -moz-animation-delay: 1.40s; -ms-animation-delay: 1.40s; -o-animation-delay: 1.40s; animation-delay: 1.40s; }
.focus-map li.pin16 a	{ -webkit-animation-delay: 1.50s; -moz-animation-delay: 1.50s; -ms-animation-delay: 1.50s; -o-animation-delay: 1.50s; animation-delay: 1.50s; }



.focus-map .clouds { position: absolute; z-index: 30; top: 0; left: 0; }

.focus-map .cloud1 { background: url(../images/cloud-1.png) no-repeat center center; width:214px; height:176px; }
.focus-map .cloud2 { background: url(../images/cloud-2.png) no-repeat center center; width:149px; height:155px; }
.focus-map .cloud3 { background: url(../images/cloud-3.png) no-repeat center center; width:161px; height:153px; }

.focus-map .cloud1 { position: absolute; top: 20px;		left: 384px; }
.focus-map .cloud2 { position: absolute; top: 100px;	left: 620px; }
.focus-map .cloud3 { position: absolute; top: 200px;	left: 320px; }

.focus-map .cloud1,
.focus-map .cloud2,
.focus-map .cloud3 {
-webkit-transition: all 0.16s ease-in-out 0s; -moz-transition: all 0.16s ease-in-out 0s; -o-transition: all 0.16s ease-in-out 0s; -ms-transition: all 0.16s ease-in-out 0s; transition: all 0.16s ease-in-out 0s;
}


/* -----------------------------------------------------------------------------------------
	Left Container
----------------------------------------------------------------------------------------- */

#left		{ float: left; width: 300px; margin-left: 15px; margin-top: -472px; position: absolute; z-index: 100; }
.sidebar	{ color: #fff; background: url(../images/sidebar_bg.png) no-repeat center top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3); box-shadow: 0px 0px 6px rgba(0,0,0,0.3); padding: 17px; height: 1148px; }
#left.sidebar-shift { margin-top: -310px; }

.search		{ }
.search h3	{ font-size: 24px; line-height: 36px; font-weight: 300; text-shadow: 1px 1px 2px #2c91b7; border-bottom: 1px solid #f2d03b; padding-left: 6px; margin-bottom: 12px; }


/* search form */
.search .form dt				{ display: none; }
.search .form dd				{ width:264px; text-align: left; float:left; }
.search .form input,
.search .form select			{ width:248px; margin: 0; padding: 8px; border: none; background-image: url(../images/input-overlay.png); background-repeat: repeat-x; background-position: left bottom; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.search .form select 			{ background-image: url(../images/select-arrow.png), url(../images/input-overlay.png); background-repeat: no-repeat, repeat-x; background-position: right center, left bottom; background-color: #fff; }
.search .form select			{ width:264px; }
.search .form .datepicker		{ width:110px; }
.search .form .button,
.search .form .button:visited	{ width:126px; float: right; font-size: 18px; line-height: 24px; padding: 8px 10px; border:none !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* info */
.info					{ font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; font-weight: 300; text-align: center; padding-bottom: 70px; margin-top: -10px; }
.info a					{ color: #fff; }
.info p					{ padding: 0; }
.info p.info-title		{ font-size: 24px; line-height: 28px; }
.info p.info-mail		{ font-size: 40px; line-height: 50px; }
.info p.info-tel		{ font-size: 30px; line-height: 36px; /* padding-bottom: 18px; */ }
.info .info-hours		{ display: block; font-size: 16px; line-height: 20px; padding-bottom: 18px; }
.info h1				{ font-size: 25px; line-height: 30px; font-weight: 300; }


/* newsletter */
.newsletter					{ font-size: 13px; line-height: 18px; padding: 0 6px; padding-bottom: 40px; }
.newsletter h4				{ color: #4ad6bd; font-size: 24px; font-weight: 300; line-height: 30px; }
.newsletter .form			{ margin: 0 -6px; }
.newsletter .form dt		{ width: 180px; margin: 0; padding: 0; }
.newsletter .form dd		{ width: 80px; float:left; margin-left: 1px; }
.newsletter .form dt input	{ border: none; line-height: 20px; font-size: 16px; padding: 5px 8px; background: #fff; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.5); }
.newsletter .form dd input	{ width: 80px; border: none; background: #47d9bf;  border: none; padding: 5px 8px; color: #fff; font-family: "Dosis", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; text-shadow: 0px 1px 0 #333; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -webkit-appearance: none; }
.newsletter .form dd input::-moz-focus-inner { border: 0; padding: 0; } /* Remove button padding in FF */


/* mini map */
.mini-map			{ padding: 0 6px; }
.mini-map h4		{ color: #4ad6bd; font-size: 24px; font-weight: 300; line-height: 30px; padding-bottom: 10px; }


/* share icons */
.share-icons			{ }
.share-icons a			{ text-indent: -9999px; width: 33px; height: 33px; display: block; float: left; margin-right: 10px; }
.share-icons .facebook	{ background: url(../images/icon-facebook.png) no-repeat center center; }
.share-icons .googleplus{ background: url(../images/icon-google-plus.png) no-repeat center center; }


/* trip-advisor */
.tripadvisor			{ clear: both; float: left; }
.tripadvisor a			{ background: url(../images/icon-tripadvisor.png) no-repeat left center; width: 140px; height: 23px; display: block; text-align: left; text-indent: -9999px; padding: 10px 0; margin-top: 10px; }




/* -----------------------------------------------------------------------------------------
	Right Container
----------------------------------------------------------------------------------------- */

#right			{ float: right; width: 634px; margin-right: 15px; margin-bottom: 20px; }
#right .title	{ font-size: 30px; font-weight: 400; line-height: 46px; color: #003056; padding: 0 0 5px 5px; margin-bottom: 12px; background: url(../images/title_bg.png) repeat-x left bottom; }


/* Offer boxes - homepage */
.offer-boxes					{ }
.offer-boxes .box				{ background: #f1f4ef; border: 1px solid #d7dbd5; width: 289px; height: 254px; padding: 9px; margin-bottom: 26px; font-size: 13px; line-height: 16px; color: #4e5152; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.offer-boxes .box:hover			{ background: #e8fbfe; border: 1px solid #b9dbe0; }
.offer-boxes .box h1			{ color: #00a1d9; font-size: 24px; font-weight: 400; line-height: 30px; padding: 4px 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.offer-boxes .box h1 a:hover	{ text-decoration: none; color: #04518c; }
.offer-boxes .box p				{ padding: 0 2px; max-height: 50px; overflow: hidden; }

.offer-boxes .box				{ height: 294px; }
.offer-boxes .box.small			{ clear: right; height: 130px; margin-bottom: 14px; }
.offer-boxes .box.small h1		{ margin-left: 5px; margin-top: -40px; }
.offer-boxes .box.small h1 a	{ color: #FFFFFF; text-shadow: 0 1px 0 #000000; }


/* Offer Item - general style */
.offer-item							{ float: left; width: 196px; padding: 2px; margin: 0 16px 26px 0; font-size: 13px; line-height: 18px; border-bottom: 3px solid #4ad6bd; }
.offer-item .offer-item-img			{ background: none; padding: 3px; margin-bottom: 6px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.offer-item:hover .offer-item-img	{ background: #4ad6bd; margin-top: -3px; margin-bottom: 9px; }
.offer-item img						{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; }
.offer-item h2						{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding: 0 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.offer-item span					{ padding: 0 4px 3px; display: block; }
.offer-item h2 a					{ color: #04518c; }


/* Offer Thumbs - special offers */
.offer-thumbs						{ margin-right: -16px; clear: both; }
.offer-thumbs .title				{ margin-right: 16px; }
.offer-thumbs .offer-item span		{ height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.offer-thumbs.extra					{ }
#right .extra .title				{ font-size: 26px; font-weight: 400; line-height: 40px; color: #eb8c6d; }
.extra .offer-item					{ border-bottom: 3px solid #f2d03b; }
.extra .offer-item:hover .offer-item-img { background: #f2d03b; }


/* Offer Rows Filter - search */
ul.tabs					{ border-bottom: 1px solid #d9d9d9; margin: 0 0 14px 0; padding: 0 10px; }
ul.tabs li				{ list-style-type: none; display: block; float: left; font-size: 18px; line-height: 37px; margin-right: 3px; }
ul.tabs li a			{ text-align: center; min-width: 150px; display: block; color: #252627; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-style: solid; border-color: #d9d9d9; border-width: 1px 1px 0 1px; background: url(../images/tabs_bg.png) repeat-x left top; padding: 0 10px 1px; }
ul.tabs li.selected a	{ background: url(../images/tabs_bg.png) repeat-x left bottom; margin-bottom: -1px; padding-bottom: 2px; }
ul.tabs li.selected a,
ul.tabs li a:hover		{ color: #04518c; text-decoration: none; }

.filter .form dl		{ float: left; clear: none; margin-left: 10px; }
.filter .form dt		{ display: none; }
.filter .form dd		{ width:auto; text-align: left; float:left; }
.filter .form select 	{ width:120px; font-size: 14px; line-height: 20px; padding: 3px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #D9D9D9; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
.filter .form input		{ width:100px; margin-right: 0px; }
.filter .form .datepicker { width: 80px; }
.filter .form dd input::-moz-focus-inner { border: 0; padding: 0; } /* Remove button padding in FF */


/* Offer Rows - search results */
.offer-rows								{ clear: both; }
.offer-rows .offer-item					{ float: none; width: auto; position: relative; padding: 2px 0 2px 2px; margin: 0 0 10px 0; font-size: 12px; line-height: 18px; border-bottom: 3px solid #ededed; }
.offer-rows .offer-item .offer-item-img { float: left; background: #f2d03b; padding: 5px; margin: 0 16px 10px 0; display: block; }
.offer-rows .offer-item:hover .offer-item-img	{ background: #f2d03b; margin: 0 16px 10px 0; }
.offer-rows .offer-item h2				{ font-size: 18px; line-height: 24px; padding: 6px 0 4px 0; width: 280px; float: left; overflow:auto; white-space: normal;  }
.offer-rows .offer-item p				{ width: 280px; float: left; font-size: 16px; line-height: 20px; }
.offer-rows .offer-item .price			{ font-size: 11px; position: absolute; right: 2px; text-align: right; top: 0; }
.offer-rows .offer-item span			{ font-size: 18px; line-height: 24px; padding: 0 6px; display: inline-block; border-bottom: 2px solid #f2d03b; margin-right: -6px; }
.offer-item-buttons 					{ position: absolute; bottom: 10px; right: 2px; }


/* Pagination */
.pagination-container		{ clear: both; text-align: center; margin-bottom: 30px; }
.pagination-container a		{ color: #252627; }
.pagination					{ background: #e8e8e8 url(../images/button-overlay.png) repeat-x left bottom; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); display: inline-block; position:relative; height: 18px; width: 18px; margin: 0 4px; padding: 2px; text-decoration: none; font-size: 12px; line-height: 18px; }
.pagination:hover,
.pagination.selected		{ text-decoration:none; background: #f2d03b; }
.pagination:active			{ top:1px; }
.pagination.disabled:active	{ top:1px; }
.pagination.disabled:hover	{ background: #e8e8e8 url(../images/button-overlay.png) repeat-x left bottom; }


/* Offer Details - details page */
.offer-details					{ font-size: 13px; line-height: 18px; position: relative; padding-bottom: 40px; border-bottom: 3px solid #ededed; margin-bottom: 40px; }
.breadcrumbs					{ line-height: 20px; padding: 0 5px 14px;}

.offer-details .gallery			{ width: 319px; float: right; padding-left: 5px; /* padding-top: 10px; */ }
.offer-details .gallery-info	{ display: block; text-align: center; padding: 5px 0 10px; color: #777; font-style: italic; }
.offer-details .gallery a		{ float: left; margin: 0 0 6px 9px; border-bottom: 3px solid #fff; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.offer-details .gallery img		{ display: block; }
.offer-details .gallery a:hover	{ opacity: 0.95; border-bottom: 3px solid #4ad6bd; }

.offer-details-text 			{ padding-left: 5px; padding-bottom: 16px; }
.offer-details-info				{ }
.offer-details-info strong		{ font-size: 15px; }
.offer-details-table			{ clear: both; padding-top: 20px; }

.borderedtext					{ border: 1px solid #CCCCCC; display: table; font-size: 16px; line-height: 20px; margin-bottom: 10px; padding: 4px 10px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }


.table 							{ width: 100%; border-collapse: collapse; border: none; line-height: 22px; margin-bottom: 20px; }
.table caption					{ text-align: left; font-size: 20px; line-height: 30px; color: #003056; font-weight: normal; padding: 0 0 10px 5px; }
.table th						{ background: #4ad6bd; text-align: center; padding: 0 4px; font-weight: normal; border-top: 1px solid #3ac0a9; border-bottom: 1px solid #3ac0a9; }
.table td						{ text-align: center; padding: 0 4px; border-bottom: 1px solid #ededed; }
.table tr:nth-child(even)		{ background: #f7f7f7; }

.note							{ clear: both; font-size: 12px; line-height: 18px; padding: 0 5px; margin-bottom: 20px; }
.note p							{ padding: 0 0 14px; }


/* Textbox - basic page */
.textbox		{ padding-left: 5px; margin-bottom: 20px; }
.textbox .title	{ margin-left: -5px; }

.textbox h1		{ font-size: 30px; line-height: 36px; padding-top: 14px; }
.textbox h2		{ font-size: 26px; line-height: 32px; padding-top: 12px; }
.textbox h3		{ font-size: 21px; line-height: 28px; padding-top: 10px; }
.textbox h4		{ font-size: 18px; line-height: 24px; padding-top: 8px; }
.textbox h5		{ font-size: 14px; line-height: 20px; padding-top: 6px; }
.textbox h6		{ font-size: 12px; line-height: 18px; padding-top: 4px; }


/* Aside */
.aside				{ float: right; margin-left: 10px; margin-bottom: 30px; }
.aside li			{ list-style-type: none; }

.aside-map			{ margin-bottom: 20px; }

.aside-gallery		{ width: 210px; margin: 20px 0; position: relative; height: 130px; }
.aside-gallery a	{ position: absolute; display: block; top: 0; left: 20px; padding: 5px; background: #fff; line-height: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px rgba(0,0,0,0.2); -webkit-backface-visibility: hidden; /* fix smoothing on webkit mobile devices */ }
.aside-gallery a:nth-child(1) { z-index: 3; }
.aside-gallery a:nth-child(2) { z-index: 2; -o-transform:rotate(5deg); -ms-transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); transform:rotate(5deg); left:33px; top: -2px; }
.aside-gallery a:nth-child(3) { z-index: 1; -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform:rotate(-5deg); left:7px; top: -2px; }

.aside-info 	{ width: 210px; margin-bottom: 30px; padding-left: 10px; }
.aside-info ul	{ margin: 0 0 0 8px; }
.aside-info li	{ background: url(../images/list-bullet.png) no-repeat left 9px; padding-left: 15px; line-height: 22px; }

.aside-docs		{ width: 210px; margin-bottom: 10px; }
.aside-docs ul	{ margin: 0 0 0 18px; }
.aside-docs li	{ background: url(../images/icon-pdf.png) no-repeat left center; margin-bottom: 10px; display: table; }
.aside-docs a	{ padding-left: 46px; color: #eb8c6d; height: 44px; display: table-cell; vertical-align: middle; max-width: 160px; }


/* Contact */
.contact-info				{ float: left; width: 260px; padding-bottom: 20px; }
.contact-info .smallprint	{ font-size: 11px; line-height: 16px; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }

.contact-form				{ float: right; width: 360px; clear: none; padding-top: 10px; }
.contact-form.form dt		{ display: none; }
.contact-form.form dd		{ width:90%; float:right; }
.contact-form.form input[type="text"],
.contact-form.form textarea	{ width:305px; padding: 4px 8px; }

.contact-map				{ border: 1px solid #003056; clear: both; width: 628px; height: 350px; margin-bottom: 20px; }


/* UI Fix */
.ui-datepicker							{ font-size: 12px; line-height: 18px; }
.ui-dialog								{ width: 960px; font-size: 12px; line-height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd; -moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd; box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd, 0px 0 60px rgba(0, 0, 0, 0.2) inset; }
.ui-widget-overlay						{ background: #000000; opacity: 0.7; }
.ui-widget-header 						{ background: none; border: none; border-bottom: 1px solid #4AD6BD; }
.ui-dialog .ui-dialog-titlebar			{ font-size: 18px; font-weight: normal; padding: 14px; }

.ui-dialog .ui-dialog-buttonpane		{ border: none; }
.ui-dialog .ui-dialog-content			{ padding: 20px 10px 10px; }

.ui-dialog .form fieldset				{ width: 49%; float: left; }
.ui-dialog #fieldset-fields_actions		{ width: auto; float: none; clear: both; }
.ui-dialog #fieldset-fields_actions dt	{ display: none; }
.ui-dialog #fieldset-fields_actions dd	{ float: right; margin-right: 30px; width: 296px; }
.ui-dialog #inquiry_cancel				{ float: left; }
.ui-dialog #inquiry_send				{ float: right; }




/* -----------------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------------- */

#footer {
	background: url(../images/footer_bg.png) no-repeat right top #042f42;
	color: #fff;
	clear: both;
	height: 154px;
	padding: 15px;
	position: relative;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd, 5px 5px 0 #4ad6bd;
	-moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd, 5px 5px 0 #4ad6bd;
	box-shadow: 1px 0px 3px rgba(0,0,0,0.3), 5px -5px 0 #4ad6bd, 5px 5px 0 #4ad6bd;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	text-shadow: none;
}

#footer a 			{ color: #fff; }
.footer-info 		{ font-size: 13px; line-height: 18px; font-weight: normal; text-shadow: none; float: left; }
.footer-info p		{ padding: 4px 0 0 6px; }
.footer-info span	{ min-width: 60px; display: inline-block; }
.footer-nav			{ padding-top: 14px; font-size: 14px; line-height: 16px; float: right; }
.footer-nav ul		{ float: right; clear: right; padding: 0; margin: 0 0 10px; }
.footer-nav li		{ list-style-type: none; float: left; padding: 0 0 0 12px; line-height: 24px; }
.footer-nav li a	{ padding: 0 5px; padding-bottom: 2px; }
.footer-nav li a:hover,
.footer-nav li.selected a	{ text-decoration: none; border-bottom: 1px solid #4ad6bd; }




/* -----------------------------------------------------------------------------------------
	Signature
----------------------------------------------------------------------------------------- */

.signature			{ position: absolute; height: 24px; width: 250px; right: 15px; top: 147px; }
.signature a		{ background: url(../images/logo-artkod.png) no-repeat right top; display: block; float: right; height: 20px; width: 20px; text-align: left; text-indent: -9999px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.signature a:hover	{ width: 69px; overflow: hidden; }

.margin-80-top       {margin-top:80px;}


/* -----------------------------------------------------------------------------------------
 Cookie policy
 ----------------------------------------------------------------------------------------- */
.cookie-policy 			{ position: fixed; z-index: 99999; bottom: 0; right: 0; line-height: 20px; color: #444; text-shadow: none; -webkit-transition: all 0.16s ease-in-out 0s; -moz-transition: all 0.16s ease-in-out 0s; -o-transition: all 0.16s ease-in-out 0s; -ms-transition: all 0.16s ease-in-out 0s; transition: all 0.16s ease-in-out 0s; }
.cookie-policy-wrapper 	{ position: relative; float: right; background: #fff; color: #444; max-width: 500px; margin: 0 10px 10px; padding: 15px 20px 20px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); border-top: 13px solid #444; }
.cookie-text 			{ width: 90%; font-size: 16px; line-height: 28px; border-right: 1px solid #ccc; padding-right: 8px; }
.cookie-text a 			{ color: #1ea5cb; }
.cookie-button 			{ position: absolute; right: 20px; top: 15px; padding: 0; width: 30px; height: 30px; display: inline-block; font-size: 46px; font-weight: 100; line-height: 25px; text-decoration: none; text-align: center; cursor: pointer; -webkit-appearance: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.cookie-button .line 	{ width: 30px; height: 1px; background: #444; display: block; position: absolute; top: 15px; }
.cookie-button .line1 	{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cookie-button .line2 	{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.cookie-button:hover 	{ color: #fff; text-decoration: none; border: none; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.cookie-button:active 	{ margin-top: 1px; }
.cookie-blue 			{ border-color: #4ad6bd; }
.cookie-blue .line 		{ background: #4ad6bd; }
.cookie-blue .cookie-text a { color: #4ad6bd; }
.cookie-red 			{ border-color: #e0310d; }
.cookie-red .line 		{ background: #e0310d; }
.cookie-red .cookie-text a { color: #e0310d; }
.cookie-yellow 			{ border-color: #eec71d; }
.cookie-yellow .line 	{ background: #eec71d; }
.cookie-yellow .cookie-text a { color: #eec71d; }
.cookie-green 			{ border-color: #59c48c; }
.cookie-green .line 	{ background: #59c48c; }
.cookie-green .cookie-text a { color: #59c48c; }
.cookie-black 			{ border-color: #000; background: #444; color: #fff; }
.cookie-black .line 	{ background: #fff; }
.cookie-black .cookie-text a { color: #fff; text-decoration: underline; }
.cookie-policy 			{ -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUp {
	0% 	 { opacity: 1; -webkit-transform: translate(0px, 160px); }
	100% { opacity: 1; -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes fadeInUp {
	0% 	 { opacity: 1; -moz-transform: translate(0px, 160px); }
	100% { opacity: 1; -moz-transform: translate(0px, 0px); }
}
@-o-keyframes fadeInUp {
	0% 	 { opacity: 1; -o-transform: translate(0px, 160px); }
	100% { opacity: 1; -o-transform: translate(0px, 0px); }
}
@keyframes fadeInUp {
	0% 	 { opacity: 1; transform: translate(0px, 160px); }
	100% { opacity: 1; transform: translate(0px, 0px); }
}
@media (max-width: 767px) {
	.cookie-policy 			{ width: 100vw; }
	.cookie-policy-wrapper  { width: 100vw;
		/*max-width: none;*/
		 margin: 0;
		 padding: 0;
		  }
	.cookie-text 			{
		padding: 10px;
		width: 80vw;

	}
	.cookie-button {

		right: 4%;
		/*width: 18vw;*/
		 }

}
/*@media (max-width: 560px) {*/
@media (max-width: 767px) {
	/*.cookie-text   { width: 90%; }*/
	/*.cookie-button { right: 4%; }*/
	.offer-thumbs {
		margin: 0;
	}
	.offer-item {
		width: 100%;
		/*width: calc(100% - 20px);*/
		height: auto;

	}
	.caroufredsel_wrapper {
		max-width: 100% !important;
	}
	.offer-item img {
		width: 100%;
		height: auto;
	}

	#left {
		float: unset;
		margin-top: 0;
		margin: 10px auto;
    position: relative;
	}
	#right{
		width: 100%;
    float: unset;
	}
	#right div{
    	padding-right: 3px;
	}
	#right img{
		max-width:  calc(100% - 5px);
		height: auto !important;
	}

	.offer-boxes .box{
		float: unset;
		width: calc(100% - 20px);
	}
	.offer-boxes .box img{
		width: 100%;
		height: auto;
	}
	#wrapper {
		/*width: 100%;/*/
		width: calc(100% - 20px);
	}
	.logo {
		padding-top: 0;
		width: 100%;
	}
	.logo img {
		max-width: 100%;
	}
	.focus-wrapper {
		width: 100%;
		/*top: -53px;*/
	}
	.focus-wrapper .focus-item{
		width: 100vw;
		/*width: 100%;*/
	}
	.focus-text {
		font-size: 26px !important;
		max-width: 90vw !important;
    	line-height: 40px !important;
    	right: 10px !important;

	}
	.focus-wrapper .focus-item img{
		width: 100%;
	}
	#content {
		min-height: unset;
    margin-top: 115px;
	}
	.nav {
		width: 100%;
		font-size: 19px;
	}
	.nav ul{
		display: block;
    width: 100%;
    overflow: scroll;
	}
	.nav ul li a{
		white-space: nowrap;
	}
	#footer {
		height: unset;
	}
	#footer .footer-info{
		float: unset;
	}
	#footer .footer-nav{
		float: unset;
	}
	.footer-nav ul {
		float: unset;
	}
	.footer-nav ul li{
		float: unset;
	}
	.signature {
		top: unset;
		bottom: 15px;
	}

	/*about page*/
	.textbox p {
		padding-right: 5px;
	}
	/*about page ends*/

	/*accommodation page*/
	.focus-map {
		width: 100%;
	}
	.focus-map .markers{
		display: none;
	}
	.focus-map .clouds{
		display: none;
	}

	.offer-rows .offer-item .price {
		right: 10px;
	}
	.offer-item-buttons {
	    position: relative !important;
	    display: inline-block;
	    right: 0;
	    top: -4px;
	}

	.ui-widget-overlay {
		width: 100% !important;
	}
	.ui-dialog {
		width: 100% !important;
		left: 0 !important;
	}
	.ui-dialog .form fieldset {
		width: 100%;
	}
	.table {
    /* width: 100% !important; */
		/*width: calc(100% - 20px) !important;*/
	}
	.table th {
		word-break: break-word;
	}
	.offer-details .gallery {
		width: 100%;
	}
	.offer-details .gallery a {
		margin: 0 0 6px 3px;
	}
	/*accommodation page ends*/
	/*contact page*/
	.contact-form.form dd {
		float: unset;
    	margin: 0 auto;
	}
	.contact-map {
		width: 100% !important;
	}
	.contact-map iframe{
		width: 100% !important;
	}
	/*contact page ends*/
}
@media print {
	.cookie-policy { display: none !important; }
}

@media (min-width: 561px) and (max-width: 999px) {
	.offer-item {
		width: 46%;
	}
	.offer-item img {
		width: 100%;
	}
}