@media screen, projection, tv{
html{ background: White;  margin: 0; padding: 0; min-width: 985px;}
body{ background: White;  margin: 0; padding: 0; min-width: 985px;}
html,body, input, textarea, select, table{ font-family: "Open Sans", "Arial CE", "Helvetica CE", Arial,  helvetica, sans-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: 300;  }
h1, .HPindex h2{ font-size: 2.4em; margin: .8em 0 20px 0;}
h2{ font-size: 2.1em; margin: .8em 0 0 0; }
h3{ font-size: 2em; margin: .8em 0 20px 0; }
h4{ font-size: 1.15em; margin: 2em 0 1em 0; font-weight: bold; text-transform: uppercase;}
h5{ font-size: 1em; margin: 1em 0;   font-weight: bold; text-transform: uppercase;}
ul{ margin: 0; }

a{ color: black; }

input, textarea, select, button, .btn, .numInput strong{ margin: 3px 0; border: 1px solid #e5e5e5; color: black; padding: 8px; display: inline-block; background: White; text-decoration: none; width: 100%; }
input:focus, textarea:focus, select:focus{ border-color: Black; }

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


.header-in .logo{ padding: 20px 0; text-align: center;  }
.header-in .logo img{ display: inline-block; margin: 0 -57px 0 0; height: auto; width: 350px; }


.midCol, .rightCol, .leftCol{ float: left;  }
.leftCol{ width: 310px; margin-left: -1200px; padding: 30px 0; font-size: .9em; }
.midCol{ margin-left: 310px; width: 890px;  padding-left: 30px; }
.xLayout .midCol{ margin: 0; padding-left: 0; width: 100%; }


.topBar{ background: White; border-bottom: 1px solid  #e5e5e5;   line-height: 1.2em; font-size: .9em; padding: 5px 0; }
.topBar ul{ display: inline-block; vertical-align: middle; }
.topBar:after{ content: " "; display: block; clear: both; }
.topBar a{ color: black; text-decoration: none;  display: inline-block;}
.logBar{ float: right;  padding-right: 0; margin-right: 0;   }
.topBar li{ float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #e5e5e5; text-transform: uppercase;}
.topMenu li:last-child{ border: 0; }
.topMenu{ float: left; }
.cartBox{  display: inline-block; vertical-align: middle; }
.cartBox strong{ display: inline-block; white-space: nowarp; margin-left: 8px; }
.cartBox i{ margin-left: 4px; }

.topNav{  position: relative; border:  1px solid #E5E5E5;  }
/*.topNav ul{ background: #000000; }*/
.topNav ul{ background: #8a8a8a; }
.topNav ul a{ display: block; padding: 0 0; position: relative; line-height: 45px; color: White; text-transform: uppercase; text-decoration: none; font-size: 1.2em; font-weight: 400; text-align: center; white-space: nowrap;  }
.topNav ul{ display: table; width: 100%; position: relative; z-index: 1000; }
.topNav li{ display: table-cell; z-index: 1000; min-width: 80px;  }
.topNav li+li{ border-left: 1px solid #aaaaaa; }
.topNav ul ul a, .topNav li:hover a, .topNav a.aktivni{ color: Black; background: #f8f8f8; text-decoration: none;  }
.sub{ position: absolute; padding: 10px 0; background: #f8f8f8; font-size: .9em; left: 0; margin: 0 -1px; top: 45px; z-index: 100; width: 100%; border:  1px solid #E5E5E5; border-top: 0; ; }
.sub ul{ display: block;  margin: 0; padding: 0; background: transparent; }
.sub ul li{ display: block; border: 0 !important ; width: 25%; float: left; margin: 0; padding: 7px;}
.sub ul a{ text-align: left;  line-height: 1.15em; color: Black; font-weight: bold; padding: 3px 3px; background: transparent; white-space: normal; display: block; }
.sub ul ul li{ float: none; padding: 0; width: auto; }
.sub ul ul a{ font-weight: 400; text-transform: none; font-size: 1em; display: block; }
.sub ul li:nth-of-type(4n+1){ clear: left; }
.sub ul a:hover{ text-decoration: underline; }
/*.sub:before{ content: " "; display: block; clear: both; border-top: 1px solid black; margin: 30px 0 15px 0; width: 100%; }
.topNav .subex:hover>a:after{ content: " "; z-index: 101; display: block; clear: both; margin: 0; width: 100%; height: 31px; position: absolute; bottom: -31px; left: 0; background: #f8f8f8; }*/





.search{display: none; border:  0; background: #f8f8f8; padding: 10px; border-bottom: 0;  } 
.search input{ border: 1px solid #E5E5E5; padding: 10px 50px 10px 10px; width: 100%; background: White none; display: block; height: 40px; margin: 0; }
.search fieldset{ position: relative; display: block; }
.btnSearch{ border-left: 0; height: 40px; font-size: 18px; padding: 0; border: 1px solid white;  background: white no-repeat 100% 100%; color: black; text-align: center; line-height: 38px; width: 40px;  }
.btnSearch:hover{ border-color: #E5E5E5; }
.search button span{ display: none; }
.search button{ width: 38px; height: 38px; text-align: center; line-height: 36px; position: absolute; right: 1px; top: 1px; color: black; background: white; border: 0;   font-size: 18px; padding: 0;}
.search span.input{ display: block; }
.search span.input i{ color: black; cursor: pointer; width: 27px; font-size: 13px; line-height: 70px; position: absolute; left: 9px; top: 0; text-align: center; display: none; }
.search.rozbal{ display: block;  }
.btnSearch{ display: block; top: 30px; right: 15px; z-index: 5;  position: absolute; cursor: pointer;}
.search button:hover{ background: black; color: white; }
.rozbal .fa-search::before {  content: "\f00d"; }

.menu{ border-bottom: 1px solid #d9d9d9; }
.menu h3{ font-size: 1.25em; line-height: 1.45em; font-weight: regular; background: black; color: White;   text-transform: uppercase; margin: 0; }
.menu h3 a, .menu h3 span{ display: block; color: white; padding: 10px 10px; text-decoration: none; }
.menu h3 a:hover{ text-decoration: underline; }
.menu ul a{ color: #404040; text-decoration: none; text-transform: uppercase; font-size: 1.15em; font-weight: bold; padding: 4px 20px 4px 3px;  display: inline-block; }
.menu li{ position: relative;  padding: 8px 7px; }
.menu ul{ margin: 0; padding: 0;  }
.menu ul ul a{ font-size: 1em; text-transform: none; font-weight: 400; padding: 2px 3px; display: block; color: #404040;  }
.menu ul ul li{ border: 0 !important; padding: 0; padding: 0 0;}
.menu ul a:hover{ text-decoration: underline; }
.menu li+li{ border-top: 1px solid #d9d9d9; }
.menu ul a:hover, .menu .aktivni>a{  text-decoration: underline; }
.menu ul ul ul a:before{ content: "\f105"; display: inline-block; vertical-align: baseline; margin-right: 7px; line-height: 1em; margin-left: -12px; }
.menu ul ul ul ul{ margin-left: 10px;}
.menu ul ul{ display: none; }
.menu ul ul ul{ padding-left: 12px; }
.menu ul  .aktivni>a{ text-decoration: none; font-weight: bold; }
.menu ul .aktivni>ul{ display: block; }
.menu .plus{ position: absolute; right: 0; top: 10px; width: 20px; line-height: 18px; height: 20px; cursor: pointer; text-align: center; padding: 0; color: #404040; }
.menu .plus:before{ content: "+"; font-weight: bold; font-size: 24px; }
.menu .aktivni .plus:before{ content: "-"; font-size: 30px;  }
.menu ul ul .aktivni a{ color: Black; }
.menu .plus:hover{ background: Black; color: White !important ; }


.filtr{  margin-top: 30px; background: #f7f7f7; }
.filtr li>span{ color: Black; text-decoration: none; text-transform: uppercase; font-size: 1.15em; padding: 10px 10px; display: block; cursor: pointer; }
.filtr li{ border-top: 1px solid #d9d9d9; }
.filtr { border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; }
.filtr li>span:after{ float: right;  cursor: pointer; content: "\f106";  font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 20px; }
.filtr ul ul li{ border: 0; padding: 2px 0; }
.filtr ul{ margin: 0; }
.filtr input{ margin-right: 6px; }
.filtr ul ul{ margin: 0; padding: 0; }
.filtr .filtrCont{ display: block; padding: 2px 10px 13px 10px; margin-top: -4px; }
.filtr .rozbal .filtrCont{ display: none; }
.filtr .rozbal>span:after{ content: "\f107"; }
.forinput{ display: inline-block; line-height: 45px; }
.filtrCont a{ color: Black; text-decoration: none; }
.next{ cursor: pointer; display: block; padding-top: 4px; text-decoration: underline; }
.filtrSub { padding: 10px 10px 10px 10px; margin: 0; border-top: 1px solid #d9d9d9; }
.filtrSub .btn{ text-transform: none; padding: 6px 10px; width: 100%; text-align: center; }


.nabidka a{ color: Black; text-decoration: none; text-transform: uppercase; font-size: 1.15em; padding: 10px 10px; display: block; }
.nabidka li{ border-top: 1px solid #d9d9d9; }
.nabidka { border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; }
.nabidka i{ line-height: 20px; float: right; }
.nabidka ul ul li{ border: 0; padding: 2px 0; }
.nabidka input{ margin-right: 6px; }
.nabidka ul ul{ margin: -4px 0 0 0; padding: 0 0 10px 10px; display: none; }
.nabidka .aktivni ul{ display: block; }

.content{ padding: 30px 0; }
.content ul{ margin-left: 1.2em; padding: 0; list-style-image: url(../img/li.png);}
.content ul li{ padding: .2em 0 .2em 0; }
.content>h1:nth-of-type(1){ margin: 0 0 0 0; }
.w25{ width: 25px; }

.footer{ border-top: 1px solid #e5e5e5; font-size: .9em; }
.footer a{ text-decoration: none; color:  black;}
.footer p{ margin: 0; }
.footer .ff{ padding: 15px 0;  }
.footer .ff p{ margin: 25px 0 0 0; padding: 0;  }
.footer .col-3{ /*border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6;*/ margin: 15px 0; }
.footer .row .col-3:first-child{ border-left: 0; }
.footer .row .col-3:last-child{ border-right: 0; }
.footer .col-3+.col-3{ margin-left: -1px; }
.footer .col-3 p{ margin: 10px 0; }
.footer h4{ font-size: 1.1em; margin:  0 0 6px 0; font-weight: bold; text-transform: uppercase;}
.footer i{ color: Gray; }
.loga{ display: block; width: 100%; margin: 30px 0; text-align: center; }
.loga span{ display: inline-block; text-align: center; vertical-align: middle;   }
.loga img{ margin-right: 5px; display: inline-block; margin-bottom: 5px;}
.lMore{ text-align: center; color: #9F9F9F; text-transform: uppercase; font-size: .9em; cursor: pointer; margin: 0; padding: 0 0;  line-height: 1em;}
.moreL{ display: none; }
.moreL:after{ content: " "; display: block; clear: both; }
.lMore i{ vertical-align: middle; margin-right: 10px; }
.lMore:hover{ color: black; }


.ff .row li{ padding: 4px  0; line-height: 1.2em; }
.soc a{ display: inline-block; -moz-border-radius: 50%; margin-bottom: 10px; border-radius: 50%; -webkit-border-radius: 50%; margin-right: 8px; text-align: center; font-size: 18px; text-decoration: none; color: White; line-height: 40px;  width: 40px; height: 40px; background: Black; }
.soc a i{ color: White; }
.soc .fb{ background: #46629E; }
.soc .tw{ background: #5EA9DD; }
.soc .gg{ background: #DB4A39; }
.soc .rss{ background: #c26900; }
.soc a:hover{ background: Black; color: White;  text-decoration: none; }

.loga{ display: block; width: 100%; margin: 30px 0; text-align: center; }
.loga span{ display: inline-block; text-align: center; vertical-align: middle;   }
.loga img{ margin: 0 10px; display: inline-block; margin-bottom: 5px; width:100px; height:100px;}
.loga a{ display: inline-block; text-decoration: none; }


.catImg img{ display: block; margin-bottom: 15px; }
.abs{ }

.box h3{ font-size: 1.15em; line-height: 1.45em; color: #7f7f7f; font-weight: 300; text-transform: uppercase; font-weight: bold;  padding: 10px 10px;  margin: 15px 0; border-bottom: 1px solid #d9d9d9;}
.lastvisit .pic{ width: 50%; height: 105px; float: left; max-width: 160px; }
.lastvisit .pic span{ width: 105px; height: 105px; }
.lastvisit .pic span img{ max-width: 100px; max-height: 100px; }


.nejpr .pic{ width: 25%; height: 183px; float: left; display: block; }
.nejpr .pic a{ display: table; width: 100%; }
.nejpr .pic span{ width: 100%; height: 183px; margin: 0 auto; }
.nejpr .pic span img{ max-width: 160px; max-height: 160px; }
.nejpr .pic+.pic{ border-left: 1px solid #d9d9d9; }


.filtr:after, .nejpr:after, .kategorie:after{ content: " "; display: block; clear: both; }



.kategorie ul{ margin: 10px 0 0 0; padding: 0; list-style-image: none; }
.kategorie ul li{ float: left; margin: 0; padding: 16px 16px 0 0; }
.kategorie li a{ display: block; text-decoration: none; color: Black; text-transform: uppercase; line-height: 1.3em;border-bottom: 1px solid #d6d6d6; width: 170px; }
.kategorie li span{ text-align: center; display: table-cell; height: 45px;  width: 170px; vertical-align: middle; padding: 0 0px; }
.kategorie li strong{ display: block; width: 170px; height: 170px; background: transparent no-repeat center center; }
.kategorie li:nth-of-type(4n+4){ padding-right: 0; }

.razeni .row label { display: inline-block; font-size: 1em; padding: 0; text-transform: uppercase; }
.razeni{ border-bottom: 1px solid #d6d6d6; padding: 10px 0;border-top: 1px solid #d6d6d6; margin-top: 30px; }
.raz{  color: #7f7f7f; text-align: right; }
.raz .selectricWrapper, .raz select{ max-width: 165px; display: inline-block; vertical-align: middle; text-align: left; }
.vyber { display: table-cell; height: 40px; vertical-align: middle; }

.vypis{ margin: 30px 0; }
.vypis table{ width: 100%; table-layout: fixed; }
.vypis th, .vypis td{ width: 33.33%;  vertical-align: top; }
.vypis td{ overflow: hidden; position: relative; }
.vypis th a{ color: Black; }
.vypis th h3{ font-size: 1em; font-weight: bold; line-height: 1.3em; margin: 0; }
.pm{ font-size: .8em; color: #7f7f7f; }
.vypis th, .vypis td{ padding: 0 25px; text-align: left; }
.cena{ float: right;  font-size: 1em; font-weight: bold; line-height: 1.3em; display: inline-block; padding-left: 10px; white-space: nowrap; }
.lab1{ font-weight: bold; color: #478f00; }
.lab2{ font-weight: bold; color: #8B0000; }
.vypis, .lab1, .vypis .lab2{  display: block; }
.vypis th+th, .vypis td+td{ border-left: 1px solid #d6d6d6; }
hr{ border-color: #d6d6d6; }
.vypis .pic{ width: 213px; height: 213px; display: block; margin: 0 auto;  }
.vypis .pic a{ display: table; width: 100%; }
.vypis .pic span{ width: 213px; height: 213px; }
.vypis .pic span img{ max-width: 200px; max-height: 200px; }
.vypis .delic{ padding: 0; }
.vypis .lab1, .vypis .lab2{ background: white none repeat scroll 0 0; bottom: -28px; border-top: 1px solid #e8e8e8; display: block; height: 28px; left: 0; padding: 5px 0 0; position: absolute; text-align: center; width: 100%; }
.vypis td:hover .lab1, .vypis td:hover .lab2{ bottom: 0; }

.HPindex .midCol{ margin: 0; float: none; width: 100%; padding:  0; }
.HPindex .footer .loga{ display: none; }
.HPindex  .loga{ margin: 40px 0; }

.mozaika{ margin: -30px 0 40px 0; }
.mozaika ul{ margin: 10px 0 0 0; padding: 0; list-style-image: none; }
.mozaika ul li{ float: left; margin: 0; padding:  30px 0 0 30px; }
.mozaika li a{ display: block; text-decoration: none; color: Black; text-transform: uppercase; line-height: 1.3em;border-bottom: 1px solid #d6d6d6;  }
.mozaika li span{ display: table; width: 100%; }
.mozaika li span span{ text-align: center; display: table-cell; height: 44px;  vertical-align: middle; padding: 0 0px; }
.mozaika li strong{ display: block; width: 170px; height: 126px; background: transparent no-repeat center 0; background-size: cover; }
.mozaika .m1 a strong{ width: 372px; height: 327px; }
.mozaika .m1{ padding-left: 0; }
.mozaika .m7 a strong{ width: 372px;  }
.mozaika .m10 a strong{ height: 327px;  }
.mozaika .m10{ margin-top: -201px; }
.mozaika li a:hover, .kategorie li a:hover{ color: White; background: Black; border-color: Black; }


.slideShow{  position: relative; background: Black; overflow: hidden; width: 100%; }
.slide+.slide{ position: absolute; left: 0; top: 0;width: 100%; height: 100%;  }
.slide img{ display: block; width: 100%; height: auto; max-height: 419px; }

.detImg .pic, .detImg .pic span{ width: 100%; height: auto;  }
.detImg .pic span img{ max-width: 415px; max-height: 415px; width: 100%; height: auto !important; }
.links span, .links a{ text-decoration: underline; display: inline-block;  }
.links{ font-size: .8em; }
.links i{ margin-right: 5px; }

.detPop th{ font-size: 1em; text-align: left; padding: 2px 20px 2px 0; vertical-align: top; }
.detPop td{  padding: 2px 0; vertical-align: top; line-height: 1.5em; }
.detPop .cena{ float: none; display: inline-block; padding: 0; font-weight: 300; font-size: 2.5em; line-height: 1em; }
.detPop .right.top img{ max-width: 100px; max-height: 100px; }

.gal .pic{ width: 88px; height: 88px; float: left; border: 1px solid #d9d9d9; padding: 7px; }
.gal .pic span{ width: 100%; height: 72px; background: transparent no-repeat center center; background-size: cover; }
.gal a+a .pic{ margin-left: -1px; }
.gal .pic:hover{ border-top-color: black; border-bottom-color: black;}
.kosik .gal .pic{ border: 0; }

.dokosiku{ background: #478f00; height: 45px; float: right;  color: White; }
.dokosiku button{ background: #478f00; height: 45px; line-height: 45px; padding: 0 10px 0 10px; border: 0; }
.dokosiku button:hover{ background: Black; }
.numInput{ text-align: right; vertical-align: middle; display: inline-block; position: relative; margin-right: 3px; }
.numInput input, .numInput strong{ width: 60px; padding-right: 18px; text-align: right;  background: #478f00; border: 0; color: White; padding-left: 3px; font-weight: 400; }
.numInput span{ display: inline-block; position: absolute; right: 0; top: 5px; font-size: 14px; cursor: pointer; color: white;  padding: 0 1px; line-height: 10px; }
.numInput span+span{ top: auto;  bottom: 5px;  }
.numInput span:hover{ color: black;  }
.green{ color: #478f00; }
input[disabled="disabled"]{ opacity: .5; }

div.potvrzeni{ width: 100%; max-width: 460px; padding: 20px 15px; z-index: 10000;  background-color: #F4F4F4; border: 1px solid silver;  top: 50px; left: 50%; margin-left: -220px; 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); }
div.potvrzeni p{ padding: 0; margin: 1em 0 0 0; }
div.potvrzeni button{ padding: 10px; min-width: 50px; text-align: center; width: auto; font-size: 1em; }
div.potvrzeni h4{ margin: 0; }
div.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 #d6d6d6; border-bottom: 1px solid #d6d6d6;  padding: 6px 10px; }
.tab th{ font-weight: bold; text-align: left; vertical-align: top; font-size: 1.1em; }
.tab tr:nth-of-type(odd){   }
.kosik th{ text-align: left; font-weight: normal; font-size: 1em; }
.kosik td{ padding: 11px 10px; }
.kosik tr:last-child td{ border: 0; }
.kosik .numInput, .kosik .numInput input, .kosik .numInput span,  .kosik .numInput strong{ background: White; color: Black; }
.kosik{ width: 100%; }
.kosik .fa-remove{ color: Red; }
.kosik .cena{ font-weight: 300; font-size: 2em; line-height: 1em; float: none; }
.kosik .numInput span:hover{ color: #478f00; }
.tip{ text-align: right; }
.popisek{ display: none; }
.red{ color: Red; }

.kroky{ font-weight: bold; text-transform: uppercase; font-size: 1.15em; margin: 20px 0; color: #adadad; text-align: center; }
.kroky a{ text-decoration: none; color: #adadad; }
.kroky a, .kroky span{ display: inline-block; padding: 5px 10px; margin: 1px 0; }
.kroky a:hover, .kroky .aktivni{ color: black;  }
.kroky i{ margin: 0 5px; }

.ceny td{ padding: 6px 5px 6px 0; vertical-align: middle; }
.ceny td img{ display: block; }

.ceny .col-6+.col-6{ border-left: 1px solid #d6d6d6; border-color: rgba(0,0,0,.15);}
.ceny{ margin-bottom: 15px; }
.ceny h5, .ceny hr{ font-weight: bold; margin: 20px 0; }
.ceny h5{ margin: 20px 0 0 0 !important; }
hr{ border-color: #d6d6d6; background: #d6d6d6; }
.ceny td strong{ font-size: 1.15em; }

.kosik-in .zak{ list-style-type: none; list-style-image: none; margin: 0; padding: 0;  font-size: 1em; margin-bottom: 30px; }
.kosik-in .zak li{ display: table-cell;  width: 33.33%; margin: 0; padding: 0; text-align: center;  }
.kosik-in .zak li strong{ font-weight: bold; font-size: 1.15em; display: block; text-transform: uppercase; }
.kosik-in .zak li a{ text-decoration: none; display: block;  padding: 15px 10px 15px 10px;  color: #636363;}
.kosik-in .zak li.aktivni a{ background: transparent; border-bottom:  0; color: Black;}
.kosik-in .zak li.aktivni{ border: 1px solid #d6d6d6; border-bottom-color: white; background: White; position: relative; z-index: 2; }
.kosik-in .zak:after{ content: " "; display: block; border-bottom: 1px solid #d6d6d6; width: 100%; clear: both; position: relative; top: -1px; z-index: 1; }
.kosik-in .zak li a:hover{ text-decoration: none; color: Black; }

.kosik-in .zak li a:hover{ text-decoration: underline; }
.gray{ color: rgba(0,0,0,.5); }
.plusko{ float: left; margin-right: 10px; cursor: pointer; width: 34px; line-height: 34px; height: 34px; color: white; background: black; font-size: 12px; text-align: center;    }
.plusko:hover{ background: #478f00; color: White; }
.row label{ display: block; padding-top: 10px; font-size: 1.15em; padding-bottom: 2px; font-size: .95em;  }
.pozn{ font-size: .75em; line-height: 1.2em; }
.spodek{ margin-top: 50px; }
.kosik-in h4{ margin-top: 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: 12px; height: 12px; overflow: hidden; border: 1px solid rgba(0,0,0,.7); cursor: pointer; background: rgba(255,255,255,.5);  margin-right: 9px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; }
.prepinac span.aktivni, .prepinac span:hover{ background: rgba(0,0,0,.7);  }


.popup{ background: White; background-color: rgba(255,255,255,.8); 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; }
.popup.vertical{ left: 40px; top: -15px; width: 200px; }

.arrow span{ border-color: #cbd5db; background: #cbd5db;}

.bread{ font-size: .9em; color: #7f7f7f; margin: 0 0 30px 0; line-height: 1.4em;}
.bread a{ color: #7f7f7f; text-decoration: none; }
.bread span{ 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; }

.btn, input[type="button"],input[type="reset"],input[type="submit"],button{ text-decoration: none; margin: 0; width: auto; display: inline-block; line-height: 1.2em; padding: 12px 20px; background: #478f00; color: White; text-transform: uppercase; font-size: 1.15em; }
a.btn{ line-height: 45px; padding-top: 0; padding-bottom: 0; }
.btn:hover{  text-decoration: none; color: White; background: black; }
.btn2{ background: Black; }
.btn2:hover{  text-decoration: none; color: White; background: #7F7F7F; }
.btn3{ border: 1px solid #d6d6d6; background: White; color: Black; }
.btn3:hover{ background: #d6d6d6; color: Black; }
.btnmini { font-size: 0.95em; padding: 4px 11px; }
#kk button{ padding: 0; width: 100%; height: 36px; margin: 0; }

.sumaTr td{ height: 80px; }

.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: #118dc0; width: 30px; line-height: 30px; min-width: 32px; text-align: center; display: inline-block; margin: 0 1px; border: 1px solid #ececee; text-decoration: none; }
.navig strong{ background: #118DC0; color: White; font-weight: normal; }
.navig span{ display: inline-block;  content: "..."; color: #118dc0; line-height: 30px; margin: 0 5px; }
.navig a:hover{ background: #F76205; color: White; text-decoration: none; }
.navig i{ font-size: 1.2em; }

ul.bookmarks{ list-style-type: none; list-style-image: none; margin: 1em 0; padding: 0;  min-height: 43px; }
ul.bookmarks li{ font-size: 1.2em;  float: left;  margin: 0 1px  0 0;    }
ul.bookmarks a{ color: White; display: block; text-decoration: none; height: 100%; }
ul.bookmarks span{ display: table-cell; height: 42px; vertical-align: middle; padding: 0 15px; min-width: 150px; text-align: center; background: #118dc0; border-top: 1px solid #118dc0; }
ul.bookmarks .active span{ background: transparent; border-color: rgba(57,57,61,.2); font-weight: bold; }

.okno{  background: White; background-color: rgba(255,255,255,.85); padding: 7px; position: absolute; right: -7px; min-width: 100px; -moz-box-shadow: 0 3px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3); box-shadow: 0 3px 3px rgba(0,0,0,.3); }
.okno a{ text-decoration: none; }
.raz .okno a{ display: inline-block; padding: 1px 10px; }
.raz .okno a:hover{ background: Black; color: White; text-decoration: none; }

.menu ul ul ul a:before, .kroky a:before, .kroky span:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*hovers*/
a:hover{ color: black; text-decoration: underline; }


/*animace*/

a{ -webkit-transition: colorlor 0.4s; -ms-transition: color 0.4s; -moz-transition: color .4s; -o-transition: color .4s; transition: color, 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; }
.sideBar a{ -webkit-transition: width 0.4s ease-out; -moz-transition: width .4s ease-out; -o-transition: width .4s  ease-out; transition: width .4s ease-out; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }
.vypis .lab1{ -webkit-transition: bottom 0.4s ease-out; -moz-transition: bottom .4s ease-out; -o-transition: bottom .4s  ease-out; transition: bottom .4s ease-out; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }

.okno, .search p, .sub{-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; }
.okno, .search p, .sub{ -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;   visibility: hidden;  }
.raz:hover .okno, .search.on p, .search.aktivni p, .topNav li:hover .sub{ -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; }


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

.label.error { margin-left: 10px; width: auto; display: inline; color: red; z-index: 5; position: absolute; background: white; }
input.error { border-color: Red; border-style: solid; border-width: 1px; }
select.error { border-color: Red; border-style: solid; border-width: 1px; }
textarea.error { border-color: Red; border-style: solid; border-width: 1px; }



}