body { font-size: 14px; font-family: 'Roboto', sans-serif; color: #333; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px; border-radius: 0px;} .push-bottom {margin-bottom:15px;} .btn {border-radius:0px;} h1,h2,h3,h4,h5,h6 {font-weight: bold; font-family: 'Roboto Condensed', sans-serif; color: #333; } h1,.h1 {margin-top:0px; font-size:30px;} h2,.h2 {font-size:24px;} h3,.h3 {font-size:20px;} h4,.h4,h5,.h5,h6,.h6 {font-size:18px; font-weight:bold;} a { color:#360; } a:hover, a:focus, a:active { color: #000;} img {max-width: 100%; height:auto;} .zahodit {display:none;} #header { margin: 0; border: 0; background: url("/img/bg-hlavicka.jpg") 0 100% repeat-x transparent; position: static; height: 125px; } #header .header-top { height: auto; position: relative; } #header #logo { z-index: 9999; position: relative; } #top-line { font-size: 14px; overflow: hidden; width: auto; float: right; } #top-line ul { margin: 4px 0 0 0; padding: 0; width: auto; } #top-line li { padding: 5px 20px; list-style-type: none; float: left; background: transparent; } #top-line li.posledni { background: none; } #top-line a { text-decoration: none; font-size: 14px; color: #963; } #top-line a:hover, #top-line a:focus, #top-line a:active, #top-line .active a { color: #f1e5b9; } #mainMenu { margin-bottom: 0; padding: 4px 0; font-size: 16px; } #mainMenu li { text-transform: uppercase; } #mainMenu a { color: #f1e5b9; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { background: transparent; background-color: #301a0b; } #mainMenu .active li a { color: #f1e5b9; } #mainMenu li a:hover, #mainMenu li a:focus, #mainMenu li a:active, #mainMenu li li.active a { background-color: #301a0b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #animace .carousel-inner .item { background: url("/img/slide/1.jpg") 50% 50% no-repeat #d6eeff; width: 100%; height: 525px; } #animace .a-texty-1, #animace .a-texty-1b, #animace .a-texty-2, #animace .a-texty-2b { background: url("/img/slide/white.png") 0 0 repeat transparent; margin-top: 170px; padding: 30px; font-size: 46px; font-weight: 300; text-align: left; color: #dd0000; } #animace .a-texty-2, #animace .a-texty-2b { text-align: right; } #animace .a-texty-1b, #animace .a-texty-2b { font-size: 42px; margin-top: 75px; color: #222222; } #animace a { font-weight: bold; color: #1f5a92; } #animace .carousel-inner .item img { display: none !important; } #animace .odsazeni { width: 100%; height: 5px; background-color: #dd0000; } #animace ol { bottom: 40px; } #animace .glyphicon-chevron-left:before { content: ""; } #animace .glyphicon-chevron-right:before { content: ""; } #animace a .glyphicon-chevron-left, #animace a .glyphicon-chevron-right { width: 70px; height: 70px; background: url("/img/animace-nav.png") 0 0 no-repeat transparent; } #animace a .glyphicon-chevron-right { background-position: -70px 0; } #animace a:hover .glyphicon-chevron-left, #animace a:active .glyphicon-chevron-left { background-position: 0 -70px; } #animace a:hover .glyphicon-chevron-right, #animace a:active .glyphicon-chevron-right { background-position: -70px -70px; } #animace .carousel-indicators li { width: 12px; height: 12px; border: 0; background: url("/img/animace-nav.png") -140px 0 no-repeat transparent; margin: 0 6px; } #animace .carousel-indicators li.active { background-position: -140px -70px; border: 0; } #animace .carousel-control { background-image: none; } #hp-box-1 { padding: 0; background: #024800; padding-bottom: 35px; } #hp-box-1 a { color: #fff; text-align: center; text-decoration: none; background: #036700; height: 270px; border: #164000 1px solid; } @media(max-width: 991px){ #hp-box-1 { padding-bottom: 0; } #hp-box-1 a { display: block; height: auto; padding-bottom: 10px; } } @media(min-width: 992px){ #hp-box-1 a.bx1, #hp-box-1 a.bx2 { margin-top: -35px; } #hp-box-1 a.bx2, #hp-box-1 a.bx4 { border-left: 0px;} } @media(min-width: 1200px){ #hp-box-1 a { margin-top: -35px; } #hp-box-1 a.bx2, #hp-box-1 a.bx3, #hp-box-1 a.bx4 { border-left: 0px;} } #hp-box-1 a strong { color: #f1e5b9; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; display: inline-block; padding: 5px 0 10px 0; } #hp-box-1 a:hover strong, #hp-box-1 a:focus strong { color: #ffcc00; } #hp-box-1 a span.i1, #hp-box-1 a span.i2, #hp-box-1 a span.i3, #hp-box-1 a span.i4 { display: inline-block; width: 130px; height: 130px; background: url("/img/lesnicka-cinnost.png") 0 0 no-repeat transparent; margin-top: 10px; } #hp-box-1 a span.i2 { background-image: url("/img/rybarstvi.png"); } #hp-box-1 a span.i3 { background-image: url("/img/drevarska-cinnost.png"); } #hp-box-1 a span.i4 { background-image: url("/img/stavebni-cinnost.png"); } #hp-box-1 a:hover span, #hp-box-1 a:focus span { background-position: 0 -130px; } #hp-box-2 { padding: 35px 0 85px 0; } #hp-box-2 .pg-hp h1, #hp-box-2 .pg-hp h2, #hp-box-2 .pg-hp h3, #hp-box-2 .pg-hp h4, #hp-box-2 .pg-hp h5, #hp-box-2 .pg-hp h6, #hp-box-2 .pg-hp p { text-align: center; } #ram-stin h2 { font-size: 30px; margin-bottom: 0; } #ram-stin p.n { margin: 0; padding: 23px 0; border-bottom: #e0e0e0 1px solid; } #ram-stin p.n2 { margin: 0; padding: 30px 0 5px 0; } #ram-stin p.n span.datum { color: #360; display: inline-block; padding-right: 10px; } #ram-stin p.n a { color: #333; text-decoration: none; } #ram-stin p.n a:hover, #ram-stin p.n a:focus { color: #000; text-decoration: underline; } #ram-stin p.n2 a { color: #360; text-decoration: underline; } #ram-stin p.n2 a:hover, #ram-stin p.n2 a:focus { color: #000; text-decoration: underline; } #ram-stin #hp-m { text-align: center; } @media(min-width: 992px){ #ram-stin { border: #dedede 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #dedede 0px 0px 3px; -moz-box-shadow: #dedede 0px 0px 3px; box-shadow: #dedede 0px 0px 3px; } } @media(min-width: 1230px){ #ram-stin #hp-n { padding-left: 30px; padding-top: 15px; } #ram-stin #hp-m { text-align: right; padding-right: 0; } } #hp-box-1 p { line-height: 1.7; margin-bottom: 20px; } #hp-box-1 ul, #hp-box-2 ul { padding: 0; } #slogan { background: url("/img/bg-patice.jpg") 50% 0 no-repeat transparent; min-height: 275px;} #slogan p { text-align: center; color: #f1e5b9; margin: 0; padding-bottom: 30px; } #slogan #kontaktujte { color: #fc0; font-size: 30px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; padding: 60px 0 10px 0; } #f-btns div.col-md-12 { text-align: center; border: #f1e5b9 1px solid; color: #fc0; font-size: 22px; line-height: 2.3; } #f-btns div.col-md-12 a { text-decoration: none; color: #fc0; } #f-btns div.col-md-12 a:hover, #f-btns div.col-md-12 a:focus { text-decoration: underline; color: #dcd1a9; } @media(min-width: 1200px){ #f-btns div.col-md-4 div.col-md-12 { text-align: left; padding-left: 50px; background: url("/img/telefon.png") 0px 50% no-repeat transparent; padding-right: 5px; font-size: 20px; } #f-btns div#f-mail div.col-md-12 { background-image: url("/img/mail.png"); } #f-btns div#f-face div.col-md-12 { background-image: url("/img/facebook.png"); } } @media(min-width: 1230px){ #f-btns div.col-md-4 div.col-md-12 { text-align: left; padding-left: 77px; background: url("/img/telefon.png") 12px 50% no-repeat transparent; font-size: 22px; } #f-btns div#f-mail div.col-md-12 { background-image: url("/img/mail.png"); } #f-btns div#f-face div.col-md-12 { background-image: url("/img/facebook.png"); } } #pata { background-color: #024800; color: #f1e5b9; padding-top: 25px; padding-bottom: 10px; } #pata p { line-height: 2.7; font-size: 13px; } #pata span.zluty { color: #fc0; } #autor { text-align: right; } #autor a {color:#fff; text-indent: -9999px; display:inline-block; line-height: 21px; height:21px; padding: 0px; vertical-align: middle; } #autor a#logo-cp {background: url('/img/cp.png') 0px 0px no-repeat transparent; width:105px; margin-right: 10px; margin-left: 5px; } #autor a#logo-cpedit {background: url('/img/cpe.png') 0px 0px no-repeat transparent; width:40px; margin-left: 5px; } #autor a span { display: none; } @media(max-width: 991px){ #slogan #kontaktujte { padding-top: 10px; } #slogan p { padding-bottom: 10px; } #f-btns div.col-md-12 { margin-top: 5px; font-size: 20px; line-height: 2.1; } #pata p { text-align: center !important; } } #pg-box1 { padding: 220px 0 70px 0; background: url("/img/bg-podstranky.jpg") 50% 0 no-repeat #024800; } #subPg #pg-content ul { } #pg-nabidka .ram { margin: 20px 0 10px 15px; padding: 15px 5px; background: url("/img/pozadi.png") 0 0 repeat transparent; border: #d1d1d1 1px solid; } #pg-nabidka .ram h2 { text-align: center; font-size: 27px; font-weight: 300; margin-top: 5px; line-height: 1.4; } #pg-nabidka .ram h3 { text-align: center; font-size: 17px; font-weight: normal; margin-top: 5px; margin-bottom: 15px; line-height: 1.3; color: #1e5a92; } #pg-nabidka .ram h3 a { color: #1e5a92; font-weight: bold; } #pg-nabidka .ram p { text-align: center; } #r-btns { text-align: center; padding-top: 20px; } #r-btns span { display: inline-block; width: 99%; height: 1px; } #r-btns a { display: inline-block; width: 130px; height: 130px; border: #fff 1px solid; background: url("/img/r-box-lesnicka-cinnost.png") 0 0 repeat transparent; margin-bottom: 5px; } #r-btns a:hover, #r-btns a:focus, #r-btns a.active { background-position: 0 -130px; } #r-btns a#r-btn-8 { background-image: url("/img/r-box-rybarstvi.png"); } #r-btns a#r-btn-9 { background-image: url("/img/r-box-drevarska-cinnost.png"); } #r-btns a#r-btn-10 { background-image: url("/img/r-box-stavebni-cinnost.png"); } #r-btns a span { display: none; } #g-map { padding-top: 40px; } #pg-nabidka h2 { text-align: center; font-weight: normal; font-size: 24px; font-family: "Roboto", sans-serif; color: #fff; } #pg-nabidka h2 span { font-size: 18px; } #bublina { position: relative; margin-top: 20px; margin-bottom: 20px; background: url("/img/uvozovky1.png") 6% 6% no-repeat #739e47; border: #fff 1px solid; color: #fff; font-size: 13px; font-style: italic; font-family: 'Verdana', sans-serif; } #bublina .sipka { position: absolute; background: url("/img/sipka.png") 0 0 no-repeat transparent; width: 48px; height: 17px; top: -17px; left: 97px; } #bublina .bublina { padding: 30px 20px; background: url("/img/uvozovky2.png") 94% 94% no-repeat transparent; } #bublina p { text-indent: 40px; } #drevo-form .row {padding-top: 40px; } #drevo-form label { font-weight: normal; } #drevo-form textarea { height: 150px; } #drevo-form .form-group { margin-top: 15px; } .articles .article-meta { color: #b1b1b1; } @media(max-width: 991px){ #pg-box1 { background: #fff; padding: 30px 0 0 0; } #subPg #pg-content { background: #fff; } #subPg #pg-nab { background: url("/img/bg-r2.png") 0 0 repeat-x #8ab460; padding-top: 15px; } #subPg r-btns { line-height: 0; } #pg-nabidka h2 br { display: none; } #bublina { background-position: 3% 13%; } #bublina .bublina { background-position: 97% 87%; } } @media(max-width: 768px){ #bublina { background-position: 3% 8%; } #bublina .bublina { background-position: 97% 92%; } } @media(max-width: 500px){ #bublina { background-position: 4% 8%; } #bublina .bublina { background-position: 96% 92%; } } @media(min-width: 992px){ #subPg #pg-content{ padding-top: 30px; padding-bottom: 30px; } #subPg { background: url("/img/bg-r.png") 108.6% 0 repeat-y #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } } @media(min-width: 1170px){ } @media(min-width: 1230px){ #subPg { background-position: 100.6% 0; } #r-btns { text-align: justify; font-size: 1px; padding-left: 14px; padding-right: 14px; } } #pg-content .pagination a, #pg-content .pagination span { color: #999; border-color: #ccc; margin-right: 7px; } #pg-content .pagination .active a { color:#ffffff; background-color: #336600; border-color: #336600; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; padding-left: 9px; padding-right: 9px; } #showFancyForm { background-color: #dd0000; border-color: #dd0000; } #formularKontakt table { width: 100%; } #formularKontakt { padding: 10px 10px 0 10px; } #formularKontakt th, #formularKontakt td { padding-bottom: 10px; } article table td {background-color: #f5f5f5; background-color: #f5f5f5; } article table.list th {background-color: #eaeaed;font-weight: normal;color: #000;} article table tr:nth-child(2n+1) td {background-color: #ffffff;} article table th {padding: 8px 16px;text-align: left;border: 1px solid #d5d5d5;} article table thead td {font-weight: bold; background-color: #f5f5f5 !important;} article div.table-box { overflow: auto; } #fotky li, #videa li { text-align: center; } .scrollup { background-color: #000; border: 0; border-radius: 7px; bottom: 50px; display: none; height: 50px; line-height: 50px; opacity: 0.7; position: fixed; right: 60px; text-align: center; width: 50px; color: #ffffff; } .scrollup:hover, .scrollup:focus, .scrollup:active { color:#ffffff; } .scrollup i.glyphicon { padding:0px; } @media(min-width: 768px){ #mainMenu .dropdown:hover .dropdown-menu { display:block; } } @media(min-width: 1200px){ #mainMenu .nav > li { padding-left: 5px; padding-right: 5px; background: transparent; } #mainMenu .nav > li.posledni { padding-right: 0; background: none; } #mainMenu .nav > li a {} } @media(min-width: 1230px){ #mainMenu .nav > li { padding-left: 20px; padding-right: 20px;} } @media(max-width: 991px){ #mainMenu .nav > li { padding-left: 10px; padding-right: 0; } .navbar-nav > li > a { padding-left: 5px; padding-right: 5px; } #pg-nabidka .ram { margin: 20px 0 10px 0; } } @media(max-width: 991px){ #header { height: auto; } #header .header-top { height: 62px; } #logo img { max-width: 80px; } #top-line ul { margin-top: 15px; } #logo img li { padding: 5px 25px; } #mainMenu ul { margin-left: 0px; } #navbar { padding-left: 0; padding-right: 0; } #header .container, #main_block .container { width: 100%; background-image: none; } #hp-box-1, #hp-box-2 { background-image: none; padding-bottom: 0; } #hp-box-2 { padding-top: 0; } #hp-info, #hp-nab, #hp-a, #hp-proc { padding: 30px; } #hp-a, #hp-proc { margin-bottom: 0; padding-bottom: 0; } #hp-a .hp-n { min-height: inherit; padding-top: 15px; padding-bottom: 15px; background-position: 100% 50%; margin: 0; } #hp-a .hp-n p { margin: 0; } #hp-nab { background-color: #bde4ff; } #hp-a .hp-n { margin-right: 0; } #hp-kruhy .col-md-6 { margin: 0 30px 30px 30px; border: 0; } #hp-kruhy .col-md-3, #hp-kruhy .col-md-9 { text-align: center; } #hp-kruhy .col-md-3 { padding-bottom: 0; } #hp-kruhy .col-md-9 { padding-bottom: 30px; } #pg-box1 {background-image: none; } #copy { background-image: none; padding: 0; } #copy .container, #autor .container { width: 100%; } #copy #boxA, #copy #boxB { padding: 30px; } #copy #boxB { background-color: #101010; } #autor .container { padding-left: 30px; padding-right: 30px; } } @media(max-width: 900px){ #mainMenu .nav li { font-size: 14px; } } @media(min-width: 992px){ #header .header-bottom { margin-top: -120px; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; } #mainMenu { font-size: 20px; } } @media(max-width: 810px){ #mainMenu .nav li { font-size: 13px; } } @media(max-width: 767px){ #animace .carousel-inner .item { background-size: cover; height: 245px; } #animace .a-texty-1, #animace .a-texty-1b, #animace .a-texty-2, #animace .a-texty-2b { display: none; } } @media(max-width: 640px){ .scrollup { right: 10px; bottom: 10px } } @media (max-width: 991px) { #top-line ul { display: none; } #header { background: #553521; } #header .header-top { height: 0; z-index: 1999; } #header .header-top-auto { height: auto; } #header .header-bottom { height: 0; z-index: 999; } #header .header-bottom { height: auto; } #header .header-bottom.container { padding: 0; } #header .nav.navbar-nav { padding: 0 15px; } #header .header-bottom ul { margin: 0; } #navbar { background-color: #d6eeff; } #navbar li.dropdown.opened > ul { display: block; position: relative; width: 100%; border: 0; box-shadow: none; float: none; padding: 0 0 0 20px; } #navbar li.dropdown.opened > ul li { padding: 0; } #navbar li.dropdown.opened > ul li a { padding: 10px 5px; } #header .navbar-toggle { background-color: #fc0; color: #ffffff; padding: 9px 15px; } #mainMenu { padding: 0; } #mainMenu .nav li { font-size: 16px; } #mainMenu #navbar { z-index: 100; width: 100%; margin: 0; padding: 0; background-color: #553521; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } } @media(min-width: 992px){ #navbar .nav { width: auto; float: right; } } #orel-form .form-group { margin-left: 0; } #orel-form .form-group input, #orel-form .form-group select, #orel-form .form-group textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #orel-form .form-group textarea { min-height: 160px; } #orel-form .form-group span { display: inline-block; padding: 35px 0 5px 0; } #orel-form .form-group button { background-color: #dd0000; color: #ffffff; text-transform: uppercase; font-size: 25px; padding: 10px 0; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #orel-form .form-group #formBtn { padding-top: 40px; padding-bottom: 40px; } button#b1 { background-color: #301a0b; color: #fff; padding-bottom: 10px; padding-top: 10px; font-size: 25px; text-transform: uppercase; } button#b1:hover, button#b1:focus { background-color: #fc0; } #lr-kh a.img-thumbnail { padding: 0; border: 0; text-decoration: none; } #lr-kh a.img-thumbnail span.article-gallery-title { display: block; background-color: #301a0b; color: #fff; text-align: center; padding: 15px 0; } #lr-kh a.img-thumbnail:hover span.article-gallery-title, #lr-kh a.img-thumbnail:focus span.article-gallery-title { background-color: #fc0; } #map { width: 100%; height: 300px; position: relative;} #map .mapClosed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #d5d5d5 url('/img/static_map.png') 50% 50% no-repeat; cursor: pointer; } #map #googleAttrib{position:absolute;bottom:0;right:0;background:rgba(245,245,245,0.7);height:14px;line-height:14px;font-size:10px;padding:0 6px;color:#000000;} #hp-box-2 #kontakt { margin-top: 25px; text-align: center; color: #010000; }