@-ms-viewport { width: device-width; }
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff') format('woff'),
         url('fonts/fontawesome-webfont.ttf') format('truetype'),
         url('fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
   }

@charset "utf-8";

html {-ms-touch-action: manipulation; touch-action: manipulation;}
.cleaner { clear:both; height:0; line-height:0; font-size:0}

body {font-family: 'Raleway', sans-serif; font-size:1.5em; color:#000; margin:0; padding:0; position:relative; height:100%; background:url(images/background.jpg) repeat-y center top;}

.header {background:#fff url(images/header.jpg) no-repeat left top; min-height: 114px}
.header .container {position:relative}

.navbar-btn { background: #512613; color:#fff; margin-right: 0px !important; float:right; border-radius:0 !important}
.navbar-btn i {margin:0 10px 0 0}
.navbar-btn:hover, .navbar-btn:focus { background: #512613 !important; color:#fff}

.navbarMenuMain {float:right;margin:30px 20px 0 0 !important; padding:0 !important}
.navbarMenuMain ul.navbar-nav {float:left;margin:0 !important;}
.navbarMenuMain ul.navbar-nav>li>a {color: #311206 !important; text-decoration: none; padding:15px; font-weight:400; font-size:1.3em;}
.navbarMenuMain ul.navbar-nav>li>a:hover, 
.navbarMenuMain ul.navbar-nav>li>a:focus { color: #d00000 !important; background:none !important }
.navbarMenuMain ul.navbar-nav>li.selected>a { color: #d00000 !important; background:none !important }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:none !important;color: #000 !important;}

.logo {float:left; margin:0px 0px 64px 0}

.facebook {position:absolute; top:35px; right:-20px;}
.facebook:hover {opacity:0.8}

.banner {background:#ffffff}
.banner .container {position:relative}
.banner img {float:left; margin:0 0 100px 0}
.banner .bannerText {float:left; width:100%; margin:90px 0 0 0}
.bannerTextIn {float:left; width:550px; margin:0px 100px 0 0}
.bannerTextIn h2 {color:#d00000; margin:0 0 50px 0; font-size:2.5em; font-weight:normal}
.bannerTextIn p {color:#411500; margin:0 0 25px 0; font-size:1.5em; font-weight:300; line-height:1.5em}
.bannerTextIn a {color:#fff;background:url(images/vice.png) no-repeat left top; width:129px; height:45px; padding:0 0 0 45px; line-height:45px; float:left; font-size:1.5em; text-shadow:1px 1px 1px #036611; font-family:Georgia; font-weight:normal}
.bannerTextIn a:hover {color:#fff;text-decoration:none; opacity: 0.8}

.navigace {background:url(images/navigaceBack.png) no-repeat center top; min-height:91px}
.navigaceBox {background:url(images/navigace.png) no-repeat center top; min-height:208px; padding:0 30px /*138px*/}
.navigaceName {color:#d00000; text-align:center; margin:20px 0 30px 0; font-size:1.5em}
.navigaceBox .prevBtn, .navigaceBox .nextBtn {height:26px; width:26px; display:block; font-size:0; line-height:0; margin:25px 0 0 0}
.navigaceBox .prevBtn {background:url(images/prev.png) no-repeat center center; float:left;}
.navigaceBox .nextBtn {background:url(images/next.png) no-repeat center center; float:right}
.navigaceBox .prevBtn:hover, .navigaceBox .nextBtn:hover {opacity: 0.7}

.navItem {display:block; text-align:center; width:100%}
.navImg {height:58px}
.navTitle {color:#000; margin:15px 0 0 0}

.content {padding:50px 0 100px 0 }
.content h2 {color:#fff; font-size:2.0em; font-weight:400; margin:0 0 35px 0; }
.content p {color:#fff; font-size:1.3em; font-weight:400; margin:0 0 30px 0;}
.content a {font-family:Georgia;background:url(images/next.png) no-repeat left center; color:#fff; padding:0 0 0 35px; font-style:italic; font-size:1.8em; font-weight:bold; margin:0 0 50px 0; display:inline-block}
.content a:hover {color:#f10000; text-decoration:none;}
.contentImg {position:relative}
.contentImg img {position:absolute; top:-85px; left:0; z-index: 999;}

.page {background:url(images/pageBack.png) no-repeat center top; padding:70px 0 0 0; min-height:462px}
.page h2 {color:#000; font-size:2.0em; font-weight:400; margin:0 0 35px 0;}
.page p {color:#000; margin:0 0 80px 0; font-size:1.3em;}
.pageLeft {float:left;width:40%; margin:0 10% 0 0; font-size:1.2em}
.pageLeft table td {padding:0 20px 0 0}
.pagePhone {font-family:Georgia; color:#000; font-weight:bold; font-style:italic; font-size:1.2em}
.pageRight {font-size:1.2em; float:left; width:50%}
.pageRight a {color:#006d7a}
.page h3 {font-family:Georgia; color:#d00000; font-weight:bold; font-style:italic; font-size:2.0em; margin:25px 0 0 0}
.pageImg {margin:30px 0 0 0px}

.footer {background: url(images/footerBack.jpg) no-repeat center top; padding:0px; min-height:152px}
.facebookFooter {float:left; background: url(images/facebook.png) no-repeat left center; padding:0 0 0 55px; color:#fff; height:33px; line-height: 33px; margin:90px 0 0 0}
.facebookFooter:hover {opacity:0.8; color:#fff; text-decoration: none}
.copyright {float:right; color:#fff; margin:90px 0 0 0; font-size: 1.3em}

@media (max-width: 1200px) {
.bannerTextIn {width: 435px; margin:0 45px 0 0}
    .navigaceBox {background:url(images/navigace940.png) no-repeat center top; min-height:195px; padding:0 30px}
    .navigaceName {margin:20px 0;}
    .page h2 {font-size: 1.8em}
    .page p {margin: 0 0 50px 0}
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse.collapse {display: none !important;}
.navbar-collapse.collapse.in {display: block !important;}
.navbar-header .collapse, .navbar-toggle {display:block !important;}
.navbar-header {float:none;}
.dropdown-menu {position: relative;z-index: 1000;display: none;float: left;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;border: none;border-radius: 0px;box-shadow: none;width:100%}
}


@media (max-width: 991px) {
body {background: url(images/background.jpg) repeat-y center center;}

.banner .bannerText {margin: 40px 0 0 0}
.bannerTextIn h2 {margin: 0 0 30px 0}
.bannerText p {font-size: 1.3em}
.bannerTextIn {width: 375px;}
.bannerText img {max-width: 300px}
.page h2 {font-size: 2.0em}
    .page p {margin: 0 0 70px 0}
    .page h3 {margin: 50px 0 0 0}

.navigaceBox {background:url(images/navigace720.png) no-repeat center top; min-height:149px; padding:0 30px}
.navigaceName {margin:10px 0;}
.navImg {height: 40px;}
.navImg img {max-height: 35px}
.facebook {right:0px}
 .navbar-btn { position:absolute; top:31px; right:50px}
 .navbarMenuMain { width:100%; background:#C2AC53; margin:0 !important; padding:10px 0 !important; border:none; box-shadow:none}
 .navbarMenuMain ul.navbar-nav {width:100%; margin:0 !important}
 .navbarMenuMain ul.navbar-nav>li {width:100%}
 .navbarMenuMain ul.navbar-nav>li>a {color: #fff !important; border: none; padding: 10px 0px; width:100%; text-indent:20px;text-shadow: none;}
 .navbarMenuMain ul.navbar-nav>li>a:hover,
 .navbarMenuMain ul.navbar-nav>li>a:focus {background:#E6DBAF !important; color:#fff !important}
 .navbarMenuMain ul.navbar-nav>li.selected>a {background:#C2AC53 !important; color:#d00000 !important}
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #C2AC53 !important;}

}

@media (max-width: 768px) {
.logo img {max-width: 150px}
    .navbar-btn { position:absolute; top:20px; right:65px}
    .facebook {top:30px; right:15px}
   .bannerTextIn {width: 100%; margin: 0 0 20px 0; text-align: center}
   .bannerTextIn a {text-align: left; display: inline-block; float: none}
   .bannerTextIn h2 {margin: 0 0 20px 0; font-size: 2.0em}
   .bannerTextIn p {font-size: 1.1em}
   .navigaceName {font-size: 1.0em; margin: 15px 0 10px 0}
   .navigaceBox {background:url(images/navigace300.png) no-repeat center top; min-height:149px; padding:0 27px; width: 300px; position: relative; margin: 0 auto}
   .content {text-align: center}
   .content h2 {margin: 0 0 20px 0; font-size: 1.5em}
   .content p {font-size: 1.1em}
   .content a {font-size: 1.2em}
   
   .page{text-align: center; padding: 30px 0 0 0;min-height: 345px}
   .page h2 {font-size:1.5em; margin:0 0 15px 0;}
.page p { margin:0 0 30px 0; font-size:1.0em;}
.pageLeft {float:left;width:100%; margin:0 0 20px 0; font-size:1.1em}
.pagePhone {font-size:1.1em}
.pageRight {width:100%}
.page h3 {font-size:1.2em; margin:15px 0 0 0}
.page table {width:180px; margin: 0 auto; position: relative; display: block}

.facebookFooter {margin:65px auto 10px auto; float:none; width: 250px; position: relative; display: block}
.copyright {float:right; color:#fff; margin:90px 0 0 0; font-size: 1.0em; width:100%;text-align: center}
}

    .is img
        {
            border:0px;
            padding-left:100px
			;
        }