@import url("/CSS/icons.css") ;

/* common */
* { margin: 0; padding: 0; }

img
{
   border: 0 ;
}

html 
{ 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height:100%;
}

body
{
   margin: 0px 0 ;
   padding: 0px ;
   font-size: 12pt ;
   font-family: "Verdana" ;
   height:100%;
}

a
{
   color: darkblue ;
   text-decoration: none ;
}

.p_center
{
   padding-top: 10px ;
   text-align: center ;
   font-size: 14px ;
   font-weight: bold ;
}

a:hover
{
   color: darkblue ;
   text-decoration: underline ;
}

.link
{
   font-weight: bold ;
}

.image_center
{
   text-align: center ;
   margin-top: 0px ;
   margin-bottom: 0px ;
   padding: 0px ;
}

.normal_paragraph
{
   color: black ; 
   text-align: justify ;
   margin-top: 9px ;
   margin-bottom: 9px ;
   border: 0px solid #000000 ;
}

.normal_paragraph:first-letter 
{
	font-size: 23pt;
	float: left ;
	margin: 0px 4px 0px 0px ;
}

#div_main
{
   position: relative ; 
   margin: 0px ;
   margin-top: 0px ;
   margin-bottom: 20px ;
   padding: 0 ;
   border: 0px solid #ddddaa ;
}

#div_main_content
{
   margin: 10px 10px ;
}

#div_main_title_data
{
   position: relative ; 
   margin: 0px 15px ;
}

#div_main_title
{
   margin-top: 5px ;
   margin-bottom: 5px ;
   padding: 4px ;
}

h1
{
   left: 0px ;
   top: 0px ;
   font-size: 38px ;
   font-weight: bold ;
   text-align: left ;
   margin: 25px 0 25px 0px ;
   padding: 0px ;
   border: 0px solid #FF0000 ;
   text-transform: uppercase ;
   text-shadow: gray 1px 1px 1px;
   color: #0033BB ;
}

h2
{
   position: relative ;
   margin: 20px 0px 15px 0px ;
   text-align: left ;
   font-size: 20px ;
   font-weight: bold ;
   letter-spacing: 2px ;
   text-transform: uppercase ;
   border-top: 1px solid #77AADD ;
   border-bottom: 1px solid #77AADD ;
   color: #ffffff ;
   background-color: #AADDFF ;
   padding: 20px 20px ;
   background: -moz-linear-gradient(90deg, #0033BB, #0077FF);
   background: -webkit-linear-gradient(bottom, #0033BB, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0033BB');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
}

h3
{
   position: relative ;
   text-align: left ;
   font-size: 16pt ;
   font-weight: bold ;
   margin: 25px 0px 10px 0px ;
   padding: 5px 0px ;
   border: 0px solid #000000 ;
   text-transform: uppercase ;
   color: #0033BB ;
}

#div_main_data
{
   margin-bottom: 5px ;
}

#div_index_pics
{
   margin: 0 ; 
   font-size: 11px ;
   text-align: center ;
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif ;
}

.search_pic_div
{
   float: left ;
   position: relative ;
   width: 15.9em ;
   padding-top: 5px ;
   margin-bottom: 3px ;
}

.search_pic_div:hover
{
   float: left ;
   position: relative ;
   width: 15.9em ;
   padding-top: 5px ;
   margin-bottom: 3px ;
   background-color: #d1d9e0 ;
}

.search_pic_div:hover > .search_pic_id
{
   display: block ;
}

.search_pic
{
   border: 0px ;
   margin-bottom: 3px ;
   padding: 2px ;
   height: 100px ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}

.search_pic_id {
   position: absolute; 
   top: 0; 
   width: 98%; 
   font-size:10px; 
   padding: 1%; 
   background-color: #333 ;
   color: white ;
   display: none ;
}

.search_pic_id a {
   color: yellow ;
}

.search_description
{
   position: static ;
   padding: 0 ;
   margin: 0 3% ;
   width: 94% ;
}

.search_description_fixed_short
{
   height: 55px ;
}

.search_description_header
{
   padding: 2px 0 3px ;
   font-weight: bold ;
}

/* for 1st page */
#div_thematic_pages_list
{
   position: relative ;
}

#div_thematic_pages_list #main
{
   position: relative ;
   margin: 2em 0.0em 2em 0.6em ;
}

#div_thematic_pages_list #div_menu_link
{
   margin: 1em 1em 2em 1em ;
   font-size: 13pt ;
   font-weight: bold ;
   text-transform: uppercase ;
}

#div_thematic_pages_list .img_thematic_page
{
   float: left ;
   margin-right: 0.7em ;
   margin-bottom: 0.7em ;
   padding: 0px ;
}

#div_thematic_page_menu_bottom .icon
{
   float: left ;
   margin: 0 14px 5px 0 ;
   width: 82px ;
   font-size: 8pt ;
   text-align: center ;
}

#div_thematic_page_menu_bottom img
{
   border: 2px solid white ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   margin-bottom: 5px ;
}

/* header_main_menu.css */

#div_main_menu_full_width_delimiter2 {
   height: 1px ;
   width: 100% ;
   background-color: #aaaadd ;
}

nav {
	text-align: center ;
	background-color: white ;
}

nav li.active {
   background-color: #0033BB ;
   background: -moz-linear-gradient(90deg, #0033BB, #0077FF);
   background: -webkit-linear-gradient(bottom, #0033BB, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0033BB');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
}

nav li.active span a {
   color: white ;
}

nav a {  
   color: black;  
   text-decoration: none ;  
   display: block ;
   padding: 0;  
   margin: 0;
   padding: 5px 0px;
}  

nav a:hover {
   color: yellow ;
}

nav ul {
   width: 90% ;
   max-width: 1300px;
   margin: 0px auto ;
   position: relative ;
   z-index: 2 ;
   font-size: 11pt;
   list-style: none;
}

nav ul:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

nav ul li {  
   float: left ;  
   width: 24.1% ;
   min-width: 12em ; 
   text-transform: uppercase ;
   color: black ;
   padding: 0.3em 0 ;
}

nav li:hover {  
   background-color: #0033BB ;
   color: white ;
   cursor: pointer ;
}

nav ul li:hover span a {
   color: white ;
   text-decoration: none ;  
}

nav ul li:hover a {
   text-decoration: none ;  
}

nav ul li:hover > ul {
   visibility: visible;
   opacity: 1;
}

nav ul ul {
   visibility: hidden;
   background: white ; 
   padding: 0;
   position: absolute; 
   top: 100%;
   text-align: left ;
   width: 24.1% ;
   font-size: 9pt;
   box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.7); 
   opacity: 0;
   transition: opacity 0.5s ease-in-out ;
   -webkit-transition: opacity 0.5s ease-in-out ;
   -moz-transition: opacity 0.5s ease-in-out ;
   -o-transition: opacity 0.5s ease-in-out ;
}

nav ul ul li {
   float: none; 
	position: relative;
	width: 100% ;
	border-top: 1px solid #aaaadd ;
	text-transform: none ;
}

nav .submenu {
	padding: 6px 0 6px 5% ;
}

nav img {
   margin-right: 10px ;
   vertical-align:middle ;
}

nav ul ul li a {
	color: blue ;
	padding: 6px 0 6px 5% ;
}	

nav ul ul li:hover p a {
   color: white ;
}

nav ul ul li a:hover {
   background: #0033BB ;
}

nav ul ul ul {
	position: absolute; left: 100%; top:0 ;
	font-size: 9pt ;
   box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.7); 
}

nav ul ul ul li {
   background: white ;
   min-width: 150px ;
}			

nav ul ul ul li:hover a {
   color: white ;
}

/* header.css */

#div_all
{
   min-height: 100% ;
   position: relative ;
   min-width: 320px ;
}

#div_page
{
   width: 90% ;
   max-width: 1300px ;
   margin: 10px auto ;  
   margin-bottom: 0 ;
   height: 100% ;
   padding-bottom: 275px ;   /* height of the footer */   
}

#div_page_inner {
   padding: 1px 2% 15px 2% ;  
   background-color: #ffffff ;
}

