* { margin:0; padding:0; font-family: Tahoma, Verdana, sans-serif; }/***/

body { background: #fff url(../img/bg_bg_body.jpg) center repeat-y;  }

#bg_body { width: 100%; background: url(../img/bg_top.jpg) top center no-repeat; position: relative;   }

#page { position: relative; margin: 0 auto 0 auto; width: 993px; }

.cleaner-left { clear:left; font-size: 1px; }




/* head 1 */
#head1{ position: relative; height: 192px; }

#home { position: absolute; top: 96px; left: 0; width: 187px; height: 75px; }

#login { position: absolute; top: 5px; right: 15px; font-size: 11px; }
#login a { color: #4f3422; text-decoration: none; font-weight: bold; }

/* head 2 */

#head2 { position: relative; height: 139px /*147px*/; background: url(../grafika/bg_div_head2.jpg) center top no-repeat; }

#baner { display: block; position: absolute; top: 13px; left: 232px; width: 694px; height: 119px;  } 

.ban-artfocus { background: url(../grafika/banner.jpg)  }


/* body */

#body { background: url(../grafika/bg_div_body.png) center repeat-y;  }
#body_top { position: relative; background: url(../grafika/bg_div_body_top.jpg) top no-repeat; }


#left_column { float: left; padding-top: 31px; }
#left_column_content { width: 187px; background: url('../grafika/left_menu_background.png') right -5px no-repeat;   }

#main_column { padding-left: 187px; }

#center_column { float: left; }
#center_column_content { position: relative;  width: 591px; padding-top: 23px; margin: 50px 0 0 0;  }

#right_column { padding-left: 594px; padding-top: 73px;  }



#adsense_top { position: absolute; top: 12px; left: 232px; }

#adsense_top div.second { margin-top: 12px; }

div#h_town { position: absolute; top: 14px; left: 179px; margin: 0; padding: 0; width: 268px; height: 25px; /*background-image: url('../grafika/under_town_bg.gif');*/  }
	
#h_menu { position: absolute; top: 7px; left: 9px; margin: 0; padding: 0; width: 978px; height: 39px; /*background-image: url('../grafika/horizontal_menu_bg_t.jpg'); */ }

#h_town { position: absolute; top: 14px; left: 179px; margin: 0; padding: 0; width: 268px; height: 25px; /*background-image: url('../grafika/under_town_bg.gif');*/ }

#h_menu a#expand_search { background: transparent; color: #000; margin: auto; padding: 0;  position: absolute; top: 5px; left: 153px; width: auto; border: 0;  }

div#h_menu input { color: #fff; }

div#h_menu select { position: absolute; top: 6px; left: 9px; width: 139px; margin: 0; padding: 0 0 0 3px; color: #337495; border: 1px solid #cecfcf; font-size: 12px; }

div#h_menu a { position: absolute; width: 112px; height: 19px; /* 136 × 25 */ top: 14px; margin: 0; padding: 6px 0 0 0px; /* 25*/ /*background: url('../grafika/horizontal_button.gif');*/ color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; text-align: center; }

div#site { position: absolute; width: 978px; height: auto; min-height: 975px; top: 77px; left: 8px; margin: 0; padding: 0; z-index: 5000; }


/* body bottom */

#body_bottom { position: relative; min-height: 180px; _height: 180px; background: url(../grafika/bg_div_body_bottom.png) center -30px no-repeat; }


/*

#wrapper {
  position: relative;
  width: 993px ; 
  margin: 0 auto 0 auto;
  padding: 0;

}
*/
/*
div#head {

  top: 0; left: 0;
  margin: 0; padding: 0;
  height: 378px;
  z-index: 10000;
}

  div#head * {
    z-index: 5;
  }
*/
  div#head div#login {
    position: absolute;
    top: 5px; left: 890px;
    margin: 0; padding: 0;
    font-size: 10px;
  }

  div#login a {
    color: #4f3422;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
  }

  

    div#napiste_menu, div#onas_menu,div#akce_menu,div#services_menu {
      position: absolute;
      top: 377px; left: 875px;
      border: 1px solid #31627a;
      width: 109px;
      height: auto;
      background-color: #FFF;
      z-index: 15000;
      text-align: center;
    }

	div#akce_menu {
		left: 653px;
	}
	
	div#services_menu {
		left: 765px;
	}

    div#napiste_menu a, div#onas_menu a, div#akce_menu a, div#services_menu a {
      position: absolute;
      width: 136px; height: 19px; /* 136 × 25 */
      top: 14px;
      margin: 0; padding: 6px 0 0 0px; /* 25*/
      background: url('../grafika/horizontal_button.gif');
      color: #fff;
      text-decoration: none;
      font-size: 11px;
      font-weight: bold;
      text-align: center;
      position: relative;
      width: auto; height: auto;
      top: auto; margin: 0;
      padding: 2px 5px 2px;
      background: #31627a;
      color: #FFF;
      display: block;
      font-size: 11px;
      z-index: 10000;
    }

    div#napiste_menu a:hover
    {
      background-color: #AAA;
    }
    
    div#onas_menu a:hover
    {
      background-color: #AAA;
    }

	div#akce_menu a:hover
	{
		background-color: #AAA;
	}

	div#services_menu a:hover
	{
		background-color: #AAA;
	}

