body{
    padding:0;
    margin:0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    background-repeat: repeat-y;
    background-position: center top;
}
img{
    border: 0;
}
a{
    color:#999999;
    text-decoration:none;
}
a:hover{
    color: #333333;
    text-decoration:underline;
}
#back-illus{
    position: absolute;
    top: 0;
    left: 0;
    height: 169px;
    width: 100%;
    z-index: 0;
}
@media all and (min-width: 0px){
      #back-illus{
          z-index: -9999;
      }
}
#holder{
    position: relative;
    left: -9px;
    width: 770px;
    margin: 0 auto;
    text-align: left;
    height: 100%;
}
#header{
   height: 142px;
}
#holder #calendar{
    width: 149px;
    height: 0px;
    _height: 309px;
    position: absolute;
    top: 175px;
    left: -149px;
    overflow: hidden;
    padding-top: 309px;
    background-image: url("../imgs/calendar.gif");
}

#header #main-menu{
    height: 102px;
    background-image: url("../imgs/top_banner.gif");
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#header #main-menu a{
    display: block;
    padding-top: 83px;
    height: 0px;
    _height: 83px;
    width: 146px;
    overflow: hidden;
    position: absolute;
    top: 19px;
}
a.lnswitch{
    float: right;
    margin-right: 10px;
    padding-left: 23px;
    background-repeat: no-repeat;
}
a.english{
    background-image: url("../imgs/ico-eng.png")
}
a.czech{
    background-image: url("../imgs/ico-cz.png")
}
@media all and (min-width: 0px){
  #header #main-menu a { height: 83px }
}

#header #main-menu a:hover{
    background-position: 0 -83px;
}
#header #main-menu a.main{
    left: 8px;
    background-image: url("../imgs/button_main.gif");
}
#header #main-menu a.red{
    left: 464px;
    background-image: url("../imgs/button_red.gif");
}
#header #main-menu a.green{
    left: 160px;
    background-image: url("../imgs/button_green.gif");
}
#header #main-menu a.blue{
    left: 313px;
    background-image: url("../imgs/button_blue.gif");
}
#header #main-menu a.dopr{
    left: 616px;
    background-image: url("../imgs/button_dopr.gif");
}
#header #info-stripe{
    height: 40px;
    position: relative;
    z-index: 2;
}

#header #info-stripe img{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}



#menu{
    height: 21px;
    _height: 27px;
    background-color: #656464;
    padding-top: 6px;
}
@media all and (min-width: 0px){
      #menu{
          padding-bottom: 8px;
      }
}

#menu a{
    margin-left: 25px;
    color: white;
}

#content{
    width: 493px;
    _width: 570px;
    float: left;
    padding-top: 25px;
    padding: 0 40px;
    min-height: 500px;
    _height: 550px;
    padding-bottom: 30px;
}
#content h6{
    font-size: 16px;
    margin: 20px 0 0 0;
}

#content .newsimage{
    padding: 1px;
    border: 1px solid #CCCCCC;
    float: right;
    margin-left: 10px;
    margin-top: 15px;
}

#content .newsimage img{
    border: 0;
}

#left-column{
    margin-left: 573px;
    _margin-left: 570px;
    width: 181px;
}

#left-column h2{
    height: 15px;
    _height: 25px;
    font-size: 11px;
    padding: 5px;
    margin-top: 0;
}



#pata{
    height: 58px;
    _height: 108px;
    width: 770px;
    background-image: url("../imgs/bg_pata.gif");
    clear: both;
    position: relative;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-top: 46px;
}

#pata{
    height: 108px;
    width: 770px;
    background-image: url("../imgs/bg_pata.gif");
    clear: both;
    position: relative;
}

#pata img.singer{
    position: absolute;
    left: -76px;
    top: -119px;
}
#pata a{
    color: #FFCC33;
}
#pata a:hover{
    color: #FFFF66;
    text-decoration: underline;
}


h1.news, h1.press, h1.program, h1.dontmiss, h1.vstupenky, h1.kontakty, h1.historie, h1.search, h1.partneri, h1.ubytovani, h1.faq, h1.lineup, h1.newse, h1.contacts, h1.acc, h1.tickets, h1.remaining, h1.zbyva, h1.doprava, h1.mapa{
    background-repeat: no-repeat;
    padding-top: 31px;
    height: 0px;
    _height: 31px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 25px;
}
h1.partneri{
    padding-top: 28px;
    _height: 28px;
}
@media all and (min-width: 0px){
  h1.news, h1.press, h1.program, h1.dontmiss, h1.vstupenky, h1.kontakty, h1.historie, h1.search{ height: 31px }
}
.neprehlednete{
    border: 1px solid #DDCDCD;
    background-color: #F4EEEE;
    padding: 10px;
}
.neprehlednete h6{
    font-size: 12px;
    margin: 0;
}
h1.dontmiss{
    background-image: url("../imgs/h1-dontmiss.gif");
}