#div_header
{
   position: relative ;
   left: 0px ;
   top: 0px ;
   width: 100% ;
   margin: auto ;
   background-color: #0055DD ;
}

#div_header_content
{
   position: relative ;
   width: 90% ;
   margin: 0px auto ;
   padding: 5px 0 ;
   max-width: 1300px;
}

#div_titles
{
   position: relative ;
   float: left ;
   width: 72% ;
   vertical-align: text-top ;
}

#div_options
{
   position: relative ;
   float: right ;
   width: 28% ;
}

#div_search
{
   position: relative ;
   float: right ;
   width: 28% ;
   text-align: right ;
}

#text_search_field
{
   position: relative ; 
   width: 80% ;
   height: 17px ;
   padding: 3px ;
   vertical-align: bottom ;
   box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.4) ;
}

.submit_button
{
   min-width: 2em ;
}

#div_autocomplete {
   position: absolute ; 
   z-index: 200 ;
   top:100% ;
   text-align: left ;
   background-color: white ;
   border: 1px solid #336633 ;
   box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3) ;
}

#div_autocomplete ul {
   list-style: none ;
}

#div_autocomplete li {
   display: block ;
   padding: 3px ;
}

#div_autocomplete ul li img {
   height: 39px ;
   padding-right: 5px ;
}

#div_autocomplete ul a {
   text-decoration: none ;
}

#div_autocomplete ul li p {
   vertical-align: middle ;
   font-size: 11px ;
   padding-left: 50px ;
   padding-right: 5px ;
   background-size: 40px 30px ;
   background-repeat: no-repeat ;
   height: 30px ;  
}

#div_autocomplete ul li:hover {
   background-color: #0033BB ;
   color: white ;
}

#div_autocomplete ul li.selected {
   background-color: #0033BB ;
   color: white ;
}

#div_top_title
{
   position: relative ;
   left: 0px ;
}

.logo_title
{
   display: block ;
}

.logo_symbol
{
   vertical-align: bottom ;
   margin-right: 15px ;
}

#header_title
{
   font-family: "Tahoma" ;
   font-size: 41px ; 
   font-weight: bold ; 
   text-decoration: none ;
   letter-spacing: 2px ;
   color: #ffffff ;
   padding-bottom: 10px ;
}

#header_title span {
   color: #aaa ;
}

#header_title a
{
   color: #ffffd0 ;
}

#header_title a:hover
{
   text-decoration: none ;
   color: #ffffd0 ;
}

#div_subtitle {
   position: relative ;
   color: yellow ;
   letter-spacing: 0.1em ;   
   font-size: 14pt ;
   font-family: "Tahoma" ;
   padding-bottom: 0.3em ;
}

#div_subtitle a {
   color: yellow ;
}

#div_flags
{
   position: relative ;
   text-align: right ;
   padding-bottom: 0.2em ;
}

.lang_flag {
   margin: 0px 0px 4px 6px ;
   border: none ;
}

#div_fb_rss {
   position: relative ;
   text-align: right ;
   padding-bottom: 0.3em ;
}

#div_fb_rss a {
   color: #ffffd0 ;
   padding-left: 0.2em ;
   text-decoration: none ;
}

#div_menu
{
   margin-top: 5px ;
}

/* hotels_header.php */

#div_hotels_header
{
   position: relative ;
   max-width: 1350px ;
   width: 90% ;
   height: 221px ;
   padding: 1.5em 0 ;
   margin: 0 auto ;
}
   
#div_hotels_header_search
{
   float: left ;
   width: 25% ;
   min-width: 30em ;
   height: 221px ;
   background: #F5AA00 ;
   color: #003580 ;
   font-size: 11px ;
   padding: 2px ;
   box-shadow: 0px 0px 8px 1px rgba(0,0,0,1) ;
}

#div_hotels_header_search_inner
{
   padding: 0px 10px ;
}
   
#div_hotels_header_photos
{
   position: relative ;
   float: left ;
   margin-left: 1% ;
   width: 358px ;
   height: 221px ;
   overflow: hidden;
   border: 2px solid #fff;
   box-shadow: 0px 0px 8px 1px rgba(0,0,0,1) ;
}

#div_hotels_header_search p {
   margin: 0 0 10px 0;
   font-size: 16px ;
   padding: 10px 8px 5px 0px ;
   text-transform: uppercase ;
   font-weight: bold ;
   color: #0033BB ;
}
   
#destination {
   -moz-border-radius: 1px ;
   border-radius: 1px ;
   font-size: 12px ;
   padding: 3px ;
   width: 12.1em ;
   width: 95% ;
}
   
#search_hotel_table .day {
   -moz-border-radius: 1px ;
   border-radius: 1px ;
   font-size: 12px ;
   padding: 2px ;
   width: 4em ;
}
   
#search_hotel_table .month {
   -moz-border-radius: 1px ;
   border-radius: 1px ;
   font-size: 12px ;
   padding: 2px ;
   width: 6.5em ;
}

#search_hotel_table img {
   background: none repeat scroll 0 0 #0055DD ;
   cursor: pointer ;
}
   
#search_hotel_table
{
   border-spacing: 4px ;
   width: 100% ;
}
   
#search_hotel_table td
{
   vertical-align: middle ;
}
   
.td_label {
   text-align: right ;
   width: 38% ;
}
   
.td_value {
   width: 62% ;
}
   
#div_date_undefined {
   margin: 7px 0 14px 5px ;
}
   
