html,body {height: 100%; padding: 0; margin: 0;}
a {outline: 0; color: #18189e; text-decoration: none;}
a:hover {text-decoration: underline;}
a img{border: 0;}

body  {background: #fff url('/images/layout/background1.png'); font-family: 'Open sans', sans-serif;}
#container  {position: relative; min-width: 320px; height: auto; min-height: 100%; _height: 100%; background-image: url('/images/layout/background2.png'); background-repeat: no-repeat; background-position: left top;}

header {position: relative; display: block; max-width: 960px; min-width: 320px; height: 100px; margin: 0 auto;}
header a#logo  {outline: 0; position: absolute; top: 25px; left: 20px;}

header #language {position: absolute; top: 0px; right: 15px; z-index: 50;}
header #language ul {list-style: none; margin: 0; padding: 0;}
header #language ul li{margin-right: 5px; float: left;}
header #language ul li a {outline: 0; display: inline-block; font-family: 'Open sans', sans-serif; color: #8f8f8f; font-size: 14px; padding: 30px 0 10px 0; text-decoration: none; width: 45px; text-align: center; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; background-color: transparent; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s;}
header #language ul li a:hover {color: #fff; background-color: #071689; text-decoration: none;}
header #language ul li a.active {color: #fff; background-color: #071689; font-weight: bold; text-decoration: none;}

@media screen and (max-width: 750px) {
	
	header #language {position: absolute; top: 25px; right: 20px;}
	header #language .toggleMenu {display: inline-block; padding: 0;  width: 40px; line-height: 30px; text-align: center; font-family: 'Open sans', sans-serif; font-size: 14px; color: #fff; background-color: #071689; font-weight: bold; text-decoration: none;}
	header #language ul li{margin-right: 0px; float: none;}
	header #language ul li a {padding: 0; line-height: 30px; width: 40px; background-color: #071689; -webkit-border-radius:0 0 0 0;border-radius:0 0 0 0; margin-top: 1px;}
	header #language ul li a.active {display: none;}
	
}

#menu {position: relative; display: block; max-width: 960px; min-width: 320px; margin: 0 auto; padding-bottom: 35px;}
#menu nav ul {margin: 0; padding: 0; list-style: none; padding-left: 20px; padding-right: 20px; font-family: 'Open sans', sans-serif;}
#menu nav ul li {float: left; margin-right: 5px; margin-bottom: 5px;}
#menu nav ul li a{display: inline-block; background-color: #fff; border: 1px solid #fff; text-transform: uppercase; padding: 10px 10px 10px 10px; color: #000; font-size: 14px; outline: 0; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; -ms-transition: border-color 0.4s; transition: border-color 0.4s; text-decoration: none;}
#menu nav ul li a:hover {border: 1px solid #071689; text-decoration: none;}
#menu nav ul li a.aktivni {border: 1px solid #071689;}

#titulka { color:#fff; background-color:#071583; background:-webkit-linear-gradient(left, #071583 0%, #030d55 49.73%, #071583 100%); background:-moz-linear-gradient(left, #071583 0%, #030d55 49.73%, #071583 100%); background:-o-linear-gradient(left, #071583 0%, #030d55 49.73%, #071583 100%); background:-ms-linear-gradient(left, #071583 0%, #030d55 49.73%, #071583 100%); background:linear-gradient(to right, #071583 0%, #030d55 49.73%, #071583 100%); margin-bottom: 50px;}
#titulka hgroup{padding: 40px 20px; max-width: 920px; margin: 0 auto; text-align: center;}
#titulka hgroup h1 {margin: 0 auto; padding: 20px 0 20px 0; font-size: 40px; border-bottom: 1px solid #bfbfbf; font-weight: 100; max-width: 625px;}
#titulka hgroup h2 {margin: 0; padding: 20px 0 20px 0; font-size: 30px; font-weight: 100;}

#stranka {position: relative; display: block; margin: 0 auto; padding: 0 10px 350px 10px; max-width: 940px;}
#stranka #blok-levy  {position: relative; display: block; width: 620px; float: left; padding: 0 20px 0 10px; min-height: 100px;}
#stranka #blok-pravy-a  {position: relative; display: block;  float: right; width: 280px; padding-right: 10px;}
#stranka #blok-pravy-b {position: relative; display: block;  float: right; width: 280px; padding-right: 10px;}

@media screen and (max-width: 959px) {

	#stranka {padding-bottom: 90px;}
	#stranka #blok-levy  {width: 100%; float: none; padding: 0 0px 0 0px;}
	#stranka #blok-pravy-a  {width: 100%; float: none; padding-right: 0px; margin-bottom: 40px;}
	#stranka #blok-pravy-b {width: 100%; float: none; padding-right: 0px; margin-top: 40px;}

}

#stranka #blok-levy p {font-size: 14px; color: #3b3b3b;}	
#stranka #blok-levy ul {font-size: 14px; color: #3b3b3b;}	

.katalog-polozka  {text-decoration: none; color: #000; height: 100px; position: relative; display: block; padding: 20px 20px 20px 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-color: #dcdcdc; margin-bottom: 10px; border: 1px solid #dcdcdc; -webkit-transition:background-color 0.4s; -moz-transition:background-color 0.4s; -o-transition:background-color 0.4s; -ms-transition:background-color 0.4s; transition:background-color 0.4s; -webkit-transition:background-color 0.4s; -moz-transition:background-color 0.4s; -o-transition:background-color 0.4s; -ms-transition:background-color 0.4s; transition:background-color 0.4s; outline: 0;}
.katalog-polozka:hover {text-decoration: none; color: #000; background-color: #bfbfbf;}

.katalog-polozka .katalog-polozka-img {position: relative; display: block; float: left; width: 100px; height: 100px; margin-right: 20px;}
.katalog-polozka .katalog-polozka-img  img {border: 0; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.katalog-polozka .katalog-polozka-text  {padding-top: 10px; display: block;}
.katalog-polozka .katalog-polozka-text .katalog-polozka-kod {font-weight: 400; color: #18189e; font-size: 20px;}
.katalog-polozka .katalog-polozka-text .katalog-polozka-popis {color: #3b3b3b; font-size: 14px;}
.katalog-polozka .katalog-polozka-profil {position: relative; display: block; float: right; width: 65px; height: 100px; margin-left: 20px;}
.katalog-polozka .katalog-polozka-ico {display: block; padding: 5px 10px 5px 10px; font-size: 10px; font-weight: bold;  margin-bottom: 5px; color: #fff; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.katalog-polozka .ico-penta {background-color: #e8b400; border: 1px solid #e8b400;}
.katalog-polozka .ico-penta-plus {background-color: #51a637; border: 1px solid #51a637;}
.katalog-polozka .ico-space {background-color: #010101; border: 1px solid #010101;}
.katalog-polozka .ico-fusion {background-color: #714494; border: 1px solid #714494;}

.tlacitko-kosik {font-size: 15px; color: #fff; text-decoration: none; position: relative; display: block; padding: 20px 20px 20px 75px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin-bottom: 10px; line-height: 20px; background-image: url('/images/layout/kosik.png'); background-repeat: no-repeat; background-position: 20px 10px; -webkit-transition:color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s;}
.tlacitko-kosik:hover {color: #bfbfbf; text-decoration: none;}
.tlacitko-kosik .kosik-pocet-polozek {position: absolute; right: 20px; top: 18px; font-size: 13px; padding: 3px 10px 3px 10px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; background-color: #eee; color: #3b3b3b;}	

.tlacitko-palety {font-size: 15px; color: #fff; text-decoration: none; position: relative; display: block; padding: 20px 20px 20px 75px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin-bottom: 10px; line-height: 20px; background-image: url('/images/layout/palety.png'); background-repeat: no-repeat; background-position: 20px 10px; -webkit-transition:color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s;}
.tlacitko-palety:hover {color: #bfbfbf; text-decoration: none;}
.tlacitko-palety .palety-pocet-polozek {position: absolute; right: 20px; top: 18px; font-size: 13px; padding: 3px 10px 3px 10px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; background-color: #eee; color: #3b3b3b;}	

.info-box {position: relative; display: block; padding: 20px 10px 20px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin-bottom: 10px;}
.info-box  .nadpis {position: relative; display: block; text-align: center; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 400; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; padding-bottom: 10px;}
.info-box  .vnitrni-box {color: #3b3b3b; font-size: 13px; position: relative; display: block; padding: 10px 10px 10px 10px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-color: #eee; margin-left: 10px; margin-right: 10px;}
.info-box  .vnitrni-box table {margin-top: 10px}
.info-box  .vnitrni-box table tr th {padding-right: 10px; font-weight: normal; text-align: left;}
.info-box  form {display: block; text-align: center;}
.info-box  button {margin-top: 10px;}

.menu2 {padding: 0px 20px 0px 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin-bottom: 10px;}
.menu2 ul {margin: 0; padding: 0; list-style: none;}
.menu2 ul li  {border-bottom: 1px solid #bfbfbf;}
.menu2 ul li:last-child {border-bottom: 0px;}

.menu2 ul li  a {display: block; color: #fff; text-decoration: none; font-size: 13px; text-transform: uppercase; padding: 15px 5px 15px 5px; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s;}
.menu2 ul li  a.aktivni{font-weight: bold;}
.menu2 ul li  a:hover{color: #bfbfbf; text-decoration: none;}

.cervena {border: 1px solid #8d0903; background-color: #8d0903;}
.modra {border: 1px solid #071689; background-color: #071689;}
	
/* DETAIL PRODUKTU */	
.produkt {display: block;}
.produkt .produkt-img {display: block; width: 300px; height: 300px; overflow: hidden; float: left; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.produkt .produkt-detail {display: block; width: 300px; float: right; padding-top: 5px;}

@media screen and (max-width: 959px) {
	.produkt .produkt-img {width: 100%; float: none; text-align: center;}
	.produkt .produkt-detail {width: 100%; float: none; margin-top: 20px;}
}

.produkt .produkt-detail table.produkt-parametry {width: 100%; color: #3b3b3b;}
.produkt .produkt-detail table.produkt-parametry tr {}
.produkt .produkt-detail table.produkt-parametry tr th{font-size: 12px; text-align: left; font-weight: normal; padding-top: 5px; padding-bottom: 5px;}
.produkt .produkt-detail table.produkt-parametry tr td{ font-size: 14px; width: 120px; text-align: right; font-weight: bold; padding-top: 5px; padding-bottom: 5px; vertical-align: top;}

.produkt .produkt-detail table.produkt-barva {width: 100%; color: #3b3b3b; margin-top: 20px;}
.produkt .produkt-detail table.produkt-barva tr {}
.produkt .produkt-detail table.produkt-barva tr th {font-size: 12px; text-align: left; font-weight: normal; padding-top: 5px; padding-bottom: 5px;}
.produkt .produkt-detail table.produkt-barva tr td {padding-bottom: 5px; vertical-align: top; padding-top: 0px;}
.produkt .produkt-detail table.produkt-barva tr td select {color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 5px 5px 10px; margin-right: 3px;}
.produkt .produkt-detail table.produkt-barva tr td select option.sarze {font-weight: normal; font-size: 12px;}
.produkt .produkt-detail table.produkt-barva tr td select option.standard {font-weight: normal; font-size: 12px;}
.produkt .produkt-detail table.produkt-barva tr td a.vzornik-barva {font-size: 14px;}
.produkt .produkt-detail table.produkt-barva tr td .img-nestandard {}

.produkt .produkt-detail table.produkt-mnozstvi {width: 100%; margin-top: 20px;}	
.produkt .produkt-detail table.produkt-mnozstvi tr {}
.produkt .produkt-detail table.produkt-mnozstvi tr th {text-align: left; width: 50%; font-weight: normal; color: #18189e; font-size: 20px;}
.produkt .produkt-detail table.produkt-mnozstvi tr td{width: 50px; font-weight: bold; font-size: 14px; text-align: right; color: #3b3b3b;}
.produkt .produkt-detail table.produkt-mnozstvi tr td input#mnozstvi {color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; width: 80px; text-align: right;}
.produkt .produkt-detail table.produkt-mnozstvi tr td input#palety {color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; width: 80px; text-align: right;}

.produkt .produkt-detail button {margin-top: 20px;}
	
.produkt .produkt-detail .produkt-ico {width: 45px; display: block; float: left; padding: 5px 10px 5px 10px; font-size: 10px; font-weight: bold;  margin-bottom: 5px; color: #fff; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-right: 5px;}
.produkt .produkt-detail .ico-penta {background-color: #e8b400; border: 1px solid #e8b400;}
.produkt .produkt-detail .ico-penta-plus {background-color: #51a637; border: 1px solid #51a637;}
.produkt .produkt-detail .ico-space {background-color: #010101; border: 1px solid #010101;}	
.produkt .produkt-detail .ico-fusion {background-color: #714494; border: 1px solid #714494;}	
	
.vzornik {position: absolute; max-width: 750px; z-index: 20000;}
.vzornik .vzornik-vzorek {display: block; float: left; width: 140px; height: 150px; overflow: hidden; margin: 5px 5px 5px 5px; text-align: center;}
.vzornik .vzornik-vzorek .vzornik-vzorek-img a  img {border: 0; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.vzornik .vzornik-vzorek .vzornik-vzorek-nazev {font-size: 11px; font-weight: bold; display: block; width: 140px; height: 10px; padding: 2px 0 2px 0;}
.vzornik .vzornik-vzorek .vzornik-vzorek-sarze {font-size: 11px; display: block; width: 140px; height: 10px; padding: 2px 0 2px 0;}
.vzornik .vzornik-vzorek .vzornik-vzorek-dodani {font-size: 11px; display: block; width: 140px; height: 10px; padding: 2px 0 2px 0;}
	
#dialog-balne-mnozstvi {}
#dialog-balne-mnozstvi p {font-size: 14px; color: #3b3b3b;}	
.no-close .ui-dialog-titlebar-close {display: none }

	
table.kosik  {font-family: 'Open sans', sans-serif; width: 100%;}
table.kosik tr {}

table.kosik tr th{padding: 10px 10px 10px 10px; color: #fff; font-size: 13px; background-color: #071689; border-right: 1px solid #bfbfbf; font-weight: 400;}
table.kosik tr th:first-child {-webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; }
table.kosik tr th:last-child {-webkit-border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; border-right: 0px;}
table.kosik tr td{padding: 5px 5px 5px 5px; font-size: 13px;}
table.kosik tr td span.nazev-polep{font-size: 11px;}
table.kosik tr:nth-child(even) td {background-color: #dcdcdc;}
table.kosik tr:nth-child(odd) td {background-color: #bfbfbf;}
table.kosik tr th.souhrn{text-align: left; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;}
	
input {background-color: #d6d6d6; border: 1px solid #f6f6f6; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background:-webkit-linear-gradient(top, #c7c7c7,#d6d6d6); background:-moz-linear-gradient(top, #c7c7c7,#d6d6d6); background:-o-linear-gradient(top, #c7c7c7,#d6d6d6); background:-ms-linear-gradient(top, #c7c7c7,#d6d6d6);}
select {background-color: #d6d6d6; border: 1px solid #f6f6f6; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; background:-webkit-linear-gradient(top, #c7c7c7,#d6d6d6); background:-moz-linear-gradient(top, #c7c7c7,#d6d6d6); background:-o-linear-gradient(top, #c7c7c7,#d6d6d6); background:-ms-linear-gradient(top, #c7c7c7,#d6d6d6);}
textarea {background-color: #d6d6d6; border: 1px solid #f6f6f6; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background:-webkit-linear-gradient(top, #c7c7c7,#d6d6d6); background:-moz-linear-gradient(top, #c7c7c7,#d6d6d6); background:-o-linear-gradient(top, #c7c7c7,#d6d6d6); background:-ms-linear-gradient(top, #c7c7c7,#d6d6d6);}

#form-login  {display: block; max-width: 320px; margin: 0 auto; background-color: #8d0903; padding: 40px 40px 40px 40px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; text-align: center;}
#form-login  input {font-size: 16px; margin-bottom: 20px; width: 100%;  color: #3b3b3b; text-align: center; padding: 5px 0px 5px 0px;}
	
.tlacitko {font-family: 'Open sans', sans-serif; font-size: 15px; color: #fff; font-weight: normal; background-color: #071689; border: 1px solid #bfbfbf; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; text-align: center; padding: 10px 20px 10px 20px; outline: 0;}

.tlacitko-vlevo {float: left;}
.tlacitko-vpravo {float: right;}
.tlacitko-odsadit-nahore {margin-top: 20px;}
.tlacitko-odsadit-dole {margin-bottom: 20px;}
	
.form-label {position: relative; display: block; text-transform: uppercase; margin: 0; font-size: 20px; font-weight: 800px; padding: 0 0 10px 0;}
	
.form-table  {position: relative; display: block; width: 100%; padding-bottom: 20px;}	
.form-table-tr  {position: relative; clear: both; display: block; width: 100%; max-width: 100%;}	
.form-table-td  {position: relative; display: block; float: left; overflow: hidden; padding: 10px 0 10px 0;}	
.form-table-td  label {color: #3b3b3b; font-size: 14px;}
.form-table-td div {position: relative; padding: 0 35px 0 10px;}
.width-10 {width: 10%}
.width-20 {width: 20%}
.width-30 {width: 30%}
.width-40 {width: 40%}
.width-50 {width: 50%}
.width-60 {width: 60%}
.width-70 {width: 70%}
.width-80 {width: 80%}
.width-90 {width: 90%}
.width-100 {width: 100%}
	
.form-table-td label {padding: 0 0 0 0}
.form-table-td input {width: 100%; color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: -5px -10px -5px -10px;}
.form-table-td input.novalidation {width: 100%; color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: -5px 0px -5px -10px;}
.form-table-td select {color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 5px 5px 10px; margin: -5px -10px -5px -10px;}
.form-table-td textarea {width: 100%; height: 100px; color: #3b3b3b; font-size: 14px; font-weight: bold; padding: 5px 5px 5px 10px; margin: -5px -10px -5px -10px;}	
	
.form-table-td img.ico-validace {position: absolute; right: 5px; top: 5px;}	
	
#login-box-error  {display: block; background-color: #cc0000; max-width: 360px; margin: 0 auto 20px auto; padding: 20px 20px 20px 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; font-size: 15px; color: #fff; text-align: center;}
		
.box-error  {display: block; background-color: #cc0000; margin: 0 auto 20px auto; padding: 20px 20px 20px 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; font-size: 15px; color: #fff; text-align: left;}
.box-ok  {display: block; background-color: #34ab34; margin: 0 auto 20px auto; padding: 20px 20px 20px 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; font-size: 15px; color: #fff; text-align: left;}
	
footer {position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 260px;}	
footer  #footer_arr {display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 260px; background-color: #071689; z-index: -100;}
footer  #footer_img {position: absolute; right: 0px; bottom: 0px; display: block; width: 683px; height: 475px; background-image: url('/images/layout/background3.png'); z-index: -100;}

footer #footer-obsah {position: relative; max-width: 940px; height: 260px; overflow: hidden; margin: 0 auto 0 auto;}
footer #footer-obsah .footer-menu {position: relative; display: block; padding-top: 30px;}
footer #footer-obsah .footer-menu .footer-menu-polozka {position: relative; display: block; width: 150px; padding-right: 6px; float: left;}
footer #footer-obsah .footer-menu .footer-menu-polozka .footer-menu-polozka-odkaz {display: block; height: 50px;}	
footer #footer-obsah .footer-menu .footer-menu-polozka .footer-menu-polozka-odkaz a {color: #fff; font-size: 13px; text-decoration: none; line-height: 13px; text-transform: uppercase;}	
footer #footer-obsah .footer-menu .footer-menu-polozka ul.footer-menu-submenu {margin: 0; padding: 0; list-style: none;}	
footer #footer-obsah .footer-menu .footer-menu-polozka ul.footer-menu-submenu  li {}	
footer #footer-obsah .footer-menu .footer-menu-polozka ul.footer-menu-submenu  li  a {font-size: 13px; color: #fff; text-decoration: none;}	

footer #footer-obsah #copyright {display: block; float: left; color: #fff; font-size: 13px; width: 50%; padding-top: 15px;}
footer #footer-obsah #webdesign {display: block; float: right; color: #fff; font-size: 13px; width: 50%; text-align: right; padding-top: 15px;}
footer #footer-obsah #webdesign a {color: #fff; text-decoration: none;}

@media screen and (max-width: 959px) {

	footer {position: relative; display: block; width: 100%; height: auto;}
	footer  #footer_arr {height: 100%;}
	footer  #footer_img {display: none;}
	
	footer #footer-obsah {height: auto; padding-left: 20px; padding-right: 20px; margin-top: 0px;}
	footer #footer-obsah .footer-menu .footer-menu-polozka {width: 100%; float: none; padding-bottom: 10px;}
	footer #footer-obsah .footer-menu .footer-menu-polozka .footer-menu-polozka-odkaz {height: auto;}	
	footer #footer-obsah .footer-menu .footer-menu-polozka ul.footer-menu-submenu {margin: 0; padding: 0; list-style: none; padding-top: 5px;}	
	
	footer #footer-obsah #copyright {width: 100%; float: none;}
	footer #footer-obsah #webdesign {width: 100%; float: none; text-align: left; padding-bottom: 30px;}
	
}
	
.clear {clear: both;}
.hidden {display: none;}
.right {text-align: right;}
.center {text-align: center;}
.bold {font-weight: bold;}

.soubory-ke-stazeni {display: block; margin: 0; padding: 0; list-style: none;}
.soubory-ke-stazeni li {position: relative; display: block; margin: 30px 30px; padding: 0 0 0 95px; list-style: none; color: #3b3b3b; background-repeat: no-repeat; height: 83px; max-width: 200px; background-image: url('/images/layout/ico-file-pdf.png');}
.soubory-ke-stazeni li.pdf {background-image: url('/images/layout/ico-file-pdf.png');}
.soubory-ke-stazeni li.xlsx {background-image: url('/images/layout/ico-file-xlsx.png');}
.soubory-ke-stazeni li .nazev {display: block; padding: 15px 0 5px 0; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #bebebe; font-size: 17px; color: #000;}
.soubory-ke-stazeni li .popis {display: block; padding: 5px 0 5px 0; font-size: 14px;}
.soubory-ke-stazeni li a {font-size: 14px;}

.filtr-roky {display: block; margin: 0px 30px; padding: 0; list-style: none;}
.filtr-roky li {float: left; padding-right: 20px;}

.tooltip {position: relative; width: 20px; height: 20px;}
.tooltip .tooltiptext {visibility: hidden; min-width: 120px; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -7px; left: 120%; font-size: 13px;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid;}
.tooltip-nestandard:hover .tooltiptext-nestandard {visibility: visible; background-color: #ff9933;}
.tooltip-priplatek:hover .tooltiptext-priplatek {visibility: visible; background-color: #ee3b3a;}
.tooltip-nestandard:hover .tooltiptext::after {border-color: transparent #ff9933 transparent transparent;}
.tooltip-priplatek:hover .tooltiptext::after {border-color: transparent #ee3b3a transparent transparent;}