@media screen, projection, tv{
html{ background: White;  margin: 0; padding: 0; min-width: 980px; background: #fbe6b3;}
body{ background: White;  margin: 0; padding: 0; min-width: 980px;background: #fbe6b3;}
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); }



hr{ color: #e8e8e8; background: #e8e8e8; clear: both; }
h1,h2,h3,h4,h5{ font-weight: 800;color:#c76627; text-transform: uppercase;}
h1{ font-size: 1.4em; margin: .8em 0 20px 0;}
h2{ font-size: 1.3em; margin: .8em 0 20px 0; }
h3{ font-size: 1.2em; margin: .8em 0 20px 0; }
h4{ font-size: 1.1em; margin: .8em 0 20px 0 ; }
h5{ font-size: 1em; margin: .8em 0 20px 0;  }

a{ color:#c76627; }

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: .8em; line-height: 1.6em; }

#page{  overflow: hidden;  }
#base{ position: relative; padding: 30px 5px;}
.topBar-in, .header-in, .main-in, .footer-in{ width: 950px; margin: 0 auto; padding: 0 30px; position: relative; }

.header-in{  background: white; padding: 0;  }
.header-in .logo{ background: transparent url(../img/header2.jpg) no-repeat; height: 265px; }
.header-in .logo a{ background: url(../img/logo.png) no-repeat; display: block; width: 138px; height: 99px; position: absolute; left: 32px; top: 42px; }
.h{ position: absolute; }
.h1{ left: 147px; top: 198px; }
.h2{ left: 268px; top: 95px; }
.h3{ left: 472px; top: 207px; }
.h4{ left: 747px; top: 48px; }
.h5{ left: 814px; top: 155px; }



.main-in{ background: white;  padding: 30px; }
.midCol, .rightCol, .leftCol{ float: left; }
.leftCol{ width: 210px; margin-left: -890px;}
.midCol{ margin-left: 210px; width: 680px; overflow: hidden; padding-left: 30px; }



.topBar-in{ background: white; padding: 10px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

	.topNav a{margin-right: 15px; text-decoration: none;}
	
.search{ text-align: right;}
.search input{ border-right: 0;  width: 100%; max-width: 185px; min-height: 0; background: #e3e4e5; border: 0; padding: 4px 5px; }
.search button{ border-left: 0; min-width: 33px;  text-align: center; background: #c76627; color: white; font-weight: bold; padding: 4px 10px; width: auto; border: 0; margin-left: 10px; }
.search button span{ display: none; }

.mutace{ position: relative; width: 80px;  display: inline-block; vertical-align: middle;  margin: 7px 0 7px 15px;}
.mutace ul{ position: absolute; left: 0; top: 37px; width: 80px; background: White; z-index: 1000; border: 1px solid #e6e0e0; border-top: 0; margin: 0; padding: 2px 0 0 0; display: none; padding-bottom: 1px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.mutace i{ font-size: 18px; vertical-align: middle; margin-left: 5px; position: absolute; top: 1px; right: 1px; text-align: center; width: 37px; height: 37px; line-height: 37px; color: black; }
.mutace span{ line-height: 23px; margin: 0; padding: 0; padding: 0 0 0 0; text-align: left; padding: 9px 13px; height: 37px; cursor: pointer;  display: block; border: 1px solid #e6e0e0; background: White;  }
.mutace li a{margin: 0; padding: 0; line-height: 28px; color: White; padding: 0 13px; text-decoration: none; display: block; }
.mutace li{ line-height: normal; height: auto; display: block; padding: 0 0 5px 0; }
.mutace img{ display: block; border: 1px solid #E7E7E7;  }
.mutace li a:hover{ color: #e4002c; }
.mutace.rollOut span{  border-bottom: 0;  }
.mutace.rollOut ul{ display: block; }

.menu{ background: #fbe6b3; padding: 8px; }
.menu a{ background: #fbe6b3 url(../img/m2.png) no-repeat 100% -5000px; color: White;  font-size: 1.1em; display: block; text-decoration: none;  padding: 6px 8px; font-weight: bold; color: #c76627; text-transform: uppercase;  }
.menu a:hover, .menu .rozbal>a, .menu a.aktivni{ background-color: #d1800c; color: White;  text-decoration: none; background-position: 100% center;}
.menu li:first-child{ border: 0; }
.menu li{ position: relative; }
.menu ul{ margin: 0; padding: 0; }
.menu ul ul{ padding: 4px 0 10px 0; display: none; }
.menu ul ul a{ font-size: 1em; font-weight: 400;  padding: 2px 8px;  }
.menu ul ul ul a{ font-weight: 300;  padding: 2px 8px 2px 19px; background: transparent url(../img/m1.png) no-repeat 8px center;}
.menu ul ul a:hover{ background: transparent none; color: #c76627; text-decoration: underline; }
.menu ul ul ul{ padding: 0; }
.menu ul ul ul a:hover{ background: transparent url(../img/m1.png) no-repeat 8px center; color: #c76627; text-decoration: underline; }
.menu .rozbal>ul{ display: block; }
.menu ul ul .rozbal>a{ background: transparent; text-decoration: underline;color: #c76627; }
.menu ul ul ul .rozbal > a{ background: transparent url(../img/m1.png) no-repeat 8px center; }



.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: .2em 0 .2em 0; position: relative;  padding-left: 30px; display: table;}
.content ul li:before, .cke_editable ul li:before{ content: " "; background: #c76627; 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%; }


.footer p{ margin: 0; padding: 30px 0 0 0; font-size: .85em; }
.footer p  span{ margin: 0 4px; color: Silver; }
.footer a{ color: black; text-decoration: none; }


.box{ margin: 30px 0; padding: 0 8px; }
.box h3{ font-size: 1.2em; margin-bottom: 5px; }


.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: rgba(166,168,176,.2); padding: 6px 10px; }
.tab 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; }

.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; }
.info{ margin-bottom: 30px; }

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

.clanek{ padding-top: 30px; }
.clanek .dat strong{ font-weight: 400; }
.clanek .dat{ text-align: right; font-size: .8em;  padding: 10px 0 0 0; margin: 0; clear: both; }
.clanek .dat a{ color: black;  }
.clanek+.clanek{ border-top: 1px solid #c76627;  }
.clanek h3{ margin: 0; }
.clanek img{ float: left; width: 235px; height: auto; margin-right: 25px; border: 1px solid #d9dadb; }
.page167 .clanek img {width:144px}
.text{ margin: 1em 0; }
.vice{ padding-left: 10px; background: transparent url(../img/vice.png) no-repeat 0 center; line-height: 1.2em; }
h2.hlavni{ border-bottom: 1px solid #c76627; margin-bottom: 0; }
h2.hlavni span{ padding-right: 15px; background: white; display: inline-block; bottom: -10px; position: relative; margin-bottom: 0;  }

.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: #ececee; text-decoration: none; display: inline-block; padding-left: 15px; padding-right: 15px;  line-height: normal; vertical-align: middle;  }
.btn:hover{  text-decoration: none; }

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



/*hovers*/
a:hover{ color: black; 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; }




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





}