@media screen, projection, tv{
html{ background: White;  margin: 0; padding: 0; min-width: 1200px;   }
body{ background: transparent;  margin: 0; padding: 0; min-width: 1200px; height: 100%;}
html,body, input, textarea, select, table{font-family: 'Open Sans', sans-serif; color: #666666;  }

.awe, .checkbox.aktivni:before{  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); }



hr{ color: #e8e8e8; background: #e8e8e8; clear: both; }
h1,h2,h3,h4,h5{ font-weight: 300; color: #0c4da2; font-style: italic; }
h1{ font-size: 2.4em; margin: .8em 0 20px 0;}
h2{ font-size: 2em; margin: .8em 0 20px 0; }
h3{ font-size: 1.8em; margin: .8em 0 20px 0; }
h4{ font-size: 1.5em; margin: .8em 0 20px 0 ; }
h5{ font-size: 1.3em; margin: .8em 0 20px 0;  }
h3 a{ color: #0c4da2; }


a{ color: #ed1c24; }
strong{ font-weight: 600; }

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



body{ font-size: .85em; line-height: 1.6em; padding-top: 76px; }

#page{ background: transparent url(../img/testbg.jpg) no-repeat fixed center 55px; background-size: 100% auto; min-height: 100%; }
#base{ position: relative; padding-top: 290px;}
.topBar-in, .header-in, .main-in, .footer-in{ width: 1230px; margin: 0 auto; padding: 0 15 px; position: relative; }

.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; transition: background-color 0.4s;  }
.header-in .logo{ display: table-cell; vertical-align: top; white-space: nowrap }
.header-in .logo a{ display: inline-block; vertical-align: middle;text-decoration: none; }
.header-in .logo img{ display: block; height: auto; }
.header-in .logo h1{ margin: 0; }

.main{ background: white;  }
.main-in{  position: relative;}


.topNav{ display: table-cell; vertical-align: middle;  }
.topNav a{ display: block; padding: 0 10px; text-decoration: none; font-size: 1.05em; text-transform: uppercase; color: #0c4da2; padding: 0 30px; line-height: 75px; font-weight: 600; }
.topNav a span{ display: inline-block; border-bottom: 1px solid transparent; }
.topNav li{ position: relative; float: left; }
.topNav li:first-child a{ color: #ee2e2a; }
.topNav li:first-child a span{ border: 0; }
.topNav ul{ margin: 0; }
.topNav ul ul{display: none; position: absolute; left: 0; top: 34px; min-width: 200px;  background: White; background-color: rgba(255,255,255,.9); margin: 0; padding: 0; z-index: 5000;  }
.topNav ul ul li{ padding: 0; float: none; margin: 0; }
.topNav ul ul a, .topNav li:hover a, .topNav a.aktivni{ color: #ee2e2a;  }
.topNav li:hover a span, .topNav a.aktivni span{ color: #ee2e2a; border-bottom-color: #ee2e2a;  }

.topNav ul ul a { line-height: 1.2em; padding: 8px 10px; }
.topNav ul ul li+li a{ border-top: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); }
.topNav ul ul a:hover{ background: White; }
.topNav li:last-child ul, .topNav li:nth-last-child(2) ul{ left: auto; right: 0; }

.topCont{ display: table; width: 100%; }



.mutace{display: table-cell; vertical-align: middle; text-align: right;padding-left: 15px;}
.mutace p{ margin: 0; }
.mutace a{ text-decoration: none; text-transform: uppercase; font-size: .8em; display: inline-block; color: white; background: #ed1c24; line-height: 28px; text-align: center; min-width: 70px; -moz-border-radius: 14px; border-radius: 14px; -webkit-border-radius: 14px; }
.mutace a:hover{ background: #0c4da2; color: white; text-decoration: none; }

.content{ padding: 20px 0;   }

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

.xLayout .content, .news .content{ max-width: 100%; }
.xLayout .content:after{ display: none; }
.news{ background: #0c4da2;  color: white; }
.news a:hover{ color: white; }
.news h2{ color: white; font-size: 2.6em; margin-bottom: 0; float: left; }
.HPindex h2{  font-size: 2.6em; margin-top: 0;}
.HPindex .news{margin-top: 700px; }
.news .article h3 a{ color: white; }
.news .article h3{ font-weight: 300; font-size: 1.3em; font-style: normal; }
.news .article .date{ color: white; color: rgba(255, 255, 255, .6); }
.news .article .text{ color: rgba(255, 255, 255, .6); }
.archiv{ text-decoration: none; border: 1px solid white; float: right;  border-color: rgba(255, 255, 255, .6); text-transform: uppercase; font-size: .8em; display: inline-block; color: white;  padding: 0 15px; line-height: 28px; text-align: center; min-width: 70px; -moz-border-radius: 14px; border-radius: 14px; -webkit-border-radius: 14px; }
.news .archiv:hover{ background: white; border-color: white; color: #0c4da2; text-decoration: none; }

.fastmall{ display: block; position: absolute; left: auto; right: 20px; top: -200px; z-index: 5; width: 256px; height: 256px; background: transparent url(../img/logo4.png) no-repeat; }
.lang-2 .fastmall{ background-image: url(../img/logo4-en.png); }
.fastmall:hover{ background-position: 0 -256px; }
.HPindex .fastmall{right: auto; left: -50px; top: -400px; }


.footer{ color: #c9c9c9; font-size: .75em; padding-top: 30px; background: white; }
.footer a{ color: #c9c9c9; text-decoration: none; }
.footer p{ margin: 0; padding: 20px 0; }
.footer p  span{ margin: 0 4px; color: Silver; }

.slideShow{ position: relative; }
.tapeta img{ display: block; width: 100%; height: auto; }
.tapeta{position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
.claim{ position: absolute; left: 0; z-index: 1; top: 110px; width: 100%; font-weight: 400;}
.claim p{ max-width: 1230px; margin: 0 auto;  color: #0c4da2; font-size: 2.6em; line-height: 1.6em; font-weight: 400; padding-left: 260px; }
.claim p strong{ font-size: 2em; color: #ed1c24; font-weight: 600; }
.prepinac{ position: absolute; left: 0; top: 389px; width: 100%; z-index: 12; width: 100%;}
.prepinac p{ margin: 0; max-width: 1230px; margin: 0 auto; text-align: center; width: 100%;}
.prepinac img{ display: inline-block; vertical-align: bottom; cursor: pointer;  width: auto; height: 80px; border-top: 5px solid transparent;}
.prepinac img.aktivni{ border-top: 5px solid #ee2e2a; height: 100px; -moz-box-shadow: 0 -2px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.4); box-shadow: 0 -2px 3px rgba(0,0,0,.4); }
.prepinac img:hover{ border-color: #ee2e2a; }

.HPindex #page{ background: transparent none; }
.HPindex #base{ position: absolute; z-index: 10; left: 0; top: 0; width: 100%; padding-top: 570px; }
.HPindex .main{ margin-top: 0; }
.HPindex .content{ max-width: 100%; }

.content .filtr { margin: 0; padding: 0; }
.content .filtr:after{ content: " "; display: block; clear: both; }
.content .filtr li{  text-transform: uppercase; display: table; float: left; margin: 0; padding: 0; margin-right: 20px; }
.filtr li span, .filtr label{ display: table-cell; vertical-align: middle; padding: 1px 0; line-height: 1.6em; }
.filtr label{ color: #0c4da2; padding-left: 10px; }
.checkbox input, .radio input{display: none; }
.radio{ display: block; vertical-align: baseline; width: 20px; height: 20px; background: transparent  no-repeat 0 -23px; cursor: pointer; }
.radio.checked{ background-position: 0 0; }
.checkbox{ display: block; text-align: center; line-height: 44px; font-size: 20px; text-align: center; vertical-align: baseline; width: 46px; height: 46px; border: 1px solid #dadada; background: #f8f8f8; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top,  #e7e7e7 0%, #ffffff 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #e7e7e7 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #e7e7e7 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.checkbox.aktivni:before{ content: "\f00c"; color: #ACACAC; }
.checkbox.aktivni.clickable:before{ content: "\f00c"; color: #0c4da2; }
.checkbox.clickable{ border-color: #dadada; cursor: pointer;}
.tm0{ cursor: pointer; }


.fotbal{ text-align: center; font-size: .8em;}
.fotbal img{ display: block; margin: -104px  auto 0 auto; }

.scroll .header{ background: white; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); }

.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; }

.rozc a{ color: #0c4da2; text-align: left; display: block; font-style: italic; font-size: 1.4em; text-decoration: none; font-weight: 300; padding-bottom: 25px; }
.rozc img{ width: 100%; height: auto; background: no-repeat center center; background-size: cover; margin-bottom: 10px; display: block; }
.rozc a:hover{ text-decoration: none; color: #ed1c24; }
.rozc  span{ display: block; position: relative; }
.rozc  span:after{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(12, 77, 162, .8) url(../img/plus.png) no-repeat center center; }


.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: 10px 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; }
td p{ margin: 0; }

.gray{ color: silver; }
.contact h3{ font-size: 2.6em; margin-top: 0; }
.contact{margin-top: 0; background: #e5f1f9; background: -moz-linear-gradient(top,  #e5f1f9 0%, #ffffff 100%); background: -webkit-linear-gradient(top,  #e5f1f9 0%,#ffffff 100%); background: linear-gradient(to bottom,  #e5f1f9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1f9', endColorstr='#ffffff',GradientType=0 ); }
iframe{ display: block; }
.mapa{ background: white; }
.main+.main{ margin-top: 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; }

/*BUTTON*/
.btn{width: auto; border-color: #0c4da2; background: #0c4da2; color: white; text-transform: uppercase; min-width: 150px; text-decoration: none; display: inline-block; padding-left: 15px; padding-right: 15px;  line-height: normal; vertical-align: middle;  }
.btn:hover{  text-decoration: none; background: #ed1c24; color: white; text-decoration: none; border-color: #ed1c24; }

.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; }

.infoBox{ position: relative; }
.infoBox:after{ content: url(/img/sipka.png); position: absolute; bottom: -8px; display: block; left: 50%; margin-left: -10px; width: 20px; height: 12px; }

.tab_loga td{ padding: 5px; vertical-align: middle; }
.tab_loga td img{ display: block; margin: 0 auto; /*width: 100% !important; height: auto !important;*/ }



/*hovers*/
a:hover{ color: #0c4da2; text-decoration: underline; }


/*animace*/

a{ -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; }
.btn, button, .navig a, .prepinac img{ -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, .rozc span:after{ -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, .rozc a:hover span:after{ -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; }


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

img.cover {
    width: 100%;
    height: auto;
    background: transparent no-repeat center center;
    background-size: cover;
    display: block;
}

}

@-webkit-keyframes hdr
{
0%   {  background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none;}
100% {  background: white; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1);}
}
@keyframes hdr
{
0%   {  background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none;}
100% {  background: white; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1);}
}