@media screen, projection, tv{
html{ background: White;  margin: 0; padding: 0; min-width: 1230px;}
body{ background: White;  margin: 0; padding: 0; min-width: 123	0px;}
html,body, input, textarea, select, table{ font-family: 'Noto Serif', serif; color: black; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New Roman", "New York CE", "Times CE", Georgia, times, serif;
*/


hr{ color: #e8e8e8; background: #e8e8e8; clear: both; }
h1,h2,h3,h4,h5{ font-weight: 400; }
h1{ font-size: 1.75em; margin: .8em 0 10px 0; font-weight: bold; text-transform: uppercase;}
h2{ font-size: 1.75em; margin: .8em 0 20px 0; font-weight: bold; }
h3{ font-size: 1.6em; margin: .8em 0 20px 0; }
h4{ font-size: 1.4em; margin: .8em 0 20px 0 ; }
h5{ font-size: 1.3em; margin: .8em 0 20px 0;  }

a{ color: black; }

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

#page{ font-size: .9em; line-height: 1.5em; overflow: hidden;  }
#base{ position: relative;}
.menu-in, .header-in, .main-in, .footer-in{ width: 1230px; margin: 0 auto; padding: 0 0; position: relative; }


.header-in{ padding: 27px 20px 22px 20px;  }
.header-in .logo{ display: table; float: left; }
.header-in .logo a{ height: 100; display: table-cell; vertical-align: bottom; height: 100px; }
.header-in .logo a{ display: inline-block; text-decoration: none; color: black; font-size: 2.1em; font-weight: bold; }
.header-in .logo img{ display: block; }
.header-in .logo span{ display: table-cell; vertical-align: bottom; line-height: 1.2em; padding-right: 30px; }
.header-in:after{ content: " "; display: block; clear: both; }


.main-in{ padding: 16px 0;  }
.midCol, .rightCol, .leftCol{ float: left; }
.leftCol{ width: 246px; margin-left: -1226px; padding: 1px 15px 0 20px; border-right: 1px solid #cccccc;}
.midCol{ margin-left: 245px; width: 736px;  padding-left: 0;  border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.rightCol{ width: 246px; padding: 1px 10px 0 20px;   border-left: 1px solid #cccccc; margin-left: -1px;}
.xLayout .midCol{ margin-left: 0; width: 981px; border-left: 0; }


.topNav{ position: absolute; right: 20px; top: 27px;  }
.topNav a{ display: block; padding: 0 0; text-decoration: none; color: black; font-size: .9em; }
.topNav li{ margin: 0 0 0 15px; position: relative; float: left; }
.topNav ul ul{ 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: #771d1f;  }
.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{ float: right; width: 540px; text-align: right; padding-top: 57px; }
.search{ display: inline-block; vertical-align: middle; }
.search input{  height: 40px; width: 100%; max-width: 203px;  padding: 5px 10px; padding-right: 50px;margin: 0; min-height: 40px; }
.search button{  height: 40px; min-width: 40px; margin: 0; font-size: 20px; text-align: center; line-height: 20px; width: auto; color: black; border: 0; background: transparent none; margin-left: -40px; }
.search button span{ display: none; }
.search button:hover{ color: #771d1f; }
.loginBox{ display: inline-block; vertical-align: middle;  margin-right:10px; }
.loginBox a.logBtn, .loginBox a.regBtn{ margin-right: 10px; display: inline-block; text-decoration: none; color: #4d4d4d; text-transform: uppercase; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #cccccc; line-height: 38px; text-align: center; width: 114px; }
.icoBtn{ margin-left:3px;display: inline-block; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; color: #7f7f7f;  border: 1px solid #ccc; text-align: center; width: 40px; line-height: 40px; height: 40px; }
.icoBtn i{ font-size: 20px; }
.loginBox a.regBtn, .icoBtn2{ background: #7f7f7f; color: white; border-color: #7f7f7f; }
.loginBox a:hover{ border-color: #771d1f; text-decoration: none; }
.loginBox a.regBtn:hover{ background: #771d1f; color: white; } 
.loginBox .userN{ display: inline-block; vertical-align: middle; font-size: .75em; color: #7f7f7f; line-height: 1.2em;font-family: sans-serif; }
.loginBox .userN span{ color: black; }

.menu{ background: #771d1f; padding-top: 5px;  }
.menu:after{ content: " "; display: block; clear: both; }
.menu a{ color: White; font-weight: 300; font-size: 1.05em; display: block; text-decoration: none; font-weight: bold; padding: 0 20px; line-height: 45px;  }
.menu a:hover, .menu a.aktivni{ color: White; text-decoration: underline; }
.menu li:first-child{ border: 0; }
.menu li{ position: relative; float: left;padding: 0 0 5px 0;}
.menu ul{ margin: 0; padding: 0; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.menu ul ul{ position: absolute; left: 0; top: 50px; width: 230px; background: white; z-index: 100; padding: 15px 0 20px 0;  }
.menu ul ul li{ padding: 3px 15px; float: none; }
.menu ul ul a, .menu li:hover a{   }
.menu ul ul a{ color: black; text-transform: none; font-weight: 400; padding: 3px 5px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; line-height: 1.2em; display: inline-block; }
.menu ul ul a:hover, .menu ul ul a.aktivni{  background: #771d1f; color: white; text-decoration: none; }
.menu ul .subex ul a:after{  display: none;  }
.menu ul .subex:hover>a{ background: white; color: #771d1f; text-decoration: none; }
.menu ul .subex:hover{ background: white; }
.menu ul .subex:hover>a:after{ color: #771d1f; }

.content{ padding: 1px 20px; }
.content ul{ margin-left: 0; padding: 0; list-style-image: none;}
.content ul li, .content ol li{ padding: .2em 0 .2em 0; position: relative;  padding-left: 30px;}
.content ul li:before{ content: " "; background: #771D1F; 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; }

.footer{ border-top: 12px solid  #771d1f; color: gray; font-size: .85em;  }
.footer-in{ padding: 0 20px; }
.footer p img{ float: left; }
.footer p{ text-align: right; }
.footer a{ color: gray; }
.footer p{ margin: 0; padding: 30px 0; }
.advr{ text-align: center; }

.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{ font-size: 1em; border: 0;   border-collapse: collapse; margin: 1em 0; width: auto; line-height: 1.3em; }
.tab td, .tab th{ border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-color: #cccccd; padding: 6px 10px; }
.tab th{ font-weight: bold; text-align: left; vertical-align: top; font-size: 1.1em; }
.tab tr:nth-of-type(odd){   }


.prepinac{  white-space: nowrap; padding: 0 0; text-align: center; z-index: 5; position: absolute; left: 50%; bottom: 25px;  z-index: 8; width: 300px; margin-left: -150px;}
.prepinac span{ display: inline-block; width: 16px; height: 16px; overflow: hidden; border: 1px solid #0DA239; cursor: pointer; background: white; background-color: rgba(255,255,255,.3); margin-right: 9px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; }
.prepinac span.aktivni, .prepinac span:hover{ background: #0DA239; }


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

.article{ margin-bottom: 40px; }
.article h3{ margin: 0 0 5px 0; }
.articleInfo{ color: #7f7f7f; font-size: .75em; font-family: sans-serif; margin: 0 0 0 0;}
.articleInfo a{ color: #7f7f7f; text-decoration: none;  }
.articleInfo i{ font-size: 14px; vertical-align: middle; margin-left: 4px; }
.pic{ float: left;  position: relative;  margin: 5px 30px  12px 0;}
.pic .obr{ margin: 0; }
.articleDet .pic .obr{ max-width:550px;}
.article .pic img{ width: 203px; display: block; height: auto; background: transparent center 0;  background-repeat: no-repeat;  background-size: contain; }
.article .pic{ margin: 5px 25px 0 0; }
.article .pic a{ display: block; }
.article:after{ content: " "; display: block; clear: both; }
.articleInfo .comm{ width: 30px; height: 25px; line-height: 22px; margin-left: 4px; text-decoration: none; color: white !important; background: transparent url(../img/comm2.png) no-repeat; padding-right: 1px; text-align: center; display: inline-block; vertical-align: middle; font-size: 1em; }
.articleInfo .comm:hover{ color: white !important; text-decoration: none; }
.articleInfoBot, .articleInfoBot a{ color: black; font-size: 1em; }
.firstArt .pic img{ width: 454px; }
.article:last-child{ border-bottom: 1px solid #ccc; padding-bottom: 20px; margin: 0; }
.label{ position: absolute; display: block; top: 0; left: -10px; height: 36px; line-height: 36px; color: white; background: #771d1f;  padding: 0 12px; text-transform: uppercase; }
.label:after{ content: url(../img/lab3.png); display: block; position: absolute; top: 0; right: -11px; }
.label:before{ content: url(../img/lab2.png); display: block; position: absolute; bottom: 4px; left: 0; width: 10px; height: 10px; display: block; }
.perex .label:before{ bottom: 6px; }
.label.blue:after{ content: url(../img/lab1.png);  }
.label.blue:before{ content: url(../img/lab4.png); }
.label.blue{ background: #1653b4; }

.topArticles{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px 0px; margin: 20px 0px; }
.topArticles:after{ content: " "; display: block; clear: both; }
.topArticles .article .pic{ float: none; display: block; margin: 0; }
.topArticles .article .pic img{ width: 100%; display: block; }
.topArticles h4{ text-transform: uppercase; color: #434343; font-size: 1em; font-weight: 400; margin: 0 0 17px 0; }
.topArticles .article{ float: left; width: 20%; margin: 0; border-bottom: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 20px;}
.topArticles  .article h3{ font-size: 1.4em; margin: 20px 0 0 0; }
.topArticles  .article+.article{ margin-left: -1px;  }
.topArticles  .article:first-child{ border-left: 0; }
.topArticles  .article:last-child{ border-right: 0; }

.leftCol h2, .rightCol h2{ font-weight: bold; font-size: 1.4em; margin: 0 0 20px 0; text-transform: uppercase;  color: #595959;}
.leftCol .article h3, .rightCol .article h3{ font-size: 1.2em; }
.leftCol .article, .rightCol .article, .leftCol .article a, .rightCol .article a{ color: #595959; }
.leftCol .articleInfo, .rightCol .articleInfo,.leftCol .articleInfo a, .rightCol .articleInfo a{ color: #acacac; }
.leftCol .article a:hover, .rightCol .article a:hover{ color: black;  }
.rightCol .article.dis h3 a{ text-decoration: underline; }

.dis .text{ font-style: italic; }

.facebook{ float: left; width: 986px; margin-left: 244px; padding: 20px 0; }
.xLayout .facebook{ float: none; width: 100%; margin: 0; clear: both; padding: 20px; }
.banners{ margin-bottom: 20px;}
.facebook2{  width: 100%;  padding: 0 20px; }
.facebook2 iframe{ margin: -1px; }
.facebook2 div{ overflow: hidden; height: 230px;}

.abs, .perex{ font-size: 1.4em; line-height: 1.5em; }
.pic~p{ margin-top: 0; }
.articleDet h2,.articleDet h3,.articleDet h4,.articleDet h5{ margin-bottom: 0; }
.articleDet p{ margin-top: 0; }
.articleDet h1{ margin-top: 0; margin-bottom: 20px; }

hr{ background: #cccccc; margin: 20px 0; }
.fotogalerie h3, .articleDis h3, .souvis>h3{ font-weight: bold; font-size: 1.75em; margin: 20px 0; }
.soc a{ margin-left:5px;display: inline-block; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; color: #7f7f7f;  border: 1px solid #ccc; text-align: center; width: 40px; line-height: 38px; height: 40px; }
.soc{ display: inline-block; vertical-align: middle; margin-left: 10px; }
.soc i{ font-size: 20px; line-height: 38px; }

.btn{width: auto; border-color: black; background: black; font-weight: bold; color: white;  text-decoration: none; display: inline-block !important; padding-left: 25px; padding-right: 25px; text-transform: uppercase;  line-height: normal; vertical-align: middle;  }
.btn:hover{  text-decoration: none; color: white; background: #771d1f; border-color: #771d1f;  }
.btn2, .prispevek .btn{ background: white; border-color: #cccccc; color: black; font-weight: 400; }
.btn2:hover, .prispevek .btn:hover{ background: #771d1f; border-color: #771d1f; color: white; }



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

.navig{ margin: 30px 0 0 0; text-align: center; border-width: 1px 0 0 0;  padding: 30px 0 0 0; }
.navig a, .navig strong{ color: black; width: 26px; line-height: 24px; min-width: 26px; text-align: center; display: inline-block; margin: 0 1px; border: 1px solid #ccc; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; text-decoration: none; }
.navig strong{ background: #771d1f; color: White; font-weight: normal; border-color: #771d1f; }
.navig span{ display: inline-block;  content: "..."; color: #118dc0; line-height: 30px; margin: 0 5px; }
.navig a:hover{ background: #ccc; color: White; text-decoration: none; }
.navig i{ font-size: 1.2em; }

.zal{ margin: 1em 0; }
.zal ul{ list-style-type: none; list-style-image: none; margin: 0; padding: 0;  font-size: 1em; display: block;  vertical-align: middle;}
.zal ul li{ float: left;  margin: 0; padding: 0; text-align: center;  white-space: nowrap;  }
.zal li a{ text-decoration: none; display: block;  padding: 12px 25px; font-size: .9em; text-transform: uppercase;  color: #636363; border: 1px solid #cfcfcf; border-bottom: 0; -moz-border-radius: 4px 4px 0 0 ; border-radius:  4px 4px 0 0 ; -webkit-border-radius:  4px 4px 0 0 ;}
.zal li.ui-state-active a, .zal li.ui-state-active a:hover{  color: white; background: #771d1f; border-color: #771d1f; }
.zal li.ui-state-active{  position: relative; z-index: 2; }
.zal ul:after{ content: " "; display: block; border-bottom: 1px solid #cccccc; width: 100%; clear: both; position: relative; top: -1px; z-index: 1; }
.zal li a:hover{ text-decoration: none; color: white; background: #cccccc; border-color: #cccccc; color: black; }
.zal ul li:before{ display: none; }
.zal h5{ font-weight: 300; display: inline-block; margin: 0; vertical-align: middle; text-transform: uppercase; font-size: .9em; margin-right: 10px; }
.zal li+li{ margin-left: -1px; }
.zal li i{ margin-left: 5px; }
.vypis .zal{ margin-top: 0; }



.menu .subex a:after{  content: "\f107"; margin-left: 5px; color: white; font-size: 20px; font-weight: normal; 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); }

.faq h3:before{ color: black; width: 40px; margin-left: -40px; }
.faq+.faq{ margin-top: 30px; }
.faq h3{ margin: 0; font-size: 1.2em; font-weight: bold;  }
.faq p{ margin: 5px 0; }
/*.faq .odp{ margin-left: 40px; }*/


/*hovers*/
a:hover{ color: #771d1f; 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{ -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-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 ul ul, .topNav ul ul{ -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;   visibility: hidden;  }
.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; }





}