/* Obsah stylu hotelu
---------------------
	1. GENERAL
	2. LAYOUT
	3. ENTER
	4. NOVINKY
	5. PRESS
	6. DATES
	7. PLAYLISTS
	8. BOOKING
--------------------- */


@media screen, projection {

	/* 1. GENERAL:*/
	*{margin:0; padding:0;}
	img, table, input, textarea {border:0;}
	li {list-style-type:none;}
	hr {display:none; clear:both;}
	.clear {clear:both !important; height:0 !important; line-height:0 !important; font-size:0 !important; padding:0 !important;}
	.nostyle {display:none;}
	html {height:100%;}
	body {height:100%;font-family: Arial, "Times New Roman", Arial, sans-serif; text-align: center; color:#000;font-size:12px;background: #fff;}
	a {color:#000;}
	a:hover {color:#4e4e4e;}
	.cloak {z-index:0;position:relative;text-align: center;overflow:hidden;font-size:0;display:block;}
  .cloak span {position:absolute;left:0;top:0;z-index:10;background:no-repeat;display:block;}
  .cloak a span {cursor:pointer;}

	/* 2. LAYOUT:*/
  #main {position:relative;/*top:50%;margin-top:-325px;*/z-index:2;}
  #body {height: 700px;width:990px;margin: 0 auto;overflow:hidden;position:relative;}
  h1.nadpis {width:453px;height:82px;margin-top:7px;float:left;}
  h1.nadpis span{width:453px;height:82px;background: url("../images/michaelc.gif") -20px top no-repeat}
  h3.nadpis {width:300px;height:60px;margin-top:12px;margin-right:10px;}
  h3.nadpis span{width:300px;height:60px;background: url("../sets/o2.gif") top no-repeat}
  #player {width:184px;height:217px;overflow:hidden;float:left;background:url("../images/player_back.gif") repeat-y;}
  .player {width:149px;padding: 32px 0 0 35px; height:85px;background: url("../images/player_top.gif") -19px top no-repeat;}
  #navigace { margin-right: 5px;height:28px;width:770px;float:right;padding-top: 3px;margin-right: 10px;position:relative;}
  #navigace li {float:left;display:block;}
  #navigace li.odrazka {border-right: solid 0px #F00;}
  #navigace li, #navigace li a, #navigace li a span {height: 28.5px;display:block;color:#fff;}
  #navigace li:hover span {background-position: center -43px;}
  li.back, li.back span {background:url("../images/btn_back.gif") center 0px no-repeat;width:20px;}
  #navigace li.back {position:absolute; left:-20px; top:5px; height: 20px;}
  #navigace li.back, #navigace li.back a, #navigace li.back a span {height: 20px;background-position: center 0;}
  #navigace li.back:hover span {background-position: center -20px;}
  li.news, li.news span {background:url("../images/btn_news.gif") center -4px no-repeat;width:75px;}
  li.profile, li.profile span {background:url("../images/btn_profile.gif") center -4px no-repeat;width:97px;}
  li.dates, li.dates span {background:url("../images/btn_dates.gif") center -4px no-repeat;width:82px;}
  li.media, li.media span {background:url("../images/btn_media.gif") center -4px no-repeat;width:75px;}
  li.press, li.press span {background:url("../images/btn_press.gif") center -4px no-repeat;width:83px;}
  li.sunshine, li.sunshine span {background:url("../images/btn_sunshine.gif") center -4px no-repeat;width:108px;}
  li.booking, li.booking span {background:url("../images/btn_booking.gif") center -4px no-repeat;width:97px;}
  li.messages, li.messages span {background:url("../images/btn_messages.gif") center -4px no-repeat;width:116px;}
  li.biography, li.biography span {background:url("../images/btn_biography.gif") center -4px no-repeat;width:95px;}
  li.discography, li.discography span {background:url("../images/btn_discography.gif") center -4px no-repeat;width:112px;}
  li.studio, li.studio span {background:url("../images/btn_studio.gif") center -4px no-repeat;width:73px;}
  li.blog, li.blog span {background:url("../images/btn_blog.gif") center -4px no-repeat;width:62px;}
li.links, li.links span {background:url("../images/btn_links.gif") center -4px no-repeat;width:62px;}
    
li.playlists, li.playlists span {background:url("../images/btn_playlists.gif") center -4px no-repeat;width:109px;}
  li.gallery, li.gallery span {background:url("../images/btn_gallery.gif") center -4px no-repeat;width:86px;}
  li.video, li.video span {background:url("../images/btn_video.gif") center -4px no-repeat;width:69px;}
  li.downloads, li.downloads span {background:url("../images/btn_downloads.gif") center -4px no-repeat;width:106px;}
  li.press-photos, li.press-photos span {background:url("../images/btn_press_photos.gif") center -4px no-repeat;width:138px;}
  #top {height:185px;width:755px;float:right;margin-right:47px;margin-left:4px;}
  .top_ {background:url("../images/top_news.jpg") 1px 1px no-repeat;}
  .top_profile {background:url("../images/top_profile.jpg") 1px 1px no-repeat;}
  .top_dates {background:url("../images/top_dates.jpg") 1px 1px no-repeat ;}
  .top_media {background:url("../images/top_media.jpg") 1px 1px no-repeat;}
  .top_press {background:url("../images/top_press.jpg") 1px 1px no-repeat;}
  .top_sunshine {background:url("../images/top_sunshine.jpg") 1px 1px no-repeat;}
  .top_booking {background:url("../images/top_booking.jpg") 1px 1px no-repeat;}
  .top_messages {background:url("../images/top_messages.jpg") 1px 1px no-repeat;}
  #top5 {margin-top:1px;padding-top: 20px;overflow:hidden;height:155px;width:150px;float:right;background: url("../images/top5.gif") 7px 4px no-repeat #999;padding-top: 32px;text-align:left;}
  #top5 li{border-bottom: 1px dotted; overflow:hidden;display:block;width:110px;background: url("../images/top5_odrazka.gif") 2px 5px no-repeat #999;margin: 1px 0 0 6px;padding: 2px 2px 2px 27px;text-align:left;font-size: 10px;}
  #mid {background:url("../images/body_back.gif") left top repeat-y;width:990px;height:290px;overflow:hidden;margin-top:5px;position:relative;}
  .mid {background:url("../images/body_bottom.gif") left 242px no-repeat;width:900px;height:285px;padding:5px 52px 0 38px;}
  #left {width:155px;height:290px; overflow:hidden;float:left;}
  #left .nadpis {height:14px;overflow:hidden;background:url("../images/nadpis_left.gif") 5px top no-repeat;font-weight:normal;font-size: 11px;color:#fff;text-align:right;margin: 0 0 5px 0;padding-right:4px;}
  #mid_right {height:279px;width:741px;float:right;}
 
 #next_dates {width: 170px;height:262px;background:red;float:right;background: url("../images/next_dates.gif") 13px -4px no-repeat;padding-top:18px;text-align:left;}
  #next_dates:hover  {width: 170px;height:262px;background:red;float:right;background: url("../images/next_dates3.gif") 13px -4px no-repeat;padding-top:18px;text-align:left;}
 
 #next_dates li{overflow:hidden;display:block;height:55px; width:159px;background: url("../images/next_dates_nadpis.gif") 2px 2px no-repeat #e2e2e2;margin: 3px 0 0 2px;padding: 2px 2px 2px 4px;text-align:left;font-size: 10px;}
  #next_dates .datum {font-weight: bold;float:left;}
  #next_dates .language {font-weight: bold;float:right;color:#FF0000;margin-right:3px;}
  #next_dates p {margin-top: 1px;}
  #next_dates h3 {font-size: 12px;margin-top: 3px;}
  #next_dates h4 {font-size: 11px;margin-top: 1px;}
  #obsah {float: left;background:#fff;height:279px;width: 565px;}
  .obsah {height:269px;width: 555px;overflow:auto;margin: 5px;text-align:left;}
  #bottom {text-align: center; width:990px; height:90px;background:url("../images/bottom.gif") left top no-repeat; vertical-align:middle;}
  #bottom input.text {border: 1px solid #666;margin: 14px 0 0 -30px;width:180px;height:14px;padding:2px;font-size: 10px;}
  #bottom input.button {border: 1px solid #666;width:60px;height:20px;padding:2px;font-size: 10px;cursor:pointer;}
.button {border: 1px solid #666;width:60px;height:20px;padding:2px;font-size: 10px;cursor:pointer;}

	/* 3. ENTER:*/
	.enter {margin: 20px 0 0 50px; font-weight: bold;font-size: 16px;}


	/* 4. NOVINKY:*/
	.novinka {background: #e2e2e2;width:147px;height: 245px;margin-right:5px;text-align:center;overflow: hidden;}
.novinka2 {background: #e2e2e2;width:155px;height: 245px;margin-right:5px;text-align:center;overflow: hidden;}
.novinka2 .datum {text-align: left;color: #f00;font-weight: bold;font-size: 11px;margin: 0 1px;}
			
.novinka img {margin: 5px;}
	.novinka h3 {font-size: 12px;text-align:left;font-weight: bold;margin: 0 5px 0 5px;text-decoration: none;}
	.novinka .datum {text-align: left;color: #f00;font-weight: bold;font-size: 11px;margin: 0 5px;}
	.novinka p {text-align: justify; margin: 2px 5px 0 5px;width: 135px;display: block;font-size: 11px;}
	#novinka {background: #e2e2e2;width:99%;padding-bottom: 5px;}
	#novinka img {margin :5px;float: left;}
	#novinka h3 {padding: 5px;font-size: 16px;}
	#novinka p {text-align: justify;margin: 5px;}
	#novinka .datum {text-align: left;color: #f00;font-weight: bold;font-size: 11px;margin:5px;}

	/* 5. PRESS:*/
	.novinka em {text-align: justify; margin: 2px 5px 5px 5px;width: 135px;display: block;font-size: 11px;}

	/* 6. DATES:*/
	.data {float:left;width:118px;height:121px;background:#e2e2e2;margin: 0 5px 5px 0;padding: 5px;overflow: hidden;}
	.data .datum {color: #f00;font-size:18px;font-weight:bold;}
	.data h3 {font-size: 14px;}
	.data h4 {font-size: 12px;}
	.data p {font-size: 12px;margin-top: 5px;}

	/* 7. PLAYLISTS:*/
	#blok {width:99%;padding-bottom: 5px;}
	#blok table {width:100%;}
	.playlist {background: #e2e2e2;height: 23px; margin-right:5px;text-align:left;overflow: hidden;padding: 7px 0 0 7px;cursor:pointer;}
  .playlist .datum {float: left;color: #f00;font-weight: bold;height: 15px; padding: 0 0 0 20px;background: url("../images/odrazka.gif") 0 0 no-repeat;}
  .playlist:hover .datum {background-position: 0 -15px;}
  .playlist h3 {font-size: 14px;}

#blogg {width:99%;padding-bottom: 0px;background: #e2e2e2;}
#novinkag {background: #e2e2e2;width:97%;padding-bottom: 0px;}	
#blogg h2 {padding-left: 5px; padding-top: 5px; font-size: 16px;}
#blogg .datum {text-align: left;color: #f00;font-weight: bold;font-size: 12px;margin: 0 1px;}

	.txtblog {width:99%; background: #e2e2e2; margin-top: 4px; margin-right:5px;text-align:left;overflow: hidden; padding: 7px 2px 2px 7px;}
  
  .txtblog .datum {float: left;color: #f00;font-weight: bold; height:15px; padding: 0 0 0 20px;background: url("../images/odrazka.gif") 0 0 no-repeat;}
  
  .txtblog h3 {font-size: 14px;}
.txtblog .disco {padding: 0 0 0 0px;  }


.prepinani {position:relative; top:11px; left:-150px;}

.prepinani td.en {width: 24px; height: 24px; background:url("../enter/prepinani_01.gif") center 0px no-repeat; }
.prepinani td.stred {width: 24px; height: 24px; background:url("../enter/prepinani_02.gif") center 0px no-repeat; }
.prepinani td.en:hover {background-position: center -24px; }

.prepinani td.cz {width: 24px; height: 24px; background:url("../enter/prepinani_03.gif") center 0px no-repeat; }
.prepinani a {height:24px; display:block }
.prepinani td.cz:hover {background-position: center -24px; }


#enternav {width:625px;}
#enternav li {float:left;display:inline; }
#enternav li.en {background:url("../images/enter.gif") center 0px no-repeat; width:108px; height:61px}
#enternav li.en:hover {background-position: center -61px; }
#enternav li a {height:61px; display:block }
#enternav li.cz {background:url("../images/vstupte.gif") center 0px no-repeat; width:131px; height:61px}
#enternav li.cz:hover {background-position: center -61px; }


#enterp li.fun {background:url("../enter/fun1.gif") center 0px no-repeat; width:77px; height:80px}
#enterp li.fun:hover {background-position: center -80px; }

#enterp li a {height: 80px; display:block }

#enterp li.mspace {background:url("../enter/mspace.gif") center 0px no-repeat; width:77px; height:88px}
#enterp li.mspace:hover {background-position: center -88px; }


#enterp li.idj {background:url("../enter/idj.gif") center 0px no-repeat; width:77px; height:85px}
#enterp li.idj:hover {background-position: center -85px; }


#langprep { display:inline; width: 200px; height:25px; z-index:5; background: red}
#langprep li {float:left;display:inline; }
.langcz {float:left; display:block; background:url("../images/prepinani_01.gif") 0 0px no-repeat; width: 29px;height: 25px}

.prepinani{ position:relative; top: 5px; }
#prep2 { display:inline;}



  /* 8. BOOKING:*/
  #booking tr td {margin: 5px;}


body,html  {
scrollbar-track-color: white;
scrollbar-face-color: #464646;
scrollbar-highlight-color: #464646;
scrollbar-3dlight-color: #464646;
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: #464646;
scrollbar-arrow-color: white;
}

}