.left_menu {
  position: relative;
  /*width: 179px;*/ /*height: 100%;*/
  /*background: url('../grafika/left_menu_background.jpg') no-repeat;*/
  /*background-color: #4ea2d5;*/
  padding-top: 16px;
  z-index: 10;
  
}

  .left_menu * {
    color: #fff;
  }

  .left_menu div.nadpis {
  	width: 177px;
	height: 38px; /* 42 */
	background: url(../grafika/bg_lmenu_h2.png) top left no-repeat;
	background-position: 0 -4px;
    color: #03aec4;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
  }
  
  .left_menu div.nadpis:hover, .left_menu div.nadpis-selected {
	background: url(/grafika/bg_lmenu_h2_hover.png);
	background-position: 0 -4px;
  }
  
  .left_menu div.nadpis-nohover:hover {
	background: url(../grafika/bg_lmenu_h2.png) top left no-repeat;
	background-position: 0 -4px;
  }
  
  .left_menu div.nadpis-first {
	position: absolute;
	top: -23px;
  }
  
  .left_menu div.nadpis a.h2link, .left_menu div.nadpis span {
  	font-size: 14px;
    font-family: Arial;
	color: #03aec4;
	padding: 17px 0 0 65px;
	margin: 0;
	width: 112px;
   }
   
  
  .left_menu div.nadpis:hover a.h2link, .left_menu div.nadpis-selected a.h2link {
	color: #224f63;
  }
  
  
  .left_menu div.nadpis-nohover:hover a.h2link {
	color: #03aec4;
  }

  .left_menu a#h2link {
  	display: block;
	width: 187px;
	height: 21px;
    cursor: pointer;
  }


  .left_menu a, .left_menu .nadpis span {
  	display: block;
	width: 149px;
  	/*position: absolute;*/
    margin: 0; padding: 1px 0 0 38px;
    /*width: 150px;*/ min-height: 18px;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
  }

  .left_menu a.selected {
  	/*display: compact;
    position: absolute;*/
    margin: 0; padding: 1px 0 0 38px;
    width: 150px; min-height: 18px; /* 179 × 21 */
    background-image: url('../grafika/left_menu_selected.png');
    color: #224f63;
  }

  .left_menu a.big {
  	display: block;
	width: 159px;
	text-transform: uppercase;
    background: url('../grafika/region_odrazka.png') no-repeat;
    background-position: 12px 8px;
    padding: 3px 0 0 28px;
	
    /*width: 160px;*/
  }

  .left_menu a.selected_big {
  	display: block;
	width: 159px;
	text-transform: uppercase;
	background: url('/grafika/left_menu_selected_big.png') 9px 0;
	color: #224f63;
    padding: 3px 0 0 28px;
    
    /*position: absolute;
    padding: 3px 0 0 29px;
    height: 18px; /* 179 × 21 *
    background-image: url('../grafika/left_menu_selected_big.png');
    
    text-transform: uppercase;
    padding: 3px 0 0 28px;*/
    /*width: 160px;*/
  }

  .left_menu br {
    line-height: 23px;
  }

  .left_menu #interest {
    position: absolute;
    top: 3px; left: 9px; /* 530 */
    margin: 0; padding: 0;/*padding: 9px 0 0 15px;*/
    width: 174px; height: 54px;
    /*width: 159px; height: 47px; /* 174 × 56 */
    background-image: url('../grafika/left_menu_interest.png');
    font-size: 15px;
    font-weight: bold;
    z-index: 5000;
  }

.left_menu #interest div {
    cursor:pointer;
    position:relative;
    left:0;top:0;
    padding: 0;
    margin: 10px 0 0 4px;
    margin: 4px 0 0 4px;
    text-align: center;
    width: 115px;
    height: 35px;
}

