*{margin:0px;padding:0px;}
            body{font-family: Calibri,Verdana;background-color:black;overflow-y: scroll;}
            div#page{margin:auto;margin-top:10px;width:1224px;background-color:black;}
            section#nahledy{padding:5px;}
            div.img,div.img2{border-radius:3px;margin:2px;display:inline-table;width:200px;height:200px;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#111;}
            div.img2{margin-right: -2px;width:132px;height:132px;}
            .zoom-a{cursor: hand;border-radius: 3px;background-color: rgba(0,0,0,0);text-decoration: none;color:rgba(0,0,0,0);width:170px;height:170px;display:block;padding: 15px;-webkit-transition: 0.5s all;overflow: hidden;}
            .zoom-a:hover{color:white;background-color:rgba(0,0,0,0.7);}
            header#top{background-color:#333333;padding-top: 5px;}
            header#top div#obal {margin:auto;width:1174px;padding: 12px 20px;}
            header#top div#obal a {text-decoration: none;color:silver;display:block;width:700px;}
            header#top div#obal a h1{font-weight:normal;padding: 0px;margin:0px;}
            header#top div#obal a h1 span{color:white;}
            nav#head,nav#upozorneniodstraneni, nav#zmenasdileni{border-radius:3px;margin: 2px;padding:10px 20px 10px 20px;color:white;background-color: #333333;height:20px;}
            nav#upozorneniodstraneni, nav#zmenasdileni{text-align: center;height:80px;}
            nav#upozorneniodstraneni a, nav#zmenasdileni a{text-decoration: none;padding: 10px 30px;margin:15px 20px 0px 20px;border-radius:3px;color:black;cursor: hand;display: inline-block;}
            nav#upozorneniodstraneni a#okodstranit{background-color:red;}
            nav#upozorneniodstraneni a#nestorno{background-color:yellowgreen;}
            select#selectform, form#selectform{display:none;}
            nav#vybermenu{height:0px;display:none;}
            nav#vybermenu a{cursor:hand;-webkit-transition: all 0.5s;border-bottom: 5px solid red;background-color: #333;color:white;text-align:center;padding:10px;opacity: 0;display:inline-table;width: 180px;margin:2px;border-radius:3px;text-decoration: none;}
            nav#vybermenu a:hover{color:black;}
            nav#vybermenu a#sdiletobrazky{border-bottom-color: #99ccff;margin-left:-2px;}
            nav#vybermenu a#sdiletobrazky:hover{background-color: #99ccff;}
            nav#vybermenu a#vymazatobrazky{border-bottom-color: red;}
            nav#vybermenu a#vymazatobrazky:hover{background-color: red;}
            nav#head span#umisteni, nav#head span#zapnivyber{float:left;padding:0px 20px;}
            nav#head span#register, nav#head span#help, nav#head span#upload{float:right;padding:0px 20px;}
            nav#head span#zapnivyber{cursor:hand;border-right:1px solid silver;padding-left: 0;width:81px;}
            nav#head span#umisteni{}
            nav#head span#help{border-right:1px solid silver;}
            nav#head span#register{margin-right: 50px;}
            nav#head span#zapnivyber a, nav#head span#umisteni a, nav#head span#register a, nav#head span#help a, nav#head span#upload a{color:silver;text-decoration: none;}
            nav#head span#zapnivyber a{padding:5px 15px;margin:-5px -15px;border-radius:3px;-webkit-transition: all 0.5s;}
            nav#head span#zapnivyber a:hover{background-color:rgba(255,0,0,0.6);}
            form#prihlaseni{float:right;text-align:right;margin-top:-53px;}
            div#prihlasen{float:right;text-align:right;margin-top:-48px;padding: 5px 55px;}
            div#prihlasen span.jmeno{font-size:17px;color:white;}
            form#prihlaseni span{color:whitesmoke;}
            form#prihlaseni input{color:white;background-color:#333;border-radius:3px;border: 1px solid silver;margin-top: 5px;margin-left:10px;padding:3px 6px 3px 6px;}
            form#prihlaseni input[type=submit]{border:1px solid black;background-color:#222;margin-top:25px;padding-left:59px;padding-right:59px;}

            a.sipky{-webkit-transition:0.5s all;color:rgba(0,0,0,0);opacity:0;position:absolute;width:200px;height:503px;display:inline-table;margin:3px;background-size:50px;background-repeat: no-repeat;background-position:center;}
            a#previmg{background-image: url('system-obr/left.png');}
            a#nextimg{margin-left:-200px;background-image: url('system-obr/right.png');}
            a.sipky:hover{opacity: 1;}
            
            div#detailnahled{display:inline-block;width:1000px;background-color:#111;border-radius:3px;background-size:contain;margin:2px;margin-right:0px;background-repeat: no-repeat;background-position: center;padding-top:460px;}
            span#jmenoobr{background-color:rgba(0,0,0,0.7);text-align:center;font-size:20px;color:silver;width:1000px;display:block;padding:10px; }
            div#vedledetailu{display:inline-table;float:right;width:198px;height:500px;}
/*            odkazy*/
            div#vedledetailu a{display:block;background-color:blue;border-radius: 3px;padding: 13px 8px;padding-right: 24px;width:154px;border-right: 10px solid red;margin:2px;margin-top: 4px;margin-left:0px;text-align:right;color:silver;background-color:#333;text-decoration: none;-webkit-transition: all 0.5s;}
            div#vedledetailu a:hover{color:black;}
            div#vedledetailu a:first-child{margin-top:2px;}
            div#vedledetailu a#ikozoom{border-color: #ffff00;margin-bottom: 60px;}
            div#vedledetailu a#ikozoom:hover{background-color:#ffff00;}
            div#vedledetailu a#ikosdilet{border-color: #99ccff;}
            div#vedledetailu a#ikosdilet:hover{background-color:#99ccff;}
            div#vedledetailu a#ikosmazat{border-color: red;}
            div#vedledetailu a#ikosmazat:hover{background-color:red;}
            div#vedledetailu a#ikoupravit{border-color:orange;}
            div#vedledetailu a#ikoupravit:hover{background-color:orange;}
            div#vedledetailu a#ikopresun{border-color:greenyellow;}
            div#vedledetailu a#ikopresun:hover{background-color:greenyellow;}
            
            section#uploadcast{text-align: center;}
            section#uploadcast input[type=file]{border:0px silver solid;background-color:#333;color:silver;padding:30px 140px;width:600px;display:inline-block;margin:2px;border-radius:3px;}
            section#uploadcast input[type=file]{background-image: url(system-obr/upload.png);background-repeat: no-repeat;background-size: 60px;background-position: 40px 8px;margin-bottom:60px;}
            section#uploadcast input[type=file]:hover{cursor: hand;}
            section#uploadcast a#submitupload{-webkit-transition: 0.5s all;display: inline-block;border:0;background-color: #111;color:black;font-size:18px;padding:20px 100px;border-radius: 3px;}
            section#uploadcast a#submitupload:hover{color:black;cursor:default;}
            span.popisupload{color:#333;padding-bottom: 10px;display:inline-block;}
            form#uploadFORM{text-align:center;padding-top:50px;}
            a#vybercil{margin-bottom: 60px;display:inline-block; background-color:whitesmoke;cursor: hand; color:black;padding: 20px 100px; border-radius:3px;}
            div#vybercilovychslozek{position:absolute;display:none;margin-left:-200px;margin-top:-150px;background-color: #111; width:400px; height:400px;border-radius: 3px;overflow-y: auto;}
            a.ciloveslozky{padding:15px 30px;cursor: hand;display:block;background-color:gray;border-bottom: 1px solid #111;text-align: left;}
            a.ciloveslozky:hover{background-color:lightsteelblue;}
            a.ciloveslozky#album{background-color:lightsalmon;}
            a.ciloveslozky#album:hover{background-color:salmon;}
            a.ciloveslozky#vytvoritnovycil{background-color:lightgreen;}
            a.ciloveslozky#vytvoritnovycil:hover{background-color:yellowgreen;}
            #formcile{display:none;}
            
            div#slozky{margin-bottom: 40px;}
            a.nahledslozka{margin:2px;border-radius: 3px;height:80px;background-color:#ff3;width:200px;display: inline-block;}
            a.nahledslozka span{width:110px;color:black;display:inline-block;-webkit-transition: all 0.5s;height:40px;border-radius: 3px;padding:20px;padding-left: 70px;}
            a.nahledslozka:hover span{background-color:rgba(0,0,0,0.7);color:white;}
            a#novaslozka{background-color:#111;margin-left:4px;}
            a#novaslozka span{color:#333;}
            
            a#formular{height:50px;width:772px;background-color:#222;padding: 15px;color:silver;display:inline-block;}
            a#formular input[type=text]{background-color:#222;border:1px #222 solid;color:white;font-size:20px;}
            a#smazatslozku,a#potvrzenismazanislozky{display:inline-block;height:60px;text-decoration: none;cursor:hand;background-color:rgba(255,0,0,0.5);color:white;text-align:center;padding-top:20px;}
            a#potvrzenismazanislozky{display:none;}
            
            div#zpravauspesnenahrano{position:absolute;margin:20px;}
            div#zpravauspesnenahrano span{display:block;width:400px;padding: 8px 40px;border-radius: 3px;background-color:yellowgreen;color:black;margin:3px;}