@charset "UTF-8";


body {
/*
	background: rgb(255, 255, 255) url("images/banner_bkgd.jpg") no-repeat scroll center top;
*/
	font-family: Arial, Verdana, Univers;
  height: 100%;
/*
  width: 100%;
*/
  width: 100vw;
/*
	margin: 0px;
	color: #777777;
*/
/* цвят на фона на менюто */
	color: #ffffff;
	font-size: 12px;
/*
	background-color: #cfcfcf;
*/
/*
	background-color: #f0f0f0;  // champagne
*/
}

h1 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 15px;
  color: #FF0004;
	text-align: center;
	font-weight: bold;
  margin: 0px 0px 15px 0px;
}

.warning {
  background-color: #cccccc;
	color: #FF0004;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #111111;
}

a          {
	color: #000000;
}
a:visited  {
    color: #111111;
}
a:hover    {
	color: #111111;
}

.container {
/*
	width: 1152px;
*/
	width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
  position: top;
	margin-left: auto;
	margin-right: auto;
}

/* BANNER AREA */
.bannerArea {
	width: 100%;
/* празно пространство под менюто (1) */
/*	height: 64px; */
	height: 84px;
/* orig
	height: 110px;
	background-color: #4971a2; */
/*  #610d16 #94070a */
/*
	background-color: #f0f0f0;  // champagne
*/
}

.bannerArea .container {
/*
	width: 1152px;
*/
	width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
/* празно пространство под менюто (2) */
/*	height:110px; */
	height:130px;
/*
	background-image: url(../images/banner_bkgd.jpg);
	background-repeat: no-repeat;
*/
}

.bannernav {
	padding-top: 20px;
	float: right;
/*
	color: #112c4c;
*/
	color: #999999;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a {color: #ffffff; text-decoration: none;}
.bannernav a:visited {color: #ffffff;}
/*
menu navigation
.bannernav a:hover {color: #112c4c; text-decoration: none;}
*/
.bannernav a:hover {color: #f00000; text-decoration: none;}

/* област, върху която като се кликне да се клика логото */
/* original */
/*
.toplogo {
	padding-left: 10px;
	padding-top: 0px;
  text-align: left;
}
*/
.toplogo {
	padding-left: 0px;
	padding-top: 0px;
  text-align: center;
}

.langflag {
  align: right;
	padding-left: 10px;
	padding-bottom: 50px;
}

/* TOP NAVIGATION AREA */
.topnavigationArea {
/* картинка за фон на менюто */
/*
	background-image: url(images/topnav_bkgd.jpg);
	background-repeat:repeat-x;
*/
/* tape below menu
	background-color: #436d9c;
	#a0484a
*/
/*
	background-color: #999999; gray
	background-color: #444444; dark gray
*/
/* цвят на фона на менюто */
	background-color: #ffffff;
}

.topnavigationArea .container {
/* картинка за фон на менюто */
/*
	background-image: url(images/topnav_bkgd.jpg);
	background-repeat:repeat-x;
*/
/*
	background-color: #436d9c;
*/
/*
	background-color: #999999; gray
	background-color: #444444; dark gray
*/
/* цвят на фона на менюто */
	background-color: #ffffff;
/*	next row is for right justified menu */
/*	width: 1152px; */
/* ширина на менюто и изместване надясно, за да бъде центрирано (колкото по-малко, отлкова по-надясно) */
/*
  width: 810px;
*/
  width: calc(360px + (810 - 360) * ((93vw - 360px) / (1920 - 360)));
}

.topnavigationgroup {
	margin: 0px;
/* all horizontal menu justify */
	float: center;
	padding-right: 1px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
/*	max-width: 187px;  */
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
/*
	background-color: #f0f0f0;
*/
/*
	background-color: #ffffff;  // champagne
*/
/*
	background-image: url(../images/4-heart-confetti.png);
	background-repeat: repeat-x;
*/
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
}

.contentArea .container {
/*
	padding-top: 30px;
*/
	padding-top: 10px;
	padding-bottom: 30px;
/*
	background-image: url(../images/content_bkgd.jpg);
	background-repeat: no-repeat;
	background-color: #f2f2f2;
*/
/*
	background-color: #f0f0f0;  // gray - V12
*/
	background-color: #ffffff;  // white  -Sunny
}

.offer_box {
  background-color: #0084ff;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

.main_page_small_img_box {
	float: left;
	width: 193px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 4px;
}

.spa_page_small_img_box {
	float: left;
	width: 236px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
	font-style: normal;
}

.rund_small_img_box {
	float: left;
	width: 357px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
}

.ferienhauser_page_img_box {
	float: left;
	width: 358px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
}

.main_page_middle_img_box {
	float: left;
	width: 366px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background: #999999;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	margin-right: 15px;
	margin-bottom: 4px;
}

.img_box {
	float: left;
	width: 220px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
}

.gallery_img_box {
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	margin-right: 2px;
	margin-bottom: 2px;
}

.offer_txt_box {
	float: right;
	width: 500px;
	padding-left: 15px;
	color: #363D78;
}

.offer_see_more {
	float: rigft;
}

.contentleft {
	width: 830px;
	float: center;
	border-right-style: solid;
	border-right-width: 0px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #999999;
}

.baseleft {
/*
	width: 1122px;
*/
	width: calc(360px + (1122 - 360) * ((93vw - 360px) / (1920 - 360)));

	padding-top: 0px;
	padding-left: 1px;
	padding-right: 1px;
	float: left;
	border-right-style: solid;
	border-right-width: 0px;
	text-align: left;
}

.baseright {
	width: 170px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	border-right-style: none; /* solid */
	border-right-width: 0px;
	padding: left;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #999999;
}

.contentright {
/* vertical menu left
	padding-top: 20px;
*/
	padding-top: 0px;
	float: left;
	padding-left: 0px;
	width: 250px;
}

.middle_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 372px;
}

.big_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 571px;
}

.small_icons_col_en {
	float: left;
	padding-left: 0px;
	width: 199px;
}

.imageright {
	margin-left: 5px;
	float: right;
}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	height: 40px;
	background-color: #111111;
}

.footerArea .container {
/*
	width: 1152px;
*/
  width: calc(360px + (1152 - 360) * ((93vw - 360px) / (1920 - 360)));
	height: 40px;
	background-color: #111111;
}

.copyright {
	padding-right: 5px;
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 9px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: right;

	float: left;
	width: 30%;
}  /* copyright */

/* for dark background */
.copyright a:link {color: white;}
.copyright a:visited {color: white;}

.copyleft {
	padding-left: 20px;
/*
	padding-left: 0px;
*/
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;

	float: left;
	width: 30%;
} /* copyleft */

/* for dark background */
.copyleft a:link {color: white;}
.copyleft a:visited {color: white;}

.copycenter {
	padding-left: 0px;
	padding-top: 12px;
/* for light background
	color: #444444;
*/
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;

	float: left;
	width: 30%;
} /* copycenter */

/* for dark background */
.copycenter a:link {color: white;}
.copycenter a:visited {color: white;}

.contentArea .container .contentleft {
}
.contentArea .container .contentleft {
	float: right;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #363D78;
}

.divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.imagetext {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}

.imagetext ul {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-image: url(images/index_bullet.gif);
}

@font-face {
  font-family:'family';
  font-style: normal;
  font-weight: normal;
  src:local('Family'),
      local('Family-Regular'),
      url('family.woff') format('woff'),
      url('family.ttf') format('truetype');
}

.stylef {
  font-family: 'family';
  font-weight: normal;
  font-style: normal;
  font-size: 24pt;
  color: #dd3c36;
/*
  text-shadow: 2px 2px 2px #aaa;
*/
}

.style2 {
	font-size: 12pt;
  font-style: oblique;
}

.style3 {
	font-size: 12pt;
}

.style4 {
	font-size: 12pt;
}

ul.style4 {
  list-style-type: none;
}

ul li.style4 {
  position: relative;
  margin-left: 0em;
}

ul li.style4:before {
  position: absolute;
  left: -1em;
  content: "♥";
  color: #dd3c36;
}

.marqueeContainer {
  font-family: blogger-sans, sans-serif;
  font-size: 14px; /* размер на шрифта */
  font-weight: 400;
  padding: 4px 0; /* колкото по-голяма стойност, толкова по-надолу е текста */
  color: black;
  top: 0;
  position: absolute;
  width: 100%;
}

.marqueeBackground {
  background-color: #ffffff;
/*
  border-bottom: 5px dotted black;
*/
  padding: 5px 0 7px 0;
  height: 14px; /* височина (дебелина) на лентата */
  top: 0px;
  width: 100%;
}

.marquee,
.marquee-with-options {
  white-space: nowrap;
  overflow: hidden;
}

/* ==================== Styles for responsive desing ==================== */

.responsive_tdr {
  valign: top;
  align: center;
/*
  width: 1090px;
*/
/*
	width: calc(size_on_min_width + (size_on_max_width - size_on_min_width) * ((93vw - min_width) / (max_width - min_width)));
*/
	width: calc(360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360)));
}