.left_menu #interest div.inline {
    margin: 18px 0 0 4px;
    height: 20px;
}

  .left_menu div#anketa {
    position: relative;
    margin: auto; padding: 0;
    width: 167px; height: 151px;
    background-image: url('../grafika/anketa-body.png');
    color: #7d7c7c;
    font-weight: bold;
  }
  
#anketa .top {
	position: absolute;
	top: -22px; left: 0;
	background-image: url(/grafika/anketa-head.png);
	width: 151px; height: 18px;
	color: white;
	padding: 4px 0 0 16px;
}

  div#anketa span {
    position: absolute;
    top: 130px; left: 34px;
    color: #7d7c7c;
    font-size: 11px;
    font-weight: bold;
  }

    div#anketa p {
      position: absolute;
      top: 5px; left: 10px;
      width: 150px;
      color: #4ea2d5;
      font-size: 14px;
      font-weight: bold;
    }

    div#anketa div {
      position: absolute;
      top: 0; left: 10px;
      color: #7d7c7c;
      font-size: 12px;
      font-weight: bold;
    }

    div#anketa a {
      position: relative;
      top: 0; left: 0;
      padding: 0;
      color: #7d7c7c;
      background: transparent;
      width: 20px;
      font-size: 12px;
      text-decoration: underline;
    }

    div#anketa a:hover
    {
      top: 0; left: 0;
      color: #7d7c7c;
      background: transparent;
      width: auto;
      text-decoration: underline overline;
    }

  .left_menu div#actual_offer {
    position: absolute;
    top: 692px; left: 0; /* 592 */
    width: 179px; height: 138px;
    margin: 0; padding: 0;
    background-image: url('../grafika/actual_offer.jpg');
  }

    div#actual_offer a {
      position: absolute;
      top: 112px; left: 40px;
      margin: 0; padding: 0;
      text-decoration: none;
    }

    div#actual_offer a:hover
    {
      background: transparent;
      color: #fff;
  }



#site #inner_site {
  position: relative;
  margin: 0; padding: 0;
  top: 0; left: 0;
  width: 590px; height: 100%;
  z-index: 10000;
}

  #site img#site_top {
    position: absolute;
    top: -26px; left: 179px;
  }

  div#site_bottom {
    position: relative;
    float: left;
    top: 0; left: 0;
    width: 978px; height: 150px;
    z-index: 10;
    background-image: url('../grafika/site_bottom_bg.jpg');
  }

	.housing {
    position: relative;
    display: block;
    top: 0; left: 0px;
    margin: 0; padding: 0;
    width: 140px; height: 193px;
    background-image: url('../grafika/housing.png');
    z-index: 3;
    text-decoration: none;
    z-index: 5000;
  }

    .housing div {
      position: absolute;
      width: 100%; height: 100%;
      z-index: 3000;
      cursor: pointer;
      background-image: url('../grafika/spacer.gif');
    }

    .housing * {
      position: absolute;
      margin: 0; padding: 0;
      z-index: 1000;
      cursor: pointer;
      overflow: hidden;
    }

    .housing a.image {
      display: block;
      top: 2px; left: 2px;
      width: 135px; height: 100px;
      background-color: #fff;
      text-align: center;
      position: absolute;
    }

    .housing h3 {
      top: 105px; left: 2px; /*10px;*/
	  width: 140px;
      height: 18px;
	  overflow: visible;
      color: #fff;
      font-size: 12px;
	  font-weight: bold;
    }

    .housing p {
      top: 142px; left: 47px;
      width: 85px; height: 40px;
      font-size: 11px;
      line-height: 13px;
      color: #000;
    }

    .housing p a { color: #000; text-decoration: none; }

    .housing span.max {
      top: 128px; left: 9px;
      width: 23px;
      color: #325669;
      font-size: 9px;
      font-weight: bold;
    }

    .housing span.town {
      top: 127px; left: 47px;
      height: 15px; width: 90px;
      color: #4ea2d5;
      font-size: 11px;
      font-weight: bold;
    }

    .housing var {
      top: 169px; left: -1px;
	  font-size: 12px;
      width: 34px;
      color: #224f63;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      overflow: visible;
    }

    .housing img {
      position: relative;
      margin: auto;
      border: 0;
      vertical-align: middle;
    }

    .housing a.overlap {
      position: absolute;
      display: block;
      width: 140px; height: 193px;
    }

    div#pages {
      width: 570px;
      text-align: center;
      margin: 10px 10px 0;
      font-size: 13px;
    }
    
    div#pages span {
    	height: 22px;
    	position: relative;
    	display: inline-block;
    	text-align: center;
    	vertical-align: middle;
    }
    
    div#pages a {
      color: #86bdcd;
      margin-right: 3px;
      text-align: center;
      text-decoration: none;
      font-weight:bold;
      font-size: 15px;
      font-family: Arial;
    }

    div#pages a:hover
    {
      color: #224f63;
      text-decoration: none;
    }

    div#pages a#active {
      color: #224f63;
    }