button {
   width: 100% ;
   -moz-border-radius: 4px;
   border-radius: 4px ;
   background-color: #0033BB ;
   background: -moz-linear-gradient(90deg, #0033BB, #0077FF);
   background: -webkit-linear-gradient(bottom, #0033BB, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0033BB');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
   border: 0px solid #128212 ;
   color: #fff ;
   letter-spacing: 1px;
   padding: 5px ;
   text-transform: uppercase;
   font-size:  14px ;
   cursor: pointer ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   font-weight: bold ;
}

button:hover {
   background-color: #0077FF ;
   background: -moz-linear-gradient(90deg, #0077FF, #0077FF);
   background: -webkit-linear-gradient(bottom, #0077FF, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0077FF');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
}

/* footer.css */

#div_footer
{
   position:absolute;
   bottom: 0;
   width: 100% ;
   padding: 0px ;
   background-color: #0055DD ;
   background: -moz-linear-gradient(90deg, #0022AA, #0055DD);
   background: -webkit-linear-gradient(bottom, #0022AA, #0055DD);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0055DD', endColorstr='#0022AA');
   background: -ms-linear-gradient(bottom, #0022AA, #0055DD); 
   color: white ;
}

#div_footer a
{
   color: yellow ;
}

#div_footer_content
{
   position: relative ;
   margin: 0px auto ;
   padding: 0 ;
   font-size: 8pt ;
   width: 90% ;
   max-width: 1300px;
}

#div_footer_top5
{
   position: relative ;
   margin: 0 auto ;
   margin-top: 20px ;
   margin-bottom: 25px ;
   padding: 0 ;
   font-size: 10px ;
   border-top: 1px solid #bbbb77 ;
   border-bottom: 1px solid #bbbb77 ;
   width: 580px ;
   text-align: center ;
}

#div_footer_top5 p {
   padding: 5px 0 3px 0 ;
   font-size: 13px ;
}

#div_footer_top5 .div_trip {
   float: left ;
   padding: 4px ;
}

#div_footer_top5 .div_trip img {
   width: 100px ;
   border: 2px solid white ;
   box-shadow: 1px 1px 9px 3px rgba(0,0,0,0.5) ; 
   margin-bottom: 3px ;
}

#div_footer_top5:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

#footer_copyright
{
   padding: 5px 0 10px 0 ;
   font-size: 8pt ;
   width: 100% ;
}

.footer_par
{
   text-align: center ;
   padding: 3px 0px 3px 0px ;
}

#footer_offer
{
   padding: 10px 0 0 0 ;
   text-align: center ;
   font-size: 10pt ;
   width: 100% ;
}

#footer_offer a {
   color: #FFBBBB ;
}

/* about_us */
#about_us_div
{
   margin: 0px 10px ;
}

#pic_div_wide_left
{
   float: left ;
   border: 0px solid #000000 ;
   padding-bottom: 15px ;
   width: 147px ;
   text-align: center ;
   margin-right: 2% ;
}

#pic_div_wide_right
{
   float: right ;
   border: 0px solid #000000 ;
   padding-bottom: 15px ;
   width: 147px ;
   text-align: center ;
   margin-left: 2% ;
}

.pic
{
   padding-bottom: 14px ;
}

#about_us_div ul
{
   margin: 45px 0 10px 0 ;
}

#about_us_div li
{
   line-height: 250% ;   
   list-style-type: none ;
}

#inner_div_ladybugs_links
{
   float: left ;
   width: 350px ;
}

#inner_div_testimonial
{
   margin-top: 10px ;
   float: right ;
   width: 250px ;
   font-style: italic ;
}


/* sitemap */

#sitemap_ul
{
   padding: 0 0 30px 40px ;
}

.sitemap_item
{
   margin: 10px 0 0 0 ;
}

.terms_example_col
{
   float: left ;
   width: 310px ;
}

.terms_correct
{
   color: green ;
}

.terms_incorrect
{
   color: red ;
}

// descriptive links
.pointShowImage
{
   visibility: visible ;
   border: 1px solid #000077 ;
   background-color: #1122DD ;
}
   
.pointHideImage 
{
   visibility: hidden ;
}

.description_link_image
{
   top: 40px ;
   padding: 3px ;
   background-color: white ;
   box-shadow: 0px 0px 6px 0px rgba(0,0,0,1.4) ;
   position: absolute ;
   z-index: 30 ;
}

.description_link_image_hostel
{
   height: 120px ;
}

.onMouseOverPoint 
{
   cursor: pointer ;
   cursor: hand ;
}

.description_link
{
   color: darkblue ;
   text-decoration: none ;
   font-weight: bold ;
}

.description_link:hover
{
   color: blue ;
   text-decoration: underline ;
   cursor: pointer ;
   cursor: hand ;
}

#div_main_data_description
{
   position: relative ;
   color: black ; 
   font-family: verdana ; 
   margin: 0px ;
   border: 0px solid #000000 ;
   line-height: 190% ;
   font-size: 12pt ;
   margin-bottom: 10px ;
   padding: 8px 15px 15px 10px ;
  -moz-column-count: 2 ; 
   -webkit-column-count: 2 ; 
   column-count: 2 ;
   -moz-column-gap: 40px ; 
   -webkit-column-gap: 40px ;
   column-gap: 40px ;
   -moz-column-rule: 2px outset #99DB99 ;
   -webkit-column-rule: 2px outset #99DB99 ;
   column-rule: 2px outset #99DB99 ;
}

#div_main_data_description br {
   margin-bottom: 15px ;
}

#div_main_data_description a {
   font-weight: bold ;
}

/* panoramic pics */

#panoramic_pics
{ 
    position: relative; 
    width: auto ; 
    margin-bottom: 2em; 
    box-shadow: 1px 1px 9px 3px rgba(0,0,0,0.5) ; 
}

#panoramic_pics > div 
{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

.panoramic_size_reference
{
   visibility: hidden ;
   width: 100% ;
   vertical-align: text-top ;
}

.panoramic_pics_img
{ 
   display: block ;
   width: 100% ;
}

.price
{
   color: red ;
   padding-left: 3px ;
   font-size: 15px ;
}

.from_small
{
   font-size: 11px ;
   float: right ;
   padding-right: 5px ;
}

.from_small_offset_top
{
   padding-top: 5px ;
}

/* first page hotels */

#div_main_hotels
{
   padding-left: 0px ;
   margin-top: 10px ;
}

.trip_hotels_group
{
   float: left ;
   width: 46% ;
   padding: 1.2% ;
   margin-right: 0.8% ;
   margin-bottom: 0.8% ;
   
}

.trip_hotels_group_title
{
   color: #0033BB ;
   font-size: 17px ;
   font-weight: bold ;
   padding-bottom: 5px ;
   margin-bottom: 10px ;
   border-bottom: 1px solid #777777 ;
   font-family: Arial ;
}

.trip_hotels_group_hotels
{
   position: relative ;
   padding: 5px ;
   width: 95% ;
   line-height: 150% ;
   font-size:10pt ;
}

.trip_hotels_group_hotels > a:nth-child(odd) .div_more_hotels_item {
   background-color: #eee ;
}

.trip_hotels_group_hotels a .div_more_hotels_item:hover {
   background-color: #ccc ;
}

.trip_hotels_group_div_pic
{
   position: relative ;
   margin: 10px 5px ;
   width: 100% ;
}

.trip_hotels_group_pic
{
   width: 90% ;
   max-height: 320px ;
   min-height: 320px ;
}

.trip_hotels_group_pic_title
{
   position: absolute ;
   bottom: 5% ;
   left: 0px ;
   height: 24px ;
   width: 90% ;
   background-color: black ;
   opacity: 0.75 ;
   filter: alpha(opacity=75) ;
   color: #F5AA00 ;
}

.trip_hotels_group_pic_title_hotel
{
   width: 100% ;
   max-width: 310px ;
   height: 33px ;
   padding-left: 10px ;
   padding-top: 4px ;
   font-size: 11px ;
}

.trip_hotels_group_pic_title_hotel a {
   color: #F5AA00 ;
}

.room_price_warning
{
   font-size: 13px ;
   padding: 5px 0 10px 0 ;
   font-weight: bold ;
}

#table_cookie
{
   width: 100% ;
   border-collapse: collapse ;
}

#table_cookie th
{
   background-color: #aaaaaa ;
   padding: 4px 2px ;
   text-align: left ;
}

#table_cookie td
{
   padding: 2px ;
   padding-top: 5px ;
}

#privacy_policy_cookies ul
{
   margin-left: 10px ;
   padding: 10px ;
}

#privacy_policy_cookies li
{
   padding: 2px ;
}

#privacy_policy_cookies a 
{ 
   cursor: pointer ;
}

#privacy_policy_cookies br {
   display: block;
   margin: 5px 0;
}

/* map_viewer.php */

#main_map_div_content_no_padding 
{
   position: relative ;
   width: 100% ;
   z-Index: 1 ;
}

#main_map_div_content 
{
   position: relative ;
   width: 100% ;
   padding-bottom: 60% ;
   z-Index: 1 ;
}

/* webcam.php */

.div_cam 
{
   float: left ;   
   margin-right: 1em ;
   width: 320px ;
   font-size: 10pt ;
}

.div_cam_description
{
   margin-bottom: 1em ;
}

.trip_menu_delimiter
{
   margin: 10px 5px ;
   border-top: 1px solid #aaaadd ;
}

/* sell photos */
#sell_photos p {
   margin: 15px 0 ;
   font-size: 14px ;
}