h3{
    font-size: 14px;
    color: #333333;
    margin-bottom: 3px;
    margin-top: 3px;
}

span.datum{
    font-size: 10px;
    color: #999999;
    padding-left: 15px;
    background: url("../imgs/icos-datum.gif") no-repeat 0 1px;
}
span.island{
    font-size: 10px;
    color: #999999;
    padding-left: 17px;
    background: url("../imgs/icos-bullet.gif") no-repeat 0 -1px;
}
p.news{
    text-align: justify;
    margin-top: 10px;
    padding-top: 0;
}

div.news-clearer{
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin-top: 15px;
}

p.press a, p.program-detail a{
    padding-left: 20px;
    background-repeat: no-repeat;
    margin-left: 20px;
    line-height: 30px;
}

h4{
    font-size: 14px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 -2px;
    margin-bottom: 8px;
}

p.prog, p.prog_main, p.prog_blue, p.prog_red, p.prog_doprovod, p.prog_green{
    border-bottom: 1px solid #CCC;
    margin-top: 10px;
    padding-bottom: 10px;
}
p.prog_main{
    background-color: #FEFAE3;
}
p.prog_blue{
    background-color: #E8F1FE;
}
p.prog_red{
    background-color: #FEEEE7;
}
p.prog_green{
    background-color: #F1FFDF;
}
p.prog_doprovod{
    background-color: #EFEFEF;
}
div.prog_blue{
    background-color: #FBFCFF;
}
div.prog_main{
    background-color: #FFFEFB;
}
div.prog_red{
    background-color: #FFFCFA;
}
div.prog_green{
    background-color: #FDFFFA;
}
div.prog_doprovod{
    background-color: #FBFCFF;
}
div.prog_blue a, div.prog_main a, div.prog_red a, div.prog_green a, div.prog_doprovod a{
    margin-left: 25px;
}
div.prog_blue, div.prog_main, div.prog_red, div.prog_green, div.prog_doprovod{
    padding-bottom: 10px;
    border: 1px solid #F0EEEE;
}
h4.blue{
    background-image: url("../imgs/icos-program-blue.gif");
}
h4.green{
    background-image: url("../imgs/icos-program-green.gif");
}
h4.red{
    background-image: url("../imgs/icos-program-red.gif");
}
h4.doprovod{
    background-image: url("../imgs/icos-program-dopr.gif");
}

.program-info{
    margin-left: 25px;
}

.program-info a{
    padding-left: 15px;
    background-repeat: no-repeat;
    background-image: url("../imgs/ico-more.gif");
    background-position: 0 1px;
}
.program-info strong{
    font-size: 13px;
}

.program-detail{
    margin-left: 25px;
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 5px;
}

.program-detail b{
    font-size: 10px;
    display: block;
    margin-botom: 3px;
    margin-top: 2px;
    color: #333333;
}
.program-detail span.ostrov{
    font-size: 14px;
}

/*NEWSLETTER FORM*/
.newsletter{
    padding: 0 10px;
    font-size: 11px;
}
.newsletter input.textfield{
    border: 1px solid #999;
    color: #333;
    font-size: 11px;
    padding: 2px;
    width: 100%;
}
.newsletter input.submit{
    border: 2px solid #999;
    color: #666;
    background-color: #FBFCFA;
    font-size: 11px;
    padding: 2px;
    font-weight: bold;
    width: 100%;
    margin-top: 3px;
}

.search-news{
    padding-left: 25px;
}
.search-news a{
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 0 -3px;
}
.search-news a.red{
    background-image: url("../imgs/icos-post-red.gif");
}
.search-news a.main{
    background-image: url("../imgs/icos-post-main.gif");
}
.search-news a.blue{
    background-image: url("../imgs/icos-post-blue.gif");
}
.search-news a.green{
    background-image: url("../imgs/icos-post-green.gif");
}
.search-news a.dopr{
    background-image: url("../imgs/icos-post-dopr.gif");
}

/*POPUP*/
#popup_jenduv{
	position: absolute;
	left: 150px;
	visibility: hidden;
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	border: 2px solid black;
	width: 0;
	height: 0;
	overflow: hidden;
}

#popup_jenduv .closeit{
	background: #666 url("../imgs/ico_cross.gif") no-repeat right 3px;
	text-align: right;
	color: white;
	font-weight: bold;
	padding: 4px 25px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.popup_cursor{
  cursor: pointer;
}
#popupframe{
	border: 0;
	padding: 0;
}

