@charset "utf-8";

/* RESET */
  html,body,div,span,p,h1,h2,h3,h4,ul,li,a,img 
  {margin: 0; padding: 0; border: 0; text-decoration: none;}
  img	{overflow: hidden;} 
  ul 	{list-style: none;}
  .clear{display: block; clear: both;}
  .floated { float: right; margin:5px 0 0 20px;}
 
/* LAYOUT */

  #wrapper { position: relative; margin: 0 auto; width: 832px; }
    a#homelink { border: 0 !important; }
      img#logo { display: block; position: relative; left: 416px; }
	  a#langswitch { display: block; float: right; height: 20px; font-size: 12px; }
    ul#menu { display: block; float: left; position: relative; margin-top: 104px; width: 260px; height: 130px; z-index: 2;}
    #content { position: relative; margin: 26px 0 0 364px; width: 428px; padding: 20px; z-index: 2;
	           background: transparent url(bg_content.jpg) left top no-repeat;}
	#footer { position: relative; width: 832px; height: 200px; padding: 87px 0 3px; z-index: 1;
	          background: transparent url(footer.jpg) left top no-repeat; margin-top: -80px;}
      #calendardiv { float: right; width: 176px; height: 130px; padding: 35px 27px 0 27px; margin: 34px 40px 0 0;
	                 background: transparent url(rezervacie_title.jpg) left top no-repeat; overflow: hidden; text-align: center; }
      .en #calendardiv { background: transparent url(rezervacie_title_en.jpg) left top no-repeat; }
      #copyright { clear: both; }
  
