*,body,.menu{transition:0.2s all;-o-transition:0.2s all;-moz-transition:0.2s all;-webkit-transition:0.2s all;overflow:hidden}
::-webkit-scrollbar-thumb:vertical{background-color:white;height:100px;border:1px solid black} 
::-webkit-scrollbar-thumb:horizontal{background-color:white;height:10px!important;}
::-webkit-scrollbar{height:10px;width:5px;background-color:black;}
body,input,label,p,.resetForm,select{font-family: 'Open Sans Condensed', sans-serif; }
input[type=submit],.resetForm{padding:10px;border:1px solid silver;text-transform:uppercase;outline:none;background:#DCDCDC;font-size:12px;}
input[type=submit]:hover, input[type=submit]:focus,.resetForm:hover,.resetForm:focus{background:silver}
input[type=submit]:active,.resetForm:active{box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);}
input[type=password],input[type=text],select{padding:10px;background-repeat:no-repeat !important;background-position:10px center !important;border:1px solid silver;outline:none}
input.posun{padding-left:36px;}
input.celaSirka{width:100%;}
input[type=password]:active,input[type=text]:active,input[type=password]:focus,input[type=text]:focus{border-color:grey}
::-webkit-input-placeholder {text-transform:uppercase}
:-moz-placeholder {text-transform:uppercase}
::-moz-placeholder {text-transform:uppercase}
:-ms-input-placeholder {text-transform:uppercase}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block;width:80px;height:28px;background:url('http://jrnv.nl/wp-content/uploads/2014/03/Screenshot-2014-03-27-07.22.59.png') 0px -32px  ;background-repeat:no-repeat;background-size:cover;cursor:pointer;}
input[type="checkbox"]:checked + label span {display:inline-block; width:80px;height:28px;background:url('http://jrnv.nl/wp-content/uploads/2014/03/Screenshot-2014-03-27-07.22.59.png') 0px -5px ;background-repeat:no-repeat;background-size:cover;cursor:pointer;}
hr{height:1px;width:100%;background:grey;outline:none;border:0}

