@media screen, projection, tv{
html{ background: black;  margin: 0; padding: 0;  height: 100%;   }
body{ background: transparent;  margin: 0; padding: 0;  height: 100%;}
html,body, input, textarea, select, table{font-family: 'Open Sans', sans-serif; color: black; font-weight: 300;  }

.awe, .menu .subex a:after, .rozcestnik a:after, .rolety .title:after, .topNavUl li a: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: black; text-transform: uppercase;}


h1{ font-size: 2em; margin: .8em 0 20px 0;text-transform: uppercase;}
h2{ font-size: 1.7em; margin: .8em 0 20px 0; }
h3{ font-size: 1.5em; margin: .8em 0 20px 0; }
h4{ font-size: 1.3em; margin: .8em 0 20px 0 ; }
h5{ font-size: 1.2em; margin: .8em 0 20px 0;  }




    .mp-1 h1,.mp-1 h2,.mp-1 h3,.mp-1 h4, .mp-1 h5, .mp-1 a{color:  #406180;  }
    .mp-1 .menu .aktivni>a:hover, .mp-1 .menu ul ul a:hover, .mp-1 .menu a:hover, .mp-1 .rozcestnik a:hover, .mp-1 .rozcestnik li:hover a{color:  #406180; background: white; }
    .mp-1 .header-in,  .mp-1 .menu .aktivni a{ background:   white; color:#406180; }
    .mp-1 .menu li, .mp-1 .rozcestnik li {  border-top: 1px solid #406180; }
    .mp-1 .header-in, .mp-1 .menu a, .mp-1 .rozcestnik a{ background:  rgba(64, 97, 128, .9);}


    .mp-60 h1,.mp-60 h2,.mp-60 h3,.mp-60 h4, .mp-60 h5, .mp-60 a{color:  #856D49;  }
    .mp-60 .menu .aktivni>a:hover, .mp-60 .menu ul ul a:hover, .mp-60 .menu a:hover, .mp-60 .rozcestnik a:hover, .mp-60 .rozcestnik li:hover a{color:  #856D49; background: white; }
    .mp-60 .header-in,  .mp-60 .menu .aktivni a{ background:   white; color:#856D49; }
    .mp-60 .menu li, .mp-60 .rozcestnik li {  border-top: 1px solid #856D49; }
    .mp-60 .header-in, .mp-60 .menu a, .mp-60 .rozcestnik a{ background:  rgba(133, 109, 73, .9);}


    .mp-2 h1,.mp-2 h2,.mp-2 h3,.mp-2 h4, .mp-2 h5, .mp-2 a{color:  #375C55;  }
    .mp-2 .menu .aktivni>a:hover, .mp-2 .menu ul ul a:hover, .mp-2 .menu a:hover, .mp-2 .rozcestnik a:hover, .mp-2 .rozcestnik li:hover a{color:  #375C55; background: white; }
    .mp-2 .header-in,  .mp-2 .menu .aktivni a{ background:   white; color:#375C55; }
    .mp-2 .menu a{color:White;}
    .mp-2 .menu li, .mp-2 .rozcestnik li {  border-top: 1px solid #375C55; }
    .mp-2 .header-in, .mp-2 .menu a, .mp-2 .rozcestnik a{ background: rgba(55, 92, 85, .9);}


    .mp-3 h1,.mp-3 h2,.mp-3 h3,.mp-3 h4, .mp-3 h5, .mp-3 a{color:  #719071;  }
    .mp-3 .menu .aktivni>a:hover, .mp-3 .menu ul ul a:hover, .mp-3 .menu a:hover, .mp-3 .rozcestnik a:hover, .mp-3 .rozcestnik li:hover a{color:  #719071; background: white; }
    .mp-3 .header-in,  .mp-3 .menu .aktivni a{ background:   white; color:#719071; }
    .mp-3 .menu li, .mp-3  .rozcestnik li {  border-top: 1px solid #719071; }
    .mp-3 .header-in, .mp-3 .menu a, .mp-3 .rozcestnik a{ background: rgba(113, 144, 113, .9);}

    
    .mp-4 h1,.mp-4 h2,.mp-4 h3,.mp-4 h4, .mp-4 h5, .mp-4 a{color:  #7A6262;  }
    .mp-4 .menu .aktivni>a:hover, .mp-4 .menu ul ul a:hover, .mp-4 .menu a:hover, .mp-4 .rozcestnik a:hover, .mp-4 .rozcestnik li:hover a{color:  #7A6262; background: white; }
    .mp-4 .header-in,  .mp-4 .menu .aktivni a{ background:   white; color:#7A6262; }
    .mp-4 .menu li, .mp-4  .rozcestnik li {  border-top: 1px solid #7A6262; }
    .mp-4 .header-in, .mp-4 .menu a, .mp-4 .rozcestnik a{ background: rgba(122, 98, 98, .9);}


    .mp-5 h1,.mp-5 h2,.mp-5 h3,.mp-5 h4, .mp-5 h5, .mp-5 a{color:  #616254;  }
    .mp-5 .menu .aktivni>a:hover, .mp-5 .menu ul ul a:hover, .mp-5 .menu a:hover, .mp-5 .rozcestnik a:hover, .mp-5 .rozcestnik li:hover a{color:  #616254; background: white; }
    .mp-5 .header-in,  .mp-5 .menu .aktivni a{ background:   white; color:#616254; }
    .mp-5 .menu li, .mp-5 .rozcestnik l {  border-top: 1px solid #616254; }
    .mp-5 .header-in, .mp-5 .menu a, .mp-5 .rozcestnik a{ background: rgba(97, 98, 84, .9);}



    .rozcestnik{ margin: 0; padding: 0; list-style-type: none; }
    .rozcestnik li{ position: relative;  border-top: 1px solid black; z-index: 10; cursor: pointer;}
    .rozcestnik a{ background: black; color: White; font-weight: 300; text-transform: uppercase; display: block; text-decoration: none;    }
    .rozcestnik a:after{ position: absolute; right: 25px; top: 30px;  line-height: 10px; content: "\f105"; }
    .rozcestnik a:hover, .rozcestnik li:hover a{  background: black; color: white; text-decoration: none; }
    .rozcestnik li:hover a{ font-size: 1.4em; }
    .rozcestnik a strong{ font-weight: 300; display: block; padding: 0 20px; line-height: 70px; padding-right: 50px; }




    a{ color: black; }


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

body{ font-size: .95em; line-height: 1.5em; }
#page{ position: absolute; left: 0; top: 0; width: 100%; z-index: 2; min-height: 100%; }
#base{ position: relative;}
.topBar-in, .header-in, .main-in, .footer-in{ margin: 0 auto; padding: 0 20px;  min-width: 290px; }

.tapeta1{ background: White url(../img/bg.jpg) no-repeat fixed center center;  background-size: cover;position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }

.header{ position: fixed; z-index: 100; left: 0; top: 0; width: 100%; }
.header-in{  display: table; table-layout: fixed; width: 100%;  background: black; background: rgba(0, 0, 0, .8);}
.header-in .logo{ display: table-cell; padding: 7px 0; vertical-align: middle; }
.header-in .logo a{  }
.header-in .logo img{ display: block; width: 745px; height: auto; max-width: 745px; }
.header-in .logo2 img{ display: block; width: 106px; height: auto; max-width: 106px; float:left; }
.header-in .logo h1{ margin: 0; }





.main{ padding: 160px 0 70px 0; }


.leftCol{ position: absolute; left: 20px; top: 160px; width: 240px; padding-bottom: 70px; }
.midCol{   max-width: 800px; margin-left: 240px; }


.showOn{ line-height: 72px; margin-left: 15px; background: white; display: inline-block; color: black; cursor: pointer; font-weight: bold; text-transform: uppercase; white-space: nowrap; padding: 0 25px; }
.showOn i{ font-size: 20px; margin-left: 10px; line-height: 20px; vertical-align: middle; margin-top: -4px; }
.showOn:hover{ background: black; color:white; }

.topNav{  width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: black; background: rgba(0, 0, 0, .8); z-index: 1000; display: none;}
.topNav-in{ padding: 0 20px 0 20px; }
.topNavUl ul a{    letter-spacing: 2pt; display: block;  text-decoration: none; line-height: 72px; padding: 0 0 0 0; color: white; background: #3f78bf; font-weight: 400; text-transform: uppercase;}
.topNavUl ul a i, .topNav li a:before{ font-size: 30px; width: 75px;  vertical-align: middle; padding-left: 22px;}
.topNavUl li{ position: relative; padding-bottom: 1px;    }
.topNavUl ul{ margin: 10px 0 0 0; padding: 0; }
.topNav .fa-times{ color: white; cursor: pointer; float: right; line-height: 110px; top: 8px; right: 20px; font-size: 20px; text-align: right; width: 110px; padding-right: 25px;}
.topNav .mutace a{ border: 0;  }
.topNav .mutace{ padding: 20px 0;  }
.topNavUl ul a:hover{ background: white; color: #000000; }
.rollOut .topNav{ display: block; }
.rollOut .topCont .mutace{ display: none; }
.topCont .mutace{     display: inline-block;  float: none;  margin: 0 -3px 0 0; }
.topNavUl li a:before{  content: url(../img/i1.png); }
.topNavUl li+li a:before{ content: "\f1da"; }
.topNavUl li+li+li a:before{ content: "\f0c0"; }
.topNavUl li+li+li+li a:before{ content: "\f21d"; }
.topNavUl li+li+li+li+li a:before{ content: "\f15c"; }
.topNavUl li+li+li+li+li+li a:before{ content: "\f1ac"; }

.topNavUl li a{  background: #406180; }
.topNavUl li+li a{ background: #856D49; }
.topNavUl li+li+li a{ background: #375C55; }
.topNavUl li+li+li+li a{ background: #719071; }
.topNavUl li+li+li+li+li a{ background: #7A6262; }
.topNavUl li+li+li+li+li+li a{ background: #616254; }


.topCont{ display: table-cell; text-align: right; vertical-align: middle; padding:  8px 0; white-space: nowrap; }
.search{ width: 40%; padding: 20px 0;  position: relative; margin: 0; clear: both; border: 1px solid rgba(0, 0, 0, .1); display: inline-block;}
.search input{     border: 0; border-bottom: 1px solid white;  background: black; color:white; padding: 25px; line-height: 22px; margin: 0; padding-left: 75px; }
.search button{  border: 0; color: white; background:black; width: 72px; height: 72px; text-align: center; margin: 0;  font-size: 30px; position: absolute; left: 0; top: 20px; }
.search button span{ display: none; }


.mutace{ display: inline-block; float:right; margin: 0 30px 0 0; }
.mutace a{ display: inline-block; border: 1px solid white; line-height: 70px; color: white; text-decoration: none; text-transform: uppercase; width: 110px; text-align: center; }
.mutace a:hover, .mutace a.aktivni{ background: white; color: black; text-decoration: none; }


.menu{ font-size: 10pt; }
.menu a{ background: black; color: White; font-weight: 300; display: block; text-decoration: none;  padding: 15px; padding-right: 40px; line-height: 1.25em;  }
.menu .aktivni a, .menu .aktivni>a:hover{  background: white; color: black; text-decoration: none; }
.menu a:hover{ background: black; text-decoration: none; color: white;}
.menu li:first-child{ border: 0; }
.menu li{ position: relative;  border-top: 1px solid white; z-index: 10;}
.menu ul{ margin: 0; padding: 0; }
.menu ul ul{display: none; padding-bottom: 0px;  }
.menu ul .aktivni ul{ display: block; padding: 0 0 10px 0; background: white;}
.menu ul .aktivni ul li a {padding: 8px 20px 8px 40px;}
.menu ul .aktivni ul li a:before {  content: "\f054";  font-family: FontAwesome;  margin: 0 0 0 -15px;  width: 1.3em;  font-size: 10pt;  float: none;  display: inline-block; }
.menu ul .aktivni ul li.altivni a:before {  text-decoration: none; }
.menu ul ul a{ text-transform: none; padding: 8px 20px; }
.menu ul ul li{ border: 0; border-top: none !important; }
.menu ul ul a:hover{ text-decoration: underline; color: black; }
.menu .subex a:after{ position: absolute; right: 15px; top: 50%; margin-top: -5px; line-height: 10px; content: "\f107"; }
.menu ul ul a:hover, .menu ul ul .aktivni a{  background: #f4f4f4;  text-decoration: none;}
.menu ul ul a.aktivni{ text-decoration: underline; }
.menu ul ul .aktivni a{ text-decoration: underline; }
.menu .showOn{    background: white;  color: black;  margin: 0 0 10px 0;  padding: 0 15px;  line-height: 40px;}

.scrolltop{display: none;  position: fixed;  bottom: 20px;  left: 20px;  background: white;  color: black;  width: 40px;  height: 40px;  cursor: pointer;  font-size: 16pt;  padding: 8px 0 0 0;  text-align: center;}

    .content{  }
.content ul, .cke_editable ul{ margin-left: 0; padding: 0; list-style-image: none;}
.content ul li, .cke_editable ul li{ padding: 0; margin: 8px 0; position: relative;  padding-left: 30px; display: table;}
.content ul li:before, .cke_editable ul li:before{ content: " "; background: #3f78bf; 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: .6em;  }
.textBox>h1:nth-of-type(1){ margin-top: 0; }
.content img{ height: auto; max-width: 100%; }

.footer{  font-weight: 400; color: white; color: rgba(255, 255, 255, .75); font-size: .9em; z-index: 100; position: fixed; bottom: 0; left: 0; width: 100%; line-height: 1.4em; }
.footer a{ color: white; text-decoration: none; color: rgba(255, 255, 255, .75);}
.footer a:hover{ color: white; }
.footer .con a{ color: white; margin-left: 15px; white-space: nowrap; }
.footer i{ margin-right: 5px; }
.footer .con{ text-align: right; }
.footer .con a:hover{ text-decoration: none; }
.footer p, .UserFooter{ margin: 13px 0; }
.footer .key{ text-align: center;  }
.footer .key i{margin: 0; padding: 10px; text-align: center; width: 40px; font-size: 20px; color: rgba(255, 255, 255, .75); cursor: pointer; background: black;  background: rgba(0, 0, 0, .8); }
.footer .key i.aktivni,.footer .key i:hover{ color: white; }


.slide{ position: fixed; right: 0; top: 0; height: 100%; vertical-align: middle; z-index: 1; }
.slide-in{ background: black; background: rgba(0, 0, 0, .8); color: white; max-width: 430px; padding: 25px 30px 60px 30px; position: relative; display: inline-block; }
.slide-in h2{ margin: 0 0 10px 0; color: white; font-size: 2em; text-transform: uppercase; }
.slide-in .vice{ display: inline-block; background: black; position: absolute; left: 0; bottom: -36px; color: white; text-transform: uppercase; text-decoration: none; font-size: .85em; padding: 25px 30px; }
.slide-in .vice:hover{ background: white; color: black; }
.slide-in p{ margin: 0; }
.slideX{ display: table; height: 100%; }
.slideXX{ display: table-cell; height: 100%; vertical-align: middle; padding: 0 20px;  }

.textBox:after{ content: " "; display: block; clear: both; }
.textBox{ background: white; padding: 40px; padding-bottom: 25px;}
.photogallery:after{ content: " "; display: block; clear: both; }
.photogallery{background: black; background: rgba(0, 0, 0, .8); padding: 40px; color: white; padding-bottom: 20px;}
.photogallery h3{ color: white; margin: 0 0 10px 0; font-size: 1.2em; }
.photogallery a{ color: white; text-decoration: none; }
.photogallery i{ font-size: 30px; margin-right: 5px; display: block; margin: 0 auto 12px auto; }
.photogallery a:hover{ color: white; text-decoration: underline; }



.kontakt{ display: table; width: 100%; table-layout: fixed; }
.kontakt1{ background: white; display: table-cell; vertical-align: top; padding: 25px; }
.kontakt h1{ margin-top: 0; }
.kontakt2{ background: black; background: rgba(0, 0, 0, .8); color: white;  display: table-cell; vertical-align: top; width: 50%;  padding: 25px; }
.kontakt2 h1{ color: white; }
.kontakt2 p{ margin: 2px 0 0 0; }

.rolety{ margin: 0; padding: 0; list-style-type: none; }
.rolety li{ position: relative;  border-top: 1px solid #616254; z-index: 10; cursor: pointer;}
.rolety .title{ background: #616254; color: White; font-weight: 300; text-transform: uppercase; display: block; text-decoration: none;    }
.rolety .title:after{ position: absolute; right: 25px; top: 30px;  line-height: 10px; content: "\f107"; }
.rolety .title:hover, .rozcestnik li:hover .title, .showIt .title{  background: white; color: #616254; text-decoration: none; }
.rolety li:hover .title strong, .showIt .title strong{ font-size: 1.4em; }
.rolety .title strong{ font-weight: 300; display: block; padding: 25px 20px;  padding-right: 50px; }
.r-cont{ display: none; background: white; padding: 1px 20px 20px 20px; }
.showIt .r-cont{ display: block; }
.showIt .title:after{content: "\f00d"; }
.mapa{ margin: 0 -20px -20px -20px; }
.mapa iframe{ display: block; width: 100%; }
.rolety .showIt, .rolety li:hover{ border-color: white; }

.mapCont .mapaBG{ width: 100%; height: auto; display: block;}
.mapCont{ position: relative; margin-top: 60px; }
.mapMenu{ position: fixed; left: 20px; top: 130px; width: 100%; max-width: 270px; z-index: 10; background: black; background-color: rgba(0, 0, 0, .7); }
.mapMenu ul{ margin: 0; padding: 10px 0; list-style-type: none; }
.mapMenu ul li span{ display: block; cursor: pointer; text-transform: uppercase; color: white; font-size: .9em; padding: 10px 20px; }
.mapMenu ol{ margin: -5px 0 0 0; padding: 0 0 0 20px; list-style-type: none; display: none; color: white;}
.mapMenu .rollOut{ background: #3f78bf; }
.mapMenu ol li span{ text-transform: none; }
.mapMenu ul li span:hover{ text-decoration: underline; }
.mapMenu .rollOut ol{ display: block; }
.mapMenu ol p{ line-height: 1.25em; padding-left: 20px; margin: -5px 0 0 0; padding-bottom: 10px; font-size: .85em; display: none; }
.mapMenu ol a{ color: white; }
.mapMenu ol  li { counter-increment: step-counter; position: relative;  padding-left: 10px;}
.mapMenu ol  li::before { position: absolute; left: -5px; top: 9px; font-weight: bold; font-size: 1.2em; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; width: 24px; line-height: 24px; text-align: center; color: white;  display: inline-block;  content: counter(step-counter);}
.mapMenu ol  li.aktivni::before, .mapMenu ol  li:hover::before{ background: white; color: #3f78bf; }
.mapMenu ol  li:hover span{ text-decoration: underline; }
.mapMenu ol  li.aktivni p{ display: block; }
.mapLayout .footer{ display: none; }
.mapLayout { background: #f7f5f0; }
.prusvitka-C { height: auto; left: 33.2%; position: absolute; top: 54.3%; width: 11.1%; }
.prusvitka-D { height: auto; left: 45.6%; position: absolute; top: 55.8%; width: 10.1%; }
.prusvitka-B { height: auto; left: 44.7%; position: absolute; top: 53.8%; width: 19.5%; }
.prusvitka-E { height: auto; left: 27.6%; position: absolute; top: 14.7%; width: 10.9%; }
.prusvitka-F { height: auto; left: 33.6%; position: absolute; top: 10.6%; width: 16.8%; }
.prusvitka-G { height: auto; left: 50%; position: absolute; top: 15.2%; width: 3.1%; }
.prusvitka-H { height: auto; left: 60.6%; position: absolute; top: 26.8%; width: 7.4%; }
.prusvitka-I { height: auto; left: 54%; position: absolute; top: 29.5%; width: 21.7%; }
.prusvitka-J { height: auto; left: 63.3%; position: absolute; top: 60.3%; width: 7.5%; }
.prusvitka-K { height: auto; left: 56.75%; position: absolute; top: 19%; width: 3.8%; }
.prusvitka-L { height: auto; left: 68.35%; position: absolute; top: 10.7%; width: 4.1%; }
.prusvitka-M { height: auto; left: 16.85%; position: absolute; top: 56%; width: 10.45%; }
.prusvitka-N { bottom: 2.1%; height: auto; left: 29.8%; position: absolute; width: 2.8%; }
.prusvitka-O { height: auto; left: 23.55%; position: absolute; top: 32.9%; width: 7.1%; }
.prusvitka-P { height: auto; left: 38.95%; position: absolute; top: 35.7%; width: 18.15%; }
.prusvitka-R { height: auto; left: 68.65%; position: absolute; top: 27.8%; width: 3.95%; }
.prusvitka, .textPoint7{ display: none; }
.prusvitka img{ display: block; width: 100%; height: auto; }

.prusvitka strong{ -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%; color: white; background: black; left: 50%; margin: -15px 0 0 -15px; position: absolute; top: 50%; width: 30px; line-height: 30px; text-align: center; }
.prusvitka.aktivni, .textPoint7.aktivni{ display: block; }
.prusvitka-M strong{ left: 25%; }
.prusvitka-B strong{ left: 32%; }
.prusvitka-C strong{ left: 22%; }

.point{ width: 60px; height: 69px; margin: -46px 0 0 -30px; color: white; position: absolute; display: block; background: transparent url(../img/bod1.png) no-repeat -1000px -1000px;  z-index: 5;}
.point span{ display: block; left: 17px; top: 32px;  width: 25px; height: 25px;  background: black; background-color: rgba(0, 0, 0, .7); color: white; font-weight: bold; font-size: 18px; line-height: 26px; text-align: center; position: absolute; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%;}
.point1 { left: 48%; top: 47%; }
.point2 { left: 27%; top: 38%; }
.point.aktivni{ background-position: 0 0; display: block; }
.point.aktivni span{ background: #3f78bf; }
.textPoint{ position: absolute; left: 50%; top: 50%; font-weight: bold; text-transform: uppercase; font-size: 13px; margin: -11px 0 0 -13px; }
.textPoint img{ width: 26px; height: 23px; }
.textPoint  strong{ display: block; position: absolute; top: -30px; left: 0; white-space: nowrap; }
.textPoint1{ left: 53%; top: 11%; }
.textPoint2{ left: 74%; top: 41%; }
.textPoint3{ left: 63%; top: 25%; }
.textPoint4 { left: 35.3%; top: 52%; }
.textPoint5 { left: 17%; top: 37%; }
.textPoint6 { left: 32%; top: 82%; }
.textPoint7 { bottom: 7%;  left: 29%; top: auto; }
.textPoint8{ left: 60%; top: 54%; }

.rotate135 img{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);  transform: rotate(135deg); }
.rotate45 img{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg); }
.rotate180 img{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg); }
.rotate225 img{ -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg);  transform: rotate(225deg); }
.rotate270 img{ -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);  transform: rotate(270deg); }
.rotate315 img{ -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg);  transform: rotate(315deg); }

#section1, #section2{ display: none; }


.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, 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: 6px 10px; }
.tab th, table[border="1"] th{ font-weight: 500; text-align: left; vertical-align: top; font-size: 1em; }
.tab tr:nth-of-type(odd){   }
.form p{ padding: 5px 0; margin: 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{ color: white; color: rgba(255, 255, 255, .6); margin: 0; font-size: .85em; padding: 34px 20px; font-weight: 400;}
.bread a{     color: white !important;  text-decoration: none;  text-transform: uppercase;  }
.bread a:last-of-type{     font-weight: bold;}
.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; }

/*BUTTON*/
.btn{width: auto; border-color: #616254; padding-left: 25px; padding-right: 25px; background: #616254; color: white; text-transform: uppercase; text-decoration: none; display: inline-block;   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, .rr, .rozcestnik a,.rozcestnik a:hover .rr,.rolety .title:hover strong,.rolety .title strong,.rolety .title:hover,.rolety .title{ -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; }
/*
.topNav{ -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, .topNav{ -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, .rollOut .topNav{ -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; }
*/

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

/* Icomoon */

/*@font-face { font-family: 'icomoon'; src: url('/fonts/icomoon.eot'); src: url('/fonts/icomoon.eot#iefix') format('embedded-opentype'),url('/fonts/icomoon.ttf') format('truetype'),url('/fonts/icomoon.woff') format('woff'),url('/fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icomoon {vertical-align: middle; display: inline-block; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*/



}