html{ background: White;  margin: 0; padding: 0; min-width: 1200px;}
body{ background: White;  margin: 0; padding: 0; min-width: 1200px;}
html,body, input, textarea, select, table{font-family: 'Open Sans', sans-serif; color: black;  }

.awe{  content: "\f106"; font-size: 20px; display: inline-block; font-family: 'FontAwesome'; line-height: 1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.citat{ font-family: 'Noto Serif', serif; }


hr{ color: #e8e8e8; background: #e8e8e8; clear: both; }
h1,h2,h3,h4,h5{ font-family: 'Noto Serif', serif; font-weight: 400; color: #1174c1;}
h1{ font-size: 2.5em; margin: .8em 0 20px 0;}
h2{ font-size: 2em; margin: .8em 0 20px 0; }
h3{ font-size: 1.65em; margin: .8em 0 20px 0; }
h4{ font-size: 1.3em; margin: .8em 0 20px 0 ; }
h5{ font-size: 1.15em; margin: .8em 0 20px 0;  }

a{ color: #1174c1; }

input, textarea, select, button, .btn{ margin: 0; border: 1px solid #cbd5db;  padding: 10px; display: inline-block; background: White; text-decoration: none; width: 100%; line-height: 1.45em;  }

body{ font-size: .95em; line-height: 1.4em; }
#base{ position: relative;}
.header-in, .main-in, .footer-in{ width: 1230px; margin: 0 auto; padding: 0 20px; position: relative; }

.header{ background: #d5edf9;   }
.header:after{ content: " "; display: block; clear: both; }
.header-in .logo{ display: table-cell; vertical-align: bottom; padding-right: 20px;}
.header-in .logo a{display: inline-block; vertical-align: middle;text-decoration: none; }
.header-in .logo img{ display: block; width: 100%; height: auto; max-width: 392px; }
.header-in .logo h1{ margin: 0; }

.main{   }
.midCol, .rightCol, .leftCol{ float: left; padding: 30px 0; }
.rightCol{ width: 200px;}
.midCol{  width: 990px;  padding-right: 90px;  font-size: 1.2em; line-height: 1.5em; }

.topNav{ background: #1174c1;}
.topNav a{ display: block;  text-decoration: none;  text-align: center; font-weight: 400; text-transform: uppercase; color: white; display: table;width: 100%; line-height: 1.2em;}
.topNav a span{ display: table-cell; height: 44px;padding: 4px 5px; vertical-align: middle;  }
.topNav li{ position: relative; display: table-cell; vertical-align: top;  }
.topNav ul{ margin: 0;  display: table; width: 100%;}
.topNav ul ul{ position: absolute; left: 0; top: 40px; width: 200px;  background: #03B480; padding: 5px 0;  margin: 0;  z-index: 5000;  }
.topNav ul ul ul{ right: -200px; top: 0; left: auto; background: #1174c1; padding: 0;}
.topNav ul ul li{ padding: 0; float: none; margin: 0; display: block; }
.topNav ul ul a, .topNav li:hover a, .topNav a.aktivni{ color: white; background: #03B480; text-decoration: none;  }
.topNav ul ul a { line-height: 1.2em; padding: 5px 10px; text-align: left; display: block; text-transform: none; background: transparent; }
.topNav ul ul ul a{ background: #1174c1; }

.topNav ul ul a span{ display: block; height: auto; padding: 0; }
.topNav ul ul a:hover, .topNav ul ul li:hover a{ background: #1174c1; color: white; }
.topNav ul ul ul a:hover{ text-decoration: underline; }
.topNav li:last-child ul, .topNav li:nth-last-child(2) ul{ left: auto; right: 0; }
.topNav li:last-child ul ul, .topNav li:nth-last-child(2) ul ul{ left: -200px; right: auto; }
.respNav{ display: none; }

.topCont,.onTop{ display: table; width: 100%; }
.navBar li{ float: left; padding-right: 20px; }
.navBar, .header .soc,.header .citat{ display: table-cell; vertical-align: middle; }
.navBar ul{ margin: 0; padding: 0; }
.navBar a{ color: white; display: block; text-decoration: none; color: #1174c1; font-size: .8em; padding: 10px 0; line-height: 1.25em; }
.navBar ul a:hover{ color: #03B480; }
.header .soc{ text-align: right; white-space: nowrap; }
.soc a{ color: #1174c1; font-size: 16px; line-height: 42px; display: inline-block; min-width: 20px; text-align: center; margin: 0 4px; }
.citat{ text-align: right; color: #1174c1; font-size: 20px; line-height: 1.4em; display: none;  }
.citat a {color: rgba(17, 116, 193, .75);}
.citat strong{ font-weight: 400; display: block; position: relative;}
.citat em{ font-style: normal; color: rgba(17, 116, 193, .75);font-size:0.8em}
.citat strong::before{ content: "\201E"; display: inline;   color: #03b480; font-size: 60px; font-style: italic; line-height: 1px; height: 1px;	display: inline-block; vertical-align: baseline;  }
.citat strong::after{ content: "\201C"; display: inline;   color: #03b480; font-size: 60px; font-style: italic; line-height: 1px; height: 1px; vertical-align: bottom;	display: inline-block;}



.content{ padding-top: 1px; margin-top: -1px; }
.content ul, .cke_editable ul{ margin-left: 0; padding: 0; list-style-image: none;}
.content ul li, .cke_editable ul li{ padding: 0; margin: 8px 0; position: relative;  padding-left: 30px; display: table;}
.content ul li:before, .cke_editable ul li:before{ content: " "; background: #1174c1; display: block; clear: both; -moz-border-radius: 50%; border-radius: 50%;  -webkit-border-radius: 50%; width: 6px; height: 6px; display: inline-block;  position: absolute; left: 0; top: .6em;  }
.content>h1:nth-of-type(1){ margin-top: 0; }
.content img{ height: auto; max-width: 100%; }

.footer{  background: #4f4d50; color: white; font-size: .85em; padding-bottom: 30px; color: white;  color: rgba(255, 255, 255, .75);}
.footer a{ color: white;  color: rgba(255, 255, 255, .75); }
.footer p{ margin: 0; }
.footer a:hover{ color: white; }
.tags{ padding: 30px 0; }
.tags ul{ float: left; width: 14.2857%; padding-right: 20px; }
.tags:after{ content: " "; display: block; clear: both; }

.footertags { padding:30px 0;}
.footertags .ftbox {float:left; width: 14.2857%; padding-right:20px}
.footertags:after {content: ' '; display:block; clear: both;}
.footertags p, .footertags ul {margin-top:0;margin-bottom:10px}

.footer .row li{ float: left; padding-right: 15px; }
.footer .navBar{ display: none; }

.box{ min-width: 200px; max-width: 200px; font-size: .85em; line-height: 1.25em; }
.boxm {margin-bottom:30px}
.box:after{ content: " "; display: block; clear: both; }
.box img{ width: 100%; height: auto; display: block; }
.box a{ color: black; }
.box a:hover{ color: #03b480; }
.box h3{ margin: 0 0; font-size: 1.4em; font-weight: 400; }
.box-in{ padding: 20px;  background: #e8e8e8;}
.box p{ margin: 10px 0 0 0; }
.searchG{ background: #e8e8e8; border: 1px solid #cdc8c8; white-space: nowrap; max-width: 200px;  margin-bottom:30px}
.searchG input{ border: 0 !important; background-color: #ffffff !important; height: 38px; width: 160px !important; }
.searchG input:focus {outline: none}
.searchG button{ height: 38px; width: 38px; line-height: 38px; color: #1174c1; text-align: center; font-size: 16px; margin: 0; padding: 0; border: 0; background: #e8e8e8; }
.narrow{ max-width: 750px; }


.load{ margin: 0; padding-top: 30px; text-align: center; }
.load .btn{ font-size: .9em; max-width: 250px; text-align: left; width: 100%; min-width: 180px; display: inline-block; }
.load .btn i{ float: right; font-size: 16px; line-height: 20px; position: relative; bottom: -1px; }

.subList{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eaeaea; }
.subList h2{ margin: 0 0 30px 0; font-size: 1.2em; font-weight: 400; color: black; color: rgba(0, 0, 0, .75); }

/*BUTTON*/
.btn{width: auto; border-color: #1174c1; background: #1174c1; color: white; text-decoration: none; display: inline-block; padding-left: 15px; padding-right: 15px;  line-height: normal; vertical-align: middle;  }
.btn:hover{  text-decoration: none; border-color: #03b480; background: #03b480; }


.potvrzeni{ width: 100%; max-width: 380px; padding: 20px 15px; z-index: 10000;  background-color: #F4F4F4; border: 1px solid silver;  top: 20%; left: 50%; margin-left: -190px; text-align: center; position: fixed;  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.5); box-shadow: 2px 2px 6px rgba(0,0,0,.5); }
.potvrzeni p{ padding: 0; margin: 1em 0 0 0; }
.potvrzeni button{ padding: 10px; min-width: 50px; text-align: center; width: auto; font-size: 1em; }
.potvrzeni h4{ margin: 0; }
.potvrzeni .btn{ line-height: 2em; font-size: 1.1em; padding: 0 10px; }


.tab, table[border="1"]{ font-size: 1em; border: 0;   border-collapse: collapse; margin: 1em 0; width: auto; line-height: 1.3em; }
.tab td, .tab th, table[border="1"] td, table[border="1"] th{border: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); padding: 6px 10px; }
.tab th, table[border="1"] th{ font-weight: bold; text-align: left; vertical-align: top; font-size: 1.1em; }
.tab tr:nth-of-type(odd){   }
.form p{ padding: 5px 0; margin: 0; }


.popup{ background: White; background-color: rgba(255,255,255,.85); padding: 10px; border: 1px solid #cbd5db; position: absolute; left: 0; top: 27px; width: 200px; line-height: 1.25em;   }
.popup p{ margin: 0; }
.popup p+p{ margin-top: 10px; }
.popup p strong{ font-weight: 600; }
.popup a{ text-decoration: none; }
.arrow span:after, .arrow span:before, .arrow:after{ border-color: #cbd5db; background: white; background-color: rgba(255,255,255,.85);}


.bread{ font-size: .9em; color: #646b6f; margin: 0 0 30px 0;}
.bread a{ color: #646b6f; }
.bread i{ margin: 0 5px; }

.pic{  overflow: hidden; display: table; }
.pic span{display: table-cell; vertical-align: middle; text-align: center;  }
.pic span img{ display: block; margin: 0 auto; }

.article{ border-width: 0;}
.article+.article{  padding-top: 35px; border-width: 1px 0 0 0;}
.date{ color: #9f9f9f; margin: 0; font-size: .75em; line-height: 1.1em; text-align: right; padding-bottom: 5px; }
.date a{ color: #9f9f9f; text-decoration: none; }
.date a.noGray {color:#1174c1}
.article h3{ margin: 0 0 5px 0;  text-align: left; clear: right;  }
.article img{ width: 250px; height: auto; display: block; max-width: none;   }
.article .text p{ display: block; margin: 0; }
.articleFtr .num{ line-height: 14px; font-size: .85em; color: White; background: transparent url(../img/comm.png) no-repeat; padding-bottom: 5px; vertical-align: text-top; text-decoration: none; text-align: center; display: inline-block; min-width: 15px;}
.more{ display: inline-block; line-height: 1.5em; color: #2D2E31; }
.article .aPic, .article .text{ display: table-cell; vertical-align: top; }
.article .text{ width: 100%; line-height: 1.4em; }
.article .aPic img{ margin-right: 25px; margin-top: 0; display: block; margin-top: 4px;}
.article .aPic a{ display: block;  }
.marText p {margin-left:40px !important;}
.perex p {margin-left:0px !important;}
.pTip{ text-align: right; margin-top: 35px; }


@media screen and (min-width: 970px){
  .article.first img{ width: 300px; }
}

@media screen and (min-width: 1245px){
  .article.first img{ width: 530px; }
}

.article.first h3{ font-size: 2.3em;    }
.article.first .text{ font-size: 1em;    }
.article:after{ content: " "; display: block; clear: both; }
.subList .article .aPic, .subList .article .text, .subList .article .date{ display: block; max-width: 250px; }
.subList .article .aPic a{ margin: 10px 0; display: block; }
.subList .article .aPic img{ width: 100%; }
.subList .article{ margin: 0; padding: 0; }
.perex{ font-size: 1.5em; line-height: 1.4em; font-weight: 600; margin: 1.5em 0; font-style: italic;}
.articleImg{ display: block; max-width: 100%; height: auto; margin: 3em 0; }
.articleImg img{ display: block; }
.articleFtr{ clear: both; padding-top: 2em; margin-top: 30px; border-top: 1px solid #eaeaea; font-size: .85em; line-height: 1.25em;}
.articleFtr p{ margin: 0; text-align: right; padding-top: 8px; }
.articleFtr p span+span{ margin: 0 0 0 15px; }
.articleFtr .icons span, .articleFtr .icons a{ font-size: 16px; cursor: pointer; display: inline-block; margin: 2px 0; margin-right: 7px; vertical-align: middle; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; line-height: 31px; height: 33px; width: 33px; text-align: center; color: #1174c1; border: 1px solid #cdc8c8; }
.articleFtr .icons .soc{ background: #1174c1; color: white; border-color: #1174c1 ; }
.articleFtr .icons a:hover, .articleFtr .icons span:hover{ background: #03b480; color: white; border-color: #03b480; }
.temata{ margin-top: 1em; line-height: 1.3em; }
.subList ul{ font-size: .85em; line-height: 1.3em; }
.subList ul li{ margin: 4px 0; }
.subList .list h3{ margin: 0 0 15px 0; font-size: 1.2em; font-weight: 400; color: black;  }
.subList ul li::before{ width: 4px; height: 4px; }

.katalog {margin-bottom:30px}
.katalog h3 {font-size:1.3em;margin-bottom:0}
.katalog p {margin-top:10px;margin-bottom:15px;font-size:0.9em}
.katalog td {vertical-align: top;padding-right:10px;padding-left:10px;width:50%;box-sizing: border-box}
.katalog td:first-child {border-right:1px solid #e8e8e8;padding-left:0;padding-right:20px;}
.katalog td:nth-child(2) {padding-left:20px;padding-right:0}

.polozka{ border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.polozka:first-child{ border-left: 0; }
.polozka:last-child{ border-right: 0; }
.polozka+.polozka{ margin-left: -1px; }

.numInput{ text-align: right; vertical-align: middle; display: inline-block; position: relative; margin-right: 3px; white-space: nowrap; border: 1px solid #d6d6d6; padding-right: 23px; line-height: 36px;   }
.numInput input{padding: 0 2px 0 8px; font-size: 1em; line-height: 36px; height: 36px; vertical-align: top;  width: 36px; background: White;   border: 0; text-align: right;    margin: 0; }
.numInput span{ display: inline-block; position: absolute; right: 1px; top: 1px; text-align: center; width: 16px; font-size: 14px; line-height: 16px; cursor: pointer; color: black;  padding: 0 1px;  background: #DFDFDF; z-index: 5; }
.numInput span+span{ top: auto;  bottom: 1px;  }
.numInput span:hover{ color: white; background: #3F5C95;  }


.zal ul{ list-style-type: none; list-style-image: none; margin: 0; padding: 0;  font-size: 1em; margin-bottom: 30px; }
.zal ul li{ float: left; width: 33.33%; margin: 0; padding: 0; text-align: center;  }
.zal li a{ text-decoration: none; display: block;  padding: 15px 10px 15px 10px;  color: #636363;}
.zal li.aktivni a{ background: transparent; border-bottom:  0; color: Black;}
.zal li.aktivni{ border: 1px solid #d6d6d6; border-bottom-color: white; background: White; position: relative; z-index: 2; }
.zal:after{ content: " "; display: block; border-bottom: 1px solid #d6d6d6; width: 100%; clear: both; position: relative; top: -1px; z-index: 1; }
.zal li a:hover{ text-decoration: none; color: Black; }
.zal ul li:before{ display: none; }

.close { background: #7dad60 none repeat scroll 0 0; padding-right: 4px; border-radius: 50%; color: white; cursor: pointer; font-size: 14px; height: 24px; line-height: 23px; padding-left: 5px; position: absolute; right: 20px; text-align: center; top: 20px; width: 24px; }
.close:hover{ background: #517bbd; }

.custom-counter  { margin-left: 0; padding-left: 0; list-style-type: none; }
.custom-counter  li { counter-increment: step-counter; position: relative; padding-left: 50px; }
.custom-counter  li::before { position: absolute; left: 0; top: -5px; color: #818181; width: 30px; line-height: 28px; text-align: center; font-size: 1.3em; font-weight: 300; border: 1px solid #818181; background: white; display: inline-block; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%;  content: counter(step-counter);}

.help{ position: relative; display: inline-block; vertical-align: middle; line-height: 1.2em;  font-size: 14px; color: white;}
.help strong{ display: inline-block; vertical-align: middle; margin: 0 4px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; width: 28px; line-height: 28px; background: #515f6b; color: white; text-align: center; cursor: pointer; }
.help .popup{ position: absolute; left: 40px; top: -13px; background: #515f6b; text-align: left; display: none; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; border: 0; }
.help strong:hover, .stepsBlok .help strong:hover{ background: #e01e20; color: white; }

/*hovers*/
a:hover{ color: #03b480;  }


/*animace*/

a,.btn, button, .btn i, button i{ -moz-transition: color 0.4s, border-color 0.4s, background-color 0.4s; -o-transition: color 0.4s, border-color 0.4s, background-color 0.4s; -webkit-transition: color 0.4s, border-color 0.4s, background-color 0.4s; transition: color 0.4s, border-color 0.4s, background-color 0.4s; }
xxx{ -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s  ease-out; transition: all .4s ease-out; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }


.menu ul ul, .topNav ul ul{ -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;   visibility: hidden; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.menu li:hover>ul, .topNav li:hover>ul{ -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; }


.row:before, .row:after { content: " "; display: table; }