/* top */
.top{height:50px;width:100vw;max-width:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:10;background-repeat:no-repeat;margin-left:50px;color:white}
.menuIcon:hover{background:url(http://484848.co.uk/img/3-lines.png) rgba(0,0,0,.8);background-size:40px 40px;background-position:center;background-repeat:no-repeat}
.menuIcon{height:50px;width:50px;max-width:100%;position:fixed;top:0px;left:0px;background:url(http://484848.co.uk/img/3-lines.png) rgba(0,0,0,0.5);z-index:10;background-size:40px 40px;background-position:center;cursor:pointer;background-repeat:no-repeat}
.menu{height:100vh;width:300px;background:black;color:white;position:relative;top:0px;left:-300px;z-index:99}
.menuactive{position:fixed;top:0px;left:0px !important;}
.overlay{height:100%;width:100%;background:url('http://images.bzflag.org/mjurras/GREY.png') no-repeat; position:fixed;top:0px;left:0px;z-index:1;opacity:0.8;}
.top.hide{position:fixed;left:300px;margin-left:0px;right:-308px}
.menuIcon.hide{display:none}
.hideMenu{font-family:arial;background:url(http://www.textime.co.il/eventim_registration/images/close.png) white;position:relative;right:0px;top:0px;float:right;height:50px;width:50px;background-size:40px 40px;background-position:center;background-repeat:no-repeat;cursor:pointer}
.logo{position:relative;top:30px;left:50%;transform:translateX(-50%);background:url('../img/logo.png');background-size:cover;background-repeat:no-repeat;height:12.5vh;width:23.5vh;display:block}
.containerMenu{overflow-y:auto;position:absolute;top:25vh;left:15px;width:270px;height:50vh}
nav ul{position:relative;left:-20px}
nav ul a{list-style-type:none;padding:8px;font-size:large;border-bottom:1px solid white;text-transform:uppercase;cursor:pointer;display:block}
nav ul a:first-child{border-top:1px solid white}
nav ul a{color:white;text-decoration:none}
nav ul a:hover{font-weight:bold}
nav ul a.active{background:white !important;color:black !important}
.top p{position:relative;top:15%;transform:translateY(-50%);margin-left:15px;display:inline-block}
.top span:not(.logout){text-transform:uppercase}
span.logout{float:right;background:url('http://4vector.com/i/free-vector-clarity-shutdown-icon_100692_Clarity_shutdown_icon.png');background-size:30px;background-position:center;background-repeat:no-repeat;height:50px;width:50px;display:inline-block;cursor:pointer;position:relative;margin-right:50px}
.podOverlay{position:relative;z-index:1;}
.podOverlay.do{position:relative;z-index:-222;background:url('http://remren.net/wp/wp-content/themes/constructor/images/bg-blur.png')}

/* container */
.container{max-height:100%;max-width:100%;margin-left:auto;margin-right:auto;position:fixed;top:70px;left:20px;right:20px;bottom:10px;overflow-y:auto;padding-right:10px}
.container.hide{left:310px;right:-290px}
.container h1{text-transform:uppercase;font-weight:300;margin-top:0px}
.container .upload{border:1px solid grey;padding:10px;}
.container .nahoru{position:relative;height:42px;width:300px;margin-left:10px;margin-right:10px} 
.container p{text-transform:uppercase}
.container span.file{position:relative;margin-top:10px;display:inline-block;float:left;text-transform:uppercase}

/* input file */
input[type=file]::-webkit-file-upload-button {visibility: hidden;  outline: none;}
input[type=file]{display: inline-block;padding:10px;width:200px;border:1px solid silver;text-transform:uppercase;outline:none;color:black;font-size:12px;}
input[type=file]:hover,input[type=file]:focus{background:silver}
input[type=file]::before {content: 'Vyber soubor';font-weight:bold}
input[type=file]:active {box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);}

/* slider */
.sliderTable{display:block;border:1px solid grey;width:100%;margin-top:20px;border-top:0px}
.sliderRow{display:table;border:0;width:100%}
.sliderCell{display:table-cell;border-bottom:1px solid grey;border-right:1px solid grey;border-top:1px solid grey;vertical-align:top;padding:10px}
.sliderRow:first-child sliderCell{border-top:0px}
.sliderCell:last-child{border-right:0px}
.sliderRow:last-child .sliderCell{border-bottom:0px}
.sliderCell img{display:inline-block;float:left;}
.sliderCell:first-child{width:200px;}
.edit{width:50% ;display:inline-block;padding:10px;border-bottom:2px solid grey;border-right:1px solid grey;}
.edit:first-child{display:inline-block;}
.edit:last-child{margin-right:-41px;border-right:0}
.sliderRow.colspan{display:block;width:100%;}
.edit:hover{background:grey;color:white;cursor:pointer}
.nemazat{width:50% ;display:inline-block;padding:10px;border-bottom:2px solid grey;border-right:1px solid grey;}
span.deleteImage{display:inline-block;height:30px;width:30px;background:url(http://www.library.manchester.ac.uk/firstimpressions/assets/images/make-your-mark/tools/icons/icon_white_Cross.png) rgba(0,0,0,0.8);background-repeat:no-repeat;background-size:20px;background-position:center;float:right;cursor:pointer;position:relative;}


/* projekty */ 

.projektyTab{padding:10px;border:1px solid silver;text-transform:uppercase;outline:none;background:#DCDCDC;font-size:15px;display:inline-block;margin:0px 5px 5px 0px;color:black;text-decoration:none;width:20%}
.projektyTab:hover, projektyTab:focus{background:silver}
.projektyTab:active{box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);}
.projektyTab.active{font-weight:bold}
.sliderCell p{text-transform:none}
.editProjekty{width:33%;}
.editProjekty:last-child{margin-right:-31%}
.upload textarea{margin:15px;width:300px;height:500px}
.galerie{display:inline-block !important;float:left;}
.filetop:before{content: "OBRÁZEK"; background:grey;color:white;height:30px;width:100%;display:block;margin-bottom:10px;text-align:center;padding-top:5px}
.zip:before{content: "ZIP"; background:grey;color:white;height:30px;width:100%;display:block;margin-bottom:10px;text-align:center;padding-top:5px}
.editGallery{width:100%}

/* zpravy */

.bok{width:20%;display:inline-block;max-height:100%;overflow-y:auto}
.bok .zpravy{border:1px solid grey;padding:5px;margin-top:-1px}
.bok .zpravy:first-child{margin-top:0px !important}
.zprava{width:78%;display:inline-block;float:right}
.sliderTable .pre0{font-weight:bold}
.bok .pre0{border-left:5px solid grey;padding-left:-5px}