#anketa{
  padding: 0 10px;
  font-size: 10px;
  color: #999999;
}
#anketa strong{
  color: #666666;
  font-size: 11px;
}
#anketa a{
  color: #330000;
}

#overlayintro{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
  padding-top: 200px;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#overlayintro a{
	background-color: #000;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

table.partneri{
  width: 98%;
}
table.partneri td{
  padding: 5px;
  text-align: center;
}

table.doporucujeme{
  font-size: 12px;
}
table.doporucujeme strong{
  font-size: 14px;
  color: #333333;
}
table.doporucujeme a{
  background-image: url("../imgs/ico-arrow.gif");
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 15px;
}

/*REMAINING*/
.remain_green, .remain_blue, .remain_red{
  width: 143px;
  height: 0px;
  _height: 79px;
  padding-top: 79px;
  overflow: hidden;
  float: left;
  margin-right: 32px;
  _margin-right: 28px;
}
.remain_red{
  margin-right: 0px;
  float: none;
}

#mapa_interakce_border{
    padding: 1px;
    border: 1px solid #CCCCCC;
    width: 300px;
    _width: 302px;
    height: 459px;
    _height: 461px;
}
#mapa_interakce{
    background-image: url("../imgs/mapa_interakce.jpg");
    width: 300px;
    height: 459px;
    position: relative;
}
#mapa_interakce a.branik{
    position: absolute;
    top: 394px;
    left: 42px;
    display: block;
    width: 35px;
    height: 35px;
}
#mapa_interakce a.strelak{
    position: absolute;
    top: 75px;
    left: 65px;
    display: block;
    width: 35px;
    height: 35px;
}
#mapa_interakce a.zofin{
    position: absolute;
    top: 110px;
    left: 75px;
    display: block;
    width: 35px;
    height: 35px;
}
#mapa_interakce #branik{
    position: absolute;
    top: 94px;
    left: 301px;
    display: block;
    width: 227px;
    height: 275px;
    background-image: url("../imgs/mapa_branik.jpg");
}
#mapa_interakce #strelak{
    position: absolute;
    top: 94px;
    left: 301px;
    display: block;
    width: 227px;
    height: 275px;
    background-image: url("../imgs/mapa_strelak.jpg");
}
#mapa_interakce #zofin{
    position: absolute;
    top: -40px;
    left: 301px;
    display: block;
    width: 227px;
    height: 550px;
    background-image: url("../imgs/mapa_zofin.jpg");
}
#mapa_interakce #help{
    position: absolute;
    top: 204px;
    left: 316px;
    width: 147px;
    _width: 197px;
    background: #f6f6f6 url("../imgs/help_arrow.gif") no-repeat;
    border: 1px solid #eaeaea;
    padding: 10px 5px;
    padding-left: 45px;
}
table.vstupenky{
    margin-top: 10px;
}
table.vstupenky td{
    font-size: 12px;
    color: white;
    font-weight: bold;
    padding: 10px;
}
table.vstupenky td.green{
    background-color: #65A118;
}
table.vstupenky td.red{
    background-color: #C5440C;
}
table.vstupenky td.blue{
    background-color: #2A5EB1;
}
table.vstupenky td.red_green{
    background-color: #957312;
}
table.vstupenky td.red_blue{
    background-color: #77515F;
}

#doprovodny_program table{
    margin: 15px 0 15px 15px;
}
#doprovodny_program table td{
    font-size: 11px;
    background-color: #F5F5F5;
    padding: 5px;
}

#uzitecne_sub, #uzitecne_sub_en{
    position: absolute;
    left: 295px;
    top: 159px;
    z-index: 99999;
    visibility: hidden;
    padding-top: 10px;
    text-align: left;
}
#uzitecne_sub_en{
    left: 240px;
}
#uzitecne_sub a, #uzitecne_sub_en a{
    display: block;
    text-align: left;
    padding: 3px 15px;
    background-color: #797979;
    border-bottom: 1px solid #656464;
}
#uzitecne_sub a:hover, #uzitecne_sub_en a:hover{
    background-color: #6E6E6E;
}

#fotogalerie{
  border: 1px solid #d8d8d8;
  background-color: #f0f0f0;
  padding: 20px;
}
#fotogalerie a{
  font-weight: bold;
  text-decoration: underline;
}

#galerie_fotek{
  margin-top: 20px;
  margin-left: 10px;
}
#galerie_fotek tr td{
  background-color: #fbfbfb;
  border: 1px solid #eaeaea;
  text-align: center;
  width: 150px;
}