@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol{list-style: decimal; margin: 0 0 0 3em; padding: 0.3em 0}
ul{list-style: square; margin: 0 0 0 3em; padding: 0.3em 0}
li{padding: 0.7em 0 0}
table{border-collapse: collapse; border-spacing: 0;}
a{text-decoration: underline; color: #1080dd}
a:hover{color: black}
h1{font-size: 2em; padding: 1em 0 0; margin: 0; font-weight: bold; color: #1080dd}
h2{font-size: 1.5em; padding: 1em 0 0; font-weight: bold; color: #1080dd}
h3{font-size: 1.2em; padding: 1em 0 0; font-weight: bold;}
h4{font-size: 1.5em; padding: 0.75em 0 0; font-weight: bold; color: rgb(255,105,0);}
p{padding-top: 0.7em; line-height: 150%}
address{padding-top: 0.7em; font-style: normal}

.menu{display: block; list-style-type: none; margin: 0; padding: 0}
.menu li{padding: 0; margin: 0}
.clrfix{display: block; clear: both}
.wrapper{margin: 0 auto; clear: both}

.cloveku_nevyplnuj{display: none !important}
#page .button{display: inline-block; border: 0.1em solid rgba(0,0,0,0.2); background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0)); padding: 0.5em 1em; border-radius: 0.2em; color: white; font-weight: bold; text-decoration: none; text-shadow: 0 0 0.2em rgba(0,0,0,0.6); box-shadow: 0 0.05em 0.1em rgba(0,0,0,0.5)}
#page form .button{width: 10em; padding: 0; height: 3em}
#page .button span{display: block; clear: both; position: relative; margin-top: -3em; pointer-events: none; padding: 1em 0 0; color: rgb(255,255,255); font-weight: bold; line-height: 1em}
#page .button .submit_item{display: block; clear: both;}
#page .button .submit_item input{display: block; clear: both; width: 100%; font-size: 1em; line-height: 1em; height: 3em}
#page .button:hover{background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.1)); color: white; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5)}
.text_button{display: inline-block; color: black; padding: 0.3em 1em 0.4em; margin: 0 0.2em; text-transform: uppercase; border-radius: 0.2em; text-decoration: none; box-shadow: 0 0.05em 0.1em rgba(0,0,0,0.5)}
.text_button:hover{background: rgba(59,120,57,0.05); box-shadow: 0 0.15em 0.4em rgba(0,0,0,0.4)}
.text_button.unactive{box-shadow: none; pointer-events: none; color: rgba(0,0,0,0.5); background: rgba(0,0,0,0.1)}
.default_value{color: rgb(102,102,102); font-style: italic}

.download_list ul{display: block; clear: both; list-style-type: none; margin: 0}
.download_list li{margin: 0.5em 0 0; background-image: url('/img/download_list/dat.png'); background-position: left top; background-repeat: no-repeat; padding-left: 3em}
.download_list a{text-decoration: none}
.download_list strong{display: block; clear: both; text-decoration: underline}
.download_list span{color: rgb(51,51,51); font-size: 0.9em}
.download_list .doc, .download_list .docx{background-image: url('/img/download_list/doc.png')}
.download_list .html, .download_list .htm, .download_list .xml{background-image: url('/img/download_list/ie.png')}
.download_list .jpg, .download_list .jpeg, .download_list .bmp, .download_list .gif, .download_list .png, .download_list .tif{background-image: url('/img/download_list/jpg.png')}
.download_list .pdf{background-image: url('/img/download_list/pdf.png')}
.download_list .ppt, .download_list .pptx{background-image: url('/img/download_list/ppt.png')}
.download_list .rtf{background-image: url('/img/download_list/rtf.png')}
.download_list .txt{background-image: url('/img/download_list/txt.png')}
.download_list .wmv, .download_list .avi,.download_list .mov{background-image: url('/img/download_list/ppt.png')}
.download_list .xls, .download_list .xlsx{background-image: url('/img/download_list/xls.png')}
.download_list .zip, .download_list .rar{background-image: url('/img/download_list/zip.png')}

h1, h2, h3, h4, h5, h6{text-align:left;}
p{text-align: justify}
body{font-family: 'Arial CE', sans-serif; position: relative;}
.index{position: relative;}
header{background: white; width: 100%; box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.3)}

/*
#logo_box{background: #1080dd; padding: 5px 0; color: white; font-weight: bold; font-size: 1.2em;  height: 45px;}
#logo{display: block; height: 40px; float: left;}
#logo img{padding-top: 0.2em;}
#logo_box a{color: white; text-decoration: none;}
#header_contacts{text-align: right; float: right; padding: 0.4em 0;}
#header_contacts span{padding: 5px 0 5px;}
#header_contacts span, #header_contacts a{display: inline-block;}
#header_contacts .phone{background: url('/img/phone.png') left center no-repeat; padding-left: 30px}
#header_contacts a{margin-left: 20px}
#header_contacts a:hover{color: rgba(255,255,255,0.7)}

#header_contacts .phone, #header_contacts a{
  -webkit-animation: header_contacts_clr 1s linear infinite;
  animation: header_contacts_clr 1s linear infinite;
}
@-webkit-keyframes header_contacts_clr {
  0% { color: rgb(255,255,255); }
  50% { color: rgb(255,105,0); }
  100% { color: rgb(255,255,255); }
}
@keyframes header_contacts_clr {
  0% { color: rgb(255,255,255); }
  50% { color: rgb(255,105,0); }
  100% { color: rgb(255,255,255); }
}
#header_contacts a:hover{
  color: rgba(255,255,255,0.7);
  -webkit-animation: none;
  animation: none;
}
*/
#logo_box{
  height: 55px;
  background: #1080dd;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
}
#logo_box a{
  color: white;
  text-decoration: none;
}
#logo{
  display: block;
  float: left;
  padding: 5px 0;
  height: 45px;
}
#logo img{
  padding-top: .2em;
}
#header_contacts{
  float: right;
  margin: 0 -10px;
  line-height: 55px;
  text-align: right;
}
#header_contacts span{
  padding: 0 10px;
}
#header_contacts span.blink{
  color: rgb(255,105,0);
}
#header_contacts span, #header_contacts a{
  display: inline-block;
}
#header_contacts .phone{
  padding-left: 40px;
  background-color: rgb(0,0,0);
  background-image: url('/img/phone.png');
  background-position: 10px center;
  background-repeat: no-repeat;
}
#header_contacts a:hover{color: rgba(255,255,255,0.7);}