#right_menu {
  position: relative;
  width: 208px; height: 100%;
  top: 0; left: 0;
  min-height: 100%;
  margin: 0; padding: 0;
  z-index: 3000;
}

#right_menu img {
  top: 0; left: 0;
  margin: 5px 0 0 3px; padding: 0;
  border: 0;
}

#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

div#reklama {
    height: 825px; width: 530px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    padding: 30px;
}

div#onas {
    height: 825px; width: 530px;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: justify;
    padding: 30px;
}

#onas a { color: black; }
#onas a:hover { text-decoration: none; }


option.bigRegion {
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0 10px;
}

#insert option.bigRegion { padding: 0 0 0 10px; }


div.introduction {
  font-size: 13px;
  text-align: justify;
  padding: 10px 10px 10px;
}

.introduction a { color: #000; text-decoration: underline; }
.introduction a:hover { color: #000; text-decoration: none; }

h1.introduction {
  font-size: 13px;
  text-align: center;
  padding: 10px 10px 0;
}

div.region_intro {
  font-size: 13px;
  text-align: justify;
  padding: 0 10px 10px;
}

.region_intro a { color: #000; text-decoration: underline; }
.region_intro a:hover { color: #000; text-decoration: none; }

h1.region_intro {
  font-size: 13px;
  text-align: center;
  padding: 10px 10px 0;
}

div#copyright { position: relative; color: #919191; font-size: 10px; margin-left: 40px; float: left;}
div#copy_author { position: relative; color: #919191; font-size: 10px; margin-right: 50px; float: right;}

#copy_author a { color: #919191; text-decoration: none; }
#copy_author a:hover { color: #919191; text-decoration: underline; }

div#af_foot { clear: both; position: relative; color: #919191; padding: 0px 20px 20px 20px; font-size: 10px; }

#af_foot a { color: #919191; text-decoration: none; }
#af_foot a:hover { color: #000; text-decoration: underline; }

div#af_partners {
  margin: 10px 0 0 10px;
  font-size: 12px;
  color: #000;
}

#af_partners_navigate a { border: 1px solid #000; padding: 3px 6px 3px; color: #000; background-color: #FFF; text-decoration: none; }
#af_partners_navigate a:hover { background-color: #AAA; }

.aflinks-articles {
	margin: 10px 0 0 10px;
	font-size: 12px;
	color: #000;
}

.aflinks-paginator {
		float: left;
		margin: 0 0 10px;
		padding: 0;
		display: block;
	}
.aflinks-paginator li {
		list-style-type: none;
		float: left;
	}
	
.aflinks-paginator a {
		background-color: white;
		border: 1px solid #DDD;
		color: #0069D6;
		display: block;
		font: normal normal 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
		height: 30px;
		line-height: 30px;
		width: 30px;
		text-align: center;
		text-decoration: none;
	}
.aflinks-paginator a:hover,
.aflinks-paginator a.active {
		background-color: #C7EEFE;
	}
	
.aflinks-content {
		clear: both;
		margin-top: 10px;
	}


#right_menu object { margin-bottom: 4px; }

div#adsense_center {
  position: relative;
  width: 336px; height: 280px;
  margin: 0 auto;
}

div#adsense_right_up {
  position: relative;
  width: 160px; height: 600px;
  margin: 0 auto;
  left: -20px;
}

div#adsense_right_down {
  position: relative;
  width: 180px; height: 90px;
  margin: 0 auto;
}

div#adsense_left_down {
  position: relative;
  width: 160px; height: 600px;
  margin: 0 auto;
}

tr.www-check { display: none; }

/* seznam akcí v pravém menu */
#right_menu div.akce-menu-nadpis {
	width: 177px; height: 27px; background: url(../grafika/bg_menu_h2.png) top left no-repeat;
	color: #4c6e25;
	font-size: 14px;
	font-family: Arial;
	padding: 21px 0 0 10px;
	margin: 0 0 0 -3px;
	font-weight: bold;
}

#right_menu div.akce-menu-nadpis a.h2link { font-size: 14px; font-family: Arial; color: #4c6e25; padding: 0; margin: 0; text-decoration: none; }

