@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
 BODY,HTML {
	font-size: 1.00em;
	color: #000;
	background-color: #000;
	background-image:url(/pictsystem/a-bgnew.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	height: 100%;
	position:relative;
}

/* Progras bar */
.progress {text-align:left;margin-top:20px;display:none; position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color:#2E64FE; width:0%; height:30px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:8px; left:48%; }
/*Koniec progres baru */

/* Dropdown menu*/
.dropbtn {
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    color: #fff;
    padding: 15px 15px;
    font-size:1.0em;
    margin:0 0 0 0;
    border: none;
    cursor: pointer;
}

.dropbtn:hover {
    background-color: #20a8d8;
    color:#fff;
}

.dropbtn:focus {
    background-color: #20a8d8;
    color:#fff;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin:0 0 0 0;
    padding:0;
    background-color:transparent;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #20a8d8;
    min-width: 250px;
    padding:0;
    margin:0;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a.submn {
    padding: 10px 15px;
    font-size:0.85em;
    text-decoration: none;
    display: block;
    color:#fff;
}

.dropdown a.submn:hover {background-image: url(/pictsystem/black20.png);}

.show {display:block;}

DIV.topnav {padding:0;margin:0 0 0 15px;border:0;position:relative;z-index:1000;display:inline-block;}
A.icon {display:none;}
/* koniec Dropdown menu*/


TABLE.tablefull {width:100%;height:100%;}
TABLE.fullscreen {width:100%;background-color:#fff;padding:0;margin:0 0 15px 0;}
TD.tdhlavicka {height:80px;padding:0;margin:0;background-image:url(/pictsystem/black90.png);border:0;vertical-align:top;text-align:left;}
TD.tdlavastrana {width:200px;padding:0;margin:0;background-image:url(/pictsystem/black90.png);border:0;vertical-align:top;text-align:left;}
TD.tdpravastrana {padding:0;margin:0;background-image:url(/pictsystem/bgright.png);border:0;vertical-align:top;text-align:left;}
TD.tdbottom {height:30px;padding:0;margin:0;background-image:url(/pictsystem/black90.png);border:0;vertical-align:top;text-align:left;}
TD.bgtd0 {background-color:#d9d9d9;padding:3px 5px;}
TD.bgtd1 {background-color:#d2f9bc;padding:3px 5px;}
td.obsahbgoff {background-color:#e5e5e5;text-align:center;padding:15px;margin:0 1px;color:#505557;border:0;border-width:2px 0 0 0;border-color:#e4e9ec;border-style:solid;}

fieldset {margin:15px 0 15px 0;padding: 10px;border:1px solid #000;background-color:#fff;}
legend{background-color:#000;color:#fff;margin:0 0 0 -11px; padding: 15px;}

button.tlacitko {background-color:#20a8d8;cursor:hand;cursor:pointer;padding:15px;;margin:5px;border:1px solid #20a8d8;color:#fff;}
button.tlacitko:hover {background-color:#fff;color:#20a8d8;}
button.tlacitko2 {background-color:#ffa200;cursor:hand;cursor:pointer;padding:5px 10px;;margin:2px;border:0;color:#fff;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;}
button.tlacitko2:hover {background-color:#ffa200;cursor:hand;cursor:pointer;padding:5px 10px;;margin:2px;border:0;color:#fff;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;opacity: 0.5; filter: alpha(opacity=50);}
input {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;}
input.klasika {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;min-width:250px;max-width:23px;}
select.klasika {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;min-width:250px;max-width:23px;}
input.klasika2 {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:10px;margin:4px 5px;width:200px;}
input.login {box-sizing: border-box;display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;width:100%;}
input.popinput {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;min-width:250px;max-width:23%;}
select.popselect {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;min-width:250px;max-width:23%;}
select {background-color:#fff;padding:5px;border:1px solid #e1e1e1;margin:2px;}
select.klasika2 {display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:10px;margin:4px 5px;}
textarea {box-sizing: border-box;display: inline-table;font-size:0.9em;font-family: Verdana;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;width:98%;height:200px;}
textarea.klasika {box-sizing: border-box;display: inline-table;font-size:0.9em;font-family: Verdana;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;width:98%;height:200px;}
textarea.popinput {display: block;background-color:#fff;border:1px solid #e1e1e1;padding:15px;margin:5px;min-width:250px;max-width:80%;height:90px;}
option {padding:15px;}

.nulovanie {padding:0;margin:0;border:0;text-align:left}
.odsadenie {padding:15px 15px 15px 0;margin:0;border:0;text-align:left}
.vlavo {float:left;}
.vpravo {float:right;}
.zaoblenie {-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;}
.tien {-webkit-box-shadow: 1px 2px 5px 0px #444444;-moz-box-shadow: 1px 2px 5px 0px #444444;box-shadow: 1px 2px 5px 0px #c7c7c7;}
.trans {opacity: 1.0; filter: alpha(opacity=100);}
.trans:hover {opacity: 0.5; filter: alpha(opacity=50);}
.obsah {margin:0;border:0;padding:30px;box-sizing: border-box;}
.small {font-size:0.8em;}
.borderred {border:2px solid #000;}

DIV.tableplace {padding:0;margin:0;border:0;box-sizing: border-box;width:100%;overflow-x: auto;}
DIV.logintable {max-width:240px;margin:auto;padding:30px 50px;border:0;display:block;background-image:url('/pictsystem/black80.png');}
DIV.full {min-height: 100%; _height: 100; margin: 0 auto -30px auto;min-width:960px;padding:0;border:0;background-image:url('/pictsystem/bgleft.png'),url('/pictsystem/bgright.png');background-position:left top,200px top;background-repeat:repeat-y,repeat-y;}
DIV.hlavicka {width:100%;height:50px;margin:auto;padding:0;border:0;display:block;background-image:url('/pictsystem/black90full.png');position:absolute;z-index:10;}
DIV.userinfo {padding:0;border:0;color:#fff;padding:23px 10px 0 10px;box-sizing: border-box;}
DIV.fullpage {box-sizing: border-box;background-image:url('/pictsystem/white90.png'); background-repeat:no-repeat;	-webkit-background-size: 100%;   -moz-background-size: 100%;   -o-background-size: 100%;   background-size: cover; width:100%;margin:0;padding:50px 0 30px 0;border:0;color:#000;min-height:100%; position: relative;}
DIV.rozklik {display:block;padding:0;margin:15px;border-width:0 0 0 0;border-color:#e3e3e3;border-style:solid;}
DIV.rozklikobsah {display:block;padding:15px;margin:0 0 15px 0;border:0;background-color:#fff;}
DIV.inputclas {font-size:0.90em;display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:14px 15px;margin:5px;text-align:left;}
DIV.inputclaspopis {box-sizing: border-box;width:100%;font-size:0.90em;display: inline-table;background-color:#000;border:1px solid #e1e1e1;padding:14px 15px;margin:5px;text-align:left;color:#fff;}
DIV.inputclas2 {font-size:0.90em;display: inline-table;background-color:#fff;border:1px solid #e1e1e1;padding:0 15px;margin:5px;text-align:left;}
DIV.vyznac {background-color:#20a8d8;color:#fff;}

DIV.errorpage {margin:15px;padding:15px;border:0;background-color:#fff0b3;display:block;clear:both;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;}
DIV.obsahfun {margin:2px;padding:5px;border:1px solid #e3e3e3;width:400px;}
DIV.obsahfun2 {margin:2px;padding:15px;border:0;background-color:#e3e3e3;width:150px;}
DIV.obsahfunfr {margin:0;padding:0;border:0;text-align:left;width:350px;}
DIV.aktst {padding:10px;margin:30px 10px 0 10px;border:0;background-color:#fff;color:#000;}
DIV.inspgal{width:250px;height:150px;border:2px solid #ededed;background-size: cover;background-position:center center;padding:0;margin:4px 4px 0 0;}
DIV.mscast {padding:5px;margin:2px;border:1px solid #eeeeee;}
DIV.poznamka {background-color:#fff;padding:0;margin:5px 0;border:1px solid #a4a4a4;}
DIV.poznamkahead {padding:5px 15px;margin:0;border:0;background-color:#a4a4a4;color:#fff;font-size:0.8em;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
DIV.parametretable{width:250px;padding:3px;margin:2px 0 0 2px;background-color:#fff;height:130px;}
DIV.parametretable2{width:760px;padding:3px;margin:2px 0 0 2px;background-color:#fff;}
DIV.obsahtl {margin:2px;padding:10px;border:1px solid #87847f;background-color:#fff;}

DIV.objdetail {padding:4px 10px 60px 10px;margin:0;border:0;background-color:#fff;}
DIV.leg1 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#e50529;}
DIV.leg2 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#edb318;}
DIV.leg3 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#f18fee;}
DIV.leg4 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#66b0fb;}
DIV.leg5 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#62ce38;}
DIV.leg6 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#fff;}
DIV.leg7 {font-size:0.8em;width:110px;height:30px;padding:4px;margin:2px;border:0;background-color:#b8b8b8;}

td.obj1 {font-size:1.0em;padding:4px 10px;background-color:#e50529;margin:1px;}
td.obj2 {font-size:1.0em;padding:4px 10px;background-color:#edb318;margin:1px;}
td.obj3 {font-size:1.0em;padding:4px 10px;background-color:#f18fee;margin:1px;}
td.obj4 {font-size:1.0em;padding:4px 10px;background-color:#66b0fb;margin:1px;}
td.obj5 {font-size:1.0em;padding:4px 10px;background-color:#62ce38;margin:1px;}
td.obj6 {font-size:1.0em;padding:4px 10px;background-color:#fff;margin:1px;}
td.obj7 {font-size:1.0em;padding:4px 10px;background-color:#b8b8b8;margin:1px;}

DIV.produkt {width:150px;height:300px;padding:0;margin:3px;border:0;background-color:#fbfaf7;display:inline-block;}
DIV.produktpict {width:130px;margin:10px 10px 0 10px;padding:0;border:0;position:absolute;z-index:4;height:200px;background-size: cover;background-position:center center;}
DIV.produktname {font-size:0.8em;width:130px;margin:220px 10px 0 10px;padding:0;border:0;position:absolute;z-index:8;text-align:center;}
DIV.produktprice {line-height:75%;font-size:1.0em;width:130px;margin:260px 10px 0 10px;padding:0;border:0;position:absolute;z-index:8;color:#a14949;}
img.katpictfree2 {width:130px;height:200px;margin:0;border:0;padding:0;}


h1.ndps {font-size:1.0em;font-weight:bold;color:#fff;padding:15px;margin:0;border:0;display:block;background-image:url(/pictsystem/black90.png);}
h1.nadpis {font-size:1.5em;font-weight:normal;color:#000;padding:0 0 15px 0;margin:0;border:0;display:block;}
h2.menuh {font-weight:normal;color:#acacac;padding:15px;margin:0;border:0;display:block;font-size:1.0em;background-color:#2c2c2c;}
h3.parametrenadpis {font-size:0.8em;font-weight:normal;color:#fff;padding:5px;margin:0 0 5px 0;border:0;background-color:#000;display:block;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}

td.nazov {text-align:center;padding:15px;margin:0 1px;color:#000;border:0;border-width:2px 0 0 0;border-color:#e4e9ec;border-style:solid;font-size:0.8em;font-weight:bold;}
td.obsah {background-color:#fff;text-align:center;padding:15px;margin:0 1px;color:#505557;border:0;border-width:2px 0 0 0;border-color:#e4e9ec;border-style:solid;}
td.obsah2 {background-color:#fff;background-image:url(/pictsystem/black5.png);text-align:center;padding:15px;margin:1px;color:#505557;border:0;border-width:2px 0 0 0;border-color:#e4e9ec;border-style:solid;}
td.obsahram {font-size:1.0em;text-align:left;padding:5px 10px;background-color:#fff;border:1px solid #c4c4c4;}
td.obsahyes {font-size:1.0em;text-align:left;padding:5px 10px;background-color:#000;border:0;color:#fff;}
td.free {text-align:center;padding:15px;background:none;border:0;color:#000;}
td.obsahkosik {text-align:left;padding:5px 10px;border:0;margin:0 2px 2px 0;background-color:#f6f1d7;}
td.obsahkosik2 {text-align:left;padding:5px 10px;border:0;margin:0 2px 2px 0;background-color:#fff;font-weight:bold;}

p.odsadenie{padding:15px;}

A {text-decoration: none; font-weight: normal; color: #20a8d8;}
A:hover {text-decoration:underline;}

A.rozklik {text-decoration: none; font-weight: normal; color: #20a8d8;padding:3px 15px 5px 35px;margin:0;display:block;font-size:1.0em;font-weight:normal;background-image:url(/pictsystem/plus.jpg);background-position:left top;background-repeat:no-repeat;}
A.rozklik:hover {opacity: 0.5; filter: alpha(opacity=50);}

A.menu {text-decoration: none; font-weight: normal; color: #fff;padding:15px;margin:0;display:block;font-size:1.0em;font-weight:normal;}
A.menu:hover {background-color:#464646;}
A.menu2 {background-color:#20a8d8;text-decoration: none; font-weight: normal; color: #fff;padding:15px;margin:0;display:block;font-size:1.0em;font-weight:normal;}
A.menu2:hover {opacity: 0.5; filter: alpha(opacity=50);}

A.tlacitko {background-color:#20a8d8;cursor:hand;cursor:pointer;padding:15px;;margin:5px;border:1px solid #20a8d8;color:#fff;}
A.tlacitko:hover {background-color:#fff;color:#20a8d8;text-decoration:none;}

A.tlacitkoaktivne {background-color:#5ea023;cursor:hand;cursor:pointer;padding:5px 10px;;margin:2px;border:0;color:#fff;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;}
A.tlacitkoaktivne:hover {text-decoration: none;background-color:#5ea023;cursor:hand;cursor:pointer;padding:5px 10px;;margin:2px;border:0;color:#fff;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;opacity: 0.5; filter: alpha(opacity=50);}
A.titulnefoto {padding:5px;background-color:#20a8d8;color:#fff;position:absolute;margin:100px 0 0 5px;border:0;z-index:10;}

img.logouvod {margin:auto;border:0;padding:20px;display:block;max-width:300px;}
img.logo {margin:0;border:0;padding:10px;height:30px;}

@media screen and (max-width: 1100px) {
    /*html {overflow-x: hidden}*/
    .topnav {display: hidden;}
    .topnav button {display: none;}
    .topnav a {display: none;}
    .topnav div.dropdown {display: none;}
    .topnav.responsive {position: absolute;margin:0; background-color: #20a8d8;width:40%;box-sizing: border-box;border:0;right:0;top:50px;}
    .topnav.responsive a {    float: none;    display: block;    text-align: left;  }
    .topnav.responsive button {    float: none;    display: block;    text-align: left;  }
    .topnav.responsive DIV.dropdown {    float: none;    display: block;    text-align: left;  }
    
    .dropbtn {
    background: transparent;
    color: #fff;
    padding: 15px;
    margin:0;
    font-size: 1.00em;
    border: none;
    cursor: pointer;
    width:100%;
    }
    
    .dropbtn:hover, .dropbtn:focus {
        background-image: url(/pictsystem/black20.png);
    }
    
    .dropdown {
        position: relative;
        z-index:1;
        display: block;
        margin:0;
        padding:0;
        border:0;
    }
    
    .dropdown-content {
        display: none;
        position: relative;
        background-image: url(/pictsystem/black20.png);;
        width: 100%;
        padding:0;
        margin:0;
        overflow: auto;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        z-index: 1;
    }
    
    .dropdown-content a.submn {
        color: #fff;
        padding: 12px 25px;
        font-size:0.85em;
        text-decoration: none;
        display: block;
    }
    .show {display:block;}
    
    A.icon {display:block;float:right;background-color:#20a8d8;color:#fff;padding:10px 15px;margin:5px 5px 0 15px;border:0;}
    A.icon:hover {opacity: 0.5; filter: alpha(opacity=50);}
 
}


@media screen and (max-width: 500px) {
    .topnav.responsive {width:80%;}

}