#sell_photos ul {
   margin: 10px 20px ;
}

#sell_photos ol {
   margin: 10px 30px ;
   list-style-type:lower-alpha ;
}

#sell_photos li {
   padding: 2px 0 ;
}

#sell_photos div {
   margin: 10px 0 20px 0 ;
   font-size: 14px ;
}

#sell_photos img {
   border: 2px solid white ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4) ;
   margin: 10px 0 10px 20px ;
}

#about_us_contact div {
   padding: 10px ;
}

#about_us_contact img {
   vertical-align: middle ;
   padding-right: 10px ;
}

#about_us_contact p {
   padding: 10px 0 0 0 ;
}

#about_us_contact #social {
   padding-top: 30px ;
   padding-bottom: 20px ;
}

/* about_us_advertising */
#about_us_advertising:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

#ads_left {
   margin-rigth: 340px ;
   
}

#ads_right {
   float: right ;
   width: 340px ;
}

#about_us_advertising .ad_price {
   font-size: 16px ;
   padding: 5px 0 10px 0 ;
   font-weight: bold ;
}

#about_us_advertising p {
   padding: 15px 0 ;
}

#about_us_advertising ul {
   margin: 5px 20px ;
}

#about_us_advertising li {
   margin: 2px 0 ;
}

/* terms_of_use */
#terms_of_use p {
   padding: 3px 0 ;
}

#terms_of_use ul {
   margin: 5px 20px ;
}

#terms_of_use li {
   margin: 4px 0 ;
}

#terms_of_use #pic_links {
   margin: 15px 0 20px 0 ;
}

#terms_of_use #pic_links:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

/* sell_slovenia.php */

#sell_slovenia_offer_link {
   font-size: 16px ;
   padding-bottom: 10px ;
}

#sell_slovenia_offer {
   display: none ;
   background-color: #dddddd ;
   margin: 15px 0 ;
   padding: 0 15px 10px 15px ;
   font-size: 13px ;
}

#sell_slovenia_offer > p span {
   font-size: 12pt ;
}

#sell_slovenia_offer > p {
   padding-top: 3px ;
}

#sell_slovenia_offer .title {
   font-weight: bold ;
   padding: 20px 0 6px 0 ;
}

#sell_slovenia_offer ul {
   margin: 5px 20px 15px 20px ;
}

#sell_slovenia_offer ol {
   margin: 5px 25px ;
}

#sell_slovenia_offer li {
   margin: 4px 0 ;
}

#sell_slovenia_offer img {
   margin: 5px 20px 10px 0 ;
   vertical-align: top ;
}

#map_full {
   width: 100% ; 
   position: relative ; 
   opacity: 1 ;
   filter:alpha(opacity=100) ;
   margin: 15px 0 ;   
   box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.6); 
}

#map_full > img {
   width: 100% ;
}

#map_popup {
   position: absolute ;
   left: 10px ;
   top: 10px ;
   max-width: 300px ;
   display: none ;
   border: 1px solid black ;
   box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.6); 
   background-color: black ;
}

#map_popup > .trip_name {
   padding: 5px ;
   background-color: green ;
   color: white ;
}

#map_popup > .trip_price {
   padding: 3px ;
   background-color: darkgreen ;
   color: white ;
   text-align: right ;
}

#map_popup > .all_links {
   padding: 3px ;
   font-size: 10px ;
   background-color: #004400 ;
   color: white ;
   text-align: right ;
}

#map_popup > .company_name {
   padding: 10px 10px ;
   width: 100% ;
   background-color: white ;
   font-weight: bold ;
   font-size: 14px ;
}

#map_popup > .company_data {
   padding: 10px 10px ;
   width: 100% ;
   background-color: white ;
   font-size: 13px ;
}

#map_popup > img {
   margin: 0;
   padding: 0 ;
   vertical-align: top ;
}

.map_part {
   background-color: green ;
   border: 1px solid black ;
   opacity:0.4 ; 
   filter:alpha(opacity=40);   
}

.map_part:hover {
   background-color: green; 
   border: 1px solid black; 
   color: white ;
   opacity:1; 
   filter:alpha(opacity=100);   
   cursor: pointer;
}

.map_part:hover > p {
   text-align: center ;
   padding-top: 2px ;
   color: white ;
   opacity:1; 
   filter:alpha(opacity=100);   
}

.map_part:hover .small {
   padding: 4px 3px 0 0 ;
   text-align: right ;
   font-size: 8px ;
}

.map_part_active {
   background-color: green ;
   border: 0px solid black ;
   opacity:0.85 ; 
   filter:alpha(opacity=85);
}

.map_part_active:hover {
   background-image: url("") ;
   border: 0px solid black ;
   opacity:1 ; 
   filter:alpha(opacity=100) ;
   cursor: pointer;
}

.map_part_reservation {
   background-color: red ;
   border: 1px solid black ;
   opacity:0.6 ; 
   filter:alpha(opacity=60);   
}

.map_part_reservation:hover {
   background-color: red; 
   border: 1px solid black; 
   opacity:0.9; 
   filter:alpha(opacity=90);
}

#sell_slovenia_legend {
   margin: 10px ;
}

#sell_slovenia_legend > div {
   float: left ;
}

#sell_slovenia_legend:after {
   clear: both ; 
   content: "" ;
   display: block ;
}

#sell_slovenia_legend > div p {
   margin-top: 17px ;
   margin-left: 5px ;
   margin-right: 10px ;
}