.sticky-wrapper{clear: both}

#headline_theme > .wrapper {padding: 0}

#mooving-menu{background-color:#054E8B; font-weight: bold; padding: 0; margin: 0}
#mooving-menu::after{content: ''; display: block; clear: both;}
ul.mooving-menu{margin: 0; display: block; text-align: right; padding: 0;}
ul.mooving-menu li{display: inline; padding: 0;}
ul.mooving-menu li a{color: white; display: inline-block; text-decoration: none; padding: 1em 0 1em 1em;}
ul.mooving-menu li a:hover{text-decoration: underline; color: white}
.bot{display: none}

.special {float:left!important;}
.special > li > .mooving_menu_item{padding-left:0px; padding-right: 1em}

.kontakt{
    margin-top: 20px
}

.kontakt #content h2 {
    overflow: visible;
}

.picture img{
    width:100%;
    float: right;
    display: block;
}
.left, .right{
    float: left;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}
.left{display: inline-block; margin-left: 0; }

.inner-box{height: 100%; margin: 0px auto; overflow: auto; background-repeat: no-repeat; background-position: left center; background-size: contain;}
.inner-text{padding: 1em 0; float: left; margin-left: 16em; margin-right:1em; color: white;}
.inner-text p {line-height: normal; text-align: left; font-size: 1em;}
.inner-text * { padding-top: 0.3em; padding-bottom: 0.3em; font-weight: bold;}

#header_menu{border-bottom: 2px solid #1080dd; background-color: white;}
#header_menu::after{content: ''; display: block; clear: both}
#header_menu ul{max-width: 960px; margin: 0 auto; float: initial; padding: 0px 1.5%; background-color: white;}
#header_menu li{float: left; text-align: center; width:18.8%; margin: 0.5em 0em 0.5em 1.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#header_menu li:first-child {margin-left: 0;}
#header_menu a{display: inline-block; width: 100%; color: white; text-decoration: none; font-weight: bold; font-size: 1em; background-color: #1080DD; padding: 0.5em 0em 0em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5.5em;}
#header_menu a:hover{background-color: #62AAE5;}
#header_menu img{width: auto; height: inherit; height: 2.5em;}
#header_menu a strong{display: block; padding: 0 1em;}

