html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
em {
font-style:italic;
}
.floatright, .fright {
float:right;
}
.greenBtn
{
color: #FFF;
display: inline-block;
font-size: 17px;
text-decoration: none;
height: 48px;
background: #009241 url("../img/more_arr.png") no-repeat calc(100% - 20px) 18px;
padding: 14px 83px 0 23px;
margin: 40px 0 0 0;
font-weight: 500;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.greenBtn:hover
{
background-color: #00a349;
}
.center
{
text-align: center;
}
::-webkit-input-placeholder {
color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
color: #FFF;
}
:-ms-input-placeholder {
color: #FFF;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
display: block;
}
.hidden
{
display: none;
}
img
{
vertical-align: bottom;
display: block;
}
body, html
{
min-height: 100%;
height: 100%;
}
strong
{
font-weight: 700;
}
input,
button,
textarea
{
font-family: 'Dosis', sans-serif;
font-weight: 400;
}
body
{
font-size: 15px;
color: #000;
font-family: 'Dosis', sans-serif;
font-weight: 400;
background: #FFF;
min-width: 1200px;
}
body a
{
color: #009241;
font-weight: 700;
}
body a:hover
{
text-decoration: none;
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
ins
{
text-decoration: none;
}
del
{
text-decoration: line-through;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
.clear
{
clear: both;
}
*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.navRes
{
display: none;
}
.contIn
{
margin: 0 auto;
position: relative;
width: 1200px;
}
#upperBar
{
background: url("../img/upper_bar.png") repeat-x center top;
height: 52px;
position: relative;
z-index: 10;
}
#upperBar .lang
{
float: left;
position: relative;
padding: 0 0 0 7px;
z-index: 10;
}
#upperBar .lang img {
width:20px;
float:left;
margin-right:5px;
margin-left:15px;
margin-top:5px;
}
#upperBar .lang img.f {
margin-left:3px;
}
#upperBar .lang .label
{
float: left;
font-size: 15px;
color: #FFF;
margin: 0 15px 0 0;
display: block;
padding: 17px 0 0 0;
}
#upperBar .lang .inner
{
float: left;
background: url("../img/upper_inner.png") repeat 0 0;
width: 90px;
height: 52px;
padding: 17px 0 0 12px;
position: relative;
}
#upperBar .lang .inner .selected
{
font-weight: bold;
font-size: 13px;
color: #FFF;
display: inline-block;
cursor: pointer;
background: url("../img/lang_arr.png") no-repeat right 5px;
padding: 0 18px 0 0;
}
#upperBar .lang .inner .innerBox
{
position: absolute;
left: 0;
top: 52px;
display: none;
background: #2f2112;
width: 67px;
padding: 7px 0;
}
#upperBar .lang .inner .innerBox a
{
display: block;
color: #FFF;
text-transform: uppercase;
font-size: 13px;
padding: 5px 0 5px 12px;
font-weight: bold;
}
#upperBar .search
{
float: right;
background: url("../img/upper_inner.png") repeat 0 0;
height: 52px;
position: relative;
z-index: 2;
}
#upperBar .search input[type=text]
{
float: left;
width: 206px;
height: 52px;
outline: none;
padding: 0 0 0 23px;
font-size: 15px;
color: #FFF;
background: transparent;
border: none;
}
#upperBar .search input[type=submit]
{
float: left;
background: url("../img/ico_search.png") no-repeat 15px 21px;
height: 52px;
width: 43px;
border: none;
cursor: pointer;
}
#upperBar .zrizovatel
{
position: absolute;
width: 100%;
text-align: center;
}
#upperBar .zrizovatel .inner
{
display: inline-block;
vertical-align: top;
color: #FFF;
font-size: 15px;
padding: 17px 0 0 0;
}
#upperBar .zrizovatel .inner a
{
display: inline-block;
background: url("../img/logo3.png") no-repeat 0 0;
width: 157px;
height: 0;
padding: 19px 0 0 0;
overflow: hidden;
margin: -2px 0 0 5px;
}
#header
{
height: 97px;
background: #FFF;
position: relative;
z-index: 2;
}
#header .logo
{
background: url("../img/logo2023.png") no-repeat 0 0;
width: 150px;
overflow: hidden;
height: 0;
padding: 70px 0 0 0;
display: block;
float: left;
margin: 16px 10px 0 10px;
}
#header .logo2
{
background: url("../img/logo2.png") no-repeat 0 0;
width: 73px;
overflow: hidden;
height: 0;
padding: 76px 0 0 0;
display: block;
float: left;
margin: 9px 0 0 0;
}
#header .nav
{
float: right;
}
#header .nav .list
{
display: inline-block;
height: 97px;
position: relative;
margin: 0 27px 0 0;
}
#header .nav .list::before
{
content: "/";
position: absolute;
right: -20px;
top: 37px;
color: #d1d1d1;
font-size: 18px;
}
#header .nav ul.plmenu .list::before
{
font-size: 16px;
}
#header .nav .list:last-child
{
margin: 0;
}
#header .nav .list:last-child::before
{
display: none;
}
#header .nav .list:hover .href
{
color: #009241;
}
#header .nav .list a.active {
color:#009241;
text-decoration:underline;
}
#header .nav .list .href
{
color: #000000;
text-decoration: none;
font-size: 18px;
font-weight: 700;
padding: 37px 0 0 0;
display: block;
height: 97px;
}
#header .navzukr .list .href {
font-size:14px;
}
#header .nav .plmenu .list .href {
font-size:16px;
}
#header .nav .list.pos4 .subMenu,
#header .nav .list.pos5 .subMenu,
#header .nav .list.pos6 .subMenu,
#header .nav .list.pos7 .subMenu,
#header .nav .list.pos8 .subMenu
{
right: -57px;
left: auto;
}
#header .nav .list:hover .subMenu
{
display: block;
}
#header .nav .list .subMenu
{
display: none;
border: 3px solid #009241;
padding: 24px 24px 24px 24px;
background: #FFF;
position: absolute;
left: -57px;
top: 85px;
width: 471px;
z-index:1050;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#header .nav .list .subMenu .arrow
{
position: absolute;
left: 120px;
background: url("../img/submenu_arr.png") no-repeat 0 0;
top: -14px;
width: 22px;
height: 14px;
}
#header .nav .list .subMenu ul
{
margin: 0;
padding: 0;
list-style: none;
}
#header .nav .list .subMenu .list2
{
float: left;
}
#header .nav .list .subMenu .list2 .href2
{
width: 208px;
padding: 8px 0 12px 18px;
font-size: 15px;
color: #000;
text-decoration: none;
display: block;
font-weight: 400;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#header .nav .list .subMenu .list2 .href2:hover
{
background: #f2f0ec;
}
#banners
{
position: relative;
z-index: 1;
height: 573px;
overflow: hidden;
}
#banners .inner
{
font-size: 30px;
color: #FFF;
width: 1200px;
margin: 0 auto;
padding: 140px 0 0 20px;
}
#banners .inner .innerIn
{
width: 360px;
}
#banners .inner strong
{
/*font-size: 48px;*/
font-size:41px;
display: block;
font-weight: 600;
margin: 0 0 18px 0;
}
#banners .contIn
{
position: absolute;
left: calc(50% + 300px);
top: 0;
width: 300px;
margin: 0 0 0 0;
z-index: 3;
padding: 56px 0 0 0;
}
#banners .contIn .btn
{
float: right;
height: 132px;
font-weight: 400;
width: 300px;
display: block;
margin: 0 0 38px 0;
padding: 30px 0 0 29px;
color: #FFF;
text-decoration: none;
line-height: 18px;
}
#banners .contIn .btn strong
{
display: block;
font-size: 17px;
line-height: 30px;
margin: 0 0 1px 0;
}
#banners .contIn .btn:hover strong
{
text-decoration: underline;
}
#banners .contIn .btn.btn1
{
background: url("../img/btn_zobrazitmapu.png") no-repeat 0 0;
color: #000;
}
#banners .contIn .btn.btn2
{
background: url("../img/btn_oteviracidoba.png") no-repeat 0 0;
margin-bottom: 36px;
}
#banners .contIn .btn.btn3
{
background: url("../img/btn_vstupne.png") no-repeat 0 0;
}
#banners .bx-viewport
{
height: 573px;
z-index: 1;
}
#banners .bx-controls
{
left: 50%;
bottom: 23px;
width: 1200px;
padding: 0 0 0 33px;
margin: 0 0 0 -600px;
position: absolute;
z-index: 2;
}
#banners .bx-controls .bx-pager-item
{
float: left;
margin: 0 10px 0 0;
}
#banners .bx-controls .bx-pager-item a
{
display: block;
overflow: hidden;
width: 14px;
height: 0;
padding: 14px 0 0 0;
display: block;
background: url("../img/slider_pagi.png") no-repeat 0 0;
}
#banners .bx-controls .bx-pager-item a.active
{
background: url("../img/slider_pagi.png") no-repeat 0 -14px;
}
#banners #bannersSlide .slide
{
height: 573px;
background-size: cover;
display: block;
}
#banners #bannersSlide .slideleto2025 {background: url("../images/slide_leto.jpg") no-repeat center center; }
#banners #bannersSlide .slidebeh2025 {background: url("../images/slidebeh2025.jpg") no-repeat center center; }
#banners #bannersSlide .slidemodernizoo {background: url("../images/web_zoo_na_chvili.jpg") no-repeat center center; }
#banners #bannersSlide .sliderododendron2025 {background: url("../images/slide_rododendron.jpg") no-repeat center center; }
#banners #bannersSlide .slidehroch2025 {background: url("../images/hroch2025.jpg") no-repeat center center; }
#banners #bannersSlide .slidevanoce2024 {background: url("../img/vanoce2024.jpg") no-repeat center center; }
#banners #bannersSlide .slidevanocnidarek {background: url("../img/vanocni-darek.jpg") no-repeat center center; }
#banners #bannersSlide .slidelevneji {background: url("../img/od-listopadu.jpg") no-repeat center center; }
#banners #bannersSlide .slidebeh2024 {background: url("../img/beh-pro-zelvy-2024.jpg") no-repeat center center; }
#banners #bannersSlide .slidepanda {background: url("../img/panda.jpg") no-repeat center center; }
#banners #bannersSlide .slidepapua {background: url("../img/voliera-papua.jpg") no-repeat center center; }
#banners #bannersSlide .slidehrot {background: url("../img/hroch-oteviraci-doba.jpg") no-repeat center center; }
#banners #bannersSlide .sliderodo {background: url("../img/rododendron.jpg") no-repeat center center; }
#banners #bannersSlide .slidesafari {background: url("../img/safari.jpg") no-repeat center center; }
#banners #bannersSlide .slidebons {background: url("../img/slide_bonsai2.jpg") no-repeat center center; }
#banners #bannersSlide .slidelev2 {background: url("../img/slide_lev2.jpg") no-repeat center center; }
#banners #bannersSlide .slidekozatka {background: url("../img/slide_kozatka2.jpg") no-repeat center center; }
#banners #bannersSlide .slideadvent {background: url("../img/advent_slider.jpg") no-repeat center center; }
#banners #bannersSlide .slideadvent2 {background: url("../img/advent_slider2.jpg") no-repeat center center; }
#banners #bannersSlide .slidezoozima {background: url("../img/zoo-leto.jpg") no-repeat center center; }
#banners #bannersSlide .slidelogo2023 {background: url("../img/slidelogo2023-2.jpg") no-repeat center center; }
#banners #bannersSlide .slidejaro2023 {background: url("../img/jaro2023.jpg") no-repeat center center; }
#banners #bannersSlide .slidepf2021 {background: url("../img/jerab2021.jpg") no-repeat center center; }
#banners #bannersSlide .slidevlakzirafa {background: url("../img/vlak-zoo.jpg") no-repeat center center; }
#banners #bannersSlide .slidepa2023 {background: url("../img/pa2023.jpg") no-repeat center center; }
#banners #bannersSlide .vel2023 {background: url("../img/vel.jpg") no-repeat center center; }
#banners #bannersSlide .slideeshop {background: url("../img/eshop.jpg") no-repeat center center; }
#banners #bannersSlide .slidedonio {background: url("../img/slide_donio.jpg") no-repeat center center; }
#banners #bannersSlide .slideoteviraci {background: url("../img/oteviraci.jpg") no-repeat center center; }
#banners #bannersSlide .slidedouble {background: url("../img/doubledecker.jpg") no-repeat center center; }
#banners #bannersSlide .slide70let {background: url("../images/70let.jpg") no-repeat center center; }
#banners #bannersSlide .slide20191 {background: url("../img/beh2021.jpg") no-repeat center center; }
#banners #bannersSlide .slide2023beh {background: url("../img/beh_pro_koraly2.jpg") no-repeat center center; }
#banners #bannersSlide .slide20191pl {background: url("../img/beh2021_pl.jpg") no-repeat center center; }
#banners #bannersSlide .slide20182 { background: url("../img/kalendar.jpg") no-repeat center center;}
#banners #bannersSlide .slide20183 { background: url("../img/koruna.jpg") no-repeat center center;}
#banners #bannersSlide .slide20184 { background: url("../img/slide_slon2018_2.jpg") no-repeat center center;}
#banners #bannersSlide .slide20185 { background: url("../img/slide_lemur.jpg") no-repeat center center;}
#banners #bannersSlide .slide20186 { background: url("../img/slide_zebra.jpg") no-repeat center center;}
#banners #bannersSlide .slide20221 { background: url("../img/zima-zoo.jpg") no-repeat center center;}
#banners #bannersSlide .slide20187 { background: url("../img/slide_varan.jpg") no-repeat center center;}
#banners #bannersSlide .slide20188 { background: url("../img/slide_rys.jpg") no-repeat center center;}
#banners #bannersSlide .slide20222 { background: url("../img/krmeni-ptaku.jpg") no-repeat center center;}
#banners #bannersSlide .slide20189 { background: url("../img/slider1.jpg") no-repeat center center;}
#banners #bannersSlide .slide201810 { background: url("../img/slider2.jpg") no-repeat center center;}
#banners #bannersSlide .slide201811 { background: url("../img/sliderlori2018.jpg") no-repeat center center;}
#banners #bannersSlide .slide201812 { background: url("../img/sliderlori.jpg") no-repeat center center;}
#banners #bannersSlide .slide201813 { background: url("../img/bonsai.jpg") no-repeat center center;}
#banners #bannersSlide .slide201814 {background: url("../img/slide_podzim.jpg") no-repeat center center; }
#banners #bannersSlide .slidelev {background: url("../img/slide_lev.jpg") no-repeat center center; }
#banners #bannersSlide .slidesup {background: url("../img/slide_sup.jpg") no-repeat center center; }
#banners #bannersSlide .sliderododendron { background: url("../img/slider_rondaci2.jpg") no-repeat center center;}
#banners #bannersSlide .slidermandril { background: url("../img/slid_do-zoo-levneji.jpg") no-repeat center center;}
#banners #bannersSlide .slideradopce { background: url("../img/slid_adopce.jpg") no-repeat center center;}
#banners #bannersSlide .slideradopce2 { background: url("../img/slid_adopce2.jpg") no-repeat center center;}
#banners #bannersSlide .slideradopce3 { background: url("../img/plamenak2.jpg") no-repeat center center;}
#banners #bannersSlide .slideplamenak { background: url("../images/vanoce2020.jpg") no-repeat center center;}
#banners #bannersSlide .slidepampa { background: url("../img/slider_la_pampa.jpg") no-repeat center center;}
#banners #bannersSlide .slidezdarma { background: url("../img/slider-vstup-zdarma.jpg") no-repeat center center;}
#banners #bannersSlide .slidezdarma_pl{ background: url("../img/slider-vstup-zdarma_pl.jpg") no-repeat center center;}
#banners #bannersSlide .slidesipky { background: url("../img/slid-sipky.jpg") no-repeat center center;}
#banners #bannersSlide .slideslon { background: url("../img/zoo-top-2.jpg") no-repeat center center;}
#banners #bannersSlide .slidebeh {background: url("../img/web_zoo_beh.jpg") no-repeat center center; }
#banners #bannersSlide .slidebehpl { background: url("../img/web_zoo_beh_plban.jpg") no-repeat center center;}
#banners #bannersSlide .slide1 { background: url("../img/slide1.jpg") no-repeat center center;}
#banners #bannersSlide .slide2 { background: url("../img/slide2.jpg") no-repeat center center;}
#banners #bannersSlide .slide3 { background: url("../img/slide3.jpg") no-repeat center center;}
#banners #bannersSlide .slide4 { background: url("../img/slide4.jpg") no-repeat center center;}
#banners #bannersSlide .slide5 { background: url("../img/slide5.jpg") no-repeat center center;}
#banners #bannersSlide .slide6 { background: url("../img/slide6.jpg") no-repeat center center;}
#banners #bannersSlide .slidegapi { background: url("../img/gapi_cz.jpg") no-repeat center center;}
#banners #bannersSlide .slidegapi_en { background: url("../img/gapi_en.jpg") no-repeat center center;}
#banners #bannersSlide .slidegapi_pl { background: url("../img/gapi_pl.jpg") no-repeat center center;}
#banners #bannersSlide .slidepapousek { background: url("../img/papousek.jpg") no-repeat center center;}
#banners #bannersSlide .slide_wanderu { background: url("../images/wanderu.jpg") no-repeat center center;}
#banners #bannersSlide .slide_vandhati { background: url("../images/vandhati.jpg") no-repeat center center;}
#banners #bannersSlide .slide_sovazima { background: url("../images/sova-zima.jpg") no-repeat center center;}
#banners #bannersSlide .slide7
{
background: url("../img/web-3.jpg") no-repeat center center;
}
#banners #bannersSlide .slide11
{
background: url("../img/top1.jpg") no-repeat center center;
}
#banners #bannersSlide .slide12
{
background: url("../img/top2.jpg") no-repeat center center;
}
#banners #bannersSlide .slide13
{
background: url("../img/top3.jpg") no-repeat center center;
}
#banners #bannersSlide .slide14
{
background: url("../img/top4.jpg") no-repeat center center;
}
#banners #bannersSlide .slide15
{
background: url("../img/top5.jpg") no-repeat center center;
}
#banners #bannersSlide .slide16
{
background: url("../img/zoo-top2.jpg") no-repeat center center;
}
#banners #bannersSlide .slide101
{
background: url("../img/top-1.jpg") no-repeat center center;
}
#banners #bannersSlide .slide102
{
background: url("../img/top-2.jpg") no-repeat center center;
}
#banners #bannersSlide .slide103
{
background: url("../img/top-3.jpg") no-repeat center center;
}
#banners #bannersSlide .slide105
{
background: url("../img/top-5.jpg") no-repeat center center;
}
#banners #bannersSlide .slide106
{
background: url("../img/top-6.jpg") no-repeat center center;
}
#banners #bannersSlide .slide109
{
background: url("../img/top-9.jpg") no-repeat center center;
}
#banners #bannersSlide .slide111
{
background: url("../img/top-11.jpg") no-repeat center center;
}
#novinky
{
border-bottom: 1px solid #dad6ca;
background: #FFF;
height: 248px;
overflow: hidden;
}
#novinky .more
{
position: absolute;
left: 50%;
top: 247px;
background: url("../img/carousel_more.png") no-repeat center top;
width: 170px;
height: 22px;
color: #000;
text-decoration: none;
text-align: center;
font-weight: 400;
margin: 0 0 0 -75px;
line-height: 16px;
}
#novinky .more:hover
{
text-decoration: underline;
}
#novinky .bx-pager
{
display: none;
}
#novinky .bx-wrapper
{
position: relative;
height: 248px;
}
#novinky .bx-controls-direction .bx-prev
{
height: 248px;
width: 0;
position: absolute;
left: -21px;
top: 0;
cursor: pointer;
background: url("../img/carousel_pagi.png") no-repeat 0 0;
display: block;
overflow: hidden;
padding: 0 0 0 22px;
}
#novinky .bx-controls-direction .bx-next
{
height: 248px;
width: 0;
position: absolute;
right: -21px;
top: 0;
cursor: pointer;
background: url("../img/carousel_pagi.png") no-repeat 0 -250px;
display: block;
overflow: hidden;
padding: 0 0 0 22px;
}
#novinky .item
{
float: left;
width: 399px;
height: 248px;
border-right: 1px solid #dad6ca;
padding: 38px 0 0 115px;
position: relative;
}
#novinky .item .date
{
position: absolute;
left: 40px;
top: 29px;
width: 60px;
text-align: center;
}
#novinky .item .date .day
{
font-size: 45px;
color: #009241;
display: block;
font-weight: 700;
}
#novinky .item .date .month
{
font-size: 23px;
color: #000;
display: block;
margin: -7px 0 0 0;
}
#novinky .item .date .year
{
font-size: 16px;
color: #a39a7d;
display: block;
}
#novinky .item .info
{
width: 270px;
}
#novinky .item .info .name
{
font-size: 25px;
color: #009241;
font-weight: 300;
line-height: 27px;
margin: 0 0 14px 0;
display: block;
height: 54px;
overflow: hidden;
}
#novinky .item .info .text
{
line-height: 20px;
color: #000;
height: 100px;
overflow: hidden;
}
#novinky .item .info .celaNovinka
{
display: block;
text-decoration: none;
text-align: right;
color: #009241;
font-weight: normal;
}
#novinky .item .info .celaNovinka:hover
{
text-decoration: underline;
}
#expozice
{
background: #f2f0ec url("../img/expozice_bg.png") no-repeat center bottom;
padding: 39px 0 80px 0;
font-size: 0;
}
#expozice .item .maska
{
position: absolute;
left: 0;
top: 102px;
width: 220px;
height: 94px;
display: block;
background: url("../img/expozice_maska.png") no-repeat 0 0;
}
#expozice.podstrana
{
background: none;
padding: 0;
}
#expozice .precteteSi
{
display: block;
position: absolute;
right: 0;
bottom: -45px;
width: 244px;
height: 75px;
background: url("../img/sloni_denik.png") no-repeat 0 0;
color: #000000;
text-decoration: none;
font-size: 19px;
padding: 14px 0 0 21px;
text-align: center;
line-height: 22px;
font-weight: 300;
}
#expozice .precteteSi span
{
display: block;
color: #009241;
font-weight: 700;
text-decoration: underline;
}
#expozice .precteteSi:hover span
{
text-decoration: none;
}
#expozice .title
{
text-align: center;
font-size: 32px;
color: #000;
margin: 0 0 38px 0;
font-weight: 300;
}
#expozice .more:hover
{
text-decoration: none;
}
#expozice .item
{
background: url("../img/expozice_item.png") no-repeat 0 0;
width: 222px;
height: 310px;
text-decoration: none;
position: relative;
vertical-align: top;
display: inline-block;
margin: 0 9px 34px 9px;
}
#expozice.podstrana .item
{
margin-left: 8px;
margin-right: 8px;
}
#expozice .item:hover
{
background-position: 0 -310px;
}
#expozice .item:hover .text
{
color: #FFF;
}
#expozice .item img
{
border: none;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#expozice .item .text
{
position: absolute;
text-align: center;
color: #000;
left: 0;
font-weight: 400;
width: 100%;
top: 156px;
/*bottom:90px;*/
padding: 0 10px;
font-size: 15px;
}
#expozice .item .text strong
{
color: #FFF;
font-size: 22px;
display: block;
margin: 0 0 22px 0;
}
#expozice .item .text strong.posun {
margin-top:-25px;
}
#expozice .item .text strong.posun2 {
margin-top:-50px;
}
#pomahame
{
background: #dad6ca;
padding: 0 0 79px 0;
}
#pomahame .title
{
text-align: center;
font-size: 32px;
color: #000;
margin: 0 0 37px 0;
font-weight: 300;
}
#pomahame .item
{
height: 147px;
position: relative;
display: block;
background: #FFF;
margin: 0 0 10px 0;
padding: 20px 0 0 36px;
text-decoration: none;
box-shadow: 1px 1px 2px #c5c0af;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#pomahame .item:hover .text strong
{
text-decoration: underline;
}
#pomahame .item img
{
position: absolute;
right: 0;
top: 0;
border: none;
z-index: 1;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#pomahame .text
{
position: relative;
z-index: 2;
display: block;
font-size: 17px;
color: #000;
font-weight: 400;
}
#pomahame .text strong
{
font-size: 27px;
color: #009241;
font-weight: 500;
margin: 0 0 11px 0;
display: block;
}
#pomahame .more:hover
{
text-decoration: none;
}
#ochrana
{
height: 693px;
background: url("../img/ochrana_bg.jpg") no-repeat center top;
}
#ochrana .left
{
float: left;
padding: 52px 0 0 36px;
color: #FFF;
width: 600px;
}
#ochrana .left .title
{
font-size: 40px;
font-weight: 700;
margin: 0 0 34px 0;
}
#ochrana .left .title span
{
font-size: 30px;
font-weight: 300;
display: block;
margin: -6px 0 0 0;
}
#ochrana .left .text
{
font-size: 17px;
line-height: 25px;
margin: 0 0 28px 0;
}
#ochrana .left .list
{
margin: 0 0 27px 0;
}
#ochrana .left .list li
{
font-size: 18px;
font-weight: 700;
padding: 0 0 18px 45px;
background: url("../img/ochrana_check.png") no-repeat 0 1px;
}
#ochrana .left .download
{
color: #FFF;
font-size: 16px;
background: url("../img/ico_download.png") no-repeat 1px 0;
padding: 0 0 0 45px;
min-height: 22px;
margin: 0 0 50px 0;
display: block;
}
#ochrana .left .download:hover
{
text-decoration: none;
}
#ochrana .left .dycham
{
}
#ochrana .slider
{
float: left;
padding: 398px 0 0 69px;
position: relative;
}
#ochrana .slider .item
{
background: url("../img/ochrana_item.png") no-repeat 0 0;
width: 222px;
display: block;
text-align: center;
height: 250px;
font-weight: 400;
color: #000;
padding: 21px 22px 0 20px;
text-decoration: none;
}
#ochrana .slider .item span
{
display: block;
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #009241;
margin: 0 0 15px 0;
}
#ochrana .slider .bx-controls .bx-pager
{
display: none;
}
#ochrana .slider .bx-controls .bx-controls-direction .bx-prev
{
position: absolute;
left: 21px;
top: 494px;
width: 22px;
display: block;
height: 0;
padding: 38px 0 0 0;
background: url("../img/ochrana_pagi.png") no-repeat 0 0;
overflow: hidden;
}
#ochrana .slider .bx-controls .bx-controls-direction .bx-next
{
position: absolute;
right: -46px;
top: 494px;
width: 22px;
display: block;
height: 0;
padding: 38px 0 0 0;
background: url("../img/ochrana_pagi.png") no-repeat 0 -38px;
overflow: hidden;
}
#zooOstrava
{
height: 638px;
background: url("../img/about_bg.jpg") no-repeat center top;
color: #FFF;
padding: 63px 0 0 0;
}
#zooOstrava .inner
{
width: 700px;
}
#zooOstrava .title
{
font-weight: 700;
font-size: 40px;
margin: 0 0 32px 0;
}
#zooOstrava .title span
{
font-weight: 300;
display: block;
}
#zooOstrava .text
{
font-size: 17px;
margin: 0 0 37px 0;
line-height: 24px;
}
#zooOstrava .item
{
float: left;
width: 208px;
padding: 0 0 0 83px;
min-height: 69px;
margin: 0 0 31px 0;
}
#zooOstrava .item .inner
{
position: relative;
height: 69px;
vertical-align: middle;
display: table-cell;
font-weight: 500;
line-height: 17px;
font-size: 15px;
}
#zooOstrava .more
{
margin: 19px 32px 0 0;
float: left;
}
#zooOstrava .dog
{
background: url("../img/ico_dog.png") no-repeat 0 2px;
padding: 5px 0 0 53px;
min-height: 42px;
display: block;
float: left;
color: #FFF;
text-decoration: none;
font-weight: 500;
margin: 19px 0 0 0;
}
#zooOstrava .dog span
{
display: block;
font-weight: 300;
text-decoration: underline;
padding: 1px 0 0 0;
}
#zooOstrava .dog:hover span
{
text-decoration: none;
}
#zooOstrava .item.item1 { background: url("../img/prebalovaci.png") no-repeat 0 0; }
#zooOstrava .item.item2 { background: url("../img/ohrev.png") no-repeat 0 0; }
#zooOstrava .item.item3 { background: url("../img/zapujceni_voziku.png") no-repeat 0 0; }
#zooOstrava .item.item4 { background: url("../img/detske_hriste.png") no-repeat 0 0; }
#zooOstrava .item.item5 { background: url("../img/moznost_zapujceni.png") no-repeat 0 0; }
#zooOstrava .item.item6 { background: url("../img/jizda_vlackem.png") no-repeat 0 0; }
#prirustky
{
min-height: 542px;
background: #f2f0ec;
text-align: center;
padding: 52px 0 0 0;
}
#prirustky .title
{
font-size: 32px;
color: #000;
margin: 0 0 26px 0;
font-weight: 300;
}
#prirustky .item
{
display: inline-block;
vertical-align: top;
width: 221px;
padding: 19px 11px 0 10px;
margin: 0 5px;
text-decoration: none;
position: relative;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#prirustky .item:hover
{
padding-right: 10px;
background: #FFF;
border-right: 1px solid #dbd7cc;
border-bottom: 1px solid #dbd7cc;
height: 363px;
}
#prirustky .item:hover .popis,
#prirustky .item:hover .moreIt
{
display: block;
}
#prirustky .item .moreIt
{
display: none;
position: absolute;
left: 35px;
top: 18px;
width: 150px;
height: 150px;
background: rgba(0,0,0,0.2);
font-size: 15px;
font-weight: 700;
color: #FFF;
text-align: center;
padding: 77px 0 0 0;
border-radius: 89px;
-moz-border-radius: 89px;
-webkit-border-radius: 89px;
}
#prirustky .item .ribbon, #expozice .ribbon
{
position: absolute;
left: 142px;
top: 37px;
font-weight: 700;
font-size: 13px;
color: #FFF;
padding: 2px 7px 0 7px;
background: #009241;
height: 21px;
z-index: 12;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#expozice .ribbon{
top:5px;
}
/*
#prirustky .item img
{
display: inline-block;
vertical-align: top;
margin:0 auto;
display:block;
width: 150px;
height: 150px;
background-repeat: no-repeat;
background-size:cover;
background-position: center;
border-radius: 50%;
background-color: #dbd7cc;
}
*/
#prirustky .item .obal-prirustky {
border-radius: 50%;
width: 147px;
height: 147px;
background-repeat: no-repeat;
background-size:cover;
background-position: center;
display: inline-block;
vertical-align: top;
margin:0 auto;
overflow:hidden;
background-color: #dbd7cc;
position: relative;
z-index: 10;
}
#prirustky .item .name
{
display: block;
font-size: 22px;
color: #009241;
font-weight: 700;
text-decoration: none;
margin: 0 0 3px 0;
}
#prirustky .item .narozeni
{
display: block;
font-size: 16px;
color: #000;
font-weight: 300;
margin: 0 0 13px 0;
}
#prirustky .item .popis
{
font-weight: 300;
color: #000;
line-height: 16px;
display: none;
}
#prirustky .more
{
position: absolute;
top: 352px;
margin: 29px 0 0 -104px;
}
#footer
{
padding: 45px 0 0 0;
background: #FFF;
}
#footer .contIn
{
padding: 0 0 0 36px;
}
#footer .col
{
width: 247px;
float: left;
}
#footer .col.col1
{
margin-right: 50px;
}
#footer .col.col1 .fb-page
{
margin: 0 0 5px 0;
}
#footer .col.col2
{
margin-right: 44px;
line-height: 25px;
font-weight: 300;
}
#footer .col.col2 a
{
color: #009241;
text-decoration: underline;
}
#footer .col.col2 a:hover
{
text-decoration: none;
}
#footer .col.col2 strong
{
font-weight: 700;
}
#footer .col.col3
{
margin-right: 55px;
text-align: center;
}
#footer .col.col3 .title
{
text-align: left;
}
#footer .col.col4
{
text-align: left;
}
#footer .col.col4 img
{
margin: 0 0 30px 0;
}
#footer .col.col3 img,
#footer .col.col4 img
{
display: inline-block;
vertical-align: middle;
}
#footer .col .title
{
font-size: 18px;
font-weight: 300;
border-bottom: 3px solid #dad6ca;
padding: 0 0 21px 0;
margin: 0 0 25px 0;
}
#head
{
background: #f2f0ec;
position: relative;
z-index: 1;
}
.mainTitle
{
background: url("../img/maintitle_bg.jpg") repeat-x center 0;
width: 100%;
position: relative;
height: 121px;
padding: 32px 0 0 0;
overflow: hidden;
}
.mainTitle img
{
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.mainTitle h1
{
margin: 0 auto;
color: #FFF;
font-size: 48px;
font-weight: 700;
z-index: 2;
width: 1200px;
position: relative;
}
.ukr .mainTitle h1 {
font-size:38px;
}
#head .page
{
width: 1200px;
margin: 0 auto;
position: relative;
}
#page .rightPanel
{
float: right;
width: 206px;
background: #FFF;
border-left: 1px solid #dad6ca;
border-bottom: 1px solid #dad6ca;
padding: 44px 0 43px 30px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-left-radius: 12px;
}
#page .rightPanel .submitnakup {
background: #009241;
color: #fff;
border-radius:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
width:200px;
font-weight:600;
margin-left:10px;
margin-top:20px;
}
#page .rightPanel .rightMenu
{
}
#page .rightPanel .rightMenu li
{
position: relative;
margin: 0 0 12px 0;
}
#page .rightPanel .rightMenu li.active a
{
font-weight: 700;
}
#page .rightPanel .rightMenu li.active .arr
{
display: block;
}
#page .rightPanel .rightMenu li a
{
font-size: 19px;
color: #009241;
font-weight: 400;
}
#page .rightPanel .rightMenu li a:hover
{
text-decoration: none;
}
#page .rightPanel .rightMenu li .arr
{
display: none;
background: url("../img/rightmenu_arr.png") no-repeat 0 0;
width: 22px;
height: 77px;
position: absolute;
left: -52px;
top: -27px;
}
#page .rightPanel h2
{
font-size: 25px;
font-weight: 700;
}
#page .rightPanel a
{
color:#000
}
#page .leftPanel
{
float: left;
width: 860px;
width: 954px;
padding: 45px 0 46px 0;
}
#page .leftPanel.noPanel
{
width: 100%;
float: none;
}
#page .leftPanel .oteviraciDoba
{
padding: 0 0 53px 0;
border-bottom: 1px solid #dad6ca;
margin: 0 0 30px 0;
}
#page .leftPanel .oteviraciDoba h2
{
font-size: 32px;
color: #000;
margin: 0 0 5px 0;
}
#page .leftPanel .oteviraciDoba h3
{
font-size: 18px;
color: #009241;
margin: 0 0 43px 0;
font-weight: 700;
}
#page .leftPanel .oteviraciDoba .item
{
float: left;
border-right: 1px solid #dbd7cc;
border-bottom: 1px solid #dbd7cc;
width: 175px;
height: 141px;
background: #FFF;
margin: 0 19px 36px 0;
text-align: center;
font-size: 15px;
color: #000;
line-height: 16px;
padding: 30px 0 0 0;
position: relative;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#page .leftPanel .oteviraciDoba .item.last
{
margin-right: 0;
}
#page .leftPanel .oteviraciDoba .item .title
{
font-size: 18px;
font-weight: 700;
color: #009241;
line-height: 19px;
margin: 0 0 16px 0;
height: 38px;
}
#page .leftPanel .oteviraciDoba .item.tip
{
border: 3px solid #009241;
}
#page .leftPanel .oteviraciDoba .item.tip .arr
{
position: absolute;
top: -17px;
width: 34px;
height: 34px;
left: 50%;
margin: 0 0 0 -17px;
color: #FFF;
font-size: 14px;
font-weight: 700;
background: #009241;
text-align: center;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
padding: 9px 0 0 0;
}
#page .leftPanel .oteviraciDoba .info
{
background: url("../img/ico_info.png") no-repeat 0 0;
min-height: 20px;
padding: 0 0 0 29px;
color: #000000;
font-size: 15px;
}
#page .leftPanel .vstupne
{
border-bottom: 1px solid #dad6ca;
padding: 0 0 52px 0;
}
#page .leftPanel .vstupne .left
{
float: left;
}
#page .leftPanel .vstupne .left h2
{
font-size: 32px;
color: #000000;
margin: 0 0 5px 0;
}
#page .leftPanel .vstupne .left .seasons
{
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: #009241;
}
#page .leftPanel .vstupne .right
{
float: right;
padding: 24px 0 0 0;
}
#page .leftPanel .vstupne .right .vyberte,#page .leftPanel .vstupne .right .vyberte_en ,#page .leftPanel .vstupne .right .vyberte_pl
{
float: left;
background: url("../img/vyberte_kategorii.png") no-repeat 0 0;
width: 132px;
height: 55px;
margin: 9px 23px 0 0;
}
#page .leftPanel .vstupne .right .vyberte_en
{
background: url("../img/vyberte_kategorii_en.png") no-repeat 0 0;
}
#page .leftPanel .vstupne .right .vyberte_pl
{
background: url("../img/vyberte_kategorii_pl2.png") no-repeat 0 0;
}
#page .leftPanel .vstupne .right .select
{
float: left;
background: #0e984b;
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#page .permice_info{
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
#page .leftPanel .vstupne .right .select .text
{
width: 262px;
height: 70px;
font-size: 18px;
color: #FFF;
padding: 23px 0 0 29px;
background: url("../img/arr_down.png") no-repeat 177px 30px;
background-position: right;
margin-right: 10px;
}
#page .leftPanel .vstupne .right .select .inner
{
/*display: none;*/
display:block;
padding: 0 0 10px 0;
}
#page .leftPanel .vstupne .right .select .inner .option
{
color: #FFF;
font-size: 16px;
padding: 5px 0 5px 29px;
}
#page .leftPanel .vstupne .right .select .inner .option:hover {
text-decoration:underline;
}
#page .leftPanel .vstupne .permice
{
text-align: center;
padding: 63px 0 63px 0;
}
#page .leftPanel .vstupne .permice_info
{
display:none;
margin-top: 40px;
}
#page .leftPanel .vstupne .permice_info_1{
display:block;
}
#page .leftPanel .vstupne .permice_info h2{
color:#0e984b;
}
#page .leftPanel .vstupne .permice .item
{
display: inline-block;
vertical-align: top;
width: 240px;
margin: 0 0 30px 0;
}
#page .leftPanel .vstupne .permice .item
{
padding: 60px 0 0 0;
}
#page .leftPanel .vstupne .permice .item.item1
{
background: url("../img/ico_letni.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice .item.item2
{
background: url("../img/ico_zimni.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice .item.item3
{
background: url("../img/ico_perma.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice .item .title
{
font-size: 18px;
color: #a39a7d;
}
#page .leftPanel .vstupne .permice .item .obdobi
{
font-size: 24px;
font-weight: 700;
color: #0e984b;
margin: -4px 0 0 0;
}
#page .leftPanel .vstupne .permice .item .price
{
font-size: 24px;
font-weight: 700;
margin: 9px 0 0 0;
}
#page .leftPanel .vstupne .permice2
{
text-align: center;
padding: 0px;
display:flex;
align-items: center;
}
#page .leftPanel .vstupne .permice_info
{
display:none;
margin-top: 40px;
}
#page .leftPanel .vstupne .permice_info_1{
display:block;
}
#page .leftPanel .vstupne .permice_info h2{
color:#0e984b;
}
#page .leftPanel .vstupne .permice2 .item
{
display: inline-block;
vertical-align: top;
width: 180px;
}
#page .leftPanel .vstupne .permice2 .item.item00 {
width:400px;
text-align:left;
}
#page .leftPanel .vstupne .permice2 .item.item00 h2 {
font-weight: 700;
color: #0e984b;
font-size:19px;
margin:0;
}
#page .leftPanel .vstupne .permice2 .item.item00 p { font-size:14px; margin:0;}
#page .leftPanel .vstupne .permice2 {
border-bottom:2px solid #ddd;
margin-bottom: 8px;
padding-bottom: 8px;
min-height: 50px;
}
#page .leftPanel .vstupne .permice2 .item
{
padding: 40px 0 0 0;
}
#page .leftPanel .vstupne .permice2 .item.item00, #page .leftPanel .vstupne .permice2 .item.item11, #page .leftPanel .vstupne .permice2 .item.item22, #page .leftPanel .vstupne .permice2 .item.item33 {
padding:0;
}
#page .leftPanel .vstupne .permice2 .item.item1
{
background: url("../img/ico_letni.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice2 .item.item2
{
background: url("../img/ico_zimni.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice2 .item.item3
{
background: url("../img/ico_perma.png") no-repeat center top;
}
#page .leftPanel .vstupne .permice2 .item .title
{
font-size: 18px;
color: #a39a7d;
}
#page .leftPanel .vstupne .permice2 .item .obdobi
{
font-size: 24px;
font-weight: 700;
color: #0e984b;
margin: -4px 0 0 0;
}
#page .leftPanel .vstupne .permice2 .item .price
{
font-size: 19px;
font-weight: 700;
margin: 0;
}
#page .leftPanel .vstupne .pozn
{
font-size: 15px;
color: #000;
line-height: 22px;
margin: 0 0 30px 0;
}
#page .leftPanel .vstupne .zakaz
{
background: url("../img/zakaz_psu.png") no-repeat 0 0;
padding: 19px 0 0 62px;
min-height: 52px;
font-size: 16px;
}
#page .leftPanel .vstupne .zakaz2
{
background: url("../img/zakaz_kol.png") no-repeat 0 0;
padding: 19px 0 0 62px;
min-height: 52px;
font-size: 16px;
}
#page .leftPanel .ostatni
{
padding: 63px 0 0 0;
}
#page .leftPanel .ostatni .parkovne
{
float: left;
width: 400px;
padding: 0 0 0 10px;
}
#page .leftPanel .ostatni .parkovne .title,
#page .leftPanel .ostatni .jizdaVlackem .title
{
font-size: 32px;
margin: 0 0 40px 0;
}
#page .leftPanel .ostatni .parkovne ul,
#page .leftPanel .ostatni .jizdaVlackem ul
{
list-style: none;
margin: 0;
padding: 0;
}
#page .leftPanel .ostatni .parkovne ul li,
#page .leftPanel .ostatni .jizdaVlackem ul li
{
background: url("../img/green_dot.png") no-repeat 0 6px;
padding: 0 0 0 19px;
font-size: 15px;
margin: 0 0 14px 0;
}
#page .leftPanel .ostatni .jizdaVlackem
{
float: right;
width: 400px;
}
#page .leftPanel .ostatni .jizdaVlackem .title
{
}
#page .leftPanel .ostatni .zajimavosti
{
padding: 60px 0 0 0;
}
#page .leftPanel .ostatni .zajimavosti .item
{
display: block;
height: 114px;
background: #FFF;
position: relative;
margin: 0 0 17px 0;
border-bottom: 1px solid #dbd7cc;
border-bottom: 1px solid #dbd7cc;
font-size: 27px;
color: #009241;
font-weight: 700;
text-decoration: none;
padding: 37px 0 0 35px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
#page .leftPanel .ostatni .zajimavosti .item .arr
{
background: url("../img/ostatni_arr.png") no-repeat 0 0;
position: absolute;
right: 33px;
top: 33px;
display: block;
width: 46px;
height: 46px;
}
#page .leftPanel .ostatni .zajimavosti .item1 { background: #FFF url("../img/ostatni1.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item2 { background: #FFF url("../img/ostatni2.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item3 { background: #FFF url("../img/ostatni3.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item4 { background: #FFF url("../img/ostatni4.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item5 { background: #FFF url("../img/ostatni5.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item6 { background: #FFF url("../img/ostatni6.png") no-repeat right top; }
#page .leftPanel .ostatni .zajimavosti .item.newsletter
{
padding-top: 31px;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter .label
{
float: left;
padding: 5px 48px 0 0;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter input[type=text]
{
float: left;
background: #f2f0ec;
width: 217px;
height: 47px;
border: 1px solid #dad6ca;
padding: 0 0 0 20px;
margin: 0 11px 0 0;
font-size: 14px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter input[type=text]::-webkit-input-placeholder {
color: #000;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter input[type=text]:-moz-placeholder { /* Firefox 18- */
color: #000;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter input[type=text]::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter input[type=text]:-ms-input-placeholder {
color: #000;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter button
{
float: left;
cursor: pointer;
border: none;
background: #009241;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#page .leftPanel .ostatni .zajimavosti .item.newsletter button span
{
width: 138px;
height: 46px;
display: block;
font-size: 15px;
color: #FFF;
font-weight: 700;
padding: 13px 0 0 10px;
background: url("../img/arr_right.png") no-repeat 111px 18px;
}
.knihaPrispevek
{
min-height: 151px;
background: #FFF;
position: relative;
border-bottom: 1px solid #dbd7cc;
border-right: 1px solid #dbd7cc;
padding: 31px 20px 31px 145px;
font-size: 14px;
margin: 0 0 10px 0;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.knihaPrispevek .name
{
font-size: 16px;
color: #009241;
font-weight: 700;
display: inline-block;
vertical-align: top;
}
.knihaPrispevek .date
{
color: #a39a7d;
display: inline-block;
vertical-align: top;
font-weight: 700;
padding: 2px 0 0 10px;
}
.knihaPrispevek .text
{
line-height: 20px;
padding: 6px 0 0 0;
}
.knihaPrispevek .pic
{
position: absolute;
top: 32px;
left: 30px;
width: 81px;
height: 81px;
border-radius: 41px;
-moz-border-radius: 41px;
-webkit-border-radius: 41px;
}
.knihaOdpoved
{
padding: 5px 0 0 78px;
position: relative;
margin: 0 0 10px 0;
min-height: 33px;
}
.knihaOdpoved img
{
position: absolute;
left: 0;
top: 0;
}
.knihaOdpoved
{
}
#content.subpage .leftPanel h2
{
font-size: 32px;
color: #000;
margin: 0 0 15px 0;
}
#content.subpage .leftPanel h3
{
font-size: 20px;
color: #009241;
font-weight: 700;
margin: 0 0 15px 0;
}
#content.subpage .leftPanel p
{
margin: 0 0 15px 0;
font-size: 17px;
}
#content.subpage .leftPanel ul
{
padding: 0 0 0 15px;
}
#content.subpage .leftPanel ul li
{
background: url("../img/green_dot.png") no-repeat 0 6px;
padding: 0 0 0 19px;
font-size: 15px;
margin: 0 0 14px 0;
}
#content.subpage .leftPanel ul
{
}
.navstevniKniha
{
background: url("../img/navstevni_kniha_bg.png") no-repeat 0 0;
width: 860px;
height: 482px;
padding: 31px 0 0 38px;
margin: 0 0 10px 0;
}
.listovani
{
margin: 0 0 10px 0;
}
.listovani .strana
{
display: inline-block;
margin: 0 15px 0 0;
vertical-align: top;
height: 24px;
line-height: 24px;
color: #4b4b4d;
}
.listovani a,
.listovani span,
.listovani .active
{
display: inline-block;
margin: 0 3px;
vertical-align: top;
padding: 0 10px;
background: #FFF;
height: 24px;
color: #4b4b4d;
line-height: 24px;
text-decoration: none;
font-weight: 400;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.listovani a:hover
{
text-decoration: underline;
}
.listovani .active
{
font-weight: 700;
}
.navstevniKniha .row
{
margin: 0 0 19px 0;
}
.navstevniKniha .row .label
{
float: left;
width: 140px;
font-size: 15px;
color: #000;
padding: 15px 0 0 0;
}
.navstevniKniha .row input[type=text],
.navstevniKniha .row textarea
{
float: left;
width: 297px;
height: 47px;
background: #f2f0ec;
border: 1px solid #dad6ca;
padding: 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.navstevniKniha .row input[name=captcha]
{
width: 180px;
}
.navstevniKniha .row textarea
{
height: 157px;
padding: 14px 10px;
}
.navstevniKniha .obr
{
float: left;
cursor: pointer;
border: none;
background: #FFF;
text-align: left;
border: 1px solid #dad6ca;
margin: 0 20px 0 140px;
height: 48px;
width: 138px;
font-size: 15px;
background: url("../img/ico_plus.png") no-repeat 106px 16px;
padding: 1px 0 0 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.navstevniKniha .submit
{
float: left;
cursor: pointer;
border: none;
background: #009241;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.navstevniKniha .submit span
{
width: 138px;
height: 46px;
display: block;
font-size: 15px;
color: #FFF;
font-weight: 700;
padding: 13px 0 0 10px;
background: url("../img/arr_right.png") no-repeat 111px 18px;
}
.fotogalerie-nahledy
{
font-size: 0;
}
#content.subpage .leftPanel .fotogalerie-nahledy a
{
display: inline-block;
vertical-align: top;
margin: 0 10px 10px 0;
border: 3px solid #dad6ca;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#content.subpage .leftPanel .fotogalerie-nahledy a img
{
width: 195px;
height: 130px;
}
#content.subpage .leftPanel .ramecek-novinka
{
display: inline-block;
vertical-align: top;
width: calc(100% / 3);
background: #FFF;
}
#content.subpage .leftPanel .ramecek-novinka h2 a
{
font-size: 25px;
color: #009241;
font-weight: 300;
line-height: 27px;
margin: 0 0 14px 0;
display: block;
}
#content.subpage .leftPanel .ramecek-novinka .vice
{
display: block;
text-decoration: none;
text-align: right;
color: #009241;
font-weight: 400;
}
#content.subpage .leftPanel .ramecek-novinka .vice:hover
{
text-decoration: underline;
}
#content.subpage .leftPanel .ramecek-novinka .pic img
{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px solid #dad6ca;
}
#content.subpage .leftPanel .ramecek-novinka .text
{
margin: 0 0 10px 0;
}
#content.subpage .leftPanel .ramecek-novinka p .datum
{
font-size: 13px;
margin: 0 0 5px 0;
font-style: italic;
}
#content.subpage .leftPanel .ramecek-novinka.druha
{
margin-left: 10px;
margin-right: 0;
}
#content.subpage .eshopitem2
{
border:1px solid #dad6ca;
border-radius:10px;
margin-bottom:25px;
min-height:200px;
}
#content.subpage .leftPanel .eshopitem
{
display: flex;
width: 100%;
}
#content.subpage .leftPanel .eshopitem h2 {
font-size: 25px;
font-weight: 700;
}
#content.subpage .leftPanel .eshopitem .itemleft {
width:40%;
margin:0;
padding:0;
position:relative;
}
#content.subpage .leftPanel .eshopitem .itemright{
width:60%;
padding:20px;
background: #FFF;
border-radius:0 10px 0 0;
}
#content.subpage .leftPanel .eshopitem .itemleft img {
max-width:100%;
border-radius:10px 0 0 0;
}
#content.subpage .leftPanel .eshopitem .itemleft .buttonshop {
position:absolute;
bottom:20px;
left:20px;
background:#fff;
border:1px solid #ddd;
border-radius:5px;
padding:5px 10px 5px 10px;
font-size:12px;
}
#content.subpage .leftPanel .itempopis {
width:100%;
margin-bottom:10px;
border-top:1px solid #dad6ca;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}
.novinkaDetail
{
}
.novinkaDetail .datum
{
/* font-weight:bold;*/
font-style:italic;
margin-bottom:1em;
}
.novinkaDetail .divfoto
{
display: inline;
}
.novinkaDetail .divfoto img
{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 4px solid #dad6ca;
}
.novinkaDetail .dalsiNovinky
{
}
.novinkaDetail .dalsiNovinky .title
{
font-size: 24px;
margin: 0 0 15px 0;
}
.novinkaDetail .dalsiNovinky p
{
line-height: 24px;
}
#mapaZoo
{
background: #000;
/*padding: 55px 0 45px 0;*/
}
#mapaZoo img {
max-width:100%;
}
#mapaZoo .head
{
height: 43px;
}
#mapaZoo .head .title
{
float: left;
font-size: 28px;
font-weight: 300;
padding: 0 40px 0 25px;
margin: -9px 0 0 0;
}
#mapaZoo .head .item
{
float: left;
height: 43px;
background: #dad6ca;
padding: 14px 20px 0 20px;
cursor: pointer;
margin: 0 9px 0 0;
color: #000;
font-size: 15px;
font-weight: 300;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#mapaZoo .head .item.active
{
background: #FFF;
border: 1px solid #dad6ca;
border-bottom: none;
height: 44px;
font-weight: 600;
}
#mapaZoo .body
{
border: 1px solid #dad6ca;
padding: 33px 0 33px 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#mapaZoo .body .item
{
display: none;
}
#mapaZoo .body .mapa .objekt
{
display: none;
}
#mapaZoo .body .zoologicka .mapa
{
background: url("../img/mapa/mapa_bg.png") no-repeat 0 0;
width: 928px;
height: 512px;
margin: 0 auto 45px auto;
position: relative;
}
#mapaZoo .body .botanicka .mapa
{
background: url("../img/mapa/mapa_bg.png") no-repeat 0 0;
width: 928px;
height: 512px;
margin: 0 auto 45px auto;
position: relative;
}
#mapaZoo .body .botanicka .mapa .popisy
{
}
#mapaZoo .body .mapa .popis
{
position: absolute;
background: #FFF;
padding: 10px;
max-width: 200px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #000;
border: 1px solid #009241;
display: none;
font-size: 15px;
z-index: 10;
}
#mapaZoo .body .mapa .popis .title
{
color: #009241;
font-size: 17px;
}
#mapaZoo .body .botanicka .mapa .objekty
{
}
#mapaZoo .body .mapa .objekty img
{
position: absolute;
z-index: 2;
cursor: pointer;
}
#mapaZoo .body .mapa .objekty img[data-i="b1"] { left: 70px; top: 205px; }
#mapaZoo .body .mapa .objekty img[data-i="b1"][data-img="2"] { left: 385px; top: 295px; }
#mapaZoo .body .mapa .objekty img[data-i="b2"] { left: 756px; top: 176px; z-index: 1; }
#mapaZoo .body .mapa .objekty img[data-i="b3"] { left: 86px; top: 94px; z-index: 1; }
#mapaZoo .body .mapa .objekty img[data-i="b4"] { left: 158px; top: 346px; z-index: 1; }
#mapaZoo .body .mapa .objekty img[data-i="b5"] { left: 100px; top: 224px; }
#mapaZoo .body .mapa .objekty img[data-i="b7"] { left: 635px; top: 325px; }
#mapaZoo .body .mapa .objekty img[data-i="b8"] { left: 52px; top: 250px; }
#mapaZoo .body .mapa .objekty img[data-i="b8"][data-img="2"] { left: 234px; top: 289px; }
#mapaZoo .body .mapa .objekty img[data-i="b10"] { left: 467px; top: 318px; }
#mapaZoo .body .mapa .objekty img[data-i="b11"] { left: 825px; top: 261px; }
#mapaZoo .body .mapa .objekty img[data-i="b12"] { left: 272px; top: 270px; }
#mapaZoo .body .mapa .objekty img[data-i="b14"] { left: 260px; top: 444px; }
#mapaZoo .body .mapa .objekty img[data-i="b15"] { left: 129px; top: 236px; }
#mapaZoo .body .mapa .objekty img[data-i="b15"][data-img="2"] { left: 273px; top: 300px; }
#mapaZoo .body .mapa .objekty img[data-i="b17"] { left: 615px; top: 458px; }
#mapaZoo .body .mapa .objekty img[data-i="b18"] { left: 501px; top: 349px; }
#mapaZoo .body .mapa .objekty img[data-i="b18"][data-img="2"] { left: 539px; top: 248px; }
#mapaZoo .body .mapa .objekty img[data-i="b18"][data-img="3"] { left: 649px; top: 360px; }
#mapaZoo .body .mapa .objekty img[data-i="b18"][data-img="4"] { left: 745px; top: 159px; }
#mapaZoo .body .mapa .objekty img[data-i="b19"] { left: 238px; top: 260px; }
#mapaZoo .body .mapa .objekty img[data-i="b21"] { left: 428px; top: 304px; }
#mapaZoo .body .mapa .objekty img[data-i="b23"] { left: 303px; top: 279px; }
#mapaZoo .body .mapa .objekty img[data-i="b24"] { left: 347px; top: 458px; }
#mapaZoo .body .mapa .objekty img[data-i="z1"] { left: 60px; top: 164px; }
#mapaZoo .body .mapa .objekty img[data-i="z2"] { left: 69px; top: 223px; }
#mapaZoo .body .mapa .objekty img[data-i="z2i"] { left: 49px; top: 223px; }
#mapaZoo .body .mapa .objekty img[data-i="z3"] { left: 139px; top: 280px; }
#mapaZoo .body .mapa .objekty img[data-i="z4"] { left: 197px; top: 294px; }
#mapaZoo .body .mapa .objekty img[data-i="z4i"] { left: 666px; top: 164px; }
#mapaZoo .body .mapa .objekty img[data-i="z5"] { left: 745px; top: 158px; }
#mapaZoo .body .mapa .objekty img[data-i="z6"] { left: 373px; top: 122px; }
#mapaZoo .body .mapa .objekty img[data-i="z7"] { left: 887px; top: 68px; }
#mapaZoo .body .mapa .objekty img[data-i="z8"] { left: 815px; top: 192px; }
#mapaZoo .body .mapa .objekty img[data-i="z88"] { left: 730px; top: 230px; }
#mapaZoo .body .mapa .objekty img[data-i="z8"][data-img="2"] { left: 865px; top: 125px; }
#mapaZoo .body .mapa .objekty img[data-i="z9"] { left: 789px; top: 58px; }
#mapaZoo .body .mapa .objekty img[data-i="z99"] { left: 819px; top: 122px; }
#mapaZoo .body .mapa .objekty img[data-i="z10"] { left: 548px; top: 401px; }
#mapaZoo .body .mapa .objekty img[data-i="z11"] { left: 510px; top: 362px; }
#mapaZoo .body .mapa .objekty img[data-i="z12"] { left: 580px; top: 350px; }
#mapaZoo .body .mapa .objekty img[data-i="z12i"] { left: 550px; top: 378px; }
#mapaZoo .body .mapa .objekty img[data-i="z13"] { left: 659px; top: 218px; }
#mapaZoo .body .mapa .objekty img[data-i="z14"] { left: 286px; top: 250px; }
#mapaZoo .body .mapa .objekty img[data-i="z15"] { left: 298px; top: 349px; }
#mapaZoo .body .mapa .objekty img[data-i="z16"] { left: 322px; top: 258px; }
#mapaZoo .body .mapa .objekty img[data-i="z17"] { left: 341px; top: 325px; }
#mapaZoo .body .mapa .objekty img[data-i="z18"] { left: 347px; top: 232px; }
#mapaZoo .body .mapa .objekty img[data-i="z19"] { left: 387px; top: 221px; }
#mapaZoo .body .mapa .objekty img[data-i="z20"] { left: 405px; top: 251px; }
#mapaZoo .body .mapa .objekty img[data-i="z21"] { left: 447px; top: 339px; }
#mapaZoo .body .mapa .objekty img[data-i="z22"] { left: 430px; top: 282px; }
#mapaZoo .body .mapa .objekty img[data-i="z23"] { left: 442px; top: 311px; }
#mapaZoo .body .mapa .objekty img[data-i="z24"] { left: 501px; top: 316px; }
#mapaZoo .body .mapa .objekty img[data-i="z25"] { left: 470px; top: 266px; }
#mapaZoo .body .mapa .objekty img[data-i="z26"] { left: 515px; top: 246px; }
#mapaZoo .body .mapa .objekty img[data-i="z27"] { left: 540px; top: 217px; }
#mapaZoo .body .mapa .objekty img[data-i="z28"] { left: 569px; top: 308px; }
#mapaZoo .body .mapa .objekty img[data-i="z29"] { left: 662px; top: 302px; }
#mapaZoo .body .mapa .objekty img[data-i="z30"] { left: 510px; top: 59px; }
#mapaZoo .body .mapa .objekty img[data-i="z31"] { left: 672px; top: 108px; }
#mapaZoo .body .mapa .objekty img[data-i="z32"] { left: 682px; top: 372px; }
#mapaZoo .body .mapa .objekty img[data-i="z33"] { left: 535px; top: 457px; }
#mapaZoo .body .mapa .objekty img[data-i="z34"] { left: 108px; top: 245px; }
#mapaZoo .body .mapa .objekty img[data-i="z35"] { left: 85px; top: 284px; }
#mapaZoo .body .mapa .objekty img[data-i="z36"] { left: 115px; top: 320px; }
#mapaZoo .body .mapa .objekty img[data-i="z37"] { left: 40px; top: 238px; }
#mapaZoo .body .mapa .objekty img[data-i="z38"] { left: 440px; top: 230px; }
#mapaZoo .body .mapa .objekty img[data-i="z40"] { left: 538px; top: 316px; }
#mapaZoo .body .mapa .objekty img[data-i="z41"] { left: 581px; top: 278px; }
#mapaZoo .body .seznam
{
padding: 0 0 0 37px;
}
#mapaZoo .body .seznam ul
{
float: left;
width: calc(100% / 4);
}
#mapaZoo .body .seznam ul li
{
margin: 0 0 4px 0;
}
#mapaZoo .body .seznam ul li a
{
font-size: 17px;
color: #000000;
text-decoration: none;
font-weight: 300;
background: url("../img/seznam_dot.png") no-repeat 0 7px;
padding: 0 0 0 15px;
}
#mapaZoo .body .seznam ul li a:hover
{
text-decoration: underline;
}
.divfoto
{
float: left;
margin: 0 20px 20px 0;
}
#soubory-download a
{
display: block;
margin: 0 0 5px 0;
text-decoration: none;
}
#soubory-download a:hover
{
text-decoration: underline;
}
#soubory-download a span
{
font-weight: 400;
color: #000;
}
ul.plus {
list-style-type:disc;
margin-left:2em;
}
a.submit {
background: #009241;
color:#fff;
padding:5px;
border:0;
width:100px;
font-size:16px;
}
input.submitkos {
background: #009241;
color:#fff;
padding:5px;
border:0;
width:100px;
font-size:16px;
padding:2px;
}
table.kosik tr.kosik_nad td {
background:#009241;
color:#fff;
font-weight:bold;
border-right:1px solid #fff;
padding:10px;
}
table.kosik tr td {
padding:10px;
}
table#objednavka {
width:100%;
font-size:1.1em;
}
table#objednavka table.subtable {
width:100%;
}
table#objednavka table.subtable tr td {
padding-right:10px;
padding-bottom:10px;
}
table#objednavka table.subtable input {
width:100%;
font-size:17px;
padding:8px;
}
#formularadopce
{
}
#formularadopce .row
{
margin: 0 0 7px 0;
}
#formularadopce .row .label
{
float: left;
padding: 3px 0 0 0;
width: 110px;
}
#formularadopce .row input[type="text"],
#formularadopce .row textarea,
#formularadopce .row select
{
float: left;
width: 220px;
padding: 0 5px;
height: 24px;
margin-left:5px;
margin-right:5px;
}
#formularadopce .row textarea
{
height: 80px;
padding: 3px 5px;
width: 560px;
}
#formularadopce .row
{
}
#formularadopce .row
{
}
/*adpoce ala nav kniha */
#formularadopce
{
background: url("../img/navstevni_kniha_bg.png") no-repeat 0 0;
background-size: cover;
background-position: center;
padding: 31px 0 0 38px;
margin: 0 0 10px 0;
border-radius: 10px;
}
#formularadopce .row
{
margin: 0 0 19px 0;
}
#formularadopce .row .label,#formularadopce .row a
{
float: left;
width: 120px;
font-size: 15px;
color: #000;
padding: 15px 0 0 0;
margin-left: 10px !important;;
display: block;
}
#formularadopce .row a{
color: #009241;
font-size: 17px;
}
#formularadopce .row input[type=text],
#formularadopce .row textarea,
#formularadopce .row select
{
float: left;
width: 297px;
height: 47px;
background: #f2f0ec;
border: 1px solid #dad6ca;
padding: 0 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#formularadopce .row input[name=captcha]
{
width: 180px;
}
#formularadopce .row textarea
{
height: 157px;
padding: 14px 10px;
width: 735px;
}
#formularadopce .submit
{
float: right;
cursor: pointer;
border: none;
background: #009241;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 138px;
height: 46px;
display: block;
font-size: 15px;
color: #FFF;
font-weight: 700;
padding: 10px;
background-image: url("../img/arr_right.png") no-repeat 111px 18px;
margin-bottom: 46px;
margin-right: 46px;
}
.photoGallery
{
background: #FFF;
padding: 30px 0 30px 30px;
width: 888px;
min-height: 375px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-bottom: 20px;
}
.photoGallery h2{
color:#009241 !important;
margin-bottom:0 !important;
}
.photoGallery .biGimg
{
float: left;
width: 383px;
}
.loneImg{
width: 426px;
margin-left: auto;
margin-right: auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
float: left;
margin-right: 10px;
}
.loneImg h2 {
margin-bottom:0;
}
.photoGallery .biGimg a div,.loneImg a div
{
display: block;
width: 383px;
height: 286px;
background-size: cover;
}
.photoGallery .biGimg a img,.loneImg a img
{
width: 383px;
height: 286px;
background: #fff;
}
.loneImg a img, .loneImg a div{
height: auto;
}
.loneImg h2{
color:#009241 !important;
font-size:18px !important;
}
.photoGallery .thumbs
{
margin: 0 0 0 47px;
float: left;
width: 428px;
}
.photoGallery .thumbs a
{
width: 171px;
float: left;
margin: 0 28px 28px 0;
display: block;
}
.photoGallery .thumbs a img
{
width: 171px;
background: #fff;
height: 128px;
}
.photoGallery
{
}
/*------------- zvirata-all */
.zvirata-all{
margin-top: 40px;
}
.zvirata-all-item{
margin-bottom: 20px;
background-color: #ffffff;
padding: 5px;
height: 180px;
overflow:hidden;
border-right: 1px solid #dbd7cc;
border-bottom: 1px solid #dbd7cc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.zvirata-all-item h2{
color: #009241 !important;
}
.zvirata-all-item p{
}
.zvirata-all-item-left{
float:left;
margin: 10px;
margin-right:20px;
height: 200px;
}
.zvirata-all-item-right{
padding-right: 10px;
}
.zvirata-all-item-image {
display:block;
width: 147px;
height: 147px;
background-repeat: no-repeat;
background-size:cover;
background-position: center;
border-radius: 50%;
background-color: #dbd7cc;
}
#content.subpage .leftPanel #novinky
{
list-style: none;
padding: 0;
margin: 0;
height: auto;
}
#content.subpage .leftPanel #novinky .item
{
border-bottom: 1px solid #dad6ca;
width: 400px;
}
#content.subpage .leftPanel #novinky .item:nth-child(3n)
{
border-right: none;
}
#content.subpage .leftPanel #novinky .item:nth-child(16),
#content.subpage .leftPanel #novinky .item:nth-child(17),
#content.subpage .leftPanel #novinky .item:nth-child(18)
{
border-bottom: none;
}
/*---------------- nav kniha form animals ----------*/
#select-animals{
display:none;
width: 300px;
height: inherit;
overflow-y: auto;
position: relative;
float:right;
margin-top: -407px;
padding-right: 10px;
padding-left:10px;
background-color: rgba(255,255,255,0.3)
}
#select-animals .select-animals-item{
width:60px;
height: 60px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
border-radius: 50%;
display: inline-block;
margin:5px;
border: 1px solid #dad6ca;
cursor:pointer;
transition: background-size 0.2s ease-in;
-moz-transition: background-size 0.2s ease-in;
-ms-transition: background-size 0.2s ease-in;
-o-transition: background-size 0.2s ease-in;
-webkit-transition: background-size 0.2s ease-in;
background-color: #fff;
}
#select-animals .select-animals-item:hover{
background-size: 110%;
}
#select-animals .selected, #select-animals .selected:hover{
border: 3px solid #fff;
}
/*-------------------- sloni deniky --------------*/
.sloni_denik_banner{
display:inline-block;
width:268px;
height:101px;
margin: 10px;
padding-left: 20px;
padding-top: 65px;
font-size: large;
text-align:left;
}
.sloni_denik_banner_1{
background-image: url("../images/sloni_denik_bannery/banner1.png")
}
.sloni_denik_banner_2{
background-image: url("../images/sloni_denik_bannery/banner2.png")
}
.sloni_denik_banner_3{
background-image: url("../images/sloni_denik_bannery/banner3.png")
}
#sloniDenik_list .sloniDenik
{
border-bottom: 1px solid #dad6ca;
width: 400px;
margin:0;
float: left;
width: 399px;
height: 248px;
border-right: 1px solid #dad6ca;
padding: 15px;
position: relative;
background-color: #ffffff;
}
#sloniDenik_list .sloniDenik h2{
font-size: 25px !important;
color: #009241;
font-weight: 300 !important;
line-height: 27px;
margin: 0 0 14px 0;
display: block;
height: 54px;
overflow: hidden;
width: 100%;
text-align: center;
}
#sloniDenik_list .sloniDenik a:hover{
text-decoration: underline !important;
}
#sloniDenik_list .sloniDenik .text{
height:120px;
}
#sloniDenik_list .sloniDenik .celaNovinka
{
display: block;
text-decoration: none;
text-align: right;
color: #009241;
font-weight: normal;
}
#content.subpage .leftPanel .sloniDenik h2
{
font-size: 19px;
margin: 0 0 10px 0;
color: #009241;
font-weight: 700;
}
#content.subpage .leftPanel .sloniDenik img
{
float: left;
margin: 0 10px 10px 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px solid #dad6ca
}
.slon-fliper{
width: 222px !important;
height: 310px !important;
position: relative;
vertical-align: top;
display: inline-block;
margin: 0 15px 34px 0;
border-radius: 5px;
overflow: hidden;
float: left;
}
.slon-fliper .front-slon{
width: 220px;
height: 196px;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
.slon-fliper .flipper .front .info{
color:#009241 !important;
font-size: large !important;
text-align: center;
display: block;
vertical-align: baseline;
margin:0;
padding:10px;
padding-top: 0;
}
.slon-fliper .flipper .front{
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
width: 222px !important;
height: 310px !important;
background: url("../img/expozice_item.png") no-repeat 0 0;
}
.slon-fliper .flipper .back{
padding: 10px;
padding-top:20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
vertical-align: middle;
background: url("../img/expozice_item.png") no-repeat 0 -310px;
color: #fff;
width: 222px !important;
height: 310px !important;
}
.zvire-fliper{
width: 222px !important;
height: 310px !important;
position: relative;
vertical-align: top;
display: inline-block;
margin: 0 15px 34px 0;
border-radius: 5px;
overflow: hidden;
float: left;
}
.zvire-fliper .front-slon{
width: 220px;
height: 196px;
/*background-size: contain;*/
background-repeat: no-repeat;
background-position: top;
}
.zvire-fliper .front-slon .text {
color: #fff;
font-size: 22px;
font-weight: 700;
left: 0;
padding: 0 15px;
position: absolute;
text-align: center;
bottom: 130px;
width: 100%;
}
.zvire-fliper .flipper .front .info{
color:#00000 !important;
/*font-size: large !important;*/
text-align: center;
display: block;
vertical-align: baseline;
margin:0;
padding:10px;
padding-top: 20px;
font-size:15px !important;
}
.zvire-fliper .flipper .maska {
background: rgba(0, 0, 0, 0) url("../img/expozice_maska.png") no-repeat scroll 0 0;
display: block;
height: 94px;
left: 0;
position: absolute;
top: 102px;
width: 220px;
}
.zvire-fliper .flipper .front{
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
width: 222px !important;
height: 310px !important;
background: url("../img/expozice_item.png") no-repeat 0 0;
}
.zvire-fliper .flipper .back{
padding: 10px;
padding-top:20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
vertical-align: middle;
background: url("../img/expozice_item.png") no-repeat 0 -310px;
color: #fff;
width: 222px !important;
height: 310px !important;
text-align:center;
font-size:26px;
}
/* ochrana p�Tírody pati� span {
display: block;
vertical-align: middle;
width: 100%;
height: 112px;
overflow: hidden;
padding: 28px 20px 0 20px;
}
.info-ring span span {
display: block;
position: relative;
z-index: 20;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#palm-oil {
min-height: 650px;
background: url("../img/bg_palm-oil.jpg") no-repeat center center;
background-size: cover;
overflow: hidden;
color: #FFF;
padding: 80px 0 50px 0;
}
.palm-oil-left, .palm-oil-right {
display: inline-block;
vertical-align: bottom;
width: 49%;
}
.palm-oil-left {
padding-right: 70px;
}
.palm-info {
padding-left: 35px;
line-height: 18px;
background: url("../img/ico_alert.png") no-repeat left top;
margin-bottom: 15px;
}
.palm-oil-right {
padding-left: 110px;
padding-bottom: 30px;
}
.palm-oil-right .text {
color: #DAD6CA;
}
.palm-oil-right .greenBtn {
background-color: #FFFFFF;
color: #000000;
background-image: none;
padding-right: 23px;
vertical-align: middle;
margin-right: 20px;
margin-top: 20px;
}
.palm-web {
display: inline-block;
vertical-align: middle;
color: #FFFFFF;
margin-top: 20px;
}
.palm-web a {
color: #FFFFFF;
font-weight: 400;
}
#kozmicke-louky {
min-height: 600px;
background: url("../img/bg_kozmicke-louky.jpg") no-repeat center center;
background-size: cover;
overflow: hidden;
padding: 80px 0;
}
.kozmicke-louky-left, .kozmicke-louky-right {
display: inline-block;
vertical-align: middle;
width: 49%;
}
.kozmicke-louky-left {
text-align: left;
}
.kozmicke-louky-left .info-rings {
width: auto;
margin-top:180px;
}
.kozmicke-louky-left .info-rings .info-ring {
display: inline-block;
text-align: center;
background-color: #FFFFFF;
border-radius: 100%;
}
.kozmicke-louky-left .info-rings .info-ring img {
margin: 0 auto;
}
.kozmicke-louky-left .info-rings .info-ring > span {
height: 120px;
}
.kozmicke-louky-left .info-rings .info-ring.sf-ring2 > span {
padding-top: 20px;
}
.kozmicke-louky-right {
padding-left: 100px
}
.kozmicke-louky-right .inner {
max-width:500px;
}
.kozmicke-louky-right .title {
color:#fff;
}
.kozmicke-louky-right .title span {
font-size: 30px;
}
.kl-text {
display: inline-block;
vertical-align: top;
width: calc(100% - 175px);
padding-right: 20px;
color:#fff;
}
#silent-forest {
min-height: 600px;
background: url("../img/bg_silent-forest.jpg") no-repeat center center;
background-size: cover;
overflow: hidden;
padding: 80px 0;
}
.silent-forest-left, .silent-forest-right {
display: inline-block;
vertical-align: middle;
width: 49%;
}
.silent-forest-left {
text-align: right;
padding-right: 65px;
}
.silent-forest-left .info-rings {
width: auto;
}
.silent-forest-left .info-rings .info-ring {
display: block;
margin: 25px 0;
text-align: center;
background-color: #FFFFFF;
border-radius: 100%;
}
.silent-forest-left .info-rings .info-ring img {
margin: 0 auto;
}
.silent-forest-left .info-rings .info-ring > span {
height: 120px;
}
.silent-forest-left .info-rings .info-ring.sf-ring2 > span {
height: 140px;
padding-top: 20px;
}
.silent-forest-right {
padding-left: 75px
}
.silent-forest-right .title span {
font-size: 30px;
}
.sf-logo {
display: inline-block;
vertical-align: top;
width: 168px;
}
.sf-logo img {
display: block;
width: 100%;
}
.sf-text {
display: inline-block;
vertical-align: top;
width: calc(100% - 175px);
padding-right: 20px;
}
#save-outlon {
background-color: #3B372B;
color: #FFFFFF;
}
#save-outlon:after {
content: "";
display: block;
clear: both;
}
.save-outlon-left {
width: 49.9%;
float: left;
text-align: right;
padding: 100px 0 70px 0;
}
.save-outlon-left-in {
text-align: left;
max-width: 590px;
padding-right: 80px;
display: inline-block;
}
.save-outlon-left .text {
color: #DAD6CA;
}
.save-outlon-left a {
color: #FFFFFF;
font-weight: 400;
}
.save-outlon-web {
margin-bottom: 20px;
}
.save-outlon-web a, .save-outlon-fb a {
display: inline-block;
padding: 5px 0 6px 43px;
background: url("../img/ico_web-brown.png") left top no-repeat;
}
.save-outlon-fb a {
background: url("../img/ico_fb-brown.png") left top no-repeat;
}
.save-outlon-video {
position: relative;
z-index: 20;
width: 50.1%;
float: left;
height: 0;
padding-bottom: 34%;
}
.save-outlon-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#papua {
min-height: 640px;
background: url("../img/bg_papua.jpg") no-repeat center center;
background-size: cover;
color: #FFF;
padding: 90px 0 80px 0;
overflow: hidden;
}
#papua .inner {
max-width: 370px;
}
#tanganika, #playground {
min-height: 640px;
background: url("../img/bg_tanganika.jpg") no-repeat center center;
background-size: cover;
color: #FFF;
padding: 90px 0 80px 0;
overflow: hidden;
}
#playground {
background: url("../img/detske-hriste.jpg") no-repeat center center;
background-size: cover;
min-height: 637px;
box-sizing: border-box;
text-align: right;
padding-top: 130px;
}
#tanganika .inner, #playground .inner, #rajlemuru .inner, #safari .inner {
max-width: 370px;
display: inline-block;
vertical-align: middle;
}
#playground .inner {
text-align: left;
}
#tanganika .info-rings {
text-align: left;
vertical-align: middle;
}
#tanganika .info-rings .info-ring {
text-align: center;
display: block;
margin: 60px 0;
}
#rajlemuru {
background: url("../img/bg_raj_lemuru.jpg") no-repeat center center;
background-size: cover;
min-height: 637px;
box-sizing: border-box;
text-align: right;
padding-top: 130px;
color: #FFF;
}
#rajlemuru .inner {
text-align: left;
}
#safari {
background: url("../img/bg_safari.jpg") no-repeat center center;
background-size: cover;
min-height: 637px;
box-sizing: border-box;
text-align: right;
padding-top: 130px;
color: #FFF;
}
#safari .inner {
text-align: left;
}
.info-ring.ir3 {
background: url("../img/tanganika_ring1.png") no-repeat center top;
}
.info-ring.ir4 {
background: url("../img/tanganika_ring2.png") no-repeat center top;
}
#skelets {
min-height: 640px;
background: url("../img/bg_skelets.jpg") no-repeat center center;
background-size: cover;
color: #FFF;
padding: 90px 0 80px 0;
overflow: hidden;
}
#skelets .inner {
max-width: 370px;
}
#fire {
min-height: 551px;
background: url("../img/bg_fire.jpg") no-repeat center center;
background-size: cover;
color: #000;
padding: 90px 0 80px 0;
overflow: hidden;
}
#fire .inner {
max-width: 400px;
}
#fire.text-styles a {
color: #000;
}
#fire.text-styles a.greenBtn {
color: #FFF;
}
#botanic-park {
background-color: #DAD6CA;
padding: 50px 0 80px 0;
text-align: center;
}
#botanic-park .title {
font-weight: 700;
font-size: 40px;
margin: 0 0 90px 0;
}
#botanic-park .title span {
font-weight: 300;
display: block;
font-size: 35px;
}
.botanic-park-info > span {
display: inline-block;
vertical-align: top;
width: 20%;
position: relative;
z-index: 20;
font-size: 17px;
margin: 0 4% 50px 4%;
line-height: 20px;
}
.botanic-park-info > span strong {
display: block;
font-size: 45px;
color: #009241;
font-weight: 700;
margin-bottom: 25px;
position: relative;
z-index: 20;
}
.botanic-park-info > span.bpi1 .bpi-ico {
display: inline-block;
width: 119px;
height: 108px;
background: url("../img/park_ico1.png") left top no-repeat;
position: absolute;
z-index: 15;
left: 0;
top: -27px;
}
.botanic-park-info > span.bpi2 .bpi-ico {
display: inline-block;
width: 108px;
height: 121px;
background: url("../img/park_ico2.png") left top no-repeat;
position: absolute;
z-index: 15;
left: 0;
top: -27px;
}
.botanic-park-info > span.bpi3 .bpi-ico {
display: inline-block;
width: 91px;
height: 109px;
background: url("../img/park_ico3.png") left top no-repeat;
position: absolute;
z-index: 15;
left: 0;
top: -27px;
}
.botanic-park-info > span .bpi-text {
position: relative;
z-index: 20;
}
#botanicSlide {
margin: 0 0 40px 0;
padding: 0;
}
.botanic-slide-item a {
display: block;
background-color: #FFF;
border-radius: 15px;
color: #000;
text-decoration: none;
font-weight: 400;
}
.botanic-slide-item a:hover {
background-color: #009241;
color: #FFFFFF;
}
.botanic-slide-item a img {
display: block;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.botanic-slider-text {
border: 1px solid #C5C0AF;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 15px;
height: 108px;
overflow: hidden;
}
.botanic-slider-text h3 {
margin: 0;
font-size: 22px;
line-height: 26px;
color: #009241;
font-weight: 700;
height: 28px;
overflow: hidden;
}
.botanic-slide-item a:hover .botanic-slider-text {
border: 1px solid #009241;
}
.botanic-slide-item a:hover .botanic-slider-text h3 {
color: #FFFFFF;
}
.botanic-slider-text p {
margin: 0;
font-size: 17px;
line-height: 24px;
height: 50px;
overflow: hidden;
}
#botanic-park .bx-pager
{
display: none;
}
#botanic-park .bx-wrapper
{
position: relative;
}
#botanic-park .bx-controls-direction .bx-prev
{
height: 31px;
width: 17px;
position: absolute;
left: -60px;
top: 50%;
margin-top: -15px;
cursor: pointer;
background: url("../img/car_left.png") no-repeat 0 0;
display: block;
overflow: hidden;
font-size: 0;
}
#botanic-park .bx-controls-direction .bx-next
{
height: 31px;
width: 17px;
position: absolute;
right: -57px;
top: 50%;
margin-top: -15px;
cursor: pointer;
background: url("../img/car_right.png") no-repeat 0 0;
display: block;
overflow: hidden;
font-size: 0;
}
.chimney {
background: #F2F0EC url("../img/bg_chimney.jpg") center top no-repeat;
background-size: auto 100%;
}
.chimney-in {
width: 1200px;
margin: 0 auto;
text-align: left;
padding: 110px 0;
}
.chimney-text {
max-width: 690px;
font-size: 27px;
line-height: 33px;
}
.chimney-text p {
margin: 0;
}
.burning-info {
background-color: #3B372B;
}
.burning-info-in {
width: 1200px;
margin: 0 auto;
text-align: left;
padding: 40px 0;
}
.smoke-image, .temperature-image {
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: center;
margin-right: 5%;
}
.temperature-image {
margin: 0 0 0 5%;
position: relative;
z-index: 20;
}
.smoke-image img, .temperature-image img {
max-width: 100%;
margin: 0 auto;
}
.temperature-image span {
display: inline-block;
color: #FFFFFF;
position: absolute;
right: 10px;
bottom: 120px;
font-weight: 700;
font-size: 50px;
line-height: 60px;
}
.smoke-text, .temperature-text {
display: inline-block;
vertical-align: middle;
width: 41%;
text-align: left;
color: #FFFFFF;
font-size: 20px;
line-height: 32px;
}
.smoke-text p, .temperature-text p {
margin: 30px 0;
}
.temperature-text p {
margin-left: 20px;
}
.bi-temperature {
margin-top: -70px;
}
.not-burn {
width: 1200px;
margin: 0 auto;
text-align: left;
padding: 140px 0 40px 0;
color: #3B372B;
}
.not-burn h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
margin: 0 0 80px 0;
text-align: center;
}
.not-burn-line {
background: url("../img/not_burn-line.png") 150px 150px no-repeat;
}
.nb-image {
display: inline-block;
vertical-align: middle;
width: 320px;
text-align: center;
}
.nb-image img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.nb-text {
max-width: 560px;
width: calc(100% - 330px);
display: inline-block;
vertical-align: middle;
}
.nb-text h3 {
font-size: 30px;
line-height: 37px;
font-weight: 700;
color: #009241;
margin: 0 0 18px 0;
}
.nb-text h3 span {
font-weight: 400;
display: block;
color: #3B372B;
font-size: 20px;
line-height: 27px;
}
.nb-text h4 {
font-size: 20px;
line-height: 27px;
font-weight: 700;
margin: 0 0 3px 0;
}
.nb-text p {
font-size: 17px;
line-height: 23px;
margin: 0 0 18px 0;
}
.nb-block {
padding-bottom: 60px;
}
.nb-block.wood, .nb-block.magazine, .nb-block.grass {
padding-left: 240px;
}
.nb-block.magazine {
padding-bottom: 20px;
}
.nb-block.tire {
padding-bottom: 20px;
}
.sf-block1 {
background: #ECEAE6 url("../img/bg_silent-forest-text.jpg") center top no-repeat;
}
.sf-in {
width: 1200px;
margin: 0 auto;
text-align: left;
padding: 110px 0 60px 0;
}
.sf-block1 p, .sf-cols p, .sf-block3-center p, .sf-block4-center p {
font-size: 19px;
line-height: 30px;
margin: 0 0 50px 0;
}
.sf-block1 .perex p {
font-size: 25px;
line-height: 35px;
}
.sf-block1 .sf-logo {
width: 265px;
}
.sf-block1-text {
display: inline-block;
vertical-align: top;
width: calc(100% - 350px);
padding-right: 50px;
}
.sf-block2 {
background-color: #3B372B;
color: #ECEAE6;
}
.sf-block2 a {
color: #ECEAE6;
}
.sf-block2 .sf-in {
padding: 75px 0 60px 0;
}
.sf-block2 .video, .sf-block5 .video {
margin-bottom: 100px;
position: relative;
z-index: 20;
width: 100%;
height: 0;
padding-bottom: 54%;
}
.sf-block2 .video iframe, .sf-block5 .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.sf-cols:after {
content: "";
display: block;
clear: both;
}
.sf-block2-col {
float: left;
width: 53%;
padding: 0 6% 30px 0;
}
.sf-cols .sf-block2-col:nth-child(2n) {
padding-right: 0;
width: 47%;
}
.sf-cols h2 {
font-weight: 700;
font-size: 37px;
line-height: 50px;
margin: 0 0 35px 0;
text-transform: uppercase;
}
.sf-cols p {
margin-bottom: 40px;
}
.sf-block2-col img {
display: block;
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
.sf-block3 {
background: #FFFFFF url("../img/world.png") center 75px no-repeat;
color: #3B372B;
}
.sf-block3 a, .sf-block4 a {
color: #3B372B;
}
.sf-block3 h2, .sf-block4 h2, .sf-block5 h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
margin: 0 0 80px 0;
text-align: center;
}
.sf-block3 h3 {
font-weight: 700;
font-size: 25px;
line-height: 35px;
margin: 0 0 30px 0;
color: #009241;
}
.sf-block3 ul {
margin: 0;
padding: 0;
}
.sf-block3 ul li {
list-style-type: none;
font-size: 19px;
line-height: 30px;
margin-bottom: 30px;
padding-left: 25px;
background: url("../img/list_green.png") left 12px no-repeat;
}
.sf-block3 .sf-cols {
padding-bottom: 30px;
}
.sf-block3-center {
text-align: center;
max-width: 850px;
margin: 0 auto;
padding-bottom: 20px;
}
.sf-block3-center p {
margin-bottom: 30px;
}
.sf-block4 {
color: #3B372B;
}
.sf-block4 h2 {
margin-bottom: 30px;
}
.sf-birds {
text-align: center;
padding-bottom: 60px;
}
.sf-bird {
display: inline-block;
vertical-align: top;
width: 28%;
margin: 0 2% 30px 2%;
text-align: center;
}
.sf-bird-image {
margin-bottom: 20px;
}
.sf-bird-image img {
max-width: 100%;
margin: 0 auto;
}
.sf-bird h3 {
font-weight: 700;
font-size: 25px;
line-height: 35px;
margin: 0 0 20px 0;
color: #009241;
}
.sf-bird h3 span {
display: block;
font-weight: 300;
color: #3B372B;
font-size: 19px;
line-height: 30px;
}
.sf-bird p {
margin: 0;
font-size: 16px;
line-height: 24px;
}
.sf-block4-center {
margin: 0 auto;
max-width: 830px;
text-align: center;
}
.sf-projects {
text-align: center;
display: flex;
align-content: stretch;
flex-wrap: wrap;
justify-content: center;
}
.sf-project {
flex: 0 0 auto;
display: inline-block;
vertical-align: top;
width: 362px;
min-height: 571px;
background: url("../img/bg_sf-project.png") center top no-repeat;
background-size: 100% 100%;
text-decoration: none;
color: #3B372B;
box-sizing: border-box;
padding: 1px 21px 75px 21px;
font-weight: 400;
margin: 0 14px 25px 14px;
text-align: left;
position: relative;
z-index: 20;
}
.sf-project-button {
position: absolute;
left: 21px;
bottom: 25px;
height: 38px;
font-size: 14px;
line-height: 18px;
padding: 9px 40px 0 23px;
font-weight: 700;
border-radius: 7px;
background-position: right 20px center;
}
.sf-project-number {
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 35px;
padding-left: 9px;
margin-bottom: 16px;
}
.sf-project-image {
margin-bottom: 20px;
}
.sf-project-image img {
display: block;
width: 100%;
}
.sf-project-desc {
color: #AFA99E;
margin-bottom: 7px;
font-size: 17px;
line-height: 20px;
}
.sf-project h3 {
font-weight: 700;
font-size: 20px;
line-height: 25px;
margin: 0 0 15px 0;
color: #009241;
}
.sf-project h4 {
font-weight: 700;
font-size: 17px;
line-height: 20px;
margin: 0 0 3px 0;
}
.sf-project p {
font-size: 17px;
line-height: 23px;
margin: 0;
}
.sf-block5 {
background-color: #FFFFFF;
color: #3B372B
}
.sf-block5 a {
color: #3B372B;
font-weight: 400;
}
.sf-block5 h2 {
margin-bottom: 35px;
}
.sf-block5 .sf-block3-center {
padding-bottom: 50px;
}
.sf-block5 .video {
padding-bottom: 50%;
margin-bottom: 80px;
}
.sf-block5 .sf-cols {
padding-bottom: 30px;
}
.sf-block5 ul {
margin: 0;
padding: 0;
}
.sf-block5 ul li {
list-style-type: none;
font-size: 19px;
line-height: 30px;
margin-bottom: 30px;
padding-left: 25px;
background: url("../img/list_green.png") left 12px no-repeat;
}
.sf-block5 h2.sf-h-big {
font-size: 55px;
line-height: 60px;
}
.rezervace {
border:2px solid #009241;
padding:10px;
}
.rezervace table, .rezervace table tr th, .rezervace table tr td {
padding-left:0;
margin-left:0;
}
.rezervace .tlac, .akce-itemvyssi .tlac {
float:Right;
}
.rezervace .tlac a.button, .akce-itemvyssi .tlac a.button {
padding:20px;
background:#009241;
color:#fff;
}
.akce-itemvyssi .tlac a.button {
line-height:60px;
}
.akce-itemvyssi .red {
padding:20px;
background:red;
color:#fff;
width:100px;
float:right;
}
.rezervace .obsazeni {
margin-top:20px;
}
.rezervace input, .rezervace select {
margin-top:10px;
}
.rezervace input {
width:240px;
}
.rezervace .obsazeni span {
margin:5px;
display:inline-block;
}
.error {
background:red;
padding:5px;
color:#fff;
margin-bottom:10px;
}
.rezervace .red {
font-weight:Bold;
color:red;
}
.vstupenky-page {
margin-top:3em;
}
.vstupenky-page img {
max-width:100%;
}
.vstupenky-page p {
font-size:1.1em;
margin-bottom:1em;
line-height:1.5;
}
.vstupenky-page ul li {
font-size:1.1em;
margin-bottom:1em;
line-height:1.5;
}
.vstupenky-page ul li strong {
color:#009241;
padding-right:20px;
font-weight:bold;
}
.vstupenky-page p.perex {
font-size:1.4em;
}
.vstupenky-page h2 {
font-weight: 700;
font-size: 32px;
line-height: 35px;
color: #000;
margin-bottom:1em;
}
.vstupenky-page h3 {
font-weight: 700;
font-size: 24px;
line-height: 35px;
color: #000;
margin-bottom:1em;
}
.vstupenky-page .vs1-col h2 {
margin-top:1.5em;
}
.vstupenky-page .vs1-cols {
display: flex;
flex-wrap: wrap
}
.vstupenky-page .vs1-col {
width: 47%;
margin: 0 6% 55px 0
}
.vstupenky-page .vs1-cols .vs1-col:nth-child(2n) {
margin-right: 0
}
.vstupenky-page .vs-cols {
display: flex;
flex-wrap: wrap
}
.vstupenky-page .vs-col {
width: 29%;
margin: 0 6% 30px 0
}
.vstupenky-page .vs-cols .vs-col:nth-child(3n) {
margin-right: 0
}
.contwhite {
background:#fff;
}
.contwhite .contIn {
padding-top:1em;
padding-bottom:3em;
}
.vstupenky-page .vs1-col a.button {
margin-top:1em;
background:#009241;
border-radius:10px;
padding:20px;
color:#fff;
font-size:18px;
text-decoration:none;
}
.vstupenky-page .vs-white {
padding-left:30px;
padding-right:30px;
padding-top:20px;
padding-bottom:20px;
border-radius:10px;
-webkit-box-shadow: 2px 3px 4px 0px rgba(153,153,153,1);
-moz-box-shadow: 2px 3px 4px 0px rgba(153,153,153,1);
box-shadow: 2px 3px 4px 0px rgba(153,153,153,1);
background:#fff url('../images/icon-vs.jpg') right bottom no-repeat;
}
#vstupenky {
background:#fff;
}
#vstupenky .contIn {
text-align:Center;
padding-top:4em;
padding-bottom:5em;
}
#vstupenky h2 {
font-weight: 700;
font-size: 40px;
margin: 0 0 40px 0;
}
#vstupenky h3 {
font-weight: 400;
font-size: 28px;
margin: 0 0 20px 0;
}
#vstupenky .vs-box {
margin:0 auto;
max-width:424px;
height:245px;
background:#fff url('../images/pc-bg.jpg') center bottom no-repeat;
text-align:Center;
padding-top:0.1em;
}
#vstupenky p {
margin:3em;
}
#vstupenky a.button {
margin-top:1em;
background:#009241;
border-radius:10px;
padding:20px;
color:#fff;
font-size:18px;
text-decoration:none;
}
#vstupenky .icko {
display:inline-block;
width:22px;
height:22px;
background:#fff url('../images/icko.jpg') center bottom no-repeat;
}
@media (max-width: 720px){
.vstupenky-page .vs1-col {width: 100%; margin-right: 0; margin-bottom: 45px; text-align:center;}
.vstupenky-page .vs1-col img {width: auto; max-width: 100%; text-align:center;}
.vstupenky-page .vs-col {width: 93%; margin-right: 3%; margin-left:3%; margin-bottom: 45px}
.vstupenky-page ul, .vstupenky-page h2 {
width:93%;
margin-right:3%;
margin-left:3%;
}
}
.shopbg {
background: url("../images/shop-bg.jpg") no-repeat center center;
background-size:cover;
min-height:680px;
color:#fff;
}
.shopbg p {
font-size:17px;
}
.shopbg .inner {
padding-top:50px;
}
.shopbg .inner .innerIn {
width: 550px;
background: rgba(0,0,0,0.5);
padding: 20px;
}
.shopbg h1 {
font-size: 48px;
font-size: 41px;
display: block;
font-weight: 600;
margin: 0 0 18px 0;
}
.shopuvodbg {
background: url("../images/shopuvod-bg.jpg") no-repeat center center;
background-size:cover;
min-height:630px;
color:#fff;
}
.shopuvodbg .inner {
padding-top:180px;
}
.shopuvodbg .inner .innerIn {
width: 450px;
}
.shopuvodbg h2 {
font-size: 48px;
font-size: 41px;
display: block;
font-weight: 600;
margin: 0 0 18px 0;
}
#historie h2.likeh1 {
font-size: 41px;display: block;font-weight: 600;margin: 0 0 18px 0; margin-top:-1.5em;
}
#historie .let70 {
width:134px;
height:181px;
background: url("../img/70let.png") no-repeat center center;
}
#historie img {
max-width:100%;
}
.historiebg {
background: url("../images/historie-bg.jpg") no-repeat center center;
background-size:cover;
min-height:630px;
color:#fff;
}
.historiebg p {
font-size:17px;
}
.historiebg .inner {
padding-top:100px;
}
.historiebg .inner .innerIn {
width: 550px;
}
.historiebg h1 {
font-size: 48px;
font-size: 41px;
display: block;
font-weight: 600;
margin: 0 0 18px 0;
}
.historie-part .nadpis {
width:40%;
min-height:800px;
overflow: hidden;
display:inline-block;
vertical-align:top;
background-size:cover;
position:relative;
z-index:1;
}
#history1 .nadpis {
background: url("../images/historie50.jpg") no-repeat left top;
}
#history2 .nadpis {
background: url("../images/historie60.jpg") no-repeat left top;
}
#history3 .nadpis {
background: url("../images/historie70.jpg") no-repeat left top;
}
#history4 .nadpis {
background: url("../images/historie80.jpg") no-repeat left top;
}
#history5 .nadpis {
background: url("../images/historie90.jpg") no-repeat left top;
}
#history6 .nadpis {
background: url("../images/historie00.jpg") no-repeat left top;
}
#history7 .nadpis {
background: url("../images/historie10.jpg") no-repeat left top;
}
.historie-part .nadpis .opacity {
background: transparent linear-gradient(156deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.88;
height:800px;
z-index:2;
}
.historie-part .nadpis .block {
position:Absolute;
bottom:10%;
right:10%;
color:#fff;
width:50%;
}
.historie-part .nadpis .block h2 {
color:#fff;
font-size:50px;
font-weight:bold;
margin-bottom:0;
}
.historie-part .nadpis .block p {
font-size:24px;
color:#DAD6CA
}
.historie-part .text {
display: inline-block;
width:60%;
}
.historie-part h2 {
font-size:30px;
font-weight:700;
margin-bottom:1em;
}
.historie-part .text .inner {
width:70%;
padding:40px;
}
.historie-part .text .doprava {
float:right;
}
.historie-part p {
margin-bottom:1em;
font-size:16px;
}
.historie-part .gallery .foto {
width:46%;
height:280px;
display:inline-block;
overflow:hidden;
margin-right:20px;
margin-bottom:2px;
}
.historie-part .gallery span {
font-weight:bold;
color:#ACA388;
display:block;
}
.historie-part .gallery .fotoimg {
height:200px;
border-radius:10px;
overflow:hidden;
margin-bottom:5px;
background:#fff;
}
.historie-part .gallery .fotoimg img {
border-radius:10px;
}
.historie-katalog {
margin-top:-55px;
margin-bottom:100px;
z-index:10;
}
.historie-katalog .contIn {
background:#fff;
border-radius:10px;
}
.historie-katalog .col {
width:32%;
text-align:left;
display:inline-block;
vertical-align:middle;
}
.historie-katalog .col h2 {
font-size:20px;
font-weight:700;
margin-left:30px;
}
.historie-katalog .col .greenBtn {
margin-bottom:30px;
margin-top:30px;
z-index:1001;
position:relative;
background: #009241 url("../images/ico_down.png") no-repeat calc(100% - 20px) 18px;
}
.historieimg {
background: url("../images/05.png") no-repeat center top;
height:358px;
margin-top:-130px;
margin-top: -341px;
z-index: 1000;
position: relative;
}
.history-col-1 {
width:33%;
display:inline-block;
}
.history-col-2 {
width:65%;
display:inline-block;
vertical-align:top;
}
.history-col-2 img {
display:inline-block;
}
.historie-uvod {
margin-bottom:100px;
}
.historie-uvod img {
margin-bottom:12px;
margin-right:11px;
}
.btndown {
box-shadow: 0px 3px 6px #242118;
opacity: 1;
width:180px;
height:50px;
padding:10px;
vertical-align:middle
text-align: left;
font-size:20px;
font-weight:normal;
letter-spacing: 0px;
color: #000000;
display:inline-block;
background: #fff url("../images/do.png") no-repeat 20px 22px;
padding-left:55px;
text-decoration:none;
border-radius:5px;
}
.btndown:hover {
background: #ddd url("../images/do.png") no-repeat 20px 22px;
}
.btnup {
box-shadow: 0px 3px 6px #242118;
opacity: 1;
width:180px;
height:50px;
padding:10px;
vertical-align:middle
text-align: left;
font-size:20px;
font-weight:normal;
letter-spacing: 0px;
color: #000000;
display:inline-block;
background: #fff url("../images/up.png") no-repeat 20px 22px;
padding-left:55px;
text-decoration:none;
border-radius:5px;
margin-right:10px;
}
.btnup:hover {
background: #ddd url("../images/up.png") no-repeat 20px 22px;
}
@media (max-width: 1470px){
.historie-part .gallery .foto {
width:45%;
}
.historie-part .gallery .fotoimg {
height:150px;
}
}
@media (max-width: 1200px){
.historie-part .text .inner {
width:100%;
}
.historiebg .inner .innerIn {
padding-left:20px;
padding-right:20px;
}
}
@media (max-width: 890px){
.historieimg {
background-size:60%;
margin-top:-35%;
height:300px;
}
}
@media (max-width: 890px){
.historie-part .gallery .foto {
width:90%;
}
.historie-part .gallery .fotoimg {
height:200px;
}
}
@media (max-width: 620px){
#content.subpage .leftPanel .eshopitem {
display:inline-grid;
}
#content.subpage .leftPanel .eshopitem .itemleft {
width:100%;
}
#content.subpage .leftPanel .eshopitem .itemright {
width:100%;
}
#page .leftPanel .vstupne .permice2 .item .obdobi { font-size:17px;}
#page .leftPanel .vstupne .permice2 .item {
word-break: break-word;
overflow-break: break-word;
}
#page .leftPanel .vstupne .permice2 .item.item00 {
width: 350px;
text-align: left;
}
table.doprovod2 { display:inline-block; width:49% }
#page .leftPanel .vstupne .permice2 {
align-items: unset;
}
#page .leftPanel .vstupne .permice2 .item .price {
font-size: 18px;
font-weight: 700;
}
}
@media (max-width: 550px){
.shopbg .inner .innerIn {
width: 100%;
}
table#objednavka table.subtable {
font-size:15px;
}
.shopuvodbg .inner .innerIn {
width: 90%;
padding:5%;
}
}
@media (max-width: 460px){
.historie-part .gallery .foto {
width:100%;
}
.historie-part .gallery .fotoimg {
height:200px;
}
}
@media (max-width: 680px){
.historie-part .nadpis {
width:100%;
}
.historie-part .text {
width:100%;
}
.historie-part .text .inner {
padding:20px;
}
.historiebg .inner .innerIn {
width:100%;
padding-left:20px;
padding-right:20px;
}
.historieimg {
background-size:50%;
margin-top:-30%;
height:150px;
}
.history-col-1 {
width:100%;
text-align:Center;
}
.history-col-2 {
width:100%;
text-align:Center;
}
.history-col-1 img {
margin:0 auto;
margin-bottom:12px;
}
.history-col-2 img {
margin:0 auto;
margin-bottom:12px;
}
}
.eshopitem .gallery-item {
height: auto;
width: 50px;
height:50px;
margin-right:10px;
margin-bottom:10px;
float: left;
position: relative;
z-index:1;
}
.eshopitem .gallery-item img {
height: 50px;
overflow:hidden;
border-radius:25px;
z-index:1;
}
.eshopitem .img-title {
position: absolute;
top: -35px;
margin: 0;
height: 36px;
width: 150px;
text-align: center;
display: none;
background-color: #828282;
border-radius:10px;
}
.eshopitem strong.price {
font-weight:Bold;
font-size:26px;
float:left;
}
.eshopitem .fri {
float:Right;
}
.eshopitem input.without {
border:0;
font-size:22px;
text-align:center;
}
.eshopitem input.pm {
border-radius:50%;
border:1px solid #ddd;
width:25px;
height:25px;
font-size:16px;
background:#fff;
padding:0; margin:0;
}
.eshopitem input.submitkos {
border-radius:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
width:200px;
font-weight:600;
margin-left:20px;
}
.eshopitem input.submitkos:hover {
background:green;
cursor:pointer;
}
.eshopitem .krmivo {
color:#b7b3a5;
font-weight:500;
}
.eshopitem .img-title h5 {
position: absolute;
color: #fff;
top: 24%;
width: 100%;
text-align: center;
z-index:1000;
}
#upperBar .gapi {
position: absolute;
left: 24%;
top: 8px;
text-align: center;
}
@media (max-width: 1000px){
#upperBar .gapi {
left:44%;
}
}
@media (max-width: 518px){
#upperBar .gapi {
display:none;
}
}
table.doprovod2 { display:inline-block; width:49%; vertical-align:top; }
table.doprovod tr td, table.doprovod tr th {
padding:4px; border:1px solid #666;
}
table.doprovod tr th {
font-weight:bold;
}
table.doprovod2 tr td, table.doprovod2 tr th {
padding:4px; border:1px solid #666;
}
table.doprovod2 tr th {
font-weight:bold;
}
.btn {
border-radius: 0;
font-size:18px;
text-align: center;
padding-left: 40px;
padding-right: 40px;
padding-top: 6px;
padding-bottom: 6px;
margin-right: 10px;
margin-bottom: 10px;
text-decoration: none !important;
background: #009241;
color: #fff !important;
border: 2px solid #009241;
border-radius:5px;
display: inline-block;
}
.btn:hover {
background-color: #00a349;
}
.stredmapa { text-align:center;margin: 1em;
padding-bottom: 2em;
padding-top: 1em;}
.vyrazne { background:rgba(0,146,65,0.1); padding:15px; border-radius:10px; font-weight:500}