div.akce-menu div { margin: 0 0 10px; }
div.akce-menu div h4 a { color: #FFF; text-decoration: none; font-size: 13px; }
div.akce-menu div h4 a:hover {
    width: 164px;
    background-image: url('../grafika/left_menu_selected.png');
    color: #FFF;
}
div.akce-menu div p { font-size: 11px; text-align: left; padding: 0 6px 0 4px; color: #FFF; }
div.akce-menu div p var { font-style: normal; font-weight: bold; margin: 0 0 0 auto; float: right; }

#runtime {
	position: absolute;
	top: 0;
	z-index: 10000;
	background-color: white;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom-right-radius: 10px;
	box-shadow:inset 0 0 10px #000000;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px black;
}

#runtime.fast {
	background-color: darkgreen;
}

#runtime.normal {
	background-color: darkorange;
}

#runtime.slow {

	background-color: darkred;
}

.housing-grid {
	width: 591px;
	border: 0;
	border-spacing: 5px;
}

/** LAST MINUTES **/

.last-minute-grid .housing {
	background-image: url(/grafika/housing/last-minute-housing.png);
}

.lastminute-grid .lm {
	background: url(/grafika/lm/bg-region.png) repeat-x;
	background-color: #fc9f00;
	border-bottom: 1px solid #fc8300;
	font-family: Arial;
	margin: 4px auto 0;
	padding-bottom: 5px;
	height: auto;
	width: 576px;
	overflow: auto;
}

.lastminute-grid .lm * {
	font-family: Arial;
}

.lastminute-grid .lm img {
	border: 0;
}

.lastminute-grid .lm .left {
	width: 135px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.1);
	-pie-background-color: rgba(0, 0, 0, 0.1);
	margin: 9px 0 0 8px;
	float: left;
}

.lastminute-grid .lm .right {
	margin: 9px 8px 0 8px;
	float: right;
	width: 417px;
}

.lastminute-grid .lm h3 {
	color: white;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: 18px;
	padding: 4px 8px;
	text-transform: uppercase;
	width: 401px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-pie-background: linear-gradient(#0083d2, #30a7e9);
	background: #0083d2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0083d2), to(#30a7e9));
	background: -webkit-linear-gradient(#0083d2, #30a7e9);
	background: -moz-linear-gradient(#0083d2, #30a7e9);
	background: -ms-linear-gradient(#0083d2, #30a7e9);
	background: -o-linear-gradient(#0083d2, #30a7e9);
	background: linear-gradient(#0083d2, #30a7e9);
	position: relative;
}

.lastminute-grid .lm .region {
	color: #9A4100;
	float: left;
	font-size: 11px;
	font-style: italic;
}

.lastminute-grid .lm .date {
	color: #9A4100;
	float: right;
	margin-right: 3px;
	font-size: 11px;
}

.lastminute-grid .lm p {
	color: white;
	font-size: 12px;
	position: relative;
	float: left;
	width: 100%;
	margin: 11px 0 0;
}

.lastminute-grid .lm .overlap {
	display: block;
	height: 157px;
	position: absolute;
	width: 576px;
}

.last-minute-grid {
	background: url(/grafika/lm/bg-lm.png);
	height: 169px; /* 169 - padding */
	width: 566px; /* 576 - padding */
	margin: 5px auto;
	padding-left: 10px;
}

.last-minute-grid .image {
	display: block;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
}

.last-minute-grid h2 {
	color: white;
	font-family: Arial;
	font-size: 18px;
	float: left;
	text-transform: uppercase;
	margin: 7px 10px 5px 1px;
}

.last-minute-grid h2 a {
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;
}

.last-minute-grid h2 a:hover {
	color: #efefef;
}


.last-minute-grid a.more {
	color: #9A4100;
	font-family: Arial;
	float: right;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	margin: 7px 10px 0 0;
}

.last-minute-grid a.more span {
	font-size: 14px;
}

.last-minute-grid .lm {
	float: left;
	margin-right: 4px;
}

.last-minute-grid .lm img {
	border: 0;
}

.last-minute-grid .lm .data {
	background: url(/grafika/lm/bg-lm-lm.png);
	color: white;
	height: 59px;
	width: 89px;
	position: relative;
}

.last-minute-grid .lm h3 {
	font-family: Arial;
	font-size: 13px;
	height: 35px;
	overflow: hidden;
	text-align: left;
	padding: 4px 0 0 4px;
}
.last-minute-grid .lm .date {
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
	color: #c1e4ff;
	position: absolute;
	bottom: 4px;
	display: block;
	text-align: center;
	width: 100%;
}