@CHARSET "UTF-8";

@font-face {
  font-family: "BrushScriptStd";
  src: url("../fonts/BrushScriptStd.otf") format("opentype");
} 

* { margin: 0px; padding: 0px; }
body { font-size: 10px; font-family: Arial; background-color: #EEF2F7; /*background: white url(../images/bg_blue_moon.jpg) no-repeat left top;*/ }

#page_wrapper { /*display: block;*/ /*margin: 25px auto;*/ margin-top: 25px; /*width: 980px;*/ /*background:url(../images/page_bottom_shadow.png) no-repeat bottom;*/ padding-bottom:20px;}
#page { padding:8px 8px 8px; background:white; }

#header { background-color: #31546B; }
#header .logo,
#header .logo a { color: #d0e0eb; }
#header .logo {
  font-family: BrushScriptStd;
  font-size: 42px;
  text-transform: capitalize;
  user-select: none;
}
#header .logo a { text-decoration: none; }
#header .menu-button i {
  font-size: 40px;
  color: #d0e0eb;
}

#top { /*display:block;*/ /*background:url(../images/page_bottom_shadow.png) no-repeat bottom; padding-bottom:20px;*/ }
#main { /*display: block;*/ background: white/* url(../images/pozadie_main.gif) no-repeat left top*/; /*padding: 0px 2px;*/ }
#left { /*width: 180px;*/ padding-bottom:20px; }
#main_content { padding-bottom:20px;  }
#right { /*width:180px;*/ background:none repeat scroll 0 0 #DDE7F1; }
#bottom { /*display: block;*/ background: transparent /*url(../images/pozadie_bottom.jpg) repeat-x left top*/; margin: 0px 2px; position:relative; }

.bottom_block { font-size:11px; border-top:1px solid #7ea2d0; padding:5px 0 10px 0; }
.bottom_block p{ padding:0;}
.copyright { position:absolute; bottom:-50px; width:960px;}


.hotel_menu { display:block; margin-top:10px; }
.hotel_menu ul{ display:block; list-style:none; margin:0; padding:0; border-bottom:2px solid #4d85be; overflow:hidden; }
.hotel_menu ul li{ display:block; margin:0; padding:0; float:left; width:150px; }
.hotel_menu ul li a{ display:block; margin-right:2px; padding:2px 0; font-size:12px; font-weight:bold; text-align:center;background:#cbe9fc; text-decoration:none; color:#000 !important;}
.hotel_menu ul li a.active{background:#4d85be; color:white !important; } 

.top_banner { float:left; display:block; width:763px; overflow:hidden; clear:none; }


h1{ margin:0px; padding:0;}
h1 span { display:none;}
.top_logo { font-size:11px;}


.module_wrapper { padding:0 20px 10px 30px;}

.img_fluid_wrapper img { max-width: 100%; }


h2,.adresa, .kontakt span, .kontakt a{ color:#133dc5 !important; }
h2{ font-size:18px; margin:0; padding:0; }
p.adresa{ padding:0; font-size:12px;}
p.kontakt { padding:2px 0; font-size:11px;}
.kontakt span, .kontakt a{ padding:5px 5px 5px 20px; background-position:left; background-repeat:no-repeat;}
.tel { background-image:url(/sorger/userfiles/web/icon_phone.jpg); }
.fax { background-image:url(/sorger/userfiles/web/icon_fax.jpg); }
.mail { background-image:url(/sorger/userfiles/web/icon_mail.jpg); }
.search { background-image:url(/sorger/userfiles/web/icon_search.jpg); }



  dl.zend_form {  display:block; clear:both; }
  dl.zend_form dt {  width: 140px; margin: 1px 2px 1px 0;padding:2px 4px; clear: left; float: left;
            background-color: #f6f6f6;text-align: right; color: #666;
            border:1px solid #f6f6f6; border-bottom-color:#e9e9e9; border-right-color:#e9e9e9;
            vertical-align:top;
          }
  dl.zend_form label { font-weight: bold; font-size:1.1em; padding:2px 2px 2px 0; display:block; }
  dl.label_width_auto dt,dl.label_width_auto dt label { width:auto !important;}
  
  dl.zend_form dd {  margin: 1px 2px 1px 2px; padding:0; float:left;vertical-align:top; display:block;}
  dl.zend_form dd.help {  clear: left;  padding-top: 2px;  font-size: 90%;  color: #999; }

  dl.zend_form input, 
  dl.zend_form select, 
  dl.forms textarea { width: 300px; font-size:12px; padding:2px; border:1px solid silver; margin-top:1px; clear:both; }

  dl.zend_form select{ width:auto;}
#filter{width:auto;}
dl.zend_form .delphiCaptcha input { width:100px !important;}

.form_rezervacia_form { margin: 10px 30px;}
.form_rezervacia_form textarea{ width:303px; height:100px;}

/* SIDE MENU TOGGLE */

.sideMenuToggle .toggleButton {
  font-size: 1rem;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background-color: #49708A;
  padding: .5rem;
  user-select: none;
  justify-content: center;
  align-items: center;
}

.sideMenuToggle .toggleButton .icon {
  margin-left: .5rem;
}

#top .menu-button {
  cursor: pointer;
}


/* prettyphoto responzive fix */
@media only screen and (max-width: 480px) { 

  *[class~=pp_pic_holder] { width: 100% !important; left: 0px !important; }  
  *[class~=pp_hoverContainer] { width: 90% !important; height: 180px !important;  }  
  *[class~=pp_fade] { width: 389px !important;  } 
  *[class~=pp_hoverContainer] { height: 190px !important;  }   
  *[class~=pp_right] { height: 220px !important;  }   
  *[class~=pp_content]  { height: 100% !important; width: 320px !important; }  
  #fullResImage { height: 100% !important; width: 320px !important; }  

}