/* CSS Document */
  
* {
    padding: 0; margin: 0; font-family: arial;} 

html, body { 
    margin: 0; padding: 0; width: 100%; }

#obrazek { 
    overflow-Y: hidden; position: absolute; display: none; text-align: center; background: rgba(0, 0, 0, .9); 
    left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; overflow: hidden; float: left; }

#img-obal { 
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }

#obrazek p {
    font-size: 90%; position: relative; line-height: 1em; color: #000; padding-bottom: 3px; margin: 0; text-align: center;}

.js-img { padding: 0; border: 1px solid #fff; background: #fff; cursor: move;}  
.js-img {width: 100%; text-align: center;}
#posice {width: 75%; margin: 3% 10%; }

#hl-menu {display: block;}
 
#img-stred img {cursor: pointer;}
#img-stred {z-index: 10000; display: table; position: relative; padding: 3px; margin: 10px auto; background: #fff;}
#img-close {position: absolute; top: 10px; right: 10px; padding: 3px; background: none; border: none; }
#aktualni {cursor: pointer;  opacity: 0; z-index: 10000;}

.ik-menu {display: none;}
.zavrit_menu {display: none;}
.dokumenty {padding: 20px 0;}
.dokumenty li {list-style: none; }
.dokumenty li a {background: url("/css/pdf_ikona.png") no-repeat; line-height: 3em; padding: 11px 0 11px 50px; text-decoration: none; color: #000;}
.dokumenty li a:hover {text-decoration: underline;}      
      
p, li, a {color: #494949;}      




@-webkit-keyframes fadeIn { 
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
    
.sec-menu {width: 100%; float: left;  padding: 0; margin: 20px 0; z-index: 100; position: relative; border-bottom: 1px solid rgb(5,53,119);}
.sec-menu ul {margin: 0; padding: 0; }
.sec-menu li {display: inline; margin: 0; float: left; text-align: center;}
.sec-menu li a {color: rgb(5,53,119); text-decoration: none;  display: block; padding: 10px 20px; font-size: 16px;}
.sec-menu li ul {display: none; position: absolute;} 
.sec-menu li li {clear: both;  display: block; width: 100%; text-align: left; background: #f5f5f5;}
.sec-menu li li a {color: #000;}
.sec-menu li:hover {}
.sec-menu li:hover a, .sec-menu li:hover li a:hover{color: #000; text-decoration: underline;}
.sec-menu li:hover ul {display: block; padding-top:3px; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;} 
.sec-menu li:hover li a { text-decoration: none;}
  

.obsah .formular {width: 100%;}


@media (min-width: 1000px) {

#hl-menu {display: block;}

body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
  .telo ,.dn1 {width: 100%; max-width: 1500px; margin: auto; clear: both;}
  .telo2 {width: 75%; float: left;}
  .nabidka p {line-height: 1.5em; }
  .nabidka {width:100%; float: left; padding: 30px 0 50px 0;}
  .produkty {width: 100%; float: right; display: block-inline;}
  .produkty p {text-align: justify;}
.nksl {background: #0f0; height: 0; padding-bottom: 50%; z-index: 10;} 
.nkp1 {background: url("/img/hala-1.jpg") no-repeat; }
    .nkp2 {background: url("/img/paletovy-regal-2.jpg") no-repeat; }
      .nkp3 {background: url("/img/policovy-regal-3.jpg") no-repeat; }
        .nkp4 {background: url("/img/paleta-1.jpg") no-repeat; }
 
 .nkp1, .nkp2, .nkp3, .nkp4 {background-size: 105%; 
  transition: background-size 1s ease-in;
-moz-transition: background-size 1s ease-in;
-ms-transition: background-size 1s ease-in;
-o-transition: background-size 1s ease-in;
-webkit-transition: background-size 1s ease-in;
float: left; z-index: 50;margin: 1px; width: calc(50% - 4px); height: 0; padding-bottom: 26%;
background-position: 50% 50%; display: block-inline; 
}

.ps-uvod {width: 100%; padding: 5px 0 0 0; margin-bottom: 30px; float: left; clear: both;

}
.ps-uvod .kontakt {float: right; font-size: 20px; margin: 10px 0 10px 0; padding: 10px;}
.ps-uvod .kontakt a {display: block; float: left; margin: 5px; text-align: left; color: rgb(5,51,121); padding: 5px 0 5px 50px; line-height: 2 em; text-decoration: none; font-weight: bold;}
.ps-uvod .kontakt a.phone {background: url("/css/phone.png") no-repeat ;}
.ps-uvod .kontakt a.mail {background: url("/css/email.png") no-repeat ; margin-left: 50px;}

.ps-uvod .titulek {float: left; font-size: 50px; text-decoration: none; font-weight: bold; background: url("/style/logo.svg") no-repeat ; background-size: contain; color: rgb(5,51,121); margin: 2px 10px 2px 20px;  padding: 15px 0px 15px 130px;}

.telo1 {width: 25%; float: left;}
.str-kontakt {width: calc(50% - 22px); margin: 10px 20px 0 0;}
.mapa {width: calc(50% - 30px); margin: 10px 30px 0 0; float: right; padding: 0; border: 1px solid #666; }

.odberatele li {list-style: none;}
.odberatele li a {text-decoration: none; color: #000; font-size: 16px; line-height: 1.5em;}
.odberatele li a:hover {text-decoration: underline; color: rgb(5,51,121);}

h1, h2, h3, h4 {color: rgb(5,51,121);}

.telo1 .he1 {text-align: left; margin: 10px; width: calc(100% - 20px); float: left; }
.telo1 .he1 img {margin-left: 20px; width: 90%; max-width: 400px;}
.telo1 .he2 p {margin: 10px;}
.nksl:hover {background-size: 150%; background-position: 50% 50%;}
.nksl {position: relative;}
.nksl div p {display: none;}

.nabidka {margin-top: 20px;}
.nabidka p {font-size: 16px; padding: 10px 20px; line-height: 1.7em;} 
.telo1 nav {margin: 0 20px 10px 5px; max-width: 270px; min-height: 500px; z-index: 10;}
.telo1 nav li {color: #000; list-style: none; margin: 4px 10px;}
.telo1 .fb-like {margin-left: 15px;}
.telo1 nav li a, .telo1 nav li span {margin: -3px -10px; font-size: 15px; padding: 3px 10px; border-bottom: 1px solid rgb(228,230,228); width: 100%; display: block; color: rgb(60,58,60); text-decoration: none; }
.telo1 nav li li a {background: url("/style/sipka10.png") no-repeat; position: relative; left: -10px; background-position: 10px center; padding: 3px 10px 3px 30px;}
.telo1 nav li a:hover  {color: #000000; font-weight: bold; }
.telo1 nav li li a:hover  {background-position: 12px center;}
.telo1 nav li a.aktualni {color: rgb(5, 51, 121); font-weight: bold;}

.nksl {border: 1px solid #666;}
.produkty a div div {color: #fff; position: absolute; bottom: 0;text-align: right; width: calc(100% - 20px); 
	 display: block; padding: 10px; background: rgba(255,153, 0, .8); font-size: 13px;}
.nksl div h2 {color: #fff; text-align: left; font-size: 22px;}
.nksl {color: #fff; text-decoration: none; font-size: 15px;}
.nksl:hover div p {display: block; text-align: left; padding: 10px; color: #fff; font-size: 15px; line-height: 1.4em;}

footer {float: left; width: 100%; z-index: 1000; text-align: cneter;  margin: 30px 0 0 0; background: rgb(0,51,102); border-top: 2px solid #fc0; padding: 30px 0; color: #fff;  z-index: 1001;}
footer #s-pata {width: 60%; margin: auto; }
footer #s-pata div {width: 33%; float: left; text-align: left;}
footer p {clear: both; width: 100%; font-size: 0.9em; color: #fff; padding: 30px 0 10px 0; text-align: center; line-height: 1.5em; }
footer #s-pata p, footer #s-pata strong, footer #s-pata a {color: #fff; font-size: 0.9em; padding: 0; text-align: left;}
footer li {color: #fc0; margin-left: 2em; line-height: 1.5em; font-size: 15px; list-style-type: circle;}
footer h4 {font-size: 17px; margin: 0 0 10px 0px; padding: 0; color: #fc0;}

.dn2 {width: 100%; margin: 0; padding: 0; display: flex;}
.dn2 div {border: 2px solid #fff; padding: 5px; margin: 3px; flex: 1; text-decoration: none; color: #000; background: #fff;}
.dn2 div:hover {cursor: pointer; border: 2px solid rgb(255,153, 0);}
.dn2 a { text-decoration: none; color: #000;}
.dn2 div h2 {margin-bottom: 10px; padding: 0 10px;}
.dn2 div img {margin: 0 10px 20px 20px; width: 40%; float: right; padding: 0; border: 1px solid #666; }
.dn2 div p {margin: 0px 10px 10px 10px; font-size: 15px; line-height: 1.5em;}
.dn2 div ul {margin: 20px 0 20px 10px;}
.dn2 div li {margin-left: 20px;font-size: 15px;padding: 5px 0 5px 0;}

.obsah {width:95%; float: left; }
.obsah p {font-size: 15px; margin: 10px 20px 20px 40px; line-height: 1.5em;} 
.obsah h1, h1.uvod {font-size: 30px;margin: 0px 20px 30px 30px;  }
.obsah h2 {font-size: 24px;margin: 20px 20px 10px 30px; font-weight: bold; }
.obsah h3 {font-size: 22px;margin: 10px 20px 10px 30px; font-weight: bold;}
.obsah h4 {font-size: 18px;margin: 20px 20px 10px 30px; font-weight: normal; text-align: left;}
.obsah img {margin: 0 10px 20px 20px; float: right; padding: 0; border: 1px solid #666; }
.obsah p img {float: right; margin: 0 0 20px 20px;}
.obsah ul {margin: 20px 0 20px 30px;}
.obsah ul li ul {margin: 10px 0 10px 30px;}
.obsah li {margin-left: 40px; line-height: 1.5em;}
.obsah li li {margin-left: 0px; line-height: 1.5em;}
.obsah p a {color: rgb(5,51,121); text-decoration: none;}
.obsah p a:hover {text-decoration: underline;}
.obsah .fotogalerie li {width: 19%; }
.obsah .fotogalerie li img {width: 100%; } 
.fotogalerie {width: 100%; max-width: 1500px; padding: 20px 0 10px 0; margin: auto; clear: both; text-align: center;}
.fotogalerie h2 {font-weight: bold; text-align: left; margin-bottom: 30px;}
.fotogalerie h3 {text-align: left; padding: 20px 0 0 20px;} 
.fotogalerie h4 { font-size: 18px; margin: 20px 30px; font-weight: normal;}
.fotogalerie ul {margin: 30px auto; display: table; border-collapse: collapse;}
.fotogalerie li {list-style: none; display: inline-block; margin: 1px 2px; padding: 0px; width: 16%;}
.fotogalerie li a {padding: 0px; margin: 0px; }
.fotogalerie li img {margin: 1px;  padding: 0px; border: 1px solid #666; width: 100%;}
.fotogalerie li img:hover {border: 2px solid rgb(255,153, 0); margin: 0px; padding: 0px;}




.obsah table.tabst a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.obsah table.tabst a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.obsah table.tabst a:active,
.obsah table.tabst a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

.obsah table.tabs4 {width: 25%;}
.obsah table.tabs5 {width: 20%;}
.obsah table.tabs6 {width: 16.66%;}

.obsah table.tabst {
  
  width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin: 20px 20px 20px 30px;
	border:#ccc 1px solid;
  border-spacing: 0px;
  padding: 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
.obsah table.tabst th {
	padding:10px 25px 10px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
  font-size:15px;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.obsah table.tabst th:first-child {
	text-align: left;
	padding-left:20px;
}
.obsah table.tabst tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.obsah table.tabst tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.obsah table.tabst tr {
	text-align: center;
	padding-left:20px;
}

.obsah table.tabst td {
	padding:10px;
  color: #000;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #ffffff;
	//background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#ffffff));
	//background: -moz-linear-gradient(top,  #fbfbfb,  #ffffff);
}

.obsah table.tabst td.vel {
font-weight:bold;	
text-align: center;
	padding-left:20px;
	border-left: 0;
}


.obsah table.tabst tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

.obsah table.tabst tr.tr2 td {
background: #fafafa;
}

.obsah table.tabst tr:last-child td {
	border-bottom:0;
}
.obsah table.tabst tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}



.obsah table.tabst tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

.obsah table caption {caption-side: bottom; padding: 5px; font-size: 13px;}

.obsah table .ral5005 {background: #004389;}
.obsah table .ral9002 {background: #dadbd5;}
.obsah table .ral7035 {background: #c4caca;}
.obsah table .ral1021 {background: #eec900;}
.obsah table .ral3016 {background: #ab392d;}   

.obsah table.colors td {text-align: center; margin: 10px}


.obsah table.colors div {width: calc(100% - 10px); height: 100px; margin-bottom: 10px; border: 1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
  

  }


.obsah table.colors {width: 90%; margin: auto; margin-bottom: 20px;}


.obsah .on-form {float: left;width: 100%; padding: 10px 0 40px 0; font-size: 15px;}
.obsah .on-form img {width: 50%; float: right;}
.obsah .p_formular {min-width: 400px; padding: 0px 10px 20px 30px; line-height: 1.5em;}
.obsah .p_formular input, .obsah .on-form .p_formular select {margin-left: 20px; padding: 3px 5px; font-size: 15px;}
.obsah .p_formular th {text-align: left;}
.obsah .p_formular td {padding: 3px 10px;}

.obsah .nabidka {border-collapse: collapse; width: 80%; padding: 0px 10px; line-height: 1.5em; margin: 30px 40px;}
.obsah .nabidka td {text-align: center; padding: 2px 10px;}
.obsah .nabidka tr:first-child th {border-bottom: solid 1px #000000;}
.obsah .nabidka td:first-child, .obsah .nabidka th:first-child { text-align: left;}
.obsah .nabidka td:last-child {text-align: right;}
.obsah .nabidka td.right {text-align: right;}

.obsah .nabidka tr.soucet_celkem td.posl {border-top: solid 1px #000000;}

.obsah .odberatele li a {line-height: 2em;}
li {font-size: 15px;}

    #regal {cursor: move;}
    .formular {width: 300px; font-size: 14px;}
    .formular .formular-pol {float: left; clear: both; padding: 5px 2px;}
    .formular-pol label {float: left; width: 120px; text-align: right; padding: 5px 10px 5px 5px;}
    .formular-pol select, .formular-pol input {padding: 3px 5px;}
    .formular-pol select {width: 120px;}
    .formular-pol select option {padding-left: 10px}
    .formular input[type="checkbox"] {height: 25px; }
    .formular-pol {}
    .formular p {width: 100%; float: left; clear: both;}
  
    
    .obsah .cenik_ob {margin: auto; width: 650px; }
    .cenik_ob p {padding: 10px; text-align: left;}
    #cenik {padding-left: 50px; font-size: 14px;}
    #cenik td, #cenik th {padding: 3px 15px; }
    #cenik td:first-child, #cenik th:first-child {padding-left: 0px;}
    #cenik tr:last-child th {border-top: 1px solid #000;}
    #cenik tr:last-child {}
    #cenik table {border-collapse: collapse;}
    #cenik table {text-align: right;}
    
    #poptavka {display: none; font-size: 14px; margin: 50px 0 50px 30px; float: left;}
    #poptavka input[type=text],  #poptavka input[type=email]{width: 350px; padding: 5px; margin: 5px; font-size: 14px;}
    #poptavka textarea {width: 350px; padding: 5px; margin: 5px; height: 10em; font-size: 14px; min-height: 6em; resize: vertical;}
    #poptavka td:first-child {text-align: right; }
    #poptavka th {text-align: left; font-size: 18px; color: rgb(5,51,121); padding: 5px 0; font-weight: normal;}
    #poptavka input[type=submit] {padding: 5px 20px; font-size: 15px; margin: 5px;}
     .cenik_ob input[type=button] {padding: 5px 20px; font-size: 15px; margin: 35px 0 50px 25px; float: left; }

    .str-kontakt {float: left; }
    .vizitka {float: left; width: 100%; padding: 20px 0 10px 0; clear: bottom;}
    .vizitka ul {margin-top: 10px; padding: 0;}
    .vizitka li {list-style: none; padding: 0 0 5px 10px; color: #494949; font-size: 15px;}
    .vizitka img {width: 33%; float: left; margin: 0 35px 25px 0;  border: 1px solid #666;}
    .str-kontakt .adresa {width: 50%;  float: left;}
    .str-kontakt p {padding: 5px; margin: 0;}
    .str-kontakt h3 {padding-bottom: 10px; margin: 0;}
    
}










@media (min-width: 641px) and (max-width: 999px) {

#hl-menu {display: block;}
body {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
  .telo ,.dn1 {float: left; width: 100%; max-width: 1000px; margin: auto; clear: both;}
  .telo2 {}
  .nabidka p {line-height: 1.5em;}
  .nabidka {width:100%; float: left;}
  .produkty {width: calc(100% - 220px); float: right; display: block;}
.nksl {background: #0f0; height: 0; padding-bottom: 50%; z-index: 10; display: block;} 
  .nkp1 {background: url("/img/haly.jpg") no-repeat; }
    .nkp2 {background: url("/img/regaly.jpg") no-repeat; }
      .nkp3 {background: url("/img/policovy-regal.jpg") no-repeat; }
        .nkp4 {background: url("/img/paleta.jpg") no-repeat; }
        
//.nks1:hover p {display: block;}
 
 .nkp1, .nkp2, .nkp3, .nkp4 {background-size: 105%; 
  transition: background-size 1s ease-in;
-moz-transition: background-size 1s ease-in;
-ms-transition: background-size 1s ease-in;
-o-transition: background-size 1s ease-in;
-webkit-transition: background-size 1s ease-in;
float: left;  z-index: 50;margin: 1px; width: calc(100% - 12px); height: 0; padding-bottom: calc(90px + 10%);
background-position: 50% 50%;
display: block-inline;

}

h1, h2, h3, h4 {color: rgb(5,51,121);}


.ps-uvod {width: 100%; padding: 5px 0 0 0; margin-bottom: 20px; float: left;}
.ps-uvod .kontakt {float: right; font-size: 14px; margin: 10px 5px 5px 10px; }
.ps-uvod .kontakt p {text-align: left; color: rgb(5,51,121); padding: 0 0 10px 0; line-height: 1.5em;}
.ps-uvod .kontakt p span {font-weight: bold;}
.ps-uvod .titulek {float: left; font-size: 28px; text-decoration: none; font-weight: bold; background: url("/style/d-logo3.png") no-repeat;  background-size: 15%; color: rgb(5,51,121); margin: 2px 10px 2px 10px;  padding: 15px 0px 15px 80px;}
.ps-uvod .kontakt a {display: block-inline; text-align: left; color: rgb(5,51,121); padding: 10px 0 10px 50px; line-height: 2 em; text-decoration: none; font-weight: bold;}
.ps-uvod .kontakt a.phone {background: url("/css/phone.png") no-repeat ;}
.ps-uvod .kontakt a.mail {background: url("/css/email.png") no-repeat ; margin-left: 50px;}



.telo1 .he1 {text-align: left; margin: 10px; width: calc(100% - 20px); float: left; margin: }
.telo1 .he1 img {margin-left: 20px; width: 90%; max-width: 400px;}
.telo1 .he2 {text-align: left; margin: 10px; float: left;}
.telo1 .he2 p {margin: 10px;}
.nksl:hover {background-size: 150%; background-position: 50% 50%;}
.nksl {position: relative; }
.nksl div p {display: none; font-size: 13px;}



.nabidka p {font-size: 15px; margin: 10px 20px 20px 10px; }

.telo1 {width: 220px; float: left;} 
.telo1 nav {margin: 0 5px 0px 5px; padding: 0 10px 20px 0;}
.telo1 nav li {color: #000; list-style: none; margin: 4px; }

.telo1 nav li a, .telo1 nav li span {margin: -3px -15px; font-size: 15px; padding: 3px 10px; border-bottom: 1px solid rgb(228,230,228); display: block; color: #000; text-decoration: none; }
.telo1 nav li li a {background: url("/style/sipka10.png") no-repeat; margin: -3px -20px; background-position: 10px center; padding: 3px 10px 3px 30px;}
.telo1 nav li a:hover  {color: #039;}
.telo1 nav li li a:hover  {background-position: 12px center;}
.telo1 nav li a.aktualni {color: rgb(5, 51, 121); font-weight: bold;}




.nksl {border: 1px solid #000;}
.nksl div {color: #fff; position: absolute; bottom: 0;text-align: right; width: calc(100% - 20px); display: block-inline; padding: 10px; background: rgba(255,153, 0, .7);}
.nksl div h2 {color: #fff; text-align: left; font-size: 16px;}
.produkty a .nksl div {color: #fff; text-decoration: none;font-size: 13px;}

footer {float: left; width: 100%; z-index: 1000; text-align: cneter;  margin: 30px 0 0 0; background: rgb(0,51,102); border-top: 2px solid #fc0; padding: 8px 0; color: #fff;  z-index: 1001;}
footer #s-pata {width: 90%; margin: auto; }
footer #s-pata div {width: 33%; float: left; text-align: left;}
footer p {clear: both; width: cacl(100% - 20px); font-size: 13px; color: #fff; padding: 30px 10px 10px 10px; text-align: center; }
footer #s-pata p, footer #s-pata strong, footer #s-pata a {color: #fff; font-size: 13px; padding: 0; text-align: left;}
footer li {color: #fc0; margin-left: 2em; font-size: 15px; list-style-type: circle;}
footer h4 {font-size: 15px; margin: 0 0 10px 0px; padding: 0; color: #fc0;}

.dn2 {width: 100%; margin: 0; padding: 0; display: flex;}
.dn2 div {border: 1px solid #666; padding: 5px; margin: 3px; flex: 1; text-decoration: none; color: #000; background: #fff;}
.dn2 div:hover {cursor: pointer; background: #eee; border: 2px solid rgb(255,153, 0); margin: 2px;}
.dn2 a { text-decoration: none; color: #000;}
.dn2 div h2 {margin-bottom: 10px; padding: 0 10px;}
.dn2 div img {margin: 0 10px 20px 20px; width: 40%; float: right; padding: 0; border: 1px solid #666; }
.dn2 div p {margin: 0px 10px 10px 10px; font-size: 15px;}
.dn2 div ul {margin: 20px 0 20px 10px;}
.dn2 div li {margin-left: 20px;font-size: 15px;}


.obsah {width: 100%;}
.obsah p {font-size: 15px; margin: 10px 20px 20px 40px; line-height: 1.5em;}
.obsah h1, h1.uvod {font-size: 25px;margin: 10px 20px 20px 30px;} 
.obsah h2 {font-size: 20px;margin: 10px 20px 20px 30px; font-weight: normal;}
.obsah h3 {font-size: 18px;margin: 10px 20px 20px 30px; font-weight: normal;}
.obsah h4 {font-size: 16px;margin: 10px 20px 20px 30px; font-weight: normal;}
.obsah img {margin: 0 10px 20px 20px; float: right; padding: 0; border: 1px solid #666; }
.obsah ul {margin: 20px 0 20px 30px;}
.obsah ul li ul {margin: 10px 0 10px 30px;}
.obsah li {font-size: 15px; margin-left: 40px; line-height: 1.5em;}
.obsah li li {margin-left: 0px; line-height: 1.5em;}

.polozka {float: right;}
.polozka h2 {float: left;}
.fotogalerie h4 {text-align: left;  margin: 10px 0 10px 40px;}
.fotogalerie ul {margin: auto;}
.fotogalerie li {list-style: none; display: inline-block; margin: 0; padding: 0; width: calc(90% / 5); margin: 0; padding: 0; }
.fotogalerie li img {margin: 1px; width: 98%;  padding: 0; border: 1px solid #666; }
.fotogalerie li img:hover {border: 2px solid rgb(255,153, 0); margin: 0px;}
.fotogalerie { padding: 10px 0 10px 0; margin: auto; text-align: center;}
.fotogalerie h3, .fotogalerie h2 {font-size: 20px; padding: 10px 20px 10px 20px; margin: 10px 0; text-align: left;} 


.obsah table.tabst a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.obsah table.tabst a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}

.obsah table.tabst {
  width: clac(100% - 250px);
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin: 20px auto;
	border:#ccc 1px solid;
  padding: 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
.obsah table.tabst th {
	padding:10px 25px 10px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
  font-size:14px;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.obsah table.tabst th:first-child {
	text-align: left;
	padding-left:20px;
}
.obsah table.tabst tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.obsah table.tabst tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.obsah table.tabst tr {
	text-align: center;
	padding-left:20px;
}


.obsah table.tabst td {
	padding:10px;

	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

.obsah table.tabst td.vel {
font-weight:bold; 
	text-align: left;
	padding-left:20px;
}


.obsah table.tabst tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}



.obsah table.tabst tr:last-child td {
	border-bottom:0;
}
.obsah table.tabst tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}

.obsah table.tabst td:first-child {
//font-weight:bold;
}

.obsah table.tabst tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

.obsah table caption {caption-side: bottom; padding: 5px; font-size: 14px;}

.obsah table .ral5005 {background: #004389;}
.obsah table .ral9002 {background: #dadbd5;}
.obsah table .ral7035 {background: #c4caca;}
.obsah table .ral1021 {background: #eec900;}
.obsah table .ral3016 {background: #ab392d;}

.obsah table.colors div {width: 100px; height: 100px;  margin: 0 auto 10px auto; border: 1px solid #ccc;   padding: 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
  }


.obsah table.colors {width: calc(100% - 250px); margin: auto;}
.obsah table.colors td {text-align: center; font-size: 15px;}

.str-kontakt {width: calc(100% - 250px); margin: 10px 10px 0 0; padding: 5px; float: left; 
  }
.str-kontakt img {float: right; width: 33%;padding: 0; margin-right: 10px; border: 1px solid #666; }


.mapa {width: calc(100% - 2px); height: 350px; padding: 0; margin: 10px auto;
border: 1px solid #a1a1a1;}

.cenik {width: 100%; clear: both; float: left;}







    #regal {cursor: move; border: 1px solid #000;}
    .formular {width: 160px; font-size: 14px;}
    .formular .formular-pol {float: left; clear: both; padding: 5px 2px;}
    .formular-pol label {float: left; width: 120px; text-align: right; padding: 5px 10px 5px 5px;}
    .formular-pol select, .formular-pol input {padding: 3px 5px;}
    .formular-pol select {width: 120px;}
    .formular-pol select option {padding-left: 10px}
    .formular input[type="checkbox"] {height: 25px;}
    .formular-pol {}
    .formular p {width: 100%; float: left; clear: both;}
  
    
    .obsah .cenik_ob {margin: auto; width: 100%; }
    .cenik_ob p {padding: 10px; text-align: left;}
    #cenik {padding-left: 50px; font-size: 14px;}
    #cenik td, #cenik th {padding: 3px 15px; }
    #cenik td:first-child, #cenik th:first-child {padding-left: 0px;}
    #cenik tr:last-child th {border-top: 1px solid #000;}
    #cenik tr:last-child {}
    #cenik table {border-collapse: collapse;}
    #cenik table {text-align: right;}
    
    #poptavka {display: none; font-size: 14px; margin: 50px 0 50px 30px; float: left;}
    #poptavka input[type=text],  #poptavka input[type=email]{width: 350px; padding: 5px; margin: 5px; font-size: 14px;}
    #poptavka textarea {width: 350px; padding: 5px; margin: 5px; height: 10em; font-size: 14px; min-height: 6em; resize: vertical;}
    #poptavka td:first-child {text-align: right; }
    #poptavka th {text-align: left; font-size: 18px; color: rgb(5,51,121); padding: 5px 0; font-weight: normal;}
    #poptavka input[type=submit] {padding: 5px 20px; font-size: 15px; margin: 5px;}
     .cenik_ob input[type=button] {padding: 5px 20px; font-size: 15px; margin: 35px 0 50px 25px; float: left; }


}


@media (max-width: 640px) {

* {padding: 0; margin: 0;}
body {background: #fff; color: #000; width: 100%; min-width: 320px; padding: 0; margin: 0; float: left;}
.ps-uvod {width: 100%; margin: auto; text-align: center;}
.ps-uvod a {color: rgb(5, 51, 121); width: calc(100% - 20px); text-decoration: none; float: left; font-weight: bold; font-size: 32px; text-align: center; margin-top; 10px; padding: 10px;}
.ps-uvod .kontakt {display: none;}
iframe {display: none;}

.str-kontakt {text-align: center;}
.str-kontakt img {float: right; width: 33%; padding: 0; margin-right: 10px; border: 1px solid #666; }
.str-kontakt a {color: #000;}
#hl-menu {display: none; position: absolute; top: 40px; left: 0px; z-index: 1000;}
#hl-menu {background: #f0faff; border: 1px solid rgb(5, 51, 121); margin: 5px; width: calc(100% - 12px); }
.he2 nav a, .he2 nav span {text-decoration: none; font-size: 15px; color: #000; display: block; padding: 5px 15px; border-bottom: 1px solid #919191;}
.he2 nav a:hover {background: #fff; color: #000; font-weight: bold;}
.he2 nav li {list-style: none;}
.he2 nav li a.aktualni {color: rgb(5, 51, 121); font-weight: bold;}
.ik-menu {display: block; width: 32px; cursor: pointer; float: right; margin: 15px;}
.zavrit_menu {display: block;}
.zavrit_menu p {background: rgb(5, 51, 121); padding: 10px; text-align: center; color: #fff; font-weight: bold; cursor: pointer;}


.produkty {display: none;}

.nabidka {float: left; display: block; font-size: 15px; margin: 20px 10px; }

.dn2 div {float: left; width: 100%; clear: both; margin: 10px 0;}
.dn2 a {text-decoration: none; text-align: center; margin: 10px;}
.dn2 a h2 {font-size: 18px; text-align: center; color: rgb(5, 51, 121); margin-bottom: 10px;}

.obsah table {padding: 2px; border-collapse: collapse; width: calc(100% -20px); margin: 10px;}
.obsah table td, .obsah table th {font-size: 80%; border: 1px solid #fff; padding: 3px; text-align: center;}
.obsah table caption {caption-side: bottom; padding: 5px; font-size: 15px;}
.obsah p a {color: rgb(5, 51, 121);}
.obsah p a:hover {text-decoration: underline;}
.obsah .fotogalerie li {width: 18%; }
.obsah .fotogalerie li img {width: 90%; }

.telo2 p, .dn2 a p {font-size: 15px; padding: 10px; color: #000; text-align: left;}
.telo2 li, .dn2 a li {margin-left: 25px; color: #000; font-size: 15px; text-align: left;}
.telo2 a img, .dn2 a img {width: 35%; padding: 0px; border: 1px solid #666; margin: 10px; float: right;}
.telo2  h1 {font-size: 18px; text-align: center; color: rgb(5, 51, 121); padding: 10px;}
.telo2  h2 {font-size: 18px; text-align: center; color: rgb(5, 51, 121); padding: 10px;}
.telo2  h3 {font-size: 16px; text-align: left; color: rgb(5, 51, 121); padding: 10px;}
.telo2  h4 {font-size: 15px; text-align: left; color: rgb(5, 51, 121); padding: 10px;}
.fotogalerie  {float: left; width: calc(100% - 20px); margin: 10px;}
.fotogalerie h4 {font-size: 15px; text-align: center; margin: 10px; color: rgb(5, 51, 121);}
.fotogalerie ul {margin: auto;}
.fotogalerie li {list-style: none; width: 32%; display: inline-block; margin: 0; padding: 0;  }
.fotogalerie li img {margin: 2px; width: 98%;  padding: 0; border: 1px solid #666; }
.fotogalerie li img:hover {border: 2px solid #fc0; margin: 1px;}

#obrazek p {font-size: 13px; position: relative; line-height: 1em; color: #000; padding-bottom: 3px; margin: 0; text-align: center;}



.obsah table .ral5005 {background: #004389;}
.obsah table .ral9002 {background: #dadbd5;}
.obsah table .ral7035 {background: #c4caca;}
.obsah table .ral1021 {background: #eec900;}
.obsah table .ral3016 {background: #ab392d;}

.dokumenty {padding: 20px 0;}
.dokumenty li {list-style: none; }
.dokumenty li a {background: none; padding: 5px; text-decoration: none; color: #fff;}
.dokumenty li a:hover {text-decoration: underline;}  

footer {float: left; width: 100%; text-align: center; font-size: 15px; margin: 20px 0 10px 0;}
footer .copyright {float: left; width: calc(100% - 20px); margin: 0 10px; text-align: center;}
footer .copyright p {color: rgb(5, 51, 121); padding: 10px; border: 1px solid rgb(5, 51, 121);}
footer #s-pata {float: left; width: calc(100% - 20px); margin: 10px; position: relative;}
footer #s-pata div {width: calc(50% - 10px); margin: 10px 5px; font-size: 15px; float: left;}
footer #s-pata div h4 {text-align: left; width: 50%; margin-bottom: 5%; color: rgb(5, 51, 121);}
footer #s-pata div p {border: none; color: rgb(5, 51, 121); text-align: left;}  
footer #s-pata .k-pata {display: none;}



}
  
img.konzolak {max-width: calc(100% - 20px); margin: 10px;}
.toplistimg {border: 0; height: 1px; width: 1px;}
fieldset {padding: 5px; margin: 5px; 	-webkit-border-radius:3px;
	border-radius:3px;
   background: #f3f3f3;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
  background: #fff; border: 1px solid #a1a1a1;}
legend {margin-left: 20px; padding: 5px; 	-webkit-border-radius:3px;  color: rgb(5,51,121);
	border-radius:3px;
   background: #f3f3f3;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
  background: #fff; border: 1px solid #a1a1a1;
  font-weight: bold; font-size: 120%;}

#patinfo {display: none;}      

.obsah .page404 {background: none; float: left; width: 80%; padding: 50px 0;box-shadow: none;-moz-box-shadow: none;
	-webkit-box-shadow: none; border: none;}

.fb-like {width: 100%; text-align: center; }