.responsive_ifr {
  width: calc(360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360)));
  height: calc((360px + (1090 - 360) * ((93vw - 360px) / (1920 - 360))) * 613 / 1090);
}

.resp_ifr_map {
  width: calc(360px + (1040 - 360) * ((93vw - 360px) / (1920 - 360)));
  height: calc((360px + (1040 - 360) * ((93vw - 360px) / (1920 - 360))) * 790 / 1040);
}

/* ===================== Styles for responsive menu ===================== */

.topnav {
  overflow: hidden;
  background-color: white;
  width: calc(360px + (960 - 360) * ((93vw - 360px) / (1920 - 360)));
}

.menu-icon {
  color: white;
  background-color: red;
}

.topnav a {
  float: left;
	display: block;
	cursor: pointer;
/* 1 - разстояние под и над менюто; 2 - разстояние между опциите */
/*	padding: 0.9em 0.75em; */
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 0.1em;
  padding-left: 1em;
/* цвят на текста на опциите в менюто */
	color: #000000;
/* размер на шрифта на менюто */
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
/* шрифт на менюто */
  font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
/* цвят на текста на опциите в менюто */
	color: #000000;

  text-align: center;
  border-bottom: 2px solid #ffffff;
}

/*
.topnav a:not(:first-child) {
	border-left-style: none;
}
*/

.topnav a:hover {
  color: #000000;
  border-bottom: 2px solid #ff0000;
  padding-bottom: 2px;
}

.topnav .icon {
  display: none;
  color: white;
  background-color: red;
}

@media screen and (max-width: 1025px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    width: auto;
    padding: 0.9em 0.75em;
    border: none;
  }
  .topnav a {
    width: auto;
    color: #ffffff;
    background-color: red;
    padding: 0.9em 0.75em;
    border: none;
/*
    border-color: #000000;
    border-left-style: none;
    border-right-style: none;
    border-left-width: 0px;
    border-right-width: 0px;
*/
  }
}

@media screen and (max-width: 1025px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
/*
    border-color: #000000;
    border-left-style: none;
    border-right-style: none;
*/
  }
}