article{padding: 0 0 3em; overflow: auto;}
.wrapper{max-width: 960px; margin: 0 auto; padding: 0 15px;} 
#headline_theme{ background-color: #054E8B;}
#headline{text-align: center}
#headline h1{text-transform: uppercase}
#headline h2{color: black; padding: 0}
article ul{list-style-image: url('/img/li.png')}

.contact{display: inline-block; margin-bottom: 1em}
.contact .left, .right{float: left;}
.contact .right{margin-left: 3em}
#contact_form .text_input,.html_text_input {display: block; clear: both; background: white; border: 0.1em solid #1080dd; width: 92%; padding: 1em; border-radius: 0.2em; margin: 1em 0em;}
.default_value {color: rgb(102,102,102); font-family: 'Arial CE', sans-serif; font-style: italic;}
.submit_item img{display: none;}

#page .button{background: #1080dd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; padding: 10px; border: none; transition: all 0.5s; text-transform: uppercase; font-weight: bold; margin-bottom: 0.5em; -webkit-appearance: none;}
#page .button:hover{background: #1080dd; opacity:0.7;}
#contact_form .bottom_block {text-align: center;}

footer{background: #1080dd; color: white; padding: 1.5em 0 2.5em; font-size: 0.9em; text-align: center; background-image: url('/img/footer.png'); background-position: center 3em; background-repeat: no-repeat}
footer .wrapper::after{content: ''; display: block; clear: both}
footer .left_column{width: 50%; float: left; clear: left; text-align: left}
footer .right_column{width: 50%; float: left; clear: right;}
footer .right_column p{text-align: right;}
footer .abstract{padding-top: 5.8em}
footer p{line-height: 200%}
footer a{color: white}
footer a:hover{color: rgba(255,255,255,0.8)}
footer .link{display: block; clear: both; font-size: 0.8em}
footer .link a{color: rgba(255,255,255,0.5)}
footer .link a:hover{color: rgba(255,255,255,0.4)}

#cookie_law{min-height: 78px; background-color: rgb(101,101,101); font-size: 15px}

#article-menu nav{}
#article-menu ul{display: block; clear: both; text-align: center; margin: 1em -0.5em 0}
#article-menu li{padding: 0 0.5em 0; display: inline-block; width: 20%; box-sizing: border-box; text-align: left; vertical-align: top}
#article-menu h3{font-size: 1em}
#article-menu a{color: rgb(5,78,139)}
#article-menu p{text-align: left; font-size: 0.75em}

/*Bug fix - h2 overflows content*/
#content h2{overflow: hidden;}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 850px) {
.inner-text{}

}

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

    /* Schová mooving-menu (kaskádou zobrazím druhé, alternativní, nad footerem)*/   
    ul.mooving-menu.top {display:none;}
    ul.mooving-menu.bot{display: block; float: left}
    ul.mooving-menu.bot li a{padding-left: 0; padding-right: 1em}
	
	#article-menu ul{text-align: left}	
	#article-menu li{width: 50%;}

    footer .left_column, .right_column{float: none; width: 100%!important; text-align: left!important;}
    footer .left_column{margin-top: 10em}
    footer .right_column p{text-align: left}

    #header_menu a {min-height: 2.5em;}
    #header_menu strong{display: none!important;}
    #header_menu li a{padding: 0}

    span.email{display: none!important;}

    .left, .right{float: none; width:100%; margin:0;}
    .kontakt #content h2 {
        margin-top: 20px;
    }

    .inner-box{background-image: none !important;}
    .inner-text{ margin-right:1em; position: relative; top: 0; transform: none; margin-left: 1em;}
    .inner-text p {padding-top: 0.4em; padding-bottom: 0.3em; line-height: normal;}

}

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



    ul.topnav.responsive {position: relative; padding-top: 1em; float: left;}

    ul.topnav.responsive li {
        float: none!important;
        display: inline;
    }
    ul.topnav.responsive li a {
        display: block!important;
        text-align: center;
        min-height: initial!important; 
    }

    ul.mooving-menu.special li{float: none!important;}

    
    
}

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

    span.email{display: none!important;}
		#article-menu li{width: 100%;}
}

@media only screen and (max-width: 380px) {
  /*span.phone{display: none!important;}*/
  #logo_box{
    height: auto;
  }
  #logo, #header_contacts{
    float: none;
  }
  #header_contacts{
    text-align: left;
  }
}
.center{
  text-align: center;
}