html{font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; margin: 0; padding: 0; background: #f2f2f2;}
hr.cistic {clear:both;height:1px;border:0;visibility:hidden;padding:0;margin:0;}
a img {border: none;}
a {color: black;}
a:hover {text-decoration: none;}


label {color: #666; padding: 0 0 5px 0; display: block;}
input {padding: 7px; }
textarea {padding: 7px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; }
.radio input {border: none; padding: 5px 0;}
input.checkbox {border: none; padding: 5px 0;}
select {padding: 3px; color: #333;}
legend {color: #666; padding: 0 0 2px 0; display: inline;}
fieldset label {color: #333;}
fieldset {padding: 0; margin: 0 0 20px 0; border:none;}


input, select, textarea, #vypis-kategorii, .radio input.show {border-top: 1px solid #acadb2; border-left: 1px solid #e2e3e8; border-right: 1px solid #dadfe5; border-bottom: 1px solid #e2e9ef; background: white;}
input, select, textarea, .datum, .datum2, #vypis-kategorii, #obsah-null, #obsah-null-login, .nahrane table, .nazev-souboru a, .nahrany-obrazek a, .sloupec3 a:hover, .radio input.show {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}

.flash.error {background: #ffcccc url("../i/ico-error.png") 20px 16px no-repeat;}
.flash.info {background: #e2f6fd url("../i/ico-info.png") 20px 16px no-repeat;}
.flash.alert {background: #ffffcc url("../i/ico-pozor.png") 20px 16px no-repeat;}
.flash.ok {background: #e7fcd2 url("../i/ico-ok.png") 20px 16px no-repeat;}
div.error {color: #666; padding: 15px 15px 15px 45px; margin: 15px; width: 91%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;background: #ffcccc url("../i/ico-error.png") 20px 16px no-repeat;}
div.error p {padding:0;margin:0;}

#obsah-null-login .error {color: #666; padding: 15px 15px 15px 45px; margin: 15px; width: 84%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
#obsah-null-login .error p {margin: 0; padding: 0;}
#obsah-null-login .info {color: #666; padding: 15px 15px 15px 45px; margin: 15px; width: 84%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
#obsah-null-login .info p {margin: 0; padding: 0;}

.flash {color: #666; padding: 15px 15px 15px 45px; margin: 15px; width: 91%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
.flash strong {color: #333;}
.flash a {color: #00aeef; font-weight: bold;}


.noborder {border: none;}
.nopadding {padding: 0;}
input.file {margin: 3px 0 6px 0; padding: 5px; width: 93%;}
input.input-web {margin: 3px 0 6px 0; padding: 5px; width: 65%;}
input.input-youtube {margin: 3px 0 6px 0; padding: 5px; width: 85%;}

.i30 {width: 30px;}
.i645 {width: 645px;}

.i100pr {width: 99%;}
.i96pr {width: 96%;}
.i95pr {width: 95%;}
.i90pr {width: 90%;}
.i85pr {width: 85%;}
.i70pr {width: 70%;}
.i30pr {width: 30%;}
.i50pr {width: 48%;} 

.mt14 {margin-top: 14px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

.ml20 {margin-left: 20px;}

.mr10 {margin-right: 12px;}


.bold {font-weight: bold;}

.blue {color: #00aeef; text-decoration: none;}
a.blue:hover {color: #0279a6;}
.grey {color: #999;}

.right {float: right;}
.left {float: left;}





#uvitani {padding: 10px 30px; color: #333;}
#uvitani h2 {font-size: 40px; font-weight: normal;}
#uvitani a {color: #00aeef; font-weight: bold;}
#uvitani strong {color: black;}

.sloupec1-null {width: 100%; margin: 0; padding: 0; float: left; overflow: hidden; color: #333;}
.sloupec1 {margin: 0; width: 100%; float: left;}
.sloupec1 .datum {display: inline-block; background: #f2f2f2; width: 25px; height: 25px; overflow: hidden; color: #666; font-size: 10px; text-align: center;}
.sloupec1 .datum2 {display: inline-block; background: #ccc; width: 25px; height: 25px; overflow: hidden; color: #666; font-size: 10px; text-align: center;}
.sloupec1 .datum .den, .sloupec1 .datum2 .den {color: #666; font-size: 13px;}
.sloupec1 h4 {color: #333;}

.sloupec3-null {width: 310px; margin: 0; padding: 0; float: left; overflow: hidden; color: #333;}
.sloupec3 {margin: 0; width: 100%; float: left;}
.sloupec3 .datum {background: #f2f2f2; width: 30px; height: 30px; overflow: hidden; color: #666; font-size: 10px; text-align: center;}
.sloupec3 .datum .den {color: #666; font-size: 13px;}
.sloupec3 h4 {color: #333;}
.sloupec3 a {text-decoration: none; color: #666; display: block; padding: 8px 5px; width: 240px; float: left;}
.sloupec3 a:hover {text-decoration: none; color: #000; background: #ffc url("../i/ico-edit.png") center right no-repeat;}
.sloupec3 table tr {display: block; border-bottom: 1px solid #f2f2f2;}

#skryj {color: #00aeef; padding-left: 18px; display: block; margin: 10px 0 0 5px; text-decoration:none; font-weight: bold; float: left;}
#skryj:hover {color: #0279a6;}
#skryj.open {background: url("../i/ico-skryj.png") center left no-repeat;}
#skryj.close {background: url("../i/ico-odkryj.png") center left no-repeat;}
.dalsi {color: #9c0; padding-left: 18px; display: block; margin: 10px 0 0 5px; text-decoration:none; font-weight: bold; float: left; background: url("../i/ico-pridej.png") center left no-repeat;}
.dalsi:hover {color: #719701;}

#vlozit-novou-stranku {color: #99cc00; background: url("../i/ico-pridej-big.png") center right no-repeat; padding: 10px 40px 10px 10px; display: block; margin: 0 0 0 20px; text-decoration:none; font-weight: bold; font-size: 18px; float: right;}
#vlozit-novou-stranku:hover {color: #5e7d01;}
#vlozit-novou-kategorii {color: #99cc00; background: url("../i/ico-pridej-big.png") center right no-repeat; padding: 10px 40px 10px 10px; display: block; margin: 0 0 0 20px; text-decoration:none; font-weight: bold; font-size: 18px; float: left;}
#vlozit-novou-kategorii:hover {color: #5e7d01;}

#ulozit {background: url("../i/ico-ulozit.png") center right no-repeat; padding: 10px 30px 10px 10px; display: block; margin: 0 0 0 20px; text-decoration:none; font-weight: bold; font-size: 18px; float: right;}
#ulozit .button {color: #99cc00; background: none; border:none; font-weight: bold; font-size: 18px;}
#ulozit .button:hover {color: #5e7d01; cursor:pointer;}

#ulozit-upravovat {background: url("../i/ico-ulozit-upravovat.png") center right no-repeat; padding: 10px 30px 10px 10px; display: block; margin: 3px 0 0 0; text-decoration:none; font-weight: bold; font-size: 14px; float: right;}
#ulozit-upravovat .button {color: #c2c736; background: none; border:none; font-weight: bold; font-size: 14px; float: right;}
#ulozit-upravovat .button:hover {color: #6a6d1c; cursor:pointer;}



#kontejner {width: 960px; margin: 0 auto; padding: 0 0 50px 0; position: relative;}
#kontejner-login {width: 600px; margin: 0 auto; padding: 0 0 50px 0; position: relative;}

#hlavicka {width: 960px; margin: 0; padding: 0 0 20px 0; float: left;}

#logo-home {position: relative; width: 259px; height: 63px; overflow: hidden; margin: 10px 0; padding: 0; float: left;}
#logo-home span {position: absolute; left: 0; top: 0; z-index: 1; width: 259px; height: 63px; background: url("../i/logo-home.gif") 0 0 no-repeat;}
#logo {position: relative; width: 259px; height: 63px; overflow: hidden; margin: 10px 0; padding: 0; float: left;}
#logo span {position: absolute; left: 0; top: 0; z-index: 1; width: 259px; height: 63px; background: url("../i/logo-in.gif") 0 0 no-repeat;}
#odhlasit {color: #00aeef; background: url("../i/ico-odhlasit.png") center left no-repeat; padding-left: 18px; display: block; float: left; margin: 38px 0 0 5px; text-decoration: none}
#odhlasit:hover {color:#DF0000;}
#zmena-hesla {color: #00aeef; background: url("../i/ico-odhlasit.png") center left no-repeat; padding-left: 18px; display: block; float: left; margin: 38px 0 0 5px; text-decoration: none}
#zmena-hesla:hover {color:#DF0000;}

#menu-null {width: 960px; margin: 0; padding: 0; float: left;}
#menu a {float: left; display: block; padding: 5px; margin: 5px; font-weight: bold; color: #333; text-decoration: none;}
#menu a:hover {color: #000;}
#menu a#aktivni {color: #00aeef;}
#vyhledavani {width: 300px; margin: 0; padding: 0; float: right;}
#vyhledavani input.vyhledavani-input {width: 190px; margin: 0; padding: 4px 4px 4px 20px; margin: 0 0 5px 0; background: white url("../i/vyhledat-back.gif") center left no-repeat;}

#obsah-null {width: 960px; margin: 0; padding: 0; overflow: hidden; background: #fff; position: relative;}
#obsah-null-login {width: 560px; margin: 0; padding: 0; overflow: hidden; background: #fff; position: relative;}
#obsah {padding: 15px;}

#zahlavi-null {padding: 0; margin: 0;}
#zahlavi {padding: 40px 40px 60px 40px;}


#levy-null {width: 250px; margin: 0; padding: 0; float: left; overflow: hidden; margin-left: -250px;}
#levy {padding: 15px;}

#pravy-null {margin: 0; padding: 0; overflow: hidden; position: relative;}
#pravy {padding: 15px;}

.prihlasit {background: url("../i/ico-ulozit.png") center right no-repeat; padding: 10px 30px 10px 10px; display: block; margin: 0 0 0 20px; text-decoration:none; font-weight: bold; font-size: 18px; float: right;}
.prihlasit .button {color: #99cc00; background: none; border:none; font-weight: bold; font-size: 18px;}
.prihlasit .button:hover {color: #5e7d01; cursor: pointer;}


#login label, #heslo label {margin-top: 10px;}
#login input, #heslo input {width: 97%;}

#nemuzu-vzpomenout {color: #00aeef; background: url("../i/ico-info.png") center left no-repeat; padding-left: 18px; display: block; float: right; margin: 20px 5px; text-decoration: none}
#nemuzu-vzpomenout:hover {color:#DF0000;}
#zapamatuj {padding: 0; display: block; float: left; margin: 18px 5px; text-decoration: none}
#zapamatuj label {float:left;}





#levy .roleta, #levy #perex, #levy fieldset, #levy .informace {float: left; width: 200px; overflow: hidden; margin-bottom: 20px;}

#levy #perex {color: #666;}

#levy .roleta label {padding: 0;}
#levy .roleta label.pb5 {padding-bottom: 5px;}

#levy .select {float: left; width: 200px; margin-top: 5px;}

#levy fieldset {float: left; width: 200px; padding: 0; margin: 0 0 20px 0; border:none;}
#levy fieldset label {display: inline;}

#levy #vypis-kategorii {margin-top: 5px; padding: 5px; height: 240px; font-size: 12px; color: #333; overflow:auto;}
#levy #vypis-kategorii input.checkbox {margin: 3px; padding: 0;}
#levy #vypis-kategorii label {display: inline-block}


#levy .informace h4 {color: #666; font-weight: normal; font-size: 13px; padding: 0 0 5px 0; margin: 0;}
#levy .informace table {padding: 0; margin: 0; width: 200px;}
#levy .informace table .vytvoreno {padding: 0 5px 0 0; margin: 0; text-align: left;}
#levy .informace table .datum {background: #f2f2f2; width: 30px; height: 30px; overflow: hidden; color: #666; font-size: 10px; text-align: center;}
#levy .informace table .datum .den {color: #666; font-size: 13px;}
#levy .informace table .kym {padding: 0 0 0 5px; margin: 0; color: #ccc;}

.sloupec-null {width: 50%; margin: 0; padding: 0; float: left; overflow: hidden;}
.sloupec {margin: 15px 0;}

.nahrany-nahledovy-popisek {text-align: center; color: #666;}

.nahrane {width: 95%; padding: 5px; float: left; overflow: hidden;}
.nahrane table {width: 100%; margin: 3px 0 0 0; float: left; overflow: hidden; background: #f2f2f2; border-collapse:collapse; border-spacing:0;}
.nahrane label {color: #666; font-size: 12px; padding: 0;}
.nahrane input, .nahrane textarea {padding: 5px 2px; font-size: 12px;}
.nahrane td {margin: 5px; padding: 5px;}

.tDnD_whileDrag {background: #e2f6fd;}
.nahrane .move {width: 15px; background: url("../i/ico-move.png") center 32px no-repeat;}
.rychla-tabulka .move {width: 15px; background: url("../i/ico-move.png") center 15px no-repeat;}
#vypis .move, #vypisKategorii .move {width: 15px; height: 30px; background: url("../i/ico-move.png") center center no-repeat;}


.nahrane .nahrany-obrazek, .nahrane .nazev-souboru {padding: 5px;}
.nahrane .nahrany-obrazek a, .nahrane .nazev-souboru a {display: block; background: white; overflow: hidden; font-size: 11px; padding: 5px; text-decoration: none; color: #666; line-height: 12px;}
.nahrane .nahrany-obrazek a:hover, .nahrane .nazev-souboru a:hover {background: #FFFFCC; color: black;}

.nahrane .nazev-souboru {width: 60px; height: 60px;}
.nahrane .nazev-souboru a {width: 70px; height: 50px;}

.nahrane .text-souboru input, .nahrane .popisek textarea {width: 99%;}

.nahrane .nahrany-obrazek {width: 70px; height: 70px;}
.nahrane .nahrany-obrazek a {width: 60px; height: 60px;}

.nahrane .odstranit {vertical-align: middle; padding: 0 4px 0 0; margin: 0; text-align: center;}

.nahrane.nahledovy {margin: -7px 0 0 5px; padding: 0;}

.rychla-tabulka {width: 100%; padding: 5px; float: left; overflow: hidden;}
.rychla-tabulka table {width: 99%; margin: 3px 0 0 0; float: left; border-collapse:collapse; border-spacing:0;}
.rychla-tabulka label {color: #666; font-size: 12px;}
.rychla-tabulka input {font-size: 12px; width: 96%;}
.rychla-tabulka td {margin: 5px; padding: 5px;}
.rychla-tabulka-left {width: 60%;}
.rychla-tabulka-left input {text-align: right;}

.rychla-tabulka .odstranit {vertical-align: middle; padding: 0; margin: 0; text-align: center;width: 20px;}

table#vypis, table#vypisKategorii, div#vypisKategorii {width: 100%; border-spacing: 5px;}
table#vypis thead tr td, table#vypisKategorii thead tr td, div#vypisKategorii thead tr td {color: #999; border: none; vertical-align: middle; padding-bottom: 20px;}
table#vypis thead label, table#vypisKategorii thead label, div#vypisKategorii thead label {color: #999; font-size: 13px;}

table#vypis tr, table#vypisKategorii tr, div#vypisKategorii .row {padding: 0; margin: 0;}
table#vypis tr td, table#vypisKategorii tr td, div#vypisKategorii .row .td {border-top: 1px solid #f2f2f2; line-height: 12px; padding: 0; margin: 0;}
table#vypis tr td.datum, table#vypis tr td.datum2, table#vypisKategorii tr td.datum, table#vypisKategorii tr td.datum2, div#vypisKategorii .row .td.datum, div#vypisKategorii .row .td.datum2 {border: none;}

table#vypis .odstranit, table#vypis .presun, table#vypisKategorii .odstranit, table#vypisKategorii .presun, div#vypisKategorii .odstranit, div#vypisKategorii .presun {width: 40px; text-align: center; vertical-align: middle; padding: 0; margin: 0; overflow: hidden;}
table#vypis .checkbox input {border: none;}
table#vypis .odstranit a, table#vypisKategorii .odstranit a  {text-align: center; display: block; width: 40px; overflow: hidden;}
table#vypis .odstranit a:hover {background: none;}
table#vypis .jazyk, table#vypisKategorii .jazyk, div#vypisKategorii .row .td.jazyk {width: 90px; text-align: left; color:#999; font-size: 12px; padding-top: 10px;}
table#vypis .nazev a, table#vypisKategorii .nazev a,  table#vypisKategorii .nazev a {text-align: left; color:#333;}
table#vypis .kategorie {text-align: left; width: 220px;  color:#999; font-size: 12px;}

table#vypis .datumy, table#vypisKategorii .datumy, div#vypisKategorii .datumy {width: 65px; text-align: left;}

table#vypis tr.neverejna td.datum {background: #ffcccc;}
table#vypis tr.koncept td.datum {background: #e2f6fd;}

table#vypis .vice-kategorii {font-size: 11px;}
table#vypis .vice-kategorii a {padding: 0; color: #00aeef; text-decoration: none;}
table#vypis .vice-kategorii a:hover {background: none; color: #0279a6;}

#vypisKategorii {display: table;}
div.row, div.headrow {display: table-row; width: 100%; }
.row .group {margin-left: 20px;}
span.td.nazev {width: 700px;}
span.td.jazyk {text-align: center !important; }
.head .row span.td.nazev {width: 675px;}
.row .group span.td.nazev {width: 675px;}
.row .row .group span.td.nazev {width: 650px;}
span.td.notMove, span.td.move  {width: 15px;}
span.td {display: table-cell; float: left; }
span.td.blank {width: 60px;height: 10px;}

table#vypis a, table#vypisKategorii a, div#vypisKategorii a {width: 98%; text-decoration: none; color: #666; display: block; padding: 8px 5px;}
table#vypis a:hover,table#vypisKategorii a:hover,div#vypisKategorii a:hover  {text-decoration: none; color: #000; background: #ffc url("../i/ico-edit.png") center right no-repeat;}
table#vypis tr:hover, table#vypisKategorii tr:hover, div#vypisKategorii .row:hover {background: #ffc;}
table#vypis thead tr:hover, table#vypisKategorii thead tr:hover, div#vypisKategorii .head .row:hover {background: none;}

.vypis-koncept {font-size:11px; background:#FFB3B3; color: #333; padding: 2px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
.vypis-heslo {font-size:11px; background:#333; color: white; padding: 2px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
.vypis-registrovane {font-size:11px; background:#6C3; color: #333; padding: 2px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}



#strankovani {padding: 50px 200px; text-align: center;}
#strankovani #predchozi {color: #00aeef; background: url("../i/ico-predchozi.png") center left no-repeat; padding-left: 18px; display: block; float: left; margin: 0; text-decoration: none}
#strankovani #dalsi {color: #00aeef; background: url("../i/ico-dalsi.png") center right no-repeat; padding-right: 18px; display: block; float: right; margin: 0; text-decoration: none}
#strankovani #predchozi:hover, #strankovani #dalsi:hover {color:#0279a6;}

.nastaveni-right {float: left; padding: 0 0 30px 0; width: 100%;}
.linka {float: left; padding: 10px 0; width: 100%; border-top: 1px solid silver;}
.orezavat {padding: 5px 0;}
.orezavat label {float: left;}

#registrovani-hlavicka {width: 100%; float: left; background: url("../i/linka.gif") center left repeat-x; margin: 50px 0 0 0;}
#registrovani-hlavicka h2 {float: left; font-size: 18px; margin: 10px; padding: 10px; background: white;}
#registrovani-hlavicka #export {color: #00aeef; padding: 5px 18px 5px 5px; display: block; margin: 16px 0 0 5px; text-decoration:none; font-weight: bold; float: left; background: white url("../i/ico-odkryj.png") center right no-repeat;}
#registrovani-hlavicka #export:hover {color: #0279a6;}

.info {font-size: 12px; color: #666;}

.uzivatel-right {float: left; width: 450px; margin-bottom: 10px;}
.uzivatel-right .right {margin-right: 20px;}


.tab_kontejner { margin: 5px 0 0 0; padding: 0; float: left; width: 100%;}
ul.tabs, ul.tabs1 { margin: 0; padding: 0; float: left; list-style: none; width: 100%;}
ul.tabs li, ul.tabs1 li { float: left;}
ul.tabs li a, ul.tabs1 li a {color: #00aeef; font-weight: bold; display: block; font-size: 13px; padding: 0; margin: 0 20px 0 0; text-decoration: none;}
ul.tabs li a:hover, ul.tabs1 li a:hover { color: black;}
ul.tabs li.active a, ul.tabs1 li.active a {color: #666; font-weight: normal;}
ul.tabs li.active, ul.tabs li.active a:hover, ul.tabs1 li.active, ul.tabs1 li.active a:hover { color: #666;}



body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.sortable .placeholder {
    display: block;
    background: red;
    position: relative;
    margin: 0;
    padding: 0;
    border: none; }

.sortable .placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none; }