/* COLOR/TYPOGRAPHY */
  #wrapper { background: transparent url(top_image_1.jpg) 0 0 no-repeat; }
    .wrapback1 #wrapper { background: transparent url(top_image_1.jpg) 0 0 no-repeat; }
    .wrapback2 #wrapper { background: transparent url(top_image_2.jpg) 0 0 no-repeat; }	
    .wrapback3 #wrapper { background: transparent url(top_image_3.jpg) 0 0 no-repeat; }	
    .wrapback4 #wrapper { background: transparent url(top_image_4.jpg) 0 0 no-repeat; }
    .wrapback5 #wrapper { background: transparent url(top_image_5.jpg) 0 0 no-repeat; }	
    .wrapback6 #wrapper { background: transparent url(top_image_6.jpg) 0 0 no-repeat; }	
    .wrapback7 #wrapper { background: transparent url(top_image_7.jpg) 0 0 no-repeat; }
    .wrapback8 #wrapper { background: transparent url(top_image_8.jpg) 0 0 no-repeat; }	
    .wrapback9 #wrapper { background: transparent url(top_image_9.jpg) 0 0 no-repeat; }	
    .wrapback10 #wrapper { background: transparent url(top_image_10.jpg) 0 0 no-repeat; }
    .wrapback11 #wrapper { background: transparent url(top_image_11.jpg) 0 0 no-repeat; }	

  body { font: normal 11px/16px tahoma, verdana, arial, helvetica, sans-serif; color: #111; background: #fff; }
  #copyright { color: #266377; }

  h1, h2 { color: #1e3139; font-weight: normal; }
  h1 { font-size: 24px; line-height: 32px; margin-bottom: 16px; text-transform: uppercase;  }
  h2 { font-size: 18px; line-height: 16px; margin : 8px 0; }
  h3 { color: #b2163d; font-size: 18px; line-height: 20px; font-weight: normal;}

  p {margin-bottom:16px;}
  
  /*tabulka*/
    table { margin-bottom: 16px; }
	td { border-bottom: 1px inset #eee; margin-bottom: 10px; }
      .kontakt #cestaknam td { padding: 10px; }
	th { text-align: left; color : #1e3139; border-bottom: 1px inset #bbb;}
  /*real ul*/
    ul.real-list { list-style-position: inside; list-style-type: circle; }
	ul.real-list ul { margin-left: 20px; }

  a { color: #266377; border-bottom: 1px solid #ddd; text-decoration: none; }
  a:hover { color: black; border-bottom: 1px solid black; }
  
  /*footer [a]*/
  a.selfline { display: inline-block; padding: 8px 0px 0px 0px; }
  a.footlink { display:block; float: left; margin-left: 43px; width: 215px; height: 76px; padding-top: 134px; border: 0;
               color: #c6c382;}
  a.footlink:hover { color: #e8e5a4; }
  a.footlink strong { display: inline-block; height: 16px;  color: #aaa; padding-right: 40px;
                      font-weight: normal; font-size: 16px; text-transform: uppercase; 
                      background: transparent url(sipky.gif) right -147px no-repeat;  }
  a.footlink:hover strong { color: white; background: transparent url(sipky.gif) right -97px no-repeat;}					  
    a#gallery { background: transparent url(button_gallery.jpg) left top no-repeat; }
    a#activity { background: transparent url(button_activity.jpg) left top no-repeat; }	

  /*galeria [p, a]*/
    p#galeria { display: block; width: 448px; margin-left: -20px; }
	  p#galeria a { float: left; display: block; width: 115px; height: 80px; border: 5px solid #ccc; margin: 0 0 20px 20px; text-align: center; overflow: hidden;}
	  p#galeria a:hover { border: 5px solid #266377; }

  /*menu [li, a]*/
  ul#menu li { font-size: 15px; line-height: 32px; text-transform: uppercase; text-align: right; padding-right: 20px; }
  ul#menu li a       { color: #266377; background: transparent url(sipky.gif) right 6px no-repeat;
                       padding-right: 40px; border: none; }
  ul#menu li a:hover       { color: black; border:0; background: transparent url(sipky.gif) right -44px no-repeat; 
                       padding-right: 40px; font-weight: bold; }
  ul#menu li a.nonjs:hover { color: black; border:0; background: transparent url(sipky.gif) right -44px no-repeat; 
                       padding-right: 50px; margin-right: -10px; font-weight: bold; }

  /* #footer calendar */
	 #calendardiv a { color: #9cbdcc; border: none; }
	 #calendardiv a:hover { color: white; border: none; text-decoration: underline; }

   #nextprev { display: block; width: 176px; height: 16px; position: relative; z-index: 2;  }
   #nextprev a { display: block; width: 25px; height: 16px; cursor:default;  border: 0;
                	    font-weight: bold; font-size: 20px; text-align: center; color: #ccc; 
				        margin-top: -2px; }
   #nextprev a:hover { color: white; }
     a#nextb { float: right; display: none;}
	 a#prevb { float: left; display: none;}

   #calendar-scroller { position: relative; z-index: 1; top: -16px; width: 178px; overflow: hidden; }
     ul#calendars { display: block; position: relative;  }
     ul#calendars li.tab { display: block; float: left; width: 178px; height: 130px; }  

   .calendar-month { display: block; width: 178px; height: 16px; clear: both; background-color: #587988;
                    font-weight: bold; font-size: 12px; text-align: center; color: white; }
   .calendar { height: 96px; border-top: 1px solid #587988; border-left: 1px solid #587988; margin: 1px auto 0; text-align: center;}
     .calendar td { width: 23px; height: 16px; text-align: center; border-right: 1px solid #587988; border-bottom: 1px solid #587988; 
	               margin: -1px 0 0 -1px; color:  }
	 .calendar .next, .calendar .prev, .calendar .this { float: left; }	
	 #calendardiv td a { display: block; width: 23px; text-align: center; }
	 #calendardiv p { color: #ccc; }
	
	.calendar .fill { color: #587988; background: transparent url(cal_filled.gif) 2px 2px no-repeat; }
	.calendar .prob { color: #587988; background: transparent url(cal_probably.gif) 2px 2px no-repeat; }	
	
  /* reservation calendar */
   #nextprev-res { display: block; width: 420px; height: 24px; position: relative; z-index: 2;}
   #nextprev-res a { display: block; width: 50px; height: 20px; cursor: pointer; border: 0;
                	 font-weight: bold; font-size: 20px; text-align: center; color: #dee4e7; 
				     margin: -2px 2px 0; }
   #nextprev-res a:hover { color: #587988; background-color: #dee4e7; }
     a#nextb-res { float: right; display: none;}
	 a#prevb-res { float: left; display: none;}

   #calendar-scroller-res { position: relative; z-index: 1; top: -28px; width: 420px; overflow: hidden; margin-bottom: -60px; }
     ul#calendars-res { display: block; position: relative;  }
     ul#calendars-res li.tab-res { display: block; float: left; width: 420px; height: 210px; }  

   .calendar-month-res { display: block; width: 420px; height: 21px; clear: both; background-color: #587988; font-size: 18px; text-align: center; color: white; padding-top: 3px; }
   .calendar-res { width: 100%; border-top: 1px solid #587988; border-left: 1px solid #587988; margin: 1px auto 0; text-align: center;}
     .calendar-res td { height: 24px; text-align: center; border-right: 1px solid #587988; border-bottom: 1px solid #587988; 
	                    margin: -1px 0 0 -1px; color:  }
	 .calendar-res .next, .calendar-res .prev{ color: #bbb; }	

	.calendar-res .fill, .td-fill { color: #587988; background: transparent url(cal_filled.gif) 2px 2px no-repeat; background-color: #f99; }
	.calendar-res .prob, .td-prob { color: #587988; background: transparent url(cal_probably.gif) 2px 2px no-repeat; background-color: #ddd;}	

  /* formular */
  #formular label {display: block; width: 100px; float: left; clear:left; margin-top: 4px;}
  #formular input {display: block; width: 300px; margin-top: 4px;}
    input[type=text] {  border: 1px solid #111; }
    input#sub { width: 120px; float: left; margin: -2px 10px 0 0;}
  label#prichodl, label#odchodl { float: left; width: 200px; clear: none;}
  input#prichod, input#odchod { width: 187px; float: left; }
  input#odchod, label#odchodl { margin-left: 20px; }


  /*error, all ok */
  .error { color: #c00; } 
    p.error { border: 1px solid #c00; padding: 10px; background-color: #fee;}
	input.error { border: 1px solid #c00; background-color: #fee; color: #111;}
  .allok { color: #090; }