/**
 * encoding: UTF8 (ěščřžýáíéúů)
 * CSS soubor pikantni-utopenci.cz - základní
 * autor: d2k webdesign, s.r.o.  
 */
body { font-size:75%; font-family:Arial,Helvetica,sans-serif; background-color:#ddd; color:#000; line-height:1.4; }
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, p, fieldset, input { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol, dl { padding-left:25px; }
p, ul, ol { margin:8px 0; }
dl dt { float:left; padding-right:4px; }
dl dd { margin:0 2px 3px 0; }
small { font-size:83.34%; }
a img { border:none; }
a { color:#D75B00; text-decoration:underline; }
a:hover, .box.user-login a:hover, a.button:hover { text-decoration:none; color:#FFCD1D; }
a.button { border:1px solid #542E1B; padding:3px 10px; background-color:#FE8900; color:#512D1A; font-weight:bold; margin:0 2px; text-decoration:none; }
/* hlavni struktura stanky - layout, hlavicka, ... */
#all {}
#page { width:993px; margin:35px auto 10px auto; }
#page-body { float:left; width:745px; margin-right:10px; }
#head { position:relative; background:#FF7E00 url('layout/head.png') top left no-repeat; height:190px; }
#head h1, #head h1 span, #head h2, #head h2 span, a#logo { display:block; position:absolute; overflow:hidden; }
#head h1, #head h1 span { width:240px; height:37px; }
#head h2, #head h2 span { width:183px; height:20px; }
#head h1 span, #head h2 span { font-size:0; line-height:0; }
#head h1 { top:50px; left:146px; font-size:200%; }
#head h1 span { top:0; left:0; background:url('layout/tjsokoljehnice.png') top left no-repeat; }
#head h2 { top:83px; left:147px; font-size:125%; }
#head h2 span { top:0; left:0; background:url('layout/brnensky-futsalovy-klub.png') top left no-repeat; }
a#logo { top:19px; left:39px; width:84px; height:118px; }
img#logo-print { display:none; }
#head .shadow { height:181px; padding-bottom:9px; background:url('layout/box-shadow-head.png') bottom left no-repeat; }
#head ul { position:absolute; left:0; right:0; bottom:9px; height:33px; width:742px; padding-left:3px; margin:0; background:#6F371B url('layout/mainnav.png') top left repeat-x; overflow:hidden; }
#head ul li { display:block; float:left; list-style-type:none; }
#head ul li a { text-transform:uppercase; color:#fff; display:block; float:left; line-height:33px; height:33px; vertical-align:middle; text-decoration:none; font-weight:bold; padding:0 8px; background:transparent url('layout/mainnav-item.png') center left no-repeat; }
#head ul li.first a { background:none; }
#head ul li a:hover, #head ul li a.active, #head ul li a.p-active { color:#FFCF1D; }

/* boxy ve strance, ruzne, ... */
.box, #content { background-color:#fff; width:238px; float:left; clear:left; }
.box .shadow, #content .shadow { padding:0 20px 9px 20px; background:url('layout/box-shadow.png') bottom left no-repeat; }
#content .shadow { background-image:url('layout/box-shadow-wide.png'); min-height:310px; padding-bottom:20px; }
.box h3, #content h2, #content h2.first { color:#542E1B; background-color:#F0F0F0; margin:0 -20px 8px -20px; text-transform:uppercase; height:36px; line-height:36px; vertical-align:middle; padding:0 20px; overflow:hidden; }
#content h2 { margin:12px -20px 8px -20px; }
#content h3 { color:#D75B00; margin:12px 0 8px 0; }
#content h4, h4 { margin:4px 0; }
.box.news { background-color:#542E1B; color:#fff; }
.box.news h3, .box.user-login h3 { background-color:#542E1B; color:#FFCD1D; }
.box.news a { color:#FFCD1D; }
.box.news a:hover { color:#fff; }
.box.user-login { background:#FF8A00 url('layout/prihlaseni.png') 0 36px repeat-x; color:#512D1A; }
.box.user-login .shadow { height:181px; overflow:hidden; }
.box.user-login a { color:#512D1A; }
.box.news .shadow { padding-bottom:20px; } 

/* submenu */
.submenu { background:#FA8400 url('layout/subnav.png') top left repeat-x; padding-top:11px; }
.submenu .shadow { padding-bottom:20px; }
.submenu ul { padding:0; margin:0; }
.submenu ul li { display:block; list-style-type:none; border-top:1px solid #B95A00; }
.submenu ul li.first { border:none; }
.submenu ul li a { display:block; color:#512D1A; background:url('layout/subnav-item.png') 12px 13px no-repeat; height:35px; line-height:35px; vertical-align:middle; padding-left:30px; text-decoration:none; font-weight:bold; overflow:hidden; }
.submenu ul li a:hover, .submenu ul li a.active, .submenu ul li a.p-active { background-color:#CF5D0A; color:#FFCD1D; }

/* Novinky */
.news span.datum { font-weight:bold; }
.news em.autor { display:block; text-align:right; font-style:normal; }
.news p, .news h3 { margin-bottom:0; margin-top:0; }

.random-gallery span { display:block; margin-bottom:4px; }
.random-gallery a.img { display:block; text-align:center; }

/* Akce */
div.box.akce div.shadow { padding:0 9px 9px 9px; }
div.box.akce div div, #content div.akce { border-bottom:1px dotted #bbb; padding-bottom:2px; margin-bottom:2px; position:relative; }
#content div.akce { padding-bottom:4px; margin-bottom:6px; }
div.akce p.buttons { position:absolute; top:4px; right:0; }
div.akce.zruseno { text-decoration:line-through; }
div.box.akce h3 { margin:0 -9px 8px -9px; }
div.box.akce h4 { color:#D75B00; }
div.akce p { margin:0; }
div.akce p.info { margin-bottom:3px; font-style:italic; }
div.box.akce p.more { text-align:right; margin-bottom:3px; }
#akce-stats { position:absolute; top:0; right:20px; height:36px; line-height:36px; vertical-align:middle; margin:0; }
div.player-stats { width:476px; margin:0 -20px; padding:0 10px 30px 10px; overflow-x:auto; }
div.player-stats table { border-collapse:collapse; }
div.player-stats table td { text-align:center; }
div.player-stats table td img { vertical-align:middle; } 
table tr.even td { background-color:#F0F0F0; }

/* obsahova cast */
#content { float:right; width:496px; position:relative; height:100%; }
.breadcrumbs { display:none; }
#col1 { float:left; width:238px; }
#content p.more { text-align:right; }

p.results, .comment { background-color:#E7E6E6; border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:5px 10px; }
.comment { margin-bottom:3px; position:relative; height:100%; }
.comment small { position:absolute; top:5px; right:10px; }
table { margin:6px auto; }
#content div.player-card { width:204px; padding:5px 10px; margin:0 4px 4px 0; float:left; min-height:80px; background-color:#F0F0F0; }
#content div.player-card h3 { color:#542E1B; margin-top:0; }
#content div.player-card img { float:left; margin:0 8px 3px 0; border:1px solid #282828; }
.article.preview { border-bottom:1px solid #CDCDCD; }
.article.preview a.icon { display:block; float:left; margin-right:15px; }
.article.preview p.more { clear:both; }

/* pravy sloupec */
#col2 { float:right; }
#col2 .box { clear:none; float:right; clear:right; }
#col2 .comments { margin:8px 0; }
#col2 .comments p { margin:0; height:1.6em; line-height:1.6em; overflow:hidden; vertical-align:middle; }
#col2 .user-login label { width:50px; padding:2px 7px 1px 0; text-align:right; font-weight:bold; color:#512D1A; }
#col2 .user-login input.text { border:1px solid #C5C5C5; width:129px; margin:0 0 7px 0; }
#col2 .user-login input.submit { margin-bottom:8px; }

#anketa-form div.bg { font-size:0; line-height:0; height:11px; background:url('layout/anketa-left.png') top left no-repeat; padding-left:3px; margin-bottom:5px; }
#anketa-form div.bg .fg { position:relative; height:11px; background:#FF920C url('layout/anketa.png') top left repeat-x; }
#anketa-form div.bg .fg span { display:block; position:absolute; top:0; right:-3px; height:11px; width:3px; background:url('layout/anketa-right.png') top left no-repeat; }

/* Fotky a videa, galerie, fotky k novinkam, ... */
.gallery p.show_link { text-align:right; margin-top:0; }
a.viewer, a.thumb { position:relative; display:block; float:left; margin:0 5px 5px 0; height:105px; line-height:105px; vertical-align:middle; }
.img-edit { position:relative; display:block; float:left; margin:0 5px 5px 0; }
.img-edit img, a.viewer img, a.thumb img { vertical-align:middle; }
.img-edit br { display:none; }
.img-edit .del { position:absolute; top:3px; right:5px; }
.img-edit .edit { position:absolute; bottom:0px; left:0px; width:140px; height:19px; line-height:19px; vertical-align:middle; text-align:center; overflow:hidden; background-color:#ececec; color:#484d51; }
.img-edit a { text-decoration:none; color:#484d51; }
.img-edit a:hover { text-decoration:none; color:#ef7600; }
.img-edit a img { vertical-align:middle; }
a.thumb span.movie { display:none; }

/* profily hracu */
.profile-th { width:145px; margin:0 5px 5px 0; float:left; text-align:center; height:140px; overflow:hidden; position:relative; }
.profile-th a { display:block; }
.profile-th a img { display:block; margin:0 auto; }
.profile-th em { position:absolute; left:0; bottom:0; right:0; width:145px; height:18px; line-height:18px; vertical-align:middle; background-color:#fff; }
#player-profile { padding:0; }
#player-profile dt { width:55px; }
dd.avatar { float:left; margin:0 15px 10px 0; }
div.gallery { clear:both; }

/* Paticka stranky */
#foot p { text-align:center; }
#foot a, #foot a:hover { color:#512D1A; text-decoration:none; }
#foot a:hover { text-decoration:underline; }

/* formulare obecne */
form { margin:8px 0; background-color:#F0F0F0; padding:10px 15px 5px 15px; }
.newsletter form, .user-login form, form#article, form#anketa-form, #profile-form { padding:0; background:none; }
form img.code, #content form p.info { margin-left:138px; }
#content form p.info { font-style:italic; margin-top:0; }
form br { clear:both; }
fieldset { border:none; padding-bottom:5px; }
.fckedit { margin:0 -20px; width:496px; }
legend { font-weight:bold; margin:5px 0; color:#191919; padding:0; }
label { display:block; float:left; width:135px; padding-right:3px; }
.tree label { display:inline; float:none; width:auto; padding-right:0; }
#anketa-form label { width:auto; display:inline; float:none; padding:0; }
legend label { display:inline; float:none; width:auto; }
label.checkbox, label.radio { float:none; margin-left:138px; width:auto; }
label.radio.inline { display:inline; margin:2px 5px 2px 0; }
label.radio input { vertical-align:middle; margin:0 3px 3px 0; }
input.text { padding:1px 3px; width:164px; }
input.text, select, textarea, #calendar-holder { border:1px solid #696969; background-color:#fff; margin:0 3px 2px 0; }
#calendar-holder { float:left; width:210px; padding:1px 3px; }
input.medium { width:104px; }
input.narrow { width:44px; }
select { width:172px; }
textarea { width:330px; height:110px; padding:1px 3px; }
#content p.description { margin:-2px 0 4px 138px; font-style:italic; }
div.odsazeny { margin-left:138px; }
form input.submit { cursor:pointer; }

.newsletter label { display:none; }
.newsletter input.text { width:115px; }
/*, p.add-button a { cursor:pointer; border:none; font-size:100%; padding:0 14px 2px 3px; width:64px; height:17px; color:#000; background:transparent url('layout/submit.png') bottom left no-repeat; }
#content form input.submit { margin-right:5px; }
form input.submit.large, p.add-button a { width:96px; background-image:url('layout/submit-large.png'); }
form input.submit:hover, p.add-button a:hover { background-position:top left; }
p.add-button { position:absolute; top:17px; right:25px; }
p.add-button a, div.variations table a.buy-link { display:block; text-decoration:none; padding:0 14px 0 3px; text-align:center; width:79px; }
div.variations table a.buy-link { width:47px; }*/

/* Dalsi tridy */
.clear { height:0; width:100%; font-size:0; line-height:0; clear:both; display:block; }
.inv { display:none !important; }
.message { background-color:#cbffcb; color:#007700 !important; }
.error { background-color:#ffcbcb; color:#f00 !important; }
.error, .message { margin:0 -20px; font-weight:bold; padding:10px 20px; position:relative; }
.discussion { clear:both; }
.tree ul { margin:0; }
.tree span.leaf, .tree span.collapse, .tree span.expand { margin:2px 5px 0 0; }
p.add-button { text-align:right; position:absolute; top:0; right:10px; height:36px; line-height:36px; vertical-align:middle; margin:0; }
p.add-button a { padding-left:15px; background:url('layout/b-expand.png') center left no-repeat; font-weight:bold; }

#relog p { margin:0; }
#relog .progresbar { width:140px; border:1px solid #542E1B; margin:4px 4px 0 0; }
#relog .progresbar div { background-color:#542E1B; }

span.pokuta50 { border-bottom:3px double red; }
span.pokuta25 { border-bottom:1px solid red; } 
span.uhrazeno_1 { border-color:green; }
span.uhrazeno_2 { border-color:blue; }

/**
 * Styly pro novou galerii fotek
 */
#content ul.sortable { list-style:none; padding:0; }
ul.sortable li { display:block; position:relative; float:left; width:140px; height:124px; margin:0 5px 5px 0; cursor:move; }
ul.sortable li div.img-edit { margin:0; height:124px; }

/* box pro drag-and-drop nahrani souboru */
div#dropbox { width:426px; overflow:hidden; padding:0; position:relative; margin-bottom:5px; background-color:#F0F0F0; }
div#dropbox.hover { background:#ED7500; color:#542E1B; }
div#dropbox span#dropbox_cap { color:#aaa; display:block; position:absolute; top:0; left:0; width:100%; height:50px; text-align:center; line-height:50px; font-size:150%; font-weight:bold; }
div#dropbox.hover span#dropbox_cap { color:#93b541; }
div#drop-container { min-height:80px; }
div#drop-container div.nahled  { position:relative; float:left; padding-bottom:15px; margin:0 5px 5px 0; border:2px solid #887759; overflow:hidden; line-height:0; font-size:0; text-align:center; background-color:#fff; }
div#drop-container div.nahled img { margin:3px; border:none; }
div#drop-container div.nahled p.caption { display:block; width:100%; height:15px; line-height:15px; position:absolute; bottom:0; left:0; font-size:10px; z-index:2; background:#fff; white-space:nowrap; margin:0; padding:0; }
div.crop { position:absolute; top:0; left:0; width:120px; height:90px; border:3px solid #f00; background:#000; cursor:move; opacity:0.5; filter:alpha(opacity=50); -khtml-opacity:0.5; }
div.close { position:absolute; top:5px; right:5px; z-index:5; width:14px; height:14px; background:url('layout/close.png'); display:none;}  
div#progress-bar { font-size:150%; font-weight:bold; color:#000; display:block; position:fixed; padding:5px; z-index:15; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.9; filter:alpha(opacity=90); -khtml-opacity:0.9; text-align:center; }
div#progress-bar a { color:#000; }
div#progress-bar div.info { width:60%; min-width:500px; margin:170px auto 15px auto; padding:10px; background:#ccc; border:2px solid #aaa; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
div#progress-bar span.nahrano_bytu, div#progress-bar span.celkem_bytu, div#progress-bar a.next { display:none; }
form#file_form p { margin-top:0; font-weight:bold; color:red; }
form#file_form p.caption { color:#000; }
#file_form a.button { float:left; border:none; margin:5px 5px 5px 0; width:119px; background-color:#542E1B; color:#fff; text-align:center; text-decoration:none; font-weight:bold; height:18px; line-height:18px; vertical-align:middle; }
#file_form a.button:hover { color:#FAC91D; }
#content .yt-video-thumbnails img { border:none; }