#sell_slovenia_legend #green {
   background-color: green ;
   width: 42px ;
   height: 42px ;
   margin: 5px ;
   margin-left: 15px ;
   opacity:0.5; 
   filter:alpha(opacity=50);
}

#sell_slovenia_legend #red {
   background-color: red ;
   width: 42px ;
   height: 42px ;
   margin: 5px ;
   margin-left: 15px ;
   opacity:0.7; 
   filter:alpha(opacity=70);
}

.div_company {
   margin: 20px 0 10px 0 ;
   padding: 10px 15px ;
   background-color: #D3D5D8 ;
}

.div_company .trip_name {
   font-size: 17px ;
   padding: 5px 0 ;
   text-align: right ;
}

.div_company > a img {
   padding: 10px 0 ;
   max-width: 100% ;
}

.div_company .company_name {
   padding: 5px 0 ;
   font-size: 20px ;
   font-weight: bold ;
}

.div_company .description_short {
   font-size: 16px ;
   padding: 10px 0 ;
   line-height: 150% ;
}

.div_company .description {
   font-size: 14px ;
   padding: 10px 0 ;
   line-height: 180% ;
}

.div_company .description br {
   margin-bottom: 15px ;
}

.div_company .article_link {
   margin: 15px 0 10px 0 ;
}


#div_trail_inner {
   position: relative ;
   background: -moz-linear-gradient(270deg, #ffffff, #e2f2e2);
   background: -webkit-linear-gradient(bottom, #ffffff, #e2f2e2);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e2f2e2')" ; /* IE9 */
   background: -ms-linear-gradient(bottom, #ffffff, #e2f2e2); 
}

#img_trail {
   margin: 10px 0 ;
   width: 100% ;
}

#div_trail_inner div {
   position: absolute ;
}

#div_trail_inner .trail_photo_marker {
   top: 20px ;
}

#div_trail_inner > div img {
   height: 60px ;
   margin-left: -50% ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   border: 2px solid white ;
}

#div_trail_map
{
   margin-top: 20px ;
   position: relative ;
   width: 100% ;
   padding-bottom: 56.25% ;
   border: 1px groove #000000 ;
}

#div_trail_map > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

/* map_viewer.js */
.img_map_viewer {
   border: 1px solid white ;
   position: absolute ;
   z-index: 1000 ;
}

.img_map_viewer_best {
   border: 2px solid white ;
}

.rotate{
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
} 

/* articles */

#div_articles
{
   margin: 15px 0 30px 0 ;
   line-height: 180% ;
   font-size: 11pt ;
}

.articles_list
{
   margin-left: 1em ;
}

.links_list
{
   margin: 5px 15px ;
}

.links_list_compact
{
   margin: 2px 15px ;
}

.links_item
{
   padding: 3px 0 ;
}

.partner_logo
{
   width: 200px ;
}

#article_header {
   background-color: #bbb ;
   padding: 10px ;
   margin-top: 20px ;
   font-size: 17px ;
   font-weight: bold ;
}

#article_date {
   float: right ;
   font-weight: normal ;
}

#div_article
{
   position: relative ;
   margin: 0px 370px 40px 0 ;
   line-height: 150% ;
}

#div_article a
{
   font-weight: bold ;
}

.div_article_text
{
   position: relative ;
   margin: 15px 0 ;
   text-align: justify ;
   font-family: verdana ; 
   line-height: 180% ;
   font-size: 12pt ;
}

.div_article_text br {
   margin-bottom: 15px ;
}

.div_article_photo
{
   margin: 0 15px 0 0 ;
}

.div_article_photo_inline
{
   float: left ;
}

.div_article_text_clear
{
   position: relative ;
   clear: left ;
}

.highlight_photo_title
{
   padding-top: 0 ;
}

.img_article_photo
{
   padding: 2px ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}

.img_article_title {
   text-align: center ;
   font-weight: bold ;
   margin-bottom: 25px ;
   font-size: 11pt ;
}

.div_article_photo_big
{
   margin: 10px 0 ;
   width: 100% ;
   border: 5px solid white ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}

.div_article_photo_big_leaflet
{
   margin: 10px 0 ;
   width: 100% ;
   border: 5px solid white ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   padding-bottom: 40% ;
}

.article_map
{
   width: 100% ;
   height: 400px ;
}

.div_article_photo_big_portrait
{
   margin: 10px 0 ;
   width: 55% ;
   border: 5px solid white ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.main_pic_portrait
{
   width: 44% ;
}

.trip_menu_delimiter_main_pic
{
   margin: 8px 0px ;
   width: 100% ;
}

#p_text_bottom
{
   margin: 20px 0 ;
   font-size: 11pt ;
   font-weight: bold ;
}


/* booking.com bottom header */

#div_booking_hotels
{
   margin-bottom: 40px ;
   font-size: 11pt ;
}

.div_more_hotels_title {
   float: left ;
   font-weight: bold ;
   padding: 5px ;
}

#div_more_hotels
{
   padding: 20px 0px 10px 0px ;
}

#div_booking_reservation {
   background: #F5AA00 ;
   color: #003580 ;
   font-size: 14px ;
   font-weight: bold ;
   padding: 15px ;
   margin: 20px 0 0 0 ;
   box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3) ;
}

#div_booking_reservation div {
   float: left ;
   width: 24.5% ;
   border: 0px solid black ;
}

#div_booking_reservation:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

#div_booking_reservation #text_destination {
   width: 55% ;
   margin-right: 10px ;
   font-size: 14px ;
   padding: 4px ;
}

#div_booking_reservation select {
   padding: 4px ;
   width: 20% ;
}

#div_booking_reservation .day {
   width: 18% ;
}

#div_booking_reservation .month {
   width: 28% ;
}

#div_booking_reservation button {
   width: 80% ;
   align: right ;
   margin-left: 19% ; 
}

#div_booking_reservation img {
   background: none repeat scroll 0 0 #0055DD ;
   cursor: pointer ;
}

/* trip_page.css */
#div_main_trips 
{
   position: relative ;
}

