* {margin:0; padding:0; border:none; box-sizing: border-box;font-family:Arial, Helvetica, sans-serif;}

body {font-size:14px;}

h1{font-size:2.3em; padding:0;margin: 1.7em 0;position:relative;text-transform:uppercase;}
h2{font-size:2em; padding:0;margin: 1.5em 0;position:relative;text-transform:uppercase;}
h3{font-size:1.8em; padding:0;margin: 1.5em 0 .5em 0;}
h4{font-size:1.3em; padding:0;margin: 1.2em 0 .5em 0;}
p{font-size:1em; padding:0;margin:1em 0;}
p.small{font-size:.85em;}
ul,ol{font-size:1em; padding: 0 0 0 1em;margin:1em 0;}
li{margin: .5em 0;}
a{color:#01a982;cursor:pointer;}
a:hover{text-decoration:none;}
a.btn {display:inline-block;background: #01a982;font-weight:bold;color:#fff;text-transform:uppercase;font-size:1.2em; padding:7px 25px; margin:10px 10px 10px 0;text-decoration:none;}
a.btn.red {background:#FF8201;}
a.return {display:block;float:right;}

h1:first-child,h1.first {margin-top:.5em;}
h2:first-child,h2.first {margin-top:.5em;}
h3:first-child,h3.first {margin-top:.5em;}
h1:after,h2:after {content:"";position:absolute; bottom:-30px;left:0; width:60px; height:1px; background-color:#a2a2a2;}
h1.max:after,h2.max:after {width:auto;right:0;}


.hid {display:none !important;}
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.fr {display:block;float:right; margin-top:1em;position:relative;z-index:2;}
.cln {clear:both;}

.cnt {max-width:1315px; margin:auto;padding:1px 10px;}

.head {color:#FFF;}
.head.img0 {background:url(bgr24.jpg) center center;background-size: cover;}
.head.img1 {background:url(bgr24-tm.jpg) center center;background-size: cover;}

.head .cnt{min-height:45vw;max-height:600px;max-width:1500px;padding: 0;display:flex;flex-direction: column;}
@media (min-width:1300px){.head .cnt{min-height:auto;height:45vw;}}

.head .row1 {margin: 20px 20px 0;}
.head .row2 {margin: 0 10px; flex-grow: 1;display: flex; flex-direction: column; justify-content: center;}
.head .row2>div {text-align: center;}
.head .row2 h2{font-size: 2.5em; margin: 0;text-transform:none;}
.head .row2 h2:after{display:none;}
.head .row2 p{font-size: 1.7em; margin: .7em 0;line-height: 1.7em;}
.head .row3 {text-align: center;}
.head .logos {float: left;margin-bottom:20px;}
.head .logos img{max-height: 30px;margin-right: 30px;}
.head .logos2 {background:#000; text-align:center; display: block; padding: 20px;margin: auto;max-width: 1315px;}
.head .logos2 img{max-height: 80px;margin: 10px 35px;display:inline-block;vertical-align:middle;}
.head p.menu {text-align: right;}
.head p.menu a{  display: inline-block;  padding: 4px 11px; margin: 2px;  color: #fff;  text-decoration: none;  text-transform: uppercase;  font-size: 12px;}
.head p.menu a:hover,
.head p.menu a.sel{padding: 3px 10px;  border: 1px solid #fff;}
.head p.buttons {text-align: center;margin-top:50px;}
.head p.buttons a{font-size: .7em;line-height: 1.3em;  display: inline-block;    color: #fff;  text-decoration: none;  text-transform: uppercase;padding: 5px 15px;margin: 7px 30px;  background: #fff4;  border: 2px solid #fff;  }
.head p.buttons a:hover{background: #01a982;}

.footer {}
.footer .cnt {  padding: 20px 40px;}
.footer h2 { font-size: 1.25em;margin: 3em 0;}
.footer h2:after {bottom:-20px;}
.iconitems {display:flex;flex-wrap: wrap;justify-content: space-between;margin: 2em 0;}
.iconitems div{padding-left:60px;position:relative;min-width: 250px; margin: 1em 0;}
.iconitems div:after{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background:left center no-repeat;background-size: contain;}
.iconitems div.preson:after{background-image:url(icons/person.png);}
.iconitems div.phone:after{background-image:url(icons/phone.png);}
.iconitems div.email:after{background-image:url(icons/email.png);}
.iconitems div.web:after{background-image:url(icons/web.png);}


.main {}
.main.grey {background-color:#f0f0f0;}
.main .cnt {padding-top:50px;padding-bottom:50px;border-bottom: 1px solid #a2a2a2;}
.main.grey .cnt {border:none;overflow-x: hidden;}


@media (max-width:1024px){
.head .logos2 {padding: 10px;}
.head .logos2 img{max-height:50px;margin: 5px 20px;}
.head .row2 h2{font-size: 2em;}
.head .row2 p{font-size: 1.5em;}
.head p.buttons {margin-top:30px;}
}

@media (max-width:768px){
.head .cnt {min-height:450px;}
.head .row1 {margin: 10px;}
.head .logos {float: none; text-align:center;}
.head .logos img{margin:0 15px;}
.head p.menu {text-align: center;}
.head .logos2 img{max-height:40px;margin: 5px 10px;}
.main .cnt {padding-top:20px;padding-bottom:20px;}
.head .row2 h2{font-size: 1.7em;}
.head .row2 p{font-size: 1.3em;}
.head p.buttons {margin-top:25px;}
.head p.buttons a{margin: 7px 20px;}
h1{font-size:2em;}
h2{font-size:1.7em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
h1:after,h2:after {bottom:-20px;}

}

@media (max-width:480px){
.head .logos img{max-height: 20px;margin-right: 10px;}
.head .logos2 img{max-height:20px;}
.head .row2 h2{font-size: 1.7em;}
.head .row2 p{font-size: 1.1em;}
.head p.buttons {margin-top:15px;}
.head p.buttons a{margin: 7px 20px;}
.footer .cnt {padding: 10px 20px;}
.footer h2 {margin: 2em 0;}
h1{font-size:1.7em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
h4{font-size:1.1em;}
h1:after,h2:after {bottom:-15px;}
}


.main .cols3 {display:flex; flex-wrap: wrap;margin: -20px -10px 0; align-items: center;}
.main .cols3>div {flex-basis: 33%; min-width: 390px; flex-grow: 1; padding: 10px;}

.main .colsLeft {display:flex; flex-wrap: wrap; margin:0 -10px;}
.main .colsLeft>div {flex-basis: 66%; min-width: 800px; flex-grow: 1; padding:0 10px;}
.main .colsLeft>div:first-child {flex-basis: 33%; min-width: 390px; min-width: 300px;}
.main .colsLeft>div.reg {min-width: 600px;}

.main .colsRight {display:flex; flex-wrap: wrap; margin:0 -10px;}
.main .colsRight>div {flex-basis: 66%; min-width: 800px; flex-grow: 1; padding:0 10px;}
.main .colsRight>div:last-child {flex-basis: 33%; min-width: 390px; min-width: 300px;}



.main .cols2 {display:flex; flex-wrap: wrap; margin:0 -10px;}
.main .cols2>div {flex-basis: 50%; min-width: 380px; flex-grow: 1; padding:0 10px;}

.loginlogos {display: flex;flex-direction: column;align-items: flex-start;}
.loginlogos img {display:block;margin: 15px 10px;}
@media (max-width:920px){
.loginlogos {flex-direction: row;justify-content: space-around;align-items: center;flex-wrap: wrap;}
}
@media (max-width:800px){
.main .colsLeft>div {min-width: 390px;}
.main .colsLeft>div.reg {min-width: 390px;}
.main .colsRight>div {min-width: 390px;}
}

@media (max-width:480px){
.main .cols3,.main .cols2,.main .colsLeft,.main .colsRight {display:block;margin:0;}
.main .cols3>div,.main .cols2>div,.main .colsLeft>div,.main .colsRight>div {min-width: 0px;width:100%;padding:10px 0;}
.main .colsLeft>div.reg {min-width: 0px;}

}

/*TABLE*/
.main table {border-collapse:collapse;}
.main table.long {width:100%;}
.main table.list {border-collapse: separate;border-spacing: 0 15px;}
.main td {background-color:#fff;padding:6px 10px; border:1px solid #f0f0f0;}
.main th {background-color:#f0f0f0;padding:6px 10px; border:1px solid #fff;font-weight:bold;text-align:left;}
.main .list td {border: none;min-width: 50vw;}
.main .long.list td {min-width:0;}
.main .list th { border: none; padding-left:0;text-transform: uppercase;}
.main .noborder td {border:none;}
.main .noborder th {border:none;}
.main tr.bt {border-top:5px solid #f0f0f0;}
.main tr.bb {border-bottom:5px solid #f0f0f0;}

.strankovani {margin-bottom:10px;}
.strankovani a {margin: 0px; padding: 1px 3px;}
.strankovani span {margin: 0px; padding: 1px 3px;}
.strankovani b {font-size: 1.1em;}


@media (min-width:1200px){
.main .list td {min-width: 600px;}
}
@media (max-width:700px){
.main .list td {min-width: 0;}
}

@media (max-width:480px){
.main table.list {display:block;}
.main .list td{display:block;}
.main .list th{display:block;}
}





/*FORMS*/
.main form {margin-top:60px;}
.main label {display:inline-block; width:80px; margin-right:10px;vertical-align:top;padding-top:5px;}
.main input {width:100%;max-width:250px;font-size:1.2em; padding:4px 10px; background-color:#FFF; border:1px solid #ddd; color:#000;}
.main input.number {max-width:60px; text-align:right;}
.main input.checkbox {width:auto; margin-right:5px; vertical-align:middle;}
.main input.btn{width:auto;max-width:100%;background: #01a982; border:none; font-weight:bold; color:#fff; text-transform:uppercase; font-size:1.2em; padding:5px 25px; margin:10px 10px 10px 0; cursor:pointer;}
.main select {width:auto;max-width:100%;font-size:1.2em; padding:4px 10px; background-color:#FFF; border:1px solid #ddd; color:#000;}
.main textarea {width:100%;height:80px;font-size:1.2em; padding:4px 10px; background-color:#FFF; border:1px solid #ddd; color:#000;}
.main p.err {font-weight:bold; color:#E00; margin: .2em 0;}
.main .req {color:#E00;}
.main .reg label{display:block;width:100%;margin:auto;padding: 10px 0;}
.main .reg input {width:100%;max-width:none;}
.main .reg input.number {max-width:60px; text-align:right;}
.main .reg select {margin-bottom:15px;}
.main .reg input.checkbox {width:auto; margin:0 5px 0 0; vertical-align:middle;}
.main .reg input.btn{width:auto;max-width:100%;}

.main .form2{display:flex;margin:0 -10px 15px;max-width:800px;}
.main .form2>div{flex-basis: 50%;flex-grow: 1; padding:0 10px;}

@media (max-width:480px){
.main .form2 {display:block;margin:0;}
.main .form2>div {width:100%;padding:10px 0;}
}

.main .reg .polozky ul{padding:0;}
.main .reg .polozky li{list-style:none;margin:0;}
.main .reg .polozky select{margin:0;}


/* E shop */

.epols {display:flex; flex-wrap: wrap;margin: 0 -10px;}
.epol {margin: 10px; background-color:#f6f6f6; min-width:250px; max-width:400px;width: calc(25% - 20px);}
.epol .img{width:100%;min-height: 120px; display:flex; align-items: center;justify-content: center;}
.epol .img img{max-width:100%;max-height:100%;}
.epol .txt {padding: 20px; font-size:.9em;}
.epol h4{position:relative;margin-bottom: 1.5em;}
.epol h4:after {content:"";position:absolute; bottom:-10px;left:0; width:60px; height:1px; background-color:#a2a2a2;}
.epol p {min-height:90px;}

.epol .body{display:flex;align-items: center;}
.epol .body span{flex-grow: 1;text-align:right;}
.epol .body span:first-child{text-align:left;}
.epol .body input.number {font-size:1em; padding: 6px;border-color: #444;width:40px;}
.epol .body a.btn {font-size: 1em; padding: 7px 7px; margin: 0;}

@media (max-width:1100px){
.epol {width: calc(33% - 20px);}
}

@media (max-width:820px){
.epol {width: calc(50% - 20px);}
}

@media (max-width:550px){
.epol {width: calc(100% - 20px);}
}





/*
body { background:#FFF url(bg2017.jpg) fixed repeat-x; background-size:100%; font-size:12px;}

.copy {position:fixed; left:5px; bottom:5px; text-align:left; z-index:-1;font-size:12px; color:#425563;}

a {cursor:pointer;}

.hp {width:970px; position:relative;}

.head {height:166px; text-align:right;}
.head p.logos {position:absolute; top:15px; left:20px; text-align:center;}
.head p.logos img{ display:inline-block; vertical-align: middle; margin:12px;}
.head p.heading {padding:50px 0 25px;}

.menu { float:left; width:300px; min-height:150px; text-align:right;}

.menu p {font-size:12px; padding:2px; color:#425563;}
.menu p.b {font-size:13px; padding:4px 0; color:#FFF; font-weight:bold;}
.menu a {color:#425563; text-decoration:none;}
.menu a:hover,
.menu a.sel{color:#FFF; font-weight:bold;}

.menu ul { display:inline-block; margin:10px 0 10px auto;}
.menu ul li{display:block; list-style:none; margin:3px 0; font-size:15px;}
.menu ul a{display:block; padding:2px;}

.heading2 {font-size:18px; font-style:italic; color:#425563;margin-top: 0.5em;}
.heading3 {margin:0 0 30px 320px; padding:0; font-size:23px; line-height:1.4em; font-style:italic; color:#425563;}


.main { float:left; width:630px; margin:0 0 10px 20px; padding:10px; color:#00B388; background-color:#EEE;
border-radius: 10px;}  

.rnd1 {border-radius: 10px;}


.main h1 {font-size:18px; padding:5px 0 3px; margin-bottom:10px; font-weight:normal; border-bottom:1px solid #425563;}
.main h2 {font-size:16px; padding:10px 0 3px; font-weight:bold;}
.main h3 {font-size:14px; padding:10px 0 3px; font-weight:bold;}
.main h4 {font-size:12px; padding:8px 0 3px; font-weight:bold;}
.main h4 span {font-weight:normal;}
.main h5,.main h6,.main h7 {font-size:12px; padding:5px 0 3px; font-weight:bold;}
.main p {font-size:12px; padding:3px 0;}
.main ul,.main ol {font-size:12px; padding:2px 0 5px 20px;}
.main li {font-size:12px; padding:1px 0;}
.main a {color:#00B388; text-decoration:underline;}
.main a:hover {color:#00B388; text-decoration:underline;}

.main a.btn,
.main a.btn1 { display:inline-block; margin:10px 0; padding:5px 10px; background-color:#FFF; border:2px solid #00B388;
text-decoration:none; font-size:14px; text-transform:uppercase; font-weight:bold;border-radius: 5px;}
.main a.btn:hover,
.main a.btn1:hover {background-color:#00B388; color:#FFF;}

.main a.btn1 { margin:3px 0 10px; padding:2px 5px; border:1px solid #00B388;
font-size:12px; text-transform:none; font-weight:bold;}

.cln,
.cleaner {clear:both; height:1px; line-height:1px; font-size:1px;}

hr {border:none; height:1px; background-color:#FFFFFF; padding:0; margin:5px 0;}
input,textarea {font-family:Arial, Helvetica, sans-serif;padding:3px 3px; background:#FFFFFF; border:1px solid #00B388; font-size:12px; color:#000;border-radius: 5px;}
select {font-family:Arial, Helvetica, sans-serif; background:#FFFFFF; border:1px solid #00B388; font-size:12px; color:#000;border-radius: 5px;}

.main label {display:inline-block; width:80px; font-size:12px; text-align:right; margin-right:10px;}
.main input {width:250px;}
.main input.number {width:35px; text-align:right;}
.main input.checkbox {width:auto; margin-right:5px; vertical-align:middle;}
span.err {display:block; font-size:12px; font-weight:bold; color:#F00; margin:1px 10px;}
.main input.btn{ width:auto; background:none; border:none; font-weight:bold; color:#00B388; text-transform:uppercase; font-size:14px; padding:3px 5px; margin-top:10px; cursor:pointer;}

span.err {display:block; font-size:12px; font-weight:bold; margin-bottom:10px; color:#A00;}
p.err {font-weight:bold; font-size:12px; color:#A00;}

.reg label {width:120px;}
.reg .hid {display:none;}

.regprod label {width:170px;}
.regprod img {vertical-align:middle; margin-left:5px;}
.regprod ul { margin:10px 0 0 0; padding:0;}
.regprod ul li{ display:inline-block; list-style:none; margin:0; padding:3px 10px 3px 0;}
.regprod ul li label { display:block; width:auto; text-align:left;}
.regprod .hid {display:none;}
.regprod ul li.mn{ display:block; padding-top:0;}
.regprod ul li.mn label { display:inline;}


TABLE.vypis { width:100%; border-spacing:0 10px;}
TABLE.vypis TD {text-align:left; font-size:12px; font-weight:bold;}
TABLE.vypis TD a{font-weight:normal;}
TABLE.vypis TD.prv {text-align:right; background-color:#FFFFFF; color:#000; padding:4px 10px;
font-size:12px; font-weight:normal; border:1px solid #00B388;border-radius: 5px;}


TABLE.seznam { width:100%; border-collapse:collapse; margin:8px 0;}
TABLE.seznam TH {padding:2px 5px; text-align:left; font-weight:bold; background:#FFF; border:1px solid #00B388;}
TABLE.seznam TD {padding:2px 5px; text-align:left; font-size:12px; border:1px solid #00B388;}

TABLE.seznam TR.nob TD {border:none;}
TABLE.seznam TR.clr TD { height:6px;}
TABLE.seznam td.r,
TABLE.seznam th.r {text-align:right;}

TABLE.seznam p.produkt {padding-top:0;}
TABLE.seznam p.hid {display:none;}
TABLE.seznam label {width:100px; vertical-align:top;}
TABLE.seznam textarea {width:360px; height:50px; vertical-align:top;}

a.ecat,a.ecatsel {display:block; float:left; width:179px; padding:0 10px; margin:2px 10px 5px 0; height:22px; line-height:22px; overflow:hidden;
color:#00B388; background-color:#FFFFFF; text-decoration:none; font-size:12px; border:2px solid #00B388;border-radius: 5px;}
a.ecatsel {background:#00B388; color:#FFF;}
a.ecat:hover,a.ecatsel:hover { background:#00B388; color:#FFF; text-decoration:underline;}
p.pp {font-size:12px; padding-top:0px;}


div.epol,div.epolfirst { display:block; float:left; width:183px; min-height:220px; padding:8px; background-color:#FFFFFF; border:2px solid #00B388; margin:10px 0 0 10px;border-radius: 8px;}
div.epolfirst {clear:both; margin-left:0;}

div.epol img,div.epolfirst img { display:block; margin:3px auto;}
div.img {width:185px; height:120px; background:center center no-repeat;}
p.body { float:left; padding-top:5px; font-weight:bold;}
p.pocet {padding-top:5px;}
p.pocet input { width:30px; text-align:center; float:right; margin:0 5px 0 0; }
p.pocet a { cursor:pointer;display:block; float:right; width:24px; height:24px; background:url(kosik.png) 4px -46px no-repeat;border-radius: 5px;}
p.pocet a:hover { background-color:#00B388; background-position:4px 4px;}

input.poc { width:30px; text-align:center; margin:0 5px 0 0; display:inline; vertical-align:middle; }

a.trash { display:inline-block; width:24px; height:24px; vertical-align:middle; background:url(trash.png) 6px -48px no-repeat;border-radius: 5px;}
a.trash:hover { background:#00B388 url(trash.png) 6px 2px no-repeat;}

.rkos { float:right; padding-left:20px; background:url(kosik.png) 0 -50px no-repeat; font-size:12px; text-align:right;}

.seznak {height:120px; overflow:auto;}

.pocetpolozek { clear:right;float:right; text-align:right; margin:4px 5px 2px;}

.strankovani {float:left; text-align: left; margin: 8px 0px 3px;}
.strankovani A {margin: 0px; padding: 1px 3px;}
.strankovani SPAN {margin: 0px; padding: 1px 3px;}
.strankovani B {font-size: 13px;}




@media print {
.hp { min-width:inherit;}
ul#menu , #motiv, #logohp, #logoeprint{display:none;}
body {background:none;}
.main { text-align:center; margin: 0; min-width:inherit;}
.main .cnt {text-align:left; width:100%; margin:0;}
.main .bg {background:none;margin:0; padding:0;}
.reg {background:none;margin:0; padding:0;}
}
*/