/* ~~~~~~~~~~~~~~~~~~~~~ DEFAULT ~~~~~~~~~~~~~~~~~~~~~ */

body, a, ul, li, p, img, div, h1, h2, h3, h4, h5, h6, span, table, thead, tr, td
{
  margin: 0px;
  padding: 0px;
  border: none;
  font-family: arial, tahoma;
}

address
{
  font-style: normal;
}

form
{
  display: inline;
}

ul li
{
  list-style-type: none;
}

* html .clearfix
{
  height: 1%;
}

html[xmlns] .clearfix
{
  display: block;
}

.clearfix:after
{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0px;
  height: 0px;
}

.clearfix
{
  display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~ */

html, body
{
  height: 100%;
}

body
{
  background: #414141 url('./../images/bg01.jpg') center top no-repeat fixed;
}

/* ~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~ */

#content
{
  position: relative;
  margin: 0px auto;
  padding: 161px 25px 0px 25px;
  width: 732px;
  background: #001125 url('./../images/bg02.jpg') left top no-repeat;
}

#content h1
{
  position: absolute;
  left: 30px;
  top: 48px;
  overflow: hidden;
  text-indent: -200em;
}

#content h1 a
{
  display: block;
  width: 316px;
  height: 90px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~ */

#menu
{
  background: url('./../images/bg04.gif') right top no-repeat;
}

#menu ul, #menu ul li, #menu div
{
  float: left;
}

#menu li a
{
  display: block;
  height: 35px;
  background: url('./../images/bg03.gif') no-repeat;
  text-indent: 200em;
  overflow: hidden;
}

#m1 a, #m1_s a {width: 84px;background-position: 0px 0px !important;}
#m2 a, #m2_s a {width: 69px;background-position: -84px 0px !important;}
#m3 a, #m3_s a {width: 53px;background-position: -153px 0px !important;}
#m4 a, #m4_s a {width: 78px;background-position: -206px 0px !important;}
#m5 a, #m5_s a {width: 88px;background-position: -284px 0px !important;}
#m6 a, #m6_s a {width: 91px;background-position: -372px 0px !important;}

#m1 a:hover, #m1_s a {background-position: 0px -35px !important;;}
#m2 a:hover, #m2_s a {background-position: -84px -35px !important;}
#m3 a:hover, #m3_s a {background-position: -153px -35px !important;}
#m4 a:hover, #m4_s a {background-position: -206px -35px !important;}
#m5 a:hover, #m5_s a {background-position: -284px -35px !important;}
#m6 a:hover, #m6_s a {background-position: -372px -35px !important;}

/* ~~~~~~~~~~~~~~~~~~~~~ FACEBOOK, COUNTER ~~~~~~~~~~~~~~~~~~~~~ */

#facebook
{
  float: left;
  padding: 9px 0px 0px 26px;
  background: url('./../images/facebook_icon.png') 26px 9px no-repeat;
}

#facebook a
{
  padding-left: 19px;
  color: white;
  font-size: 0.7em;
  line-height: 1.25em;
  vertical-align: top;
  text-decoration: none;
}

#facebook a:hover
{
  text-decoration: underline;
}

#interested
{
  float: left;
  margin: 9px 0px 0px 30px;
  padding-left: 15px;
  line-height: 1.25em;
  font-size: 0.7em;
  color: #656565;
  background: url('./../images/head_icon.gif') 0px 2px no-repeat;
}

#interested strong
{
  color: white;
  font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~ CONTAINER 03 ~~~~~~~~~~~~~~~~~~~~~ */

#container03
{
  margin-top: 25px;
  padding-bottom: 35px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ LINEUPS ~~~~~~~~~~~~~~~~~~~~~ */

#lineups
{
  float: right;
  width: 188px;
}

#lineups ul
{
  margin-top: 5px;
}

#music_lineup_title
{
  background: url('./../images/bg09.gif') 1px bottom repeat-x;
  padding-bottom: 8px;
}

#music_lineup_title h2
{
  height: 13px;
  margin-top: 3px;
  text-indent: -200em;
  overflow: hidden;
  background: url('./../images/music-lineup-title.gif') left top no-repeat;
}

#art_lineup_title
{
  background: url('./../images/bg10.gif') 1px bottom repeat-x;
  padding-bottom: 8px;
}

#art_lineup_title h2
{
  height: 13px;
  margin-top: 33px;
  text-indent: -200em;
  overflow: hidden;
  background: url('./../images/art-lineup-title.gif') left top no-repeat;
}

#lineups ul li
{
  padding-left: 16px;
  line-height: 1.375em;
  background: url('./../images/star.gif') left 5px no-repeat;
}

#lineups ul li a
{
  float: left;
  color: white;
  vertical-align: top;
  font-size: 0.7em;
  text-decoration: none;
}

#lineups ul li a:hover
{
  text-decoration: underline;
}

#art_lineup li a
{
  float: none !important;
  display: block;
}

#music_lineup li a strong, #surprise a
{
  color: #0098FF !important;
}

#art_lineup li a strong
{
  color: #CA0286 !important;
}

.video, .photo
{
  float: left;
  height: 10px;
  width: 10px;
  font-size: 0px;
}

.video
{
  margin: 6px 0px 0px 4px;
  background: url('./../images/video.gif') 0px 0px no-repeat;
}

.photo
{
  margin: 6px 0px 0px 5px;
  background: url('./../images/photo.gif') 0px 0px no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~ SUBCONTENT ~~~~~~~~~~~~~~~~~~~~~ */

#content2
{
  float: left;
  width: 524px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ INTRO PICTURES ~~~~~~~~~~~~~~~~~~~~~ */

#pictures
{
  margin-top: 1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ WELCOME ~~~~~~~~~~~~~~~~~~~~~ */

#welcome
{
  width: 498px;
  height: 63px;
  margin: 29px 0px 0px 10px;
  background: url('./../images/welcome.gif') left top no-repeat;
  overflow: hidden;
}

#welcome *
{
  display: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~ BUS INDEX ~~~~~~~~~~~~~~~~~~~~~ */

#index_bus
{
  height: 80px;
  margin: 15px 0px 0px 0px;
  padding: 14px 12px 0px 12px;
  background: url('./../images/bg12.gif') left top no-repeat;
  color: #669900;
  font-size: 0.7em;
  line-height: 1.6em;
}
#index_bus a
{
  color: #669900;
}
#index_bus a:hover
{
  text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~ BUS PAGE ~~~~~~~~~~~~~~~~~~~~~ */

#bus_page
{
  margin-left: 21px;
}

#bus_page .title
{
  background: url('./../images/bg09.gif') 1px bottom repeat-x;
  padding-bottom: 8px;
}

#bus_page .title h2
{
  height: 16px;
  margin-left: 2px;
  line-height: 16px;
  text-indent: -200em;
  overflow: hidden;
  background: url('./../images/bus-title.gif') left bottom no-repeat;
}

#bus_page p
{
  margin-top: 20px;
  font-size: 0.7em;
  line-height: 1.43em;
  color: white;
}

#bus_page p strong
{
  padding-right: 3px;
  color: #0099FF;
}

#bus_page p .st2
{
  color: white !important;
}

#bus_page p a
{
  color: #0099FF;
}

#bus_page p a:hover
{
  text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~ ABOUT, MEDIA ~~~~~~~~~~~~~~~~~~~~~ */

#container04
{
  margin-top: 12px;
  padding-left: 11px;
}

#about
{
  float: left;
  width: 241px;
}

#media
{
  float: left;
  width: 239px;
  margin-left: 26px;
  padding-right: 5px;
}

#about_english
{
  float: left;
  width: 239px;
  margin: 20px 0px 0px 26px;
}

#about h2, #media h2, #about_english h2
{
  padding-bottom: 8px;
  background: url('./../images/bg08.gif') left bottom repeat-x;
  font-size: 0.8em;
  line-height: 1em;
  color: #66CB00;
}

#about p, #about_english p
{
  margin-top: 7px;
  color: #9A9EA7;
  font-size: 0.7em;
  line-height: 1.43em;
}

#media ul li, #media ul li strong
{
  color: #FDFDFB;
}

#media ul
{
  margin-top: -9px;
}

#media ul li
{
  margin-top: 19px;
  line-height: 0.9em;
  font-size: 0.7em;
}

#media ul li p
{
  padding-bottom: 2px;
}

#media ul li a
{
  font-size: 1.02em;
  line-height: 1.43em;
  color: #66CB00;
  text-decoration: none;
}

#media ul li a:hover
{
  text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~ PROFILES ~~~~~~~~~~~~~~~~~~~~~ */

.art p strong
{
  color: #CD0084 !important;
}

#profile
{
  margin-left: 21px;
}

#title01, #title02, #title03, #title04, #title05, #title06, #title07,
#title08, #title09, #title10, #title11, #title12, #title13, #title14,
#title15, #title16, #title17
{
  background: url('./../images/bg09.gif') 1px bottom repeat-x;
  padding-bottom: 8px;
}

#title11, #title13, #title14, #title15, #title16
{
  background: url('./../images/bg10.gif') 1px bottom repeat-x;
}

#title01 h2, #title02 h2, #title03 h2, #title04 h2, #title05 h2, #title06 h2,
#title07 h2, #title08 h2, #title09 h2, #title10 h2, #title11 h2, #title12 h2,
#title13 h2, #title14 h2, #title15 h2, #title16 h2, #title17 h2
{
  height: 16px;
  margin-left: 2px;
  line-height: 16px;
  text-indent: -200em;
  overflow: hidden;
}

#title13 h2, #title16 h2
{
  height: 38px;
}

#title01 h2
{
  background: url('./../images/misha-title.gif') left bottom no-repeat;
}

#title02 h2
{
  background: url('./../images/hex-title.gif') left bottom no-repeat;
}

#title03 h2
{
  background: url('./../images/gladiator-title.gif') left bottom no-repeat;
}

#title04 h2
{
  background: url('./../images/zuzana-smatanova-title.gif') left bottom no-repeat;
}

#title05 h2
{
  background: url('./../images/mnaga-a-zdorp-title.gif') left bottom no-repeat;
}

#title06 h2
{
  background: url('./../images/olga-zablacka-title.gif') left bottom no-repeat;
}

#title07 h2
{
  background: url('./../images/cocodrillz-title.gif') left bottom no-repeat;
}

#title08 h2
{
  background: url('./../images/laci-strike-title.gif') left bottom no-repeat;
}

#title09 h2
{
  background: url('./../images/johny-title.gif') left bottom no-repeat;
}

#title10 h2
{
  background: url('./../images/tatabojs-title.gif') left bottom no-repeat;
}

#title11 h2
{
  background: url('./../images/misionari-title.gif') left bottom no-repeat;
}

#title12 h2
{
  background: url('./../images/anna-k-title.gif') left bottom no-repeat;
}

#title13 h2
{
  background: url('./../images/tanecna-show-title.gif') left bottom no-repeat;
}

#title14 h2
{
  background: url('./../images/divadlo-title.gif') left bottom no-repeat;
}

#title15 h2
{
  background: url('./../images/exhibicia-title.gif') left bottom no-repeat;
}

#title16 h2
{
  background: url('./../images/hip-hop-title.gif') left bottom no-repeat;
}

#title17 h2
{
  background: url('./../images/buty-title.gif') left bottom no-repeat;
}

#profile p
{
  margin-top: 20px;
  font-size: 0.7em;
  line-height: 1.43em;
  color: white;
}

#profile p strong
{
  padding-right: 3px;
  color: #0099FF;
}

#profile p a
{
  color: white;
  text-decoration: none;
}

#profile p a:hover
{
  text-decoration: underline;
}

#container05
{
  margin-top: 11px;
}

#container05 img, #container05 p, #container05 p a
{
  float: left;
}

#container05 p
{
  margin: 0px 0px 0px 11px;
}

#container05 a
{
  width: 110px;
  overflow: hidden;
}

.video2
{
  float: left;
}

#profile table p
{
  margin: 0px !important;
  padding: 0px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~ TICKETS ~~~~~~~~~~~~~~~~~~~~~ */

#tickets h2
{
  height: 21px;
  text-indent: -200em;
  overflow: hidden;
  margin: 2px 0px 0px 20px;
  background: url('./../images/tickets-title.gif') left top no-repeat;
}

#tickets .tm1
{
  font-size: 1.1em;
}

#tickets .tm1 span
{
  color: #CD0187;
}

#tickets .tm2 strong
{
  font-size: 1em;
}

#tickets .tm2 a
{
  color: white;
  text-decoration: none;
}

#tickets .tm2 a:hover
{
  text-decoration: underline;
}

#tickets .tm2 span
{
  font-size: 0.85em;
  color: #082851;
}

#tickets .line
{
  margin: 15px 10px 0px 20px;
}

.tickets_paypal
{
  width: 385px;
  margin: 10px 0px 10px 20px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #4976B2;
}

.tickets_paypal .left
{
  float: left;
}

.tickets_paypal .left p
{
  margin: 0px 0px 6px 0px !important;
  font-size: 0.7em;
  vertical-align: top;
  color: white !important;
}

.tickets_paypal .right
{
  float: left;
}

.tickets_paypal .right input
{
  margin: 6px 0px 0px 22px;
}

.t3
{
  padding-top: 8px;
  font-size: 0.7em;
  color: white;
}

.t3 span
{
  color: #CC0000;
}

/* ~~~~~~~~~~~~~~~~~~~~~ MUSIC LINEUP INDEX ~~~~~~~~~~~~~~~~~~~~~ */

#music_lineup_index h2
{
  height: 21px;
  text-indent: -200em;
  overflow: hidden;
  margin: 2px 0px 0px 20px;
  background: url('./../images/music-lineup-title2.gif') left top no-repeat;
}

.tm1
{
  margin: 18px 0px 0px 20px;
  font-size: 1.3em;
  color: #0198FF;
}

.tm1 span
{
  color: #D70200;
}

.tm2
{
  margin: 12px 20px 0px 20px;
  font-size: 0.7em;
  line-height: 1.7em;
  color: white;
}

.tm2 strong
{
  font-size: 1.25em;
}

#music_lineup_info
{
  margin-top: 20px;
}

#music_lineup_info img
{
  float: right;
  margin: 0px 54px 0px 6px;
}

#music_lineup_info p
{
  margin: 10px 0px 0px 20px;
  font-size: 0.7em;
  line-height: 1.7em;
  color: white;
}

#book_now
{
  display: block;
  margin-left: -1px;
  width: 192px;
  height: 33px;
  text-indent: -200em;
  overflow: hidden;
  background: url('./../images/book-now-button.gif') left top no-repeat;
}

#music_program
{
  margin: 35px 10px 0px 22px;
  padding-bottom: 11px;
  background: url('./../images/bg09.gif') left bottom repeat-x;
}

#music_program h3
{
  height: 15px;
  margin-left: -1px;
  text-indent: -200em;
  overflow: hidden;
  background: url('./../images/casovy-program-title.gif') left top no-repeat;
}

#music_lineup_index table
{
  margin: 27px 0px 0px 24px;
}

#music_lineup_index table thead tr td
{
  padding-bottom: 15px;
  color: white;
  font-size: 0.8em;
}

#music_lineup_index table a
{
  vertical-align: top;
  font-size: 0.7em;
  color: white;
  text-decoration: none;
}

#music_lineup_index table a:hover
{
  text-decoration: underline;
}

#music_lineup_index table a strong
{
  color: #0098FF;
}

#music_lineup_index table .time
{
  color: white;
  font-size: 0.7em;
}

#music_lineup_index table .place
{
  color: #334051;
  font-size: 0.7em;
}

/* ~~~~~~~~~~~~~~~~~~~~~ ART LINEUP INDEX ~~~~~~~~~~~~~~~~~~~~~ */

#art_lineup_index h2
{
  height: 21px;
  text-indent: -200em;
  overflow: hidden;
  margin: 2px 0px 0px 20px;
  background: url('./../images/art-lineup-title2.gif') left top no-repeat;
}

#art_lineup_index h3
{
  margin: 25px 0px 0px 20px;
  font-size: 0.9em;
  color: #CC0099;
}

#art_lineup_index .tm1
{
  color: white;
  font-size: 0.8em;
}

#art_lineup_index .tm2 a
{
  color: white;
  font-size: 0.85em !important;
}

#art_lineup_index .tm2 a:hover
{
  text-decoration: none;
}

#art_lineup_index .tm2, #art_lineup_index .tm3
{
  margin-right: 10px;
}

.tm3
{
  color: #669A0C;
  font-size: 0.7em;
  line-height: 1.6em;
  margin-left: 20px;
}

.tm3 #book_now
{
  margin-top: 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ PARTNERS 02 ~~~~~~~~~~~~~~~~~~~~~ */

#partners2
{
  margin: 0px 5px 0px 20px
}

#partners2 h2
{
  height: 21px;
  text-indent: -200em;
  overflow: hidden;
  margin: 2px 0px 0px 0px;
  background: url('./../images/partners-title.gif') left top no-repeat;
}

#partners2 h3
{
  color: #DA5200;
  font-size: 0.8em;
}

#partners2 .first
{
  margin-top: 30px;
  margin-bottom: 5px;
}

#partners2 .p1
{
  margin-bottom: 18px;
  color: white;
  font-size: 0.75em;
  line-height: 2em;
}

#partners2 .p1 a
{
  color: white;
  text-decoration: none;
}

#partners2 .p1 a:hover
{
  text-decoration: underline;
}

.line
{
  height: 1px;
  background: url('./../images/bg11.gif') left bottom repeat-x;
  font-size: 0px;
  line-height: 0px;
}

#partners2 .second
{
  margin-top: 20px;
  margin-bottom: 10px;
}

#partners2 ul
{
  margin-top: 12px;
  margin-bottom: 20px;
}

#partners2 ul li
{
  line-height: 1.3em;
  float: left;
}

#partners2 ul .r1 {width: 134px;}
#partners2 ul .r2 {width: 111px;}
#partners2 ul .r3 {width: 125px;}
#partners2 ul .r4 {width: 126px;}

#partners2 ul li a
{
  font-size: 0.75em;
  color: white;
  text-decoration: none;
}

#partners2 ul li a:hover
{
  text-decoration: underline;
}

#partners2 .third
{
  margin-top: 20px;
  margin-bottom: 12px;
}

#partners2 .p2
{
  color: white;
  font-size: 0.7em;
  line-height: 2em;
}

/* ~~~~~~~~~~~~~~~~~~~~~ CONTACT ~~~~~~~~~~~~~~~~~~~~~ */

#contact
{
  margin: 0px 0px 0px 20px
}

#contact h2
{
  height: 21px;
  text-indent: -200em;
  overflow: hidden;
  margin: 2px 0px 0px 0px;
  background: url('./../images/contact-title.gif') left top no-repeat;
}

#contact h3
{
  color: #DA5200;
  font-size: 0.8em;
}

#contact .first
{
  margin-top: 30px;
  margin-bottom: 5px;
}

#contact .p1
{
  margin-bottom: 18px;
  color: white;
  font-size: 0.75em;
  line-height: 2em;
}

#contact .p1 a
{
  color: white;
  text-decoration: none;
}

#contact .p1 a:hover
{
  text-decoration: underline;
}

#contact .second
{
  margin-top: 20px;
  margin-bottom: 10px;
}

#contact .p2, #contact .p3
{
  font-size: 0.75em;
  color: white;
}

#contact .p3
{
  margin-top: 20px;
}

#contact .p2 strong
{
  color: #0099FF;
}

#contact .p3 strong, #contact .p3 a
{
  color: #CD0187;
}

#contact .p3 a:hover
{
  text-decoration: none;
}

#contact iframe
{
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~ */

#container02
{
  padding: 25px 36px 0px 36px;
  background: #01040B url('./../images/bg05.jpg') left top no-repeat;
}

#footer
{
  margin: 0px auto;
  width: 782px;
  padding-bottom: 7px;
  background: url('./../images/bg06.gif') left bottom no-repeat;
}

#footer *
{
  color: #676767;
}

#footer .clearfix div
{
  float: left;
}

#footer h3
{
  margin-bottom: 10px;
  color: #DA5200;
  font-size: 0.8em;
}

#partners, #conducive
{
  float: left;
}

#partners
{
  width: 520px;
}

#partners ul
{
  margin-top: 12px;
  margin-bottom: 20px;
}

#partners ul li
{
  float: left;
  line-height: 1.3em;
}

#partners ul .r1 {width: 134px;}
#partners ul .r2 {width: 115px;}
#partners ul .r3 {width: 130px;}
#partners ul .r4 {width: 126px;}

#partners ul li a
{
  font-size: 0.75em;
  text-decoration: none;
}

#partners ul li a:hover
{
  text-decoration: underline;
}

#partners ul li a strong
{
  color: #818388;
}

#conducive
{
  margin: 0px 0px 0px 28px;
}

#conducive ul li a
{
  color: #818388;
  text-decoration: none;
  font-size: 0.7em;
  line-height: 1.97em;
  vertical-align: top;
  cursor: default;
}

#conducive ul li a:hover
{
  text-decoration: none;
}

#con
{
  margin: 0px 10px 0px 20px;
}

#con p
{
  color: white;
  font-size: 0.75em;
  line-height: 2em;
}

#con h2
{
  margin: 9px 0px 7px 0px;
  color: #DA5200;
  font-size: 1.05em;
}

#con p a
{
  color: white;
  text-decoration: none;
}

#con p a:hover
{
  text-decoration: underline;
}