#main_left_div
{
   float: left ;
   position: relative ;
   left: 0px ;
   top: 0px ;
   width: 450px ;
   margin: 0 0 10px 0 ;
   border-top: 2px solid #0033BB ;
   background: -moz-linear-gradient(90deg, #f3f8f5, #99CCFF);
   background: -webkit-linear-gradient(bottom, #f3f8f5, #99CCFF);
   background: linear-gradient(top, #f3f8f5, #99CCFF);   
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99CCFF', EndColorStr='#f3f8f5')" ; /* IE9 */
   background: -ms-linear-gradient(bottom, #f3f8f5, #99CCFF); 
   padding-top: 3px;
   background-origin: content-box;
}

#trip_menu_div
{
   position: relative ;
   left: 0px ;
   top: 0px ;
   margin: 0px 0 4px 0 ;
   padding: 2px 1px ;
   font-size: 13px ;
}

.trip_menu_title
{
   padding: 5px ;
   font-weight: bold ;
   margin-top: 5px ;
   margin-bottom: 4px ;
   font-size: 15px ;
   text-transform: uppercase ; 
}

.trip_menu_parents_ul {
   list-style-type: none;
   padding: 1px ;
   font-weight: bold ;
   text-transform: uppercase ; 
}

.trip_menu_ul {
   list-style-type: none;
   margin-top: 0px ;
   padding: 1px ;
   font-weight: none ;
}

#trip_menu_div a
{
   text-decoration: none ;
}

#trip_menu_div table
{
   border-collapse: collapse ;
   width: 100% ;   
}

#trip_menu_div tr
{
   display: block ;
   color: darkblue;
}

.small_landscape_pic {
   width: 60px ;
   margin: 2px 3px 0px 3px ;
   border: 1px solid white ;
   box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2) ;
}

.small_portrait_pic {
   height: 42px ;
   margin: 2px 3px 0px 3px ;
   border: 1px solid white ;
   box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2) ;
}

.trip_menu_childs_ul {
   list-style-type: none;
   margin: 0px ;
   font-weight: normal ;
   font-size: 12px ;
   text-transform: none ; 
}

#trip_menu_div li {
   line-height: 23px ;
   display: block ;
}

#trip_menu_div li a {
   text-decoration: none ;
   display: block ;
   padding: 0 10px ;
   padding-top: 2px ;
   padding-bottom: 1px ;
   display: block ;
}

#trip_menu_div li a.trip_menu_indent_0 { padding-left: 0px ; }
#trip_menu_div li a.trip_menu_indent_10 { padding-left: 10px ; }
#trip_menu_div li a.trip_menu_indent_20 { padding-left: 20px ; }
#trip_menu_div li a.trip_menu_indent_30 { padding-left: 30px ; }
#trip_menu_div li a.trip_menu_indent_40 { padding-left: 40px ; }
#trip_menu_div li a.trip_menu_indent_50 { padding-left: 50px ; }
#trip_menu_div li a.trip_menu_indent_60 { padding-left: 60px ; }
#trip_menu_div li a.trip_menu_indent_70 { padding-left: 70px ; }
#trip_menu_div li a.trip_menu_indent_80 { padding-left: 80px ; }
#trip_menu_div li a.trip_menu_indent_90 { padding-left: 90px ; }
#trip_menu_div li a.trip_menu_indent_100 { padding-left: 100px ; }
#trip_menu_div li a.trip_menu_indent_110 { padding-left: 110px ; }
#trip_menu_div li a.trip_menu_indent_120 { padding-left: 120px ; }
#trip_menu_div li a.trip_menu_indent_130 { padding-left: 130px ; }
#trip_menu_div li a.trip_menu_indent_140 { padding-left: 140px ; }
#trip_menu_div li a.trip_menu_indent_150 { padding-left: 150px ; }
#trip_menu_div li a.trip_menu_indent_160 { padding-left: 160px ; }

#trip_menu_div li a:hover  {
   background-color: #0033BB ;
   color: #ffffee ;
   display: block ;
}

#trip_menu_div li.active a  {
   background-color: #0033BB ;
   background: -moz-linear-gradient(90deg, #0033BB, #0077FF);
   background: -webkit-linear-gradient(bottom, #0033BB, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0033BB');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
   color: #ffffee ;
   display: block ;
}

.trip_count {
   border-radius: 20% ;
   padding: 0px 2px ;
   margin-left: 5px ;
   background: #080 ;
   border: 1px solid #060;
   color: white;
   text-align: center;
   font-weight: normal ;
   font-size: 10px ;
}

#main_right_div
{
   left: 0px ;
   top: 0px ;
   position: relative ;
   margin: 0px 0px 10px 0px ;
   padding-top: 3px ;
   border: 0px solid #000066 ;
   margin-left: 460px ;
   border-top: 2px solid #0033BB ;
}

#menu_div
{
   position: relative ;
   left: 0px ;
   top: 0px ;
   margin: 5px 10px 1px 0px ;
   font-family: verdana ;
}

.main_pic_div
{
   position: relative ;
   border: 0px groove #000000 ;
   width: 100% ;
}

.main_pic
{
   position: relative ; 
   vertical-align: text-top ;
   background-color: white ;
   padding: 0.4em ;
   margin-top: 2% ;
   margin-bottom: 0.5% ;
   width: 96% ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}  

.main_pic_description
{
   position: relative ;
   padding: 0.5% ;
   background-color: #111111 ;
   font-size: 10pt ;
   color: #ddddaa ;
   margin-bottom: 2em ;
   width: 96% ;
   margin-left: 1.5% ;
}

.main_pic_copyright
{
   font-size: 10pt ;
   color: maroon ;
   font-weight: bold ;
   padding: 10px 10px ;
   text-align: left ;
}

.main_pic_description_full_div
{
   position: relative ; 
   top: 0px ;
   left: 0px ; 
   padding: 15px ;
   margin: 0 ;
   z-index: 0 ;
   font-size: 10pt ; 
   display: none ;
}

.main_pic_description_full_div_visible
{
   display: block ;
}

#main_map_div
{
   position: relative ;
   border: 0px solid #000066 ;
   margin-bottom: 2em ;
}

#main_region_map_div
{
   position: relative ;
}

#main_map
{
   position: relative ;
   left: 0px ;
   top: 0px ;
   margin: 0px ;
   padding: 0px ;
   border: 0px groove #000066 ;
   width: 100% ;
}

#region_map
{
   position: relative ;
   left: 0px ;
   top: 0px ;
   margin: 0px ;
   padding: 0px ;
   border: 0px groove #000066 ;
}

#big_google_map_div
{
   position: relative ;
   width: 100% ;
   padding-bottom: 56.25% ;
   border: 1px groove #000000 ;
}

#big_google_map_div > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

#map_info
{
   margin-top: 5px ;
   padding: 2px ;
   font-size: 8pt ;
}

#div_photos
{
   margin: 0 ; 
   text-align: center ;
   width: 100% ;
}

.div_trip_municipalites
{
   padding: 5px 0px 20px 0px ;
}

.div_trip_municipalites .title
{
   font-weight: bold ;
   font-size: 15px ;
   margin: 0px 0 10px 0 ;
}

.div_trip_municipalites a
{
   font-weight: bold ;

}

.div_trip_municipalites hr
{
   color: silver ;
   margin: 10px 0 ;
}

#settlements_top
{
   font-size: 14px ;
   text-transform: uppercase ;
   margin-bottom: 7px ;
}

#settlements
{
   font-size: 13px ;
   margin-bottom: 4px ;
   line-height: 170% ;
}

#div_trip_articles
{
   margin: 10px 0px 30px 0 ;
}

#div_trip_articles_list
{
   margin-left: 20px ;
   font-size: 12pt ;
}

#div_trip_articles_list li
{
   margin-bottom: 2px ;
}

#div_trip_articles_list .priority1
{
   font-size: 12pt ;
   margin-bottom: 10px ;
}

#div_trip_articles_list .priority2
{
   font-size: 11pt ;
   margin-bottom: 8px ;
}

#div_trip_articles_list .priority3
{
   font-size: 11pt ;
   margin-bottom: 8px ;
}

#map_text
{
   margin: 15px 0 ;
}

#div_other_sights {
   background-color: #E3E5E8 ;
   padding: 0px 0px 5px 0px ;   
   box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2) ;
   margin-bottom: 35px ;
}

