body { font-size:100.01%; font-family: Verdana, Tahoma, Arial; margin:0px; padding:0px; color:#fff; background: #000 url('bg-body.jpg') 49% top no-repeat;}
div, h1, h2, h3, p, ul, a, img, form, input, table, tr, td, dl, dd, dt, object, param { margin:0; padding:0;}
ul li { list-style-type:none; margin:0; padding:0;}
img {border:none; margin:0; padding:0;}
a { text-decoration:underline; color:#FFFF00; }
a:hover {text-decoration:none;}
h1 { }
h2 { } 
p { line-height:100%; }

label { font-size: 1.1em; }
input { background:#fff url('bg-input.png') repeat-x left top; border:none; height:20px;}

#all { width:990px; margin:0 auto; height:1340px; font-size:0.625em; }



/* header */
#header { width:990px; }
.login { float:right; width:250px; }
.login form { float:right; text-align:right;}
.login form input { width:80px; font-size:1.2em; height:16px;}
.login form label, .login form p { ; font-size:1.3em; color:#ababab;}
.login form p { color:#fff;}
.login form p a.reg { color: #F90000; padding-right:15px; text-decoration:none; font-weight:bold;}
.login form input.submit { margin-top:5px; height:24px;}
#header a.logout { position:relative; /*top:0; margin-left:27px; */ }
a.header-logout { position:absolute;  margin-left:27px;  }

.guidepost { float:right; margin:92px 0 0 0; }
.guidepost ul { list-style-type:none; }
.guidepost li { display:inline; font-size:1.3em; padding:0 25px 0 25px; font-weight: bold;}
.guidepost li a { color: #939598; #display:inline-block;}


.info { font-size:1.3em; font-style:italic; margin-top:2px; text-align:right; }
.info p {line-height:130%; padding: 0;}
.info .nick { font-size:1.23em; color: #faa61a; font-style:normal; font-weight:bold; line-height:16px;}
.info strong { color:#faa61a; font-size:normal;}
.info a { color:#fff;}
img.avatar { border:1px solid #fff; float:right; margin:5px 0 0 5px;}

/* hlavní obsah */
#main { width:990px; _width:992px; }

.main-menu { width:120px; float:left;}
ul#menu li {behavior: url('http://www.hrajumagic.cz/design/hover.htc')}
ul#menu  {list-style-type:none; margin-top:20px; position:absolute; z-index:4; }
ul#menu li { /*font-family:"Myriad Pro";*/ margin:0 0 5px 0; line-height:16px; width:119px; height:37px; text-align:center; background: url('bg-menu.png') no-repeat left -40px; display: table;   #position: relative;}
ul#menu li span { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
ul#menu li a { font-size:1.3em; text-decoration:none;  color:#fff;  #position: relative; #top: -50%; #left:-50%; display:block;}
ul#menu li.active { background-position: 0 0;  }
ul#menu li.active a { color: #faa61a; font-weight:bold;}

ul#menu li ul { position:absolute; z-index:5; visibility:hidden; margin-top:10px; width:125px; #width:185px; height:auto; background: url('1x1.gif');}
ul#menu li ul li { float:right; position:relative; text-transform:uppercase; }
ul#menu li:hover { background-position: 0 0;}
ul#menu li:hover ul, ul#menu li:hover ul li:hover, ul#menu li li:hover { visibility:visible; }
ul#menu li li a:hover, ul#menu li a:hover {color: #faa61a; }

.content { float:right; width:860px; margin:20px 0 0 10px;  } 
.content-opacity { float:right; position:absolute; background:black; z-index:1; width:860px; height:1340px; opacity:0.6; filter:alpha(opacity=40);}
.content-up { position:absolute; z-index:2; color:#fff; width:830px; height:auto; padding:15px 15px 15px 15px; }
.content.hp  { width: 870px; margin:0 0 0 0;}

.content .category { background: #1F1910; color: #fff; text-transform:uppercase; padding: 20px 40px 20px 40px; float:right; font-size:1.2em;} 
.content .anotace { float:left; margin-bottom:30px; padding-bottom: 3px;}
.content .anotace img { float:left; padding-right:30px;}
.content .anotace h1 { padding:50px 0 15px 0; font-size:1.6em;} 
.content .anotace  p{ font-size:1.3em; }
.content .text p{ font-size: 1.2em; line-height:120%;}


.top-flash { width: 857px;height:auto;  padding-bottom:20px; margin-top:20px; float:left; background: url('bg-flash.png') no-repeat -6px -164px; padding-left:13px;}

.first-boxs { padding-left:15px;}

.news { background: url('box-news.png') no-repeat left top; width:452px; height:202px; float:left;}
.news h2 {  font-size:1.6em; padding: 7px 0 0 12px; color:#939598; font-weight:normal; }
.news-list { margin:12px 0 0 22px;}

.new { float:left; width:410px; margin-bottom:5px;}
.new-img { width:75px; float:left;}
.new-text { width:330px; float:left;}
.new-text h3 { text-transform:uppercase; font-size:0.9em;}
.new-text h3 a { color: #faa61a; text-decoration:none; }
.new-text p { font-size:0.9em;}
.box-start { background: url('box-reklama.png') no-repeat left top; width:380px; height:187px; padding:13px 0 0 18px; float:right; margin-left:5px;}
.box-start img { border:1px solid #fff;}

.second-boxs { padding-left:15px; margin-top:10px; }
.box { width:281px; height:157px; background: url('box.png') no-repeat; float:left; }
.box.stats { margin-top: 10px; margin-right: 7px;}
.box.stats.middle { margin-right: 5px;}
.box.stats.last { margin-right: 0px;}
.box.stats h2 {font-size:1.6em; padding: 3px 0 0 12px; color:#939598; font-weight:normal;}
.box.stats ul {margin: 12px 16px 16px 22px;}
.box.stats ul li a{color: #FAA61A; font-size: 1.1em; line-height: 1.9em;}

.box.player { margin-right:7px;}
.player h2 {font-size:1.6em; margin: 3px 15px 0 0; color:#939598; float:right; font-weight:normal;}
.player .desc { padding:5px 0 0 15px; }
.player .desc img { float:left; padding-right:8px; }
.player .desc p { float:left; padding-top:12px; line-height:120%; font-style:italic; width: 190px; }
.player .desc p strong { color: #faa61a; font-size:1.2em; font-style:normal; width:100px;}
.player .desc a { text-decoration:none; }

.player-questions { margin:12px 0 0 15px;}
.question-left { color: #faa61a; font-style:italic; float:left; width:100px; }
.question-right { float:left; width:145px; }
.question {  width:245px; }
.question.last { border: none; }
.line {clear:both; border-bottom: 1px solid #ababab; width:245px; height:1px;}

.enquiry-box h2 { font-size:1.6em; padding: 3px 0 0 12px; color:#939598; font-weight:normal; }

.enquiry p {  color:#faa61a; font-weight:bold; margin:10px 0 0 20px; }
.enquiry form { margin:5px 0 0 20px;}
.enquiry form label { margin-top:-2px;}
a.vote,span.vote { font-size:1.1em; font-weight:bold; margin:8px 0 8px 25px; text-transform:uppercase; color:#fff; text-decoration:none; display:block;  }
a.vote:hover { text-decoration:underline; color:#FAA61A;}


.indi-result {  font-weight:bold; width:240px; margin:0 0 0 20px; position:relative; top:20px;}
.indi-ne { float:right; }
.indi-ano { float:left; }

.enquiry label {  font-weight:bold; }
.enquiry input { background: none;}
.enquiry input.submit { margin-left:10px;}
span.enquiry-count { float:right; font-style: italic; color: #fff; margin:5px 0 0 0; font-weight:normal; }

.indicator { position:relative; left:20px;}
.indicator-down { width:242px; height:16px; background: url('bg-indicator.png') 0 0;  _background: url('bg-indicator.gif') 0 0;  position:absolute; z-index:1;}
.indicator-top { width:242px; height:16px; background: url('indicator-frame.png') no-repeat left top;  _background: url('indicator-frame.gif') no-repeat left top; position:absolute; z-index:2;}

.reklama-small { width:280px; height:158px; background: url('box-reklama-small.png') no-repeat; float:right; margin-left:5px; }
.reklama-small img { border:1px solid #fff; }
.box-in { margin:8px 0 0 11px; }
.box-text { width:857px; height:111px;background: url('box-text.png') no-repeat; margin:10px 0 0 15px; }
.box-text p { padding:10px 10px 10px 10px;}



h1.cufon { font-size:4.2em; font-weight:normal;}
h1.cufon span { color: #faa61a; font-weight:bold;}


.friend-img { background:url('bg-friend.png') no-repeat; position:absolute; right:0px; z-index:6; margin-top:-30px; width:527px; height:895px;}
.form-friend input { width:285px; font-size:1.2em; height:20px;}
.form-friend label { font-size:1.3em}
.form-friend p { font-size:1.1em; font-style:italic; padding:3px 0 0 0;}
input.submit { background: url('bg-button.png') no-repeat left top; width:75px; height:23px; color: #fff; text-align:center; font-size:1.2em; font-weight:bold; margin-top:5px; cursor:pointer; cursor:hand;}
#mapa { width:795px; height:488px; background: url('mapa-cr.gif');}


.result-opacity {  margin-top:10px; position:absolute; margin-left:-15px;background:black; z-index:3; width:660px; opacity:0.2; filter:alpha(opacity=20);}
.results {  margin-top:10px; position:absolute; z-index:4; width:645px; height:auto;}
p.result-info { font-size:2em; line-height:24px; margin-top:55px; }
p.result-info span { font-size: 1.2em;color:#faa61a; font-weight:bold;}

.result-item { width:315px;  padding:10px 0 10px 0;  height:auto; display:table;}
.result-text { width:240px; float:left; }
.result-text p { font-style: italic; font-size:1.3em; line-height:14px;}
.result-text p strong { font-style:normal; }
.result-text a{ text-decoration:none; color:#fff;}

.result-add { width:74px; float:right; }
.result-add a { background: url('bg-button.png') no-repeat left top; width:75px; height:18px; padding-top:5px; color: #fff; text-align:center; font-size:1.2em; font-weight:bold; display:block; text-decoration:none; margin-top:16px;}

.results-line { background: url('bg-line.png') repeat-x; height:1px; width:315px;line-height:1px; } 

p.result-count { font-size: 1.3em; margin-top:20px; color:#faa61a; font-style:italic;} 

.foto-search table { width:100%;}
.foto-search label { font-size:1.3em;}
.foto-search input { width:285px; }
.foto-search input.submit { width:75px;}
.foto-search select { width:285px;}
.foto-search p {  font-size:1.1em; font-style:italic; padding:3px 0 0 0; }

.fotos { margin-top:20px; }
.foto { width:260px; float:left; margin-right:15px; margin-bottom:25px;}
.foto.last { margin-right:0px; }
.foto a { color:#fff; font-size:1.1em;text-decoration:none; }
.foto img { border:1px solid #e5e3da;}
.foto a span { font-size:1.18em; font-weight:bold; }
.foto a:hover { color:#faa61a;}
.foto a:hover img { border: 1px solid #faa61a;}

.detail-foto { width:820px; height:510px; background: url('bg-detail-foto.png') no-repeat left top; text-align:center; margin-top:10px;}
.list-fotos { width: 160px; float:left; margin-bottom:10px; }
.list-fotos p { width:155px; }
.list-fotos a.del-foto { float:right; color:#fff; margin-right:10px; }

.foto-thumb { height:450px;}

.foto-thumb img { margin-top:10px; }
.foto-detail h2{ font-size: 2.7em; }
.foto-detail h2 span { color:#faa61a; }
.foto-prev { width:260px; text-align:left; float:left; padding-left:20px;}
.rating { width:270px; text-align:center; float:left; margin-top:5px;}
.rating p { font-size:1.6em; font-weight:bold; color:#faa61a; float:left; padding:0 10px 0 0; position:relative; top:7px;}
.foto-next { width:230px; text-align:right; float:left; padding-left:20px;}



.foto-desc-opacity { position:absolute; width:790px; height:120px; left:30px; background:black; z-index:2; opacity:0.4; filter:alpha(opacity=40); }
.foto-desc { height:120px;  position:absolute; z-index:2; left:30px; width:830px; }
.foto-desc p { font-size:1.3em; line-height:14px; padding:10px  20px 10px 20px; height:65px; overflow:hidden;}

.rating-view { float:right; width:315px; }
.rating-view div { font-size:1.8em; color:#faa61a; float:left; width:115px; }
div.rating-view-stars { width: 145px; height:30px; background: url('bg-stars.png') no-repeat -58px top;}

.detail-fotos { position:absolute; margin-top:145px; }
.detail-fotos img { width:157px; float:left; margin-right:10px; margin-bottom:10px;}
.detail-fotos img.last { margin-right:0px; }

/* club */

.club-left { width: 405px; height:425px; float:left; }
.club-right { width:425px; height:425px; float:right; }
.club-right img { border:1px solid #faa61a; float:left; margin:0 9px 20px 0; }
.club-right img.right { margin-right:0px;}

.club-desc-opacity { position:absolute; width:392px; height:150px; background:black; z-index:2; opacity:0.4; filter:alpha(opacity=40); left:15px; top:344px;}
.club-desc { position:absolute; z-index:3; padding:11px 0 0 15px; left:15px; top:344px;}
.club-desc dt { font-size:1.4em; font-weight:bold; float:left; width:70px;}
.club-desc dl.open dt { width:120px;}
.club-desc dd { float:left; font-size:1.6em; line-height:19px;}
.club-desc dd a { color: #fdfdfd;}
.club-desc dl.open { padding-top:25px; #padding-top:0; _padding-top:0; }
.club div.text { margin-top:30px; padding-right:15px; text-align:justify; }
.club-line { clear:both; border-bottom: 1px solid #fff; width:810px; height:1px; margin:20px 0 14px 0;}
.club h2 { font-size:2.0em; margin-bottom:17px;}

#mapa.map-active0 { background-position: left 0;}
#mapa.map-active1 { background-position: left -500px;}
#mapa.map-active2 { background-position: left -1000px;}
#mapa.map-active3 { background-position: left -1500px;}
#mapa.map-active4 { background-position: left -2000px;}
#mapa.map-active5 { background-position: left -2500px;}
#mapa.map-active6 { background-position: left -3000px;}
#mapa.map-active7 { background-position: left -3500px;}
#mapa.map-active8 { background-position: left -4000px;}
#mapa.map-active9 { background-position: left -4500px;}
#mapa.map-active10 { background-position: left -5000px;}
#mapa.map-active11 { background-position: left -5500px;}
#mapa.map-active12 { background-position: left -6000px;}
#mapa.map-active13 { background-position: left -6500px;}



.comment-box { float:left; width:810px; height:220px;}
.comment-form-opacity {  position:absolute; width:810px; height:220px; background:black; z-index:2; opacity:0.4; filter:alpha(opacity=40); }
.comment-form { position:absolute; z-index:3; height:220px; padding-top:5px;}
.comment-form label { font-size:1.5em; padding: 0 0 0 8px;}
.comment-form textarea { width:790px; height:160px; border:0; margin-left:8px;}
.comment-form-text { text-align:right; }
.comment-form-text p { font-size:1.4em; font-style: italic; text-align:right; padding: 3px 3px 0 0;}
.comment-form-text input { margin-top:2px;}
.comment-form-text p a { color: #faa61a; padding-left:20px;}
.comment-form-text p a.first { color: #faa61a; padding-left:28px;}

.comments { float:left; margin-top:28px; }
.comment { float:left; padding-bottom:20px; width:810px;}
.comment p.comment-info { font-size:1.6em; }
.comment p.comment-info span { color: #faa61a; font-weight:bold; font-size:0.875em;}
.comment p { font-size:1.2em; line-height:130%; text-align:justify;}

.pager { float:right; text-align:right; color: #faa61a; line-height:160%; font-size:1.3em; padding-right:20px;}
.pager ul { list-style-type:none; }
.pager li { display:inline; margin: 0 3px 0 3px; }
.pager li a { color: #faa61a; text-decoration:none; font-weight:bold; }
.pager li a:hover { color: #fff; }

/* play */ 
.play h1 {  float:left;}
.play-top form { float:right; position:absolute; z-index:3; right:20px;}
.play-top label { font-size:1.3em; }
.play-top input { width: 280px; padding-top:2px; font-size:1.3em;}
.play-top input.submit { width:75px; margin:0px 40px 0 0;}
.play-top p { font-size:1.1em; font-style:italic; }
.mapa { position:absolute; top:15px; left:10px;}
div.region { position: relative;  left:10px; float:left;}
.region h2 { font-size:3.6em; color:#faa61a; font-weight:bold; } 
.region h2 span { font-weight:normal; color:#fdfdfd; }
.region table { width:800px;}
.region th { color: #faa61a; font-size:1.3em; text-transform:uppercase; text-align:left;}
.region table th a { color: #FAA61A; }
.region td { text-align:left;}
.region a { color: #fff; text-decoration:none; } 
.region a:hover { text-decoration:underline; }

/* conditions*/

.conditions { text-align:center;}
.conditions h1{ text-align:left; padding-bottom:10px; }
.conditions p { font-size:1.3em; margin-bottom:25px; line-height:110%; }
.conditions p a { font-weight:bold; color: #faa61a; text-decoration:none; }
.conditions p a:hover { text-decoration:underline; }

/* profil*/
.inicials { margin-top:25px;}
.ini-img { float:left; width:95px; height:88px; }
.ini-img img { border: 1px solid #fff; }
.ini-right { float:left; width:730px;}
.ini-text { float:left; width:730px; position:absolute; z-index:3;}
.ini-text a { color:#fff; text-decoration:none;}
.ini-text a:hover { text-decoration:underline; }
.ini-text strong { color: #faa61a;}
.ini-opacity {  position:absolute; width:730px; height:88px; background:black; z-index:2; opacity:0.4; filter:alpha(opacity=40); }
.ini-box { float:left; padding:17px 0 0 0; font-size:1.2em; }
.ini-box p { padding:5px 10px 0 10px; line-height:135%; }
.ini-box dt {float:left;  font-weight:bold;}
.ini-box dl { border-right:1px solid #fff; padding: 5px 0 5px 10px;}
.ini-box dt, .ini-box dd { line-height:135%; }

.ini-box.b1 { width:240px;}
.ini-box.b2 { width:300px;}
.ini-box.b3 { width:185px;}
.ini-box.b3 a { font-weight:bold; }


.profil-page { width:830px; float:left; margin-top:30px;}
.profil-head { width:830px;height:35px; float:left;}
.profil-head a.link { width:139px; height:35px; background: url('profil-1.png') no-repeat -2px -44px; float:left; text-align:center; font-size:13px; padding:10px 0 0 0; font-weight:bold; text-decoration:none; color:#fff;}
.profil-head a.link:hover { background-position: 0 0; color: #faa61a; width:147px; }
.profil-head .link.active { background-position: 0 0; color:#faa61a; padding-top:8px; width:147px; }
.profil-content { width:830px; height: auto;  border:3px solid #000; border-top:none; position:relative; top:-4px; }
.div-border { height:3px; background: #000; width:272px; position:absolute; right:9px; top:241px; }


.content-box.friends {padding-left: 11px; padding-top: 3px;}
.content-box.my-gallery {padding-left: 10px; padding-top: 5px;}
.content-box.messages {padding-left: 0px; padding-top: 0px;}


.profil-content .content-box { display:none; }
.content-box { position:absolute; z-index:4;}
.profil-content .content-box.active { display:block; }
.message { float:left; height:87px; width:830px; position:relative;  }
.message-opacity {  position:absolute; width:830px; height:87px; background:#8a867f; z-index:2; opacity:0.9; filter:alpha(opacity=60); }
.message-content { width:830px; height:87px; position:absolute; z-index:3; }
.message-opacity.dark {  background:black; opacity:0.6; filter:alpha(opacity=60);}
.message-left { float:left; width:180px; }
.message-left p { font-size:1.3em; line-height:150%; padding:3px 2px 2px 5px;}
.message-left a { font-weight:bold; color: #faa61a; text-decoration:none;}
.message-left a:hover { text-decoration:underline; }
.message-left strong { color: #faa61a;}
.message-text { float:left; height:87px; width:650px;}
.message-text p { line-height:110%; font-size:1.3em; padding: 5px 20px 5px 5px;}
.message-text p.scroll { overflow:auto; height:50px; width:620px; } 
.message-text p.reply { float:right; margin-right:20px; padding:0; font-weight:bold; }
.message-text p.reply a { color: #faa61a; text-decoration:none; }

.new-message { padding-top:5px; padding-left:10px; }
.new-message-h { height:250px; }
.new-message textarea { width:800px; height:130px; border:none; border:1px solid #cfcfcf;}
.new-message label { font-size:1.6em;}
.new-message input.text, .new-message select { background:#fff; width:230px; }
.new-message input.submit { float:right; }

.reply-h { height:420px; }
div.reply { padding:10px 0 0 10px; }
div.reply p { font-size:1.2em; margin-bottom:15px; line-height:160%;}
div.reply p span {color:#faa61a; font-weight:bold; } 
div.reply form { padding-top:20px; }
div.reply label{ font-size:1.6em; }
div.reply input.checkbox {border:none; background:none; margin-left:10px; position:relative; top:2px;  } 
div.reply textarea { width:800px; height:130px; border:none; border:1px solid #cfcfcf;}
div.reply input.submit { float:right; }


.profil-content-opacity { float:right;position:absolute; background:black; z-index:1; width:830px; opacity:0.4; filter:alpha(opacity=40);}
.friends h2 { font-size:2.6em; font-weight:normal; color:#fff; }
.friends h2 span {font-weight:bold; color:#faa61a; }
.list-friends a.button { font-size:1.6em; margin-right:3px; }
.list-friends td { border-bottom: 1px solid #fff; padding:3px 0 3px 0;  }
.list-friends table { margin-bottom:15px; border-collapse:collapse; }


.my-gallery h2 { font-size:2.6em; font-weight:normal; color:#fff; }
.my-gallery h2 span {font-weight:bold; color:#faa61a; }
.gallery-heading h2 { float:left; width:130px;}
.gallery-heading a { float:left; width:80px; margin:8px 0 0 10px; font-size:1.6em;}


.galery-fotos .fotos { float:left; width:205px; padding-bottom:10px; }
.galery-fotos .fotos p { font-size:1.3em; padding-bottom:5px;}
.galery-fotos .fotos i { float:right; color:#fff; margin-right:15px; }

a.button { background-image:url("bg-button.png"); width:75px; height:20px; display:block; text-align:center; padding:3px 0 0 0; color:#fff; text-decoration:none;}
/* footer */


.infobox { position:absolute; top:10px; display:block; width:563px; height:155px; z-index:5; font-size:1.5em; }
.infobox a { width:563px; height:155px; display:block; }
.infobox .error {background: url('bg-error.png') no-repeat; position: relative; top:200px; left:100px;}
.infobox .info{ background: url('bg-info.png') no-repeat; position: relative; top:200px; left:100px;}
.infobox .error a span { position:relative; top:60px; left:20px; color: #ffffff;  width:520px; float:left; text-align:center;}
.infobox .info a span { position:relative; top:60px; left:20px; color: #fff;  width:520px; float:left; text-align:center;}
.infobox  a {text-decoration:none; color:#000000;}


#footer { background: url('bg-footer.png') no-repeat left top; width:856px; height:33px; float:right; margin-top:15px;}
#footer p { float:right; margin:10px 25px 0 0 ;  font-size:1.3em;}
.mapa-area { margin-top:-55px; #margin-top:0;}

.cleaner { clear:both; visibility:hidden; height:0px;}
.article {margin-bottom: 20px;}
.article-one { float:left;  margin-bottom:10px; display:block;}
.article-img { float:left; width:170px;}
.article-text { float:left; width:600px;}


.result-item .result-text p { padding-bottom: 3px;}
.foto-search p { padding-bottom: 3px;}

.article-text h2 { font-size:1.5em;}
p.no-message { padding: 15px 0 0 15px;}
#root { position:absolute; text-decoration:none; width:175px; height:70px; display:block; top:50px;  }
a#root { font-size:0.01em; color:#000;}
h1.home { font-size:0.0em; color:#000; }

#dotaznik td label { margin-left: 4px; position: relative; top: -6px;}
#dotaznik td input {background: none;}
#dotaznik td input.submit {     background: url("bg-menu.png") no-repeat scroll left -40px transparent; display: table; height: 37px; line-height: 16px; margin: 0 0 5px; text-align: center; width: 119px; font-size: 1.3em; padding-bottom: 2px;}
#dotaznik td, #dotaznik div {padding-bottom: 15px;}