#div_other_sights > p {
   padding: 15px 0 10px 10px ;
}

#div_other_sights > div > div {
   font-size: 11px ;   
   padding: 5px 20px ;
}

.other_sights_heading
{
   background-color: #ccc ;
   margin-bottom: 10px ;
}

.other_sights_icon
{
   vertical-align: -60% ;
   padding: 0 20px 0 10px ;
}

.div_sights_pic
{
   float: left ;
   position: relative ;
   width: 15.9em ;
   padding-top: 5px ;
   margin-bottom: 3px ;
}

.div_sights_pic_nearby
{
   float: left ;
   text-align: center ;
   width: 24.1% ;
}

.nearby_sights_note
{
   font-size: 11px ;
}

/* trip_page_top.css */
#div_parents
{
   font-size: 14px ; 
   margin: 20px 200px 20px 0 ;
}

#div_parents span {
   background-color: #D3D5D8 ;
   padding: 9px 10px 10px 10px ; 
}

#div_thematic_pages_small
{
   float: right ;
   width: 200px ;
   border: 0px solid black ;
   text-align: right ;
   margin-top: 10px ;
}

#div_thematic_pages_small img
{
   margin-left: 10px ;
   border: 1px solid white ;
   box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.7) ;
   background-color: white ;
}

#div_main_trip_data_and_menu
{
   padding-bottom: 5px ;
   width: 100% ;
   background: -moz-linear-gradient(90deg, #99CCFF, #f3f8f5);
   background: -webkit-linear-gradient(bottom, #99CCFF, #f3f8f5);
   background: linear-gradient(top, #99CCFF, #f3f8f5);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f8f5', EndColorStr='#99CCFF')" ; /* IE9 */
   background: -ms-linear-gradient(bottom, #99CCFF, #f3f8f5); 
}

#div_main_trip_data
{
   position: relative ;
   padding: 10px 0px 5px 0px ;
   width: 100% ;
}

#main_pic_small
{
   float: left ;
   left: 0px ;
   top: 0px ;
   padding: 0px 10px 0 5px ;
   border: 0px solid ;
}

#div_main_trip_title 
{
   margin-right: 270px ; 
   padding-left: 5px ;
}

.trip_main_title
{
   margin: 0px ;
   padding: 0px ;
   font-size: var(--trip-title-font-size) ;
}

#google_small_map
{
   float: right ;
   margin: 0px 1em 0px 1em ;
   border: 1px solid #777777 ;
   vertical-align: text-top ;
}

.trip_small_map
{
   width: 150px ;
   height: 110px ;
}

#region_small_map
{
   position: relative ;
   float: right ;
   margin: 2px 0px 0px 0px ;
}

#region_small_map_point
{
   position: absolute ;
   top: 2px ;
   right: 120px ;
   margin: 0px 10px 0px 0px ;
   padding: 0px ;
}

#div_trip_subname
{
   vertical-align: bottom ;
   padding: 20px 0 0 0 ;
   margin: 0 ;
   font-size: 12pt ;
   letter-spacing: 0.4px ;
   padding-left: 5px ;
}

#div_trip_menu_delimiter {
   height: 1px ;
   width: 100% ;
   background-color: #aaaadd ;
}

#div_thematic_pages_full
{
   padding-bottom: 2em ;
   margin-right: 300px ;
}

#div_thematic_pages_full .thematic_page_title
{
   margin-left: 15px; 
}

#div_weather_full_width
{
   position: relative ;
   width: 100% ;
}

#div_weather
{
   padding-top: 10px ;
   float: right ;
   border: 0px solid black ;
}


/* booking_com_hotels.css */

#hotels_view h3 {
   margin-top: 0px ;
   display: inline ;
}
   
#big_google_map_div > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

#all_accomodations {
   font-size: 14pt ;
   margin: 10px 0 ;
}

#div_hotel_regions {
   margin: 20px 0 ;
   font-size: 9pt ;
}

#div_hotel_regions > div {
   float: left ;
   margin-right: 25px ;
   padding: 10px ;
   text-align: center ;
   border: 1px solid #eeeeee ;
}

#div_hotel_regions .active {
   background-color: #77AADD ;
}

#div_hotel_regions > div:hover {
   float: left ;
   margin-right: 25px ;
   padding: 10px ;
   text-align: center ;
   background-color: #eeeeee ;
}

#div_hotel_regions img {
   margin-bottom: 10px ;
}

#div_hotel_regions:after {
   content: "" ; 
   clear: both ; 
   display: block ;
}

#hotels_sort {
   background-color: #eebb88 ;
   padding: 10px ;
   margin: 20px 0 10px 0 ;
   font-size: 11pt ;
}

#hotels_sort span {
   padding: 10px; 
   margin: 0 4px ;
}

#hotels_sort .active {
   background-color: #ffddaa ;
}

.hotels_navigation {
   background-color: #bbbbbb ;
   padding: 10px ;
   margin: 20px 0 10px 0 ;
   display: flex ;
   justify-content: space-between ;
}}

.hotels_navigation span {
   font-size: 11pt ;
   padding: 5px; 
   margin: 0 4px ;
}

.hotels_navigation .active {
   background-color: #eeeeee ;
}

.list_of_hotels
{
   margin: 10px 0 0 0 ;
   width: 100% ;
   padding: 0 ;
   border: 0px solid #000 ;
}

.hotel_row
{
   padding: 10px 0px ;
   border-top: 1px solid #bbbbdd ;
}

.img_hotel
{
   float: left ;
   padding-right: 1em ;
   border: 0px solid #000 ;
}

.trip_pic
{
   height: 110px ;
   border: 0 ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}

.div_hotel_content_data {
   margin-left: 14em ;
}

.div_hotel_content
{
   float: left ;
   text-align: left ;
   border: 0px solid red ;
   width: 60% ;
   font-size: 11pt ;
}

.div_hotel_title
{
   margin-bottom: 1em ;
}

.div_trip_address
{
   font-size: 11pt ;
   padding-bottom: 10px ;
}

.paragraph_trip_review
{
   color: black ; 
   font-size: 11pt ; 
   font-family: verdana ; 
   text-align: justify ;
   padding: 25px 0px ;
   font-weight: normal ;
}

.div_hotel_data
{
   float: right ;
   width: 30% ;
   font-size: 10pt ;
   line-height: 160% ;
   border: 1px solid #bbbbdd ;
   background-color: #bbbbdd ;
   font-family: 'lucida grande',tahoma,verdana,arial,sans-serif ;
}

.div_hotel_data_inner
{
   padding: 5px 10px ;
}

.div_hotel_param
{
   float: left ;
}

.div_hotel_value
{
   text-align: right ;
   font-weight: bold ;
}

.div_hotel_value_min_rate
{
   color: #00AA00 ;
}

.div_reservation
{
   margin: 15px 0 ;
   padding: 5px ;
   font-size:  14px ;
   font-weight: bold ;
   -moz-border-radius: 4px;
   border-radius: 4px ;
   background-color: #0033BB ;
   background: -moz-linear-gradient(90deg, #0033BB, #0077FF);
   background: -webkit-linear-gradient(bottom, #0033BB, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0033BB');
   background: -ms-linear-gradient(bottom, #0033BB, #0077FF); 
   letter-spacing: 1px ;
   text-align: center ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
   font-family: "Verdana";
}

.div_reservation:hover {
   background-color: #0077FF ;
   background: -moz-linear-gradient(90deg, #0077FF, #0077FF);
   background: -webkit-linear-gradient(bottom, #0077FF, #0077FF);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0077FF', endColorstr='#0077FF');
   background: -ms-linear-gradient(bottom, #0077FF, #0077FF); 
}

.link_reservation
{
   color: white ;
}

.link_reservation:hover
{
   text-decoration: none ;
   color: white ;
}

/* hotel_view */

#hotel_view
{
   padding: 0 0 30px 0;
}

#div_hotel_all_content
{
   border-top: 2px solid #777799 ;
   padding-top: 3px ;
}

#div_left_view {
   float:left ;
   width: 60% ;
}

#more_info
{
   padding: 20px 0 ;
}

.div_trip_address
{
   font-size: 11pt ;
   padding: 15px 0 ;
}

#div_google_map_detail
{
   float: left ;
   width: 45% ;
   padding-bottom: 30% ;
   border: 1px groove #000000 ;
}

#div_google_map_detail > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

#div_google_map_slovenia
{
   float: right ;
   width: 45% ;
   padding-bottom: 30% ;
   border: 1px groove #000000 ;
}

#div_google_map_slovenia > div
{
   position: absolute ;
   top: 0 ;
   bottom: 0 ;
   left: 0 ;
   right: 0 ;
}

#img_hotel_view {
   width: 100% ;
   max-width: 500px ;
}


/* main_page.css */

#main_page_text
{
   font-size: 1.3em ;
   margin-bottom: 0.5em ;
   line-height: 1.7em ;
   width: 95% ;
   padding: 1% ;
   color: #333 ;
}

#left
{
   margin-right: 20em ;
}

.main_page_left_full
{
   width: 100% ;
}

.trip_group
{
   float: left ;
   width: 45% ;
   padding: 0% 1% 0% 1% ;
   margin-right: 1% ;
   margin-bottom: 1% ;
   padding-top: 1em ;
   padding-bottom: 1em ;
   background-color: #ffffff ;
}

.trip_group_title
{
   color: #0033BB ;
   font-size: 1.7em ;
   font-weight: bold ;
   padding-bottom: 5px ;
   margin-bottom: 10px ;
   border-bottom: 1px solid #777777 ;
   font-family: Arial ;
}

.trip_group_description
{
   position: relative ;
   padding: 0.5em ;
   padding-bottom: 1em ;
   font-size: 1.2em ;
   line-height: 150% ;
}

.trip_group_photos
{
   padding: 0px ;
   margin: 0px ;
   border: 0px ;
}

.trip_group_pic
{
   float: left ;
   margin-right: 1px ;
   width: 32% ;
}

.trip_group_div_pic
{
   position: relative ;
}


#right
{
   float: right ;
   width: 18.0em ;
   background-color: rgb(230,230,230) ;
   padding: 1em 1em 0.5em 1em ;
   margin: 20px 0 ;
}

#right2
{
   width: 90% ;
   left: 0px ;
   padding: 0 5% ;
   margin: 0px ;
   margin-bottom: 10px ;
   text-align: left ;
}

/* main_search results */

#div_main_results
{
   padding: 5px ;
}

#div_main_results .i a:last-of-type
{
   font-weight: bold ;
}

#div_main_results .i
{
   padding-top: 5px ;
   padding-bottom: 5px ;
   margin-left: 5px ;
}

#div_main_results .i4
{
   font-size: 11pt ;
   margin-top: 10px ;
   margin-bottom: 6px ;
   margin-left: 45px ;
}

#div_main_results .i5
{
   font-size: 10pt ;
   margin-top: 5px ;
   margin-bottom: 5px ;
   margin-left: 60px ;
}

#div_main_results .i6
{
   font-size: 9pt ;
   margin-top: 2px ;
   margin-bottom: 3px ;
   margin-left: 70px ;
}

#div_main_results .i7
{
   font-size: 8pt ;
   margin-bottom: 2px ;
   margin-left: 80px ;
}

#div_main_results .i8
{
   font-size: 8pt ;
   margin-bottom: 2px ;
   margin-left: 90px ;
}

.search_description2
{
   position: static ;
   padding: 0px ;
   margin: 0px ;
   width: 100% ;
   cursor: hand ;
}

.search_description2_over
{
   position: static ;
   padding: 0px ;
   margin: 0px ;
   width: 100% ;
}

.search_description3
{
   position: static ;
   padding: 0px ;
   margin: 0px ;
   width: 100% ;
}

.search_description3_over
{
   position: static ;
   padding: 0px ;
   margin: 0px ;
   width: 100% ;
}

.search_description_neutral
{
   position: static ;
   padding: 0px ;
   margin: 0px ;
   width: 100% ;
}

.search_best
{
   border-top: 1px dashed #009c00 ;
   border-bottom: 1px dashed #009c00 ;
   padding: 5px 0 2px 0 ;
   margin: 4px 0 ;
   background-color: #E9ECE9 ;
   width: 100% ;
}

/* 404 */
#page404 p
{
   padding: 0 0 25px 0 ;
   font-size: 14px ;
}

#page404 a
{
   font-weight: bold ;
} 

#p_review_remark {
   padding-top: 15px ;
   font-size: 13px ;
   line-height: 150% ;
}

.leaflet_button {
   background-color: #fff ;
   border: 1px solid #ccc ;
   text-align: center ;
   cursor: pointer !important ;
   font-size: 12px ;
   font-weight: bold ;
   padding: 5px 10px ;
   margin: 10px ;
   -moz-border-radius: 4px ;
   border-radius: 4px ;
}

.leaflet_button:hover {
   background-color: #f4f4f4 ;
}

.leaflet_button_front {
   z-index: 9980 ;
}

.city_distance_ad {
   margin: 35px 0 ;
}

.map_route_full_height {
   height: 100% ;
}

.clear_both {
   position: relative ;
   clear: both ;
}

.clear_left {
   position: relative ;
   clear: left ;
}

.clear_both_bottom {
   position: relative ;
   clear: both ;
   margin-bottom: 10px ;
}

.center_text {
   text-align: center ;
}

.no_top_margin {
   margin-top: 0 ;
}

.clickable_row {
   cursor: pointer ;
}

.ladybug_inline {
   vertical-align: middle ;
}

.trip_menu_sight_icon {
   vertical-align: -24% ;
   padding-left: 7px ;
}

.search_hotel_pic_div
{
   float: left ;
   position: relative ;
   padding: 5px ;
}

.search_hotel_pic_div:hover
{
   float: left ;
   position: relative ;
   padding: 5px ;
   background-color: #d1d9e0 ;
}

.search_hotel_pic
{
   border: 0px ;
   padding: 2px ;
   height: 150px ;
   box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.4); 
}