BODY{
 margin: 0px;
 padding: 0px;
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 font-weight: 300;
 color: #000000;
 background-color: #FFFFFF;
}
BODY.BODY2{
 padding: 48px 0px 0px 0px;
}
/*--- TAGY ---*/
H1, H2, H3,H4{
 font-size: 48px;
 font-weight: 600;
 font-family: 'Amatic SC', cursive;
 color: #000000;
}
H2.H2{ font-size: 24px; }
H2.H22{ font-size: 30px; color: #FFFFFF !important; }
H3.H3{ font-size: 30px; }
H3 .cislo{
 font-size: 48px;
 width: 50px;
 height: 50px;
 line-height: 50px;
}
H1 EM{
 display: block;
 font-style: normal;
 font-size: 30px;
}
H3 EM{
 display: block;
 font-style: normal;
 font-size: 25px;
}
.suvenyr H3{
 white-space: nowrap;
 overflow: hidden;  
}
H4{ font-size: 30px; }
.suvenyr H4{
 font-size: 20px;
 white-space: nowrap;
 overflow: hidden;
}
.uvod H1{
 position: absolute;
 top: 40%;
 left: 0%;
 color: #FFFFFF;
 background-image: url(obr/poz1.png);
 width: 60%;
 text-align: right;
 padding: 20px 30px 20px 30px;
 z-index: 1;
}
.BODY2 H1{ color: #0C8A2D; }
.BODY2 H2{ color: #EEA038; }
.uvod H2{
 position: absolute;
 top: calc(40% + 110px);
 right: 0%;
 color: #FFFFFF;
 background-image: url(obr/poz2.png);
 width: 60%;
 text-align: left;
 padding: 20px 30px 20px 30px;
 z-index: 1;
}
.pruh.uvodni H1, .BODY2 .zvirata H1, .BODY2 .suvenyry H1{
 position: absolute;
 top: 180px;
 left: 0px;
 font-family: 'Open Sans', sans-serif;
 font-size: 300px;
 font-weight: 300;
 opacity: 0.15;
 filter: alpha(opacity=15);
 z-index: 1;
}
.uvodni.zoo H1{ color: #DEDB00; }
.uvodni.zvirata H1,
.uvodni.zazitky H1,
.uvodni.akce H1,
.uvodni.kontakt H1,
.BODY2 .zvirata H1{ color: #EEA038; }
.uvodni.vstupne H1,
.uvodni.suvenyry H1{ color: #0C8A2D; }
.uvodni.kontakt H1{ top: -50px; height: 330px; }
.blok H2{
 position: absolute;
 top: 0px;
 left: 120%;
 font-size: 70px;
 color: #FFFFFF;
 font-weight: 400;
 padding: 5px 20px 5px 20px;
 background-image: url(obr/poz2.png);
 white-space: nowrap;
}
.blok2 H2{
 position: absolute;
 top: 20px;
 left: -20%;
 font-size: 70px;
 color: #FFFFFF;
 font-weight: 400;
 padding: 5px 20px 5px 20px;
 background-image: url(obr/poz3.png);
 white-space: nowrap;
 z-index: 7;
}
.main IMG,
.zvire IMG{
 display: block;
 max-width: 100%;
}
.main STRONG{
 font-weight: 700;
}
.zvire DIV.popis{
 position: absolute;
 width: 65%;
 top: 50px;
 left: 15px;
 padding: 10px 20px 10px 20px;
 background-image: url(obr/poz5.png);
 color: #FFFFFF;
 font-size: 13px;
}
.zvire DIV.popis STRONG{
 display: block;
 padding: 5px 0px 5px 0px;
 font-size: 16px;
}
.zvire DIV.motto{
 position: absolute;
 bottom: 80px;
 right: -10px;
 padding: 10px 20px 10px 20px;
 background-image: url(obr/poz2.png);
 color: #FFFFFF;
 font-family: 'Amatic SC', cursive;
 font-size: 40px;
}
.clen_tymu H2{
 border-bottom: solid 1px #DEDB00;
 margin: 0px 0px 5px 0px;
}
.clen_tymu EM{
 display: block;
 font-style: normal;
 color: #AAAAAA;
 padding: 0px 0px 20px 0px;
}
.clen_tymu IMG{
 float: left;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
.clen_tymu P{
 float: left;
 padding: 0px 0px 0px 20px;
 width: calc(100% - 220px);
 font-size: 14px;
 text-align: justify;
 color: #0C8A2D;
}
INPUT, TEXTAREA, SELECT, A.tlacitko, DIV.rezervovano{
 font-family: 'Amatic SC', cursive;
}
INPUT.b,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited,
DIV.rezervovano{
 display: inline-block;
 padding: 5px 20px 5px 20px;
 margin: 2px;
 border: none;
 color: #FFFFFF !important;
 background-color: #0C8A2D;
 font-size: 30px;
 font-weight: 400;
}
A.tlacitko:hover,
A.tlacitko:active,
INPUT.b_over{
 background-color: #EEA038;
}
A.tlacitko.tlacitko2,
A.tlacitko.tlacitko2:link,
A.tlacitko.tlacitko2:visited{
 background-color: #EEA038;
 color: #000000 !important;
}
A.tlacitko.tlacitko2:hover,
A.tlacitko.tlacitko2:active{
 background-color: #0C8A2D;
 color: #FFFFFF !important;
}
A.tlacitko.tlacitko3,
A.tlacitko.tlacitko3:link,
A.tlacitko.tlacitko3:visited,
DIV.rezervovano{
 padding: 2px 10px 2px 10px;
 background-color: #E4E232;
 color: #0C8A2D !important;
 font-size: 26px;
 margin: 3px 2px 3px 2px;
}
A.tlacitko.tlacitko3:hover,
A.tlacitko.tlacitko3:active{
 background-color: #EEA038;
 color: #FFFFFF !important;
}
DIV.rezervovano{
 background-color: #CCCCCC;
 color: #999999 !important;
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 5px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 24px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
INPUT.iL{
 padding-right: 15px;
 -webkit-border-radius: 3px 0px 0px 3px;
 -moz-border-radius: 3px 0px 0px 3px;
 -khtml-border-radius: 3px 0px 0px 3px;
 border-radius: 3px 0px 0px 3px;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
.potvrzeni INPUT.i, .potvrzeni DIV.input, .potvrzeni TEXTAREA{
 max-width: 90%;
}
SELECT{
 padding: 4px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 24px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
SELECT OPTION{
 font-size: 16px;
}
SELECT.over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
TABLE.tkosik{
 width: 100%;
 border-top: solid 1px #EEEEEE;
}
TABLE.tkosik TR TD{ padding: 10px; }
TABLE.tkosik TR TD.padL0{ padding-left: 0px; }
TABLE.tkosik TR TD.padP0{ padding-right: 0px; }
TABLE TR.tr1 TD{ background-color: #FAFAFA; border-bottom: solid 1px #EEEEEE; }
TABLE TR.tr2 TD{ background-color: #F7F7F7; border-bottom: solid 1px #EEEEEE; }
TABLE TR.tr_over TD{ background-color: #DDDDDD; }
TABLE TR.tr_over1 TD{ background-color: #DDDDDD; }
TABLE TR.tr_over2 TD{ background-color: #DDDDDD; }
#objednavka TABLE TR TD{
 border-bottom: solid 1px #FFFFFF;
}
IMG.qr_platba{
 margin: 0px auto 0px auto;
 border: solid 10px #FFFFFF;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #0C8A2D;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #0C8A2D;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #666666;
 -webkit-box-shadow: 0px 0px 5px 0px #666666;
 -moz-box-shadow: 0px 0px 5px 0px #666666;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.75;
 filter: alpha(opacity=75);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 48px;
 left: 48px;
 display: block;
 width: 150px;
 height: 183px;
 background-image: url(obr/logo_bile.png);
 background-repeat: no-repeat;
 z-index: 200;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_bile_over.png);
}
A.logo2, A.logo2:link, A.logo2:visited{ background-image: url(obr/logo_zelene.png); }
A.logo2:hover, A.logo2:active{ background-image: url(obr/logo_zelene_over.png); }
.BODY2 A.logo, .BODY2 A.logo:link, .BODY2 A.logo:visited{ top: 58px; background-image: url(obr/logo_oranzove.png); }
.BODY2 A.logo:hover, .BODY2 A.logo:active{ background-image: url(obr/logo_oranzove_over.png); }
A.mlogo,
A.mlogo:link,
A.mlogo:visited{
 position: fixed;
 top: 4px;
 left: 4px;
 display: block;
 width: 33px;
 height: 40px;
 background-image: url(obr/logo_bile.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
A.mlogo:hover,
A.mlogo:active{
 background-image: url(obr/logo_bile_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 display: inline-block;
 padding: 13px 20px 13px 20px;
 color: #FFFFFF;
 font-size: 16px;
}
.menupruh2 .menu A,
.menupruh2 .menu A:link, .menupruh2 .menu A:visited{
 color: #0C8A2D;
}
.menu A:hover, .menu A:active,
.menupruh2 .menu A:hover, .menupruh2 .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #DEDB00;
}
A.v_kosiku,
A.v_kosiku:link,
A.v_kosiku:visited{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 height: 43px;
 padding: 5px 10px 0px 48px;
 color: #FFFFFF;
 font-weight: 300;
 font-size: 11px;
 line-height: 12px;
 text-align: left;
 background-image: url(obr/kosik.png);
 background-repeat: no-repeat;
 background-position: left center;
}
A.v_kosiku:hover,
A.v_kosiku:active{
 color: #E0E0E0;
 background-image: url(obr/kosik_over.png);
}
.menupruh2 A.v_kosiku,
.menupruh2 A.v_kosiku:link,
.menupruh2 A.v_kosiku:visited{
 background-color: #0C8A2D;
 color: #FFFFFF;
}
.menupruh2 A.v_kosiku:hover,
.menupruh2 A.v_kosiku:active{
 color: #BFE0C7;
}

H2.H2 A,
H2.H2 A:link,
H2.H2 A:visited{
 color: #EEA038;
}
H2.H2 A:hover,
H2.H2 A:active{
 color: #000000;
}
H2.d A,
H2.d A:link,
H2.d A:visited{
 display: block;
 background-color: #0C8A2D;
 color: #FFFFFF;
 text-align: center;
 padding: 5px 0px 5px 0px;
 margin: 0px 0px 20px 0px;
}
H2.d A,
H2.d A:link,
H2.d A:visited,
H2.d.da A:hover,
H2.d.da A:active{
 opacity: 0.5;
 filter: alpha(opacity=50);
}
H2.d A:hover,
H2.d A:active,
H2.da A,
H2.da A:link,
H2.da A:visited{
 opacity: 1;
 filter: alpha(opacity=100);
}
H2.d A.p{ background-color: #EEA038; }
H2.d A.t{ background-color: #422819; }
.vz A,
.vz A:link,
.vz A:visited{
 display: inline-block;
 width: 130px;
 height: 130px;
 line-height: 130px;
 margin: 0px 10px 10px 0px;
 background-color: #777777;
 color: #FFFFFF;
 font-size: 48px;
 font-family: 'Amatic SC', cursive;
 text-align: center;
 -webkit-border-radius: 130px 130px 130px 130px;
 -moz-border-radius: 130px 130px 130px 130px;
 -khtml-border-radius: 130px 130px 130px 130px;
 border-radius: 130px 130px 130px 130px;
}
.vz A:hover,
.vz A:active{
 opacity: 0.8;
 filter: alpha(opacity=80);
}
.vz A.vz1, .vz A.vz1:link, .vz A.vz1:visited{ background-color: #0C8A2D; }
.vz A.vz2, .vz A.vz2:link, .vz A.vz2:visited{ background-color: #EEA038; }
.vz A.vz3, .vz A.vz3:link, .vz A.vz3:visited{ background-color: #279CFF; }
.vz A.vz4, .vz A.vz4:link, .vz A.vz4:visited{ background-color: #DEDB00; }
A.dalsi_pruh,
A.dalsi_pruh:link,
A.dalsi_pruh:visited{
 position: absolute;
 top: 0px;
 left: -150px;
 font-size: 130px;
 color: #FCF1E1;
 z-index: 1;
}
A.dalsi_pruh SPAN,
A.dalsi_pruh:link SPAN,
A.dalsi_pruh:visited SPAN{
 position: absolute;
 top: 25%;
 left: 40%;
 width: 33px;
 height: 95px;
 background-image: url(obr/sipkyD.png);
 background-repeat: no-repeat;
}
A.dalsi_pruh:hover SPAN,
A.dalsi_pruh:active SPAN{
 opacity: 0.5;
 filter: alpha(opacity=50);
}
.zvirata A.dalsi_pruh,
.zvirata A.dalsi_pruh:link,
.zvirata A.dalsi_pruh:visited,
.zazitky A.dalsi_pruh,
.zazitky A.dalsi_pruh:link,
.zazitky A.dalsi_pruh:visited{
 color: #DBEEE0;
}
A.podporte_nas,
A.podporte_nas:link,
A.podporte_nas:visited{
 position: relative;
 display: block;
 float: right;
 width: 70%;
 margin: 0% -10% 0% 0%;
 background-color: #EEA038;
 background-image: url(obr/sipkaP.png);
 background-position: right center;
 background-repeat: no-repeat;
 color: #000000;
 z-index: 2;
}
A.podporte_nas:hover,
A.podporte_nas:active{
 background-color: #F1B360; 
}
A.podporte_nas SPAN,
A.podporte_nas:link SPAN,
A.podporte_nas:visited SPAN{
 display: block;
 padding: 30px 100px 30px 30px;
}
A.adopce_zvirat,
A.adopce_zvirat:link,
A.adopce_zvirat:visited{
 position: relative;
 display: block;
 width: 95%;
 background-image: url(obr/sipkaP.png);
 background-position: right center;
 background-repeat: no-repeat;
 background-color: #EFED7F; 
 color: #000000;
 z-index: 2;
 font-size: 12px;
}
A.adopce_zvirat:hover,
A.adopce_zvirat:active{
 background-color: #DEDB00;
}
A.adopce_zvirat SPAN,
A.adopce_zvirat:link SPAN,
A.adopce_zvirat:visited SPAN{
 display: block;
 padding: 30px 100px 30px 30px;
}
A.adopce_zvirat STRONG,
A.adopce_zvirat:link STRONG,
A.adopce_zvirat:visited STRONG{
 font-size: 34px;
 font-family: 'Amatic SC', cursive;
}
.zvirata .obsahP A.zv,
.zvirata .obsahP A.zv:link,
.zvirata .obsahP A.zv:visited{
 position: relative;
 display: block;
 width: 100%;
 height: 250px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
.zvirata .obsahP A.zv:hover,
.zvirata .obsahP A.zv:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.zvirata .obsahP A.zv STRONG,
.zvirata .obsahP A.zv:link STRONG,
.zvirata .obsahP A.zv:visited STRONG{
 display: block;
 padding: 20px 100px 0px 0px;
 text-align: right;
 font-family: 'Amatic SC', cursive;
 color: #FFFFFF;
 font-size: 48px;
 font-weight: 300;
 background-image: url(obr/sipkaP2.png);
 background-repeat: no-repeat;
 background-position: right 25px;
}
.zvirata A.zv.savci, .zvirata A.zv.savci:link, .zvirata A.zv.savci:visited{ background-image: url(obr/rys.jpg); }
.zvirata A.zv.ptaci, .zvirata A.zv.ptaci:link, .zvirata A.zv.ptaci:visited{ background-image: url(obr/emu.jpg); }
.zvirata A.zv.terarium, .zvirata A.zv.terarium:link, .zvirata A.zv.terarium:visited{
 background-image: url(obr/zaba.jpg);
 height: 400px;
}
.zvirata .obsahP H2 A,
.zvirata .obsahP H2 A:link,
.zvirata .obsahP H2 A:visited{
 color: #FFFFFF;
}
.zvirata .obsahP H2 A:hover,
.zvirata .obsahP H2 A:active{
 color: #FDF1E1;
}
.zvirata .obsahP .blok3 H2 A,
.zvirata .obsahP .blok3 H2 A:link,
.zvirata .obsahP .blok3 H2 A:visited{
 color: #0C8A2D;
}
.zvirata .obsahP .blok3 H2 A:hover,
.zvirata .obsahP .blok3 H2 A:active{
 color: #000000;
}
A.mapa_zoo,
A.mapa_zoo:link,
A.mapa_zoo:visited{
 display: block;
 width: calc(100%+246px);
 margin: 0px 0px 0px -246px;
 font-family: 'Amatic SC', cursive;
 color: #0C8A2D;
 font-size: 48px;
}
A.mapa_zoo:hover,
A.mapa_zoo:active{
 opacity: 0.75;
 filter: alpha(opacity=75);
}
A.mapa_zoo STRONG,
A.mapa_zoo:link STRONG,
A.mapa_zoo:visited STRONG{
 position: relative;
 display: block;
 text-align: left;
 padding: 50px 0px 20px 70px;
}
A.mapa_zoo EM,
A.mapa_zoo:link EM,
A.mapa_zoo:visited EM{
 position: absolute;
 top: 115px;
 left: 70px;
 display: block;
 width: 93px;
 height: 82px;
 background-image: url(obr/sipkaD.png);
 background-repeat: no-repeat;
 background-position: center center;
}
A.mapa_zoo SPAN,
A.mapa_zoo:link SPAN,
A.mapa_zoo:visited SPAN{
 display: block;
 width: 100%;
 height: 269px;
 background-image: url(obr/mapa_zoo.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
.zazitek A,
.zazitek A:link,
.zazitek A:visited{
 display: block;
 float: left;
 height: 300px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 100%;
}
.zazitek A:hover,
.zazitek A:active{
 opacity: 0.75;
 filter: alpha(opacity=75);
}
.zazitek A.z1, .zazitek A.z1:link, .zazitek A.z1:visited{ width: 28%; background-image: url(obr/zazitky/1.jpg); }
.zazitek A.z2, .zazitek A.z2:link, .zazitek A.z2:visited{ width: 36%; background-image: url(obr/zazitky/2.jpg); }
.zazitek A.z3, .zazitek A.z3:link, .zazitek A.z3:visited{ width: 36%; background-image: url(obr/zazitky/3.jpg); }
.zazitek A.z4, .zazitek A.z4:link, .zazitek A.z4:visited{ width: 60%; height: 400px; background-image: url(obr/zazitky/4.jpg); background-size: 100%; }
.zazitek A.z5, .zazitek A.z5:link, .zazitek A.z5:visited{ width: 40%; height: 200px; background-image: url(obr/zazitky/5.jpg); background-size: 100%; }
.zazitek A.z6, .zazitek A.z6:link, .zazitek A.z6:visited{ width: 40%; height: 200px; background-image: url(obr/zazitky/6.jpg); background-size: 100%; }
.zazitek A STRONG,
.zazitek A:link STRONG,
.zazitek A:visited STRONG{
 display: block;
 padding: 20px;
 font-family: 'Amatic SC', cursive;
 font-size: 30px;
 font-weight: 300;
 color: #FFFFFF;
 text-align: left;
 line-height: 37px;
}
.zazitek A STRONG SPAN,
.zazitek A:link STRONG SPAN,
.zazitek A:visited STRONG SPAN{
 display: inline-block;
 width: 37px;
 height: 37px;
 background-repeat: no-repeat;
 margin: 0px 0px 0px 10px;
 vertical-align: middle;
}
.zazitek A.z1 STRONG SPAN, .zazitek A.z1:link STRONG SPAN, .zazitek A.z1:visited STRONG SPAN{ background-image: url(obr/sipkaZD.png); }
.zazitek A.z2 STRONG SPAN, .zazitek A.z2:link STRONG SPAN, .zazitek A.z2:visited STRONG SPAN{ background-image: url(obr/sipkaZP.png); }
.zazitek A.z3 STRONG SPAN, .zazitek A.z3:link STRONG SPAN, .zazitek A.z3:visited STRONG SPAN{ background-image: url(obr/sipkaZD.png); }
.zazitek A.z4 STRONG SPAN, .zazitek A.z4:link STRONG SPAN, .zazitek A.z4:visited STRONG SPAN{ background-image: url(obr/sipkaZP.png); }
.zazitek A.z5 STRONG SPAN, .zazitek A.z5:link STRONG SPAN, .zazitek A.z5:visited STRONG SPAN{ background-image: url(obr/sipkaZD.png); }
.zazitek A.z6 STRONG SPAN, .zazitek A.z6:link STRONG SPAN, .zazitek A.z6:visited STRONG SPAN{ background-image: url(obr/sipkaZD.png); }

.kikonky A,
.kikonky A:link,
.kikonky A:visited{
 display: block;
 height: 40px;
 padding: 0px 0px 0px 55px;
 margin: 10px 0px 0px 0px;
 line-height: 40px;
 font-size: 24px;
 background-repeat: no-repeat;
}
.kikonky A.telefon{ background-image: url(obr/telefon.png); }
.kikonky A.email{ background-image: url(obr/email.png); }
.kikonky A.facebook{ background-image: url(obr/facebook.png); }
.kikonky A.instagram{ background-image: url(obr/instagram.png); }

.tym A,
.tym A:link,
.tym A:visited{
 display: inline-block;
 width: 100px;
 height: 100px;
 background-color: #AAAAAA;
 background-repeat: no-repeat;
 background-size: 100%;
 margin: 0px 10px 0px 0px;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
}
.tym A:hover,
.tym A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}

.druhy_zvirat A,
.druhy_zvirat A:link,
.druhy_zvirat A:visited{
 color: #000000;
 font-size: 14px;
 text-align: left;
}
.druhy_zvirat A:hover,
.druhy_zvirat A:active,
.druhy_zvirat A.a,
.druhy_zvirat A.a:link,
.druhy_zvirat A.a:visited{
 color: #0C8A2D;
}
.zvirata_druhu A,
.zvirata_druhu A:link,
.zvirata_druhu A:visited{
 display: block;
 line-height: 100%;
}
.zvirata_druhu A EM,
.zvirata_druhu A:link EM,
.zvirata_druhu A:visited EM{
 font-style: normal;
 color: #EEA038;
}
.zvirata_druhu A:hover EM,
.zvirata_druhu A:active EM{
 color: #86CC98;
}

.fzvirata A,
.fzvirata A:link,
.fzvirata A:visited{
 display: block;
 width: calc(25% - 10px);
 margin: 5px;
 float: left;
 background-color: #F0F0F0;
 position: relative;
}
.fzvirata A:hover,
.fzvirata A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.fzvirata A IMG,
.fzvirata A:link IMG,
.fzvirata A:visited IMG{
 display: block;
 width: 100%;
}
.fzvirata A STRONG,
.fzvirata A:link STRONG,
.fzvirata A:visited STRONG{
 position: absolute;
 top: 10px;
 left: 10px;
 text-align: left;
 font-weight: normal;
 font-size: 14px;
 color: #422819;
}
.fzvirata A STRONG.o,
.fzvirata A:link STRONG.o,
.fzvirata A:visited STRONG.o{
 color: #FFFFFF;
 text-shadow: 0px 1px 1px #000000;
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: block;
 float: left;
 width: 20%;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #DEDB00;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}

A.plus,
A.plus:link,
A.plus:visited,
A.minus,
A.minus:link,
A.minus:visited{
 display: block;
 float: left;
 clear: left;
 width: 20px;
 color: #FFFFFF;
 background-color: #0C8A2D;
 font-size: 19px;
 font-weight: 600;
 text-align: center;
}
A.plus,
A.plus:link,
A.plus:visited{
 height: 20px;
 line-height: 19px;
 -webkit-border-radius: 0px 3px 0px 0px;
 -moz-border-radius: 0px 3px 0px 0px;
 -khtml-border-radius: 0px 3px 0px 0px;
 border-radius: 0px 3px 0px 0px;
}
A.plus:hover,
A.plus:active{
 color: #000000;
 background-color: #DEDB00;
}
A.minus,
A.minus:link,
A.minus:visited{
 height: 20px;
 line-height: 15px;
 -webkit-border-radius: 0px 0px 3px 0px;
 -moz-border-radius: 0px 0px 3px 0px;
 -khtml-border-radius: 0px 0px 3px 0px;
 border-radius: 0px 0px 3px 0px;
}
A.minus:hover,
A.minus:active{
 color: #FFFFFF;
 background-color: #CC0000;
}

.kategorie A,
.kategorie A:link,
.kategorie A:visited{
 display: block;
 float: left;
 width: 23%;
 margin: 1%;
 height: 250px;
 background-color: #777777;
 background-size: 100%;
 background-position: center center;
 font-family: 'Amatic SC', cursive;
 font-size: 40px;
 color: #FFFFFF;
 text-shadow: 0px 1px 1px #000000;
}
.kategorie A:hover,
.kategorie A:active{
 opacity: 0.75;
 filter: alpha(opacity=75);
}
.kategorie A STRONG,
.kategorie A:link STRONG,
.kategorie A:visited STRONG{
 display: block;
 padding: 10px;
}

.adopce A,
.adopce A:link,
.adopce A:visited{
 display: table;
 width: 100%;
 height: 60px;
 margin: 0px 0px 10px 0px;
}
.adopce A:hover,
.adopce A:active{
 opacity: 0.75;
 filter: alpha(opacity=75);
}
.adopce A IMG,
.adopce A:link IMG,
.adopce A:visited IMG{
 height: 50px;
 -webkit-border-radius: 100px 100px 100px 100px;
 -moz-border-radius: 100px 100px 100px 100px;
 -khtml-border-radius: 100px 100px 100px 100px;
 border-radius: 100px 100px 100px 100px;
 border: solid 5px #FFFFFF;
}
.adopce A SPAN,
.adopce A:link SPAN,
.adopce A:visited SPAN{
 display: table-cell;
 height: 60px;
 vertical-align: middle;
}
.adopce A SPAN.a1,
.adopce A:link SPAN.a1,
.adopce A:visited SPAN.a1{
 width: 75px;
}
.adopce A SPAN.a2,
.adopce A:link SPAN.a2,
.adopce A:visited SPAN.a2{
 font-weight: bold;
}
.adopce A SPAN.a3,
.adopce A:link SPAN.a3,
.adopce A:visited SPAN.a3{
 width: 100px;
 padding: 0px 30px 0px 0px;
 white-space: nowrap;
 text-align: right;
}
.adopce A SPAN.a4,
.adopce A:link SPAN.a4,
.adopce A:visited SPAN.a4{
 width: 100px;
 background-color: #0C8A2D;
 color: #FFFFFF;
 text-align: center;
}
.adopce A:hover SPAN.a4,
.adopce A:active SPAN.a4{
 background-color: #EEA038;
 color: #000000;
}

A.akce, A.akce:link, A.akce:visited{
 display: block;
 float: left;
 width: 31%;
 margin: 0% 1% 30px 1%;
}
A.akce:hover, A.akce:active{
 box-shadow: 0px 0px 25px 0px #CCCCCC;
 -webkit-box-shadow: 0px 0px 25px 0px #CCCCCC;
 -moz-box-shadow: 0px 0px 25px 0px #CCCCCC; 
}
A.akce STRONG,
A.akce:link STRONG,
A.akce:visited STRONG{
 display: block;
 padding: 15px 20px 15px 20px;
 background-color: #EEA038; 
 color: #FFFFFF;
 font-size: 24px; 
}
A.akce:hover STRONG,
A.akce:active STRONG{
 background-color: #0C8A2D;
}
A.akce EM{
 display: block;
 padding: 10px 20px 10px 20px;
 background-color: #DEDB00;
 color: #000000;
 font-style: normal;
}
A.akce IMG{
 display: block;
 max-width: 100%;
}

.bottom A,
.bottom A:link, .bottom A:visited{
 color: #6A6A6A;
}
.bottom A:hover, .bottom A:active{
 color: #009DB8;
}
.copy{
 float: left;
 color: #6A6A6A;
}
.copy A:link, .copy A:visited{
 color: #6A6A6A;
}
.copy A:hover, .copy A:active{
 color: #009DB8;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #6A6A6A;
}
A.kao:hover, A.kao:active{
 color: #009DB8;
}
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 background-color: #0C8A2D;
 z-index: 100;
 text-align: center;
}
.menupruh2{
 background-color: #FFFFFF;  
}
.BODY2 .menupruh{
 top: 0px;
 bottom: auto;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.uvod{
 position: relative;
 display: block;
 width: 100%;
 height: 100vh;
 background-image: url(obr/hyena.jpg);
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: center top;
 background-attachment: fixed;
 z-index: 1;
}
.pruh{
 width: 100%;
 position: relative;
 font-weight: 400;
 padding: 0px 0px 40px 0px;
 overflow: hidden;
}
.pruh1{
 background-color: #F7CF9B;
 padding: 40px 0px 40px 0px;
 margin: 0px 0px 40px 0px;
}
.pruh2{
 padding: 40px 0px 40px 0px;
 background-color: #FFFFFF;
}
.pruh3{
 padding: 40px 0px 40px 0px;
 background-color: #F0F0F0;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.main2{
 padding: 0px 0px 40px 0px;
}
.mainL{
 width: 43%;
 float: left;
}
.mainP{
 width: 53%;
 float: right;
}
.mainL2{
 width: 45%;
 float: left;
}
.mainP2{
 width: 45%;
 float: right;
}
.mainL3{
 width: 30%;
 float: left;
}
.mainP3{
 width: 68%;
 float: right;
}
.main33{
 width: 31%;
 margin: 0% 1% 0% 1%;
 float: left;
}
.obsahpad{
 padding-left: 246px;
}
.obsah{
 display: table;
 width: 100%;
}
.obsahL{
 display: table-cell;
 vertical-align: top;
 position: relative;
 width: 60%;
 height: 100%;
 z-index: 3;
}
.obsahLpad{
 padding: 40px 40px 0px 0px;
 text-align: justify;
}
.obsahLpad3,
.obsahPpad{
 padding: 0px 40px 0px 0px;
 text-align: justify;
}
.obsahLpad4{ text-align: left; }
.obsahS3{
 display: table-cell;
}
.obsahP{
 display: table-cell;
 vertical-align: top;
 position: relative;
 width: 40%;
 height: 100%;
 z-index: 2;
 background-size: 100%;
}
.obsahL.obsahL2{ width: 40%; }
.obsahP.obsahP2{ width: 60%; }
.obsahL.obsahL3{ width: 45%; }
.obsahS3{ width: 10%; }
.obsahP.obsahP3{ width: 45%; }
.obsahL.obsahL4{ width: 20%; }
.obsahP.obsahP4{ width: 80%; }
.obsahL.obsahL5{ width: 30%; }
.obsahP.obsahP5{ width: 70%; }
.obsahL2 .obsahLpad, .obsahLpad2{
 padding: 0px;
}
.zoo .obsahP{
 background-image: url(obr/lev.jpg);
 background-repeat: no-repeat;
 background-size: auto 100%;
}
.zvirata .obsahP{
 z-index: 4;
}
.kategorie{
 position: relative;
 z-index: 2;
 padding: 0px 20px 0px 0px;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
.BODY2 .bottom{
 background-color: #F0F0F0;
}
/*--- OSTATNÍ ---*/
.fmA{ font-family: 'Amatic SC', cursive; }
.vz{
 padding: 15px 0px 0px 0px;
}
.blok{
 position: relative;
 width: 50%;
 color: #0C8A2D;
}
.blok2{
 position: relative;  
}
.blok3{
 background-image: url(obr/poz1.png);
 padding: 20px;
}
.blok4{
 background-image: url(obr/poz4.png);
 padding: 20px;
}
.blok5{
 background-image: url(obr/poz2.png);
 padding: 20px;
}
.blok6{
 background-image: url(obr/poz3.png);
 padding: 20px;
}
.kontakt{
 padding: 0px 0px 100px 0px;
}
.tym{
 text-align: center; 
}
.druhy_zvirat{
 padding: 0px 0px 0px 20px;
}
.fzvirata{
 padding: 15px 0px 0px 0px;
 position: relative;
}
.zvire{
 padding: 40px 0px 0px 0px;
 position: relative;
}
.clen_tymu{
 display: block;
 float: left;
 width: 46%;
 margin: 2%;
 padding: 0px 0px 30px 0px;
}
.cislo{
 display: inline-block;
 width: 26px;
 height: 26px;
 color: #FFFFFF;
 background-color: #777777;
 text-align: center;
 line-height: 24px;
 font-weight: bold;
 font-size: 14px;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
 box-shadow: 1px 1px 3px #FFFFFF;
}
.cislo2{
 width: 16px;
 height: 16px;
 font-size: 10px;
 line-height: 14px;
 margin: 2px 0px 2px 0px;
}
.poukaz{
 width: 31%;
 margin: 0% 1% 30px 1%;
 float: left;
}
.suvenyr{
 width: 48%;
 margin: 0% 1% 30px 1%;
 float: left;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 25px 0px #EEEEEE;
 -webkit-box-shadow: 0px 0px 25px 0px #EEEEEE;
 -moz-box-shadow: 0px 0px 25px 0px #EEEEEE;
}
.poukaz_over,
.suvenyr_over{
 box-shadow: 0px 0px 25px 0px #CCCCCC;
 -webkit-box-shadow: 0px 0px 25px 0px #CCCCCC;
 -moz-box-shadow: 0px 0px 25px 0px #CCCCCC;
}
.suvenyr H3{ text-align: left; }
.suvenyr IMG{
 width: 100%;
}
.zblok{
 background-color: #EAEAEA;
 padding: 20px;
 margin: 10px 0px 0px 0px;
 max-height: 100px;
 overflow: auto;
 font-size: 14px;
}
.objednavka_pro_od{
 max-height: 150px;
 overflow: auto;
}
.kblok{
 display: block;
 padding: 20px;
 background-color: #F7F7F7;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 color: #585858;
}
.suvenyr .parametry_pad{
 display: block;
 padding: 5px 20px 5px 20px;
}
.suvenyr .parametry_pad .parametry{
 display: block;
 width: 100%;
 min-height: 55px;
 font-size: 13px;
 white-space: nowrap;
 overflow: hidden;
}
.adopce{
 background-image: url(obr/poz1.png);
 padding: 20px;
}
.adopcni_listina{
 text-align: center;
}
.adopcni_listina IMG{
 margin: 0px auto 0px auto;
 max-width: none;
}
.adopcnilistina{
 position: relative;
 display: inline-block;
 padding: 60px 0px 0px 0px;
}
.adopcni_listina .ablok{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 990px;
 max-width: 100%;
 height: 100%;
 z-index: 1;
 font-size: 24px;
}
.adopcni_listina .ablok .ablok_pad{
 padding: 300px 100px 0px 100px;
}
.adopcni_listina .ablok2{
 position: absolute;
 width: 160px;
 top: 580px;
 left: 140px;
 z-index: 2;
 font-size: 16px;
}
.obsazenost{
 width: calc(100%-2px);
 padding: 1px;
 text-align: left;
 background-color: #D7B07C;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 margin: 5px 0px 15px 0px;
}
.obsazeno{
 display: inline-block;
 min-width: 60px;
 padding: 2px 10px 2px 10px;
 color: #FFFFFF;
 background-color: #E28F38;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 text-align: center;
}
.code{
 padding: 6px 12px 6px 12px;
 background-color: #F0F0F0;
 color: #666666;
 font-size: 21px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
}
.codeL{
 -webkit-border-radius: 0px 3px 3px 0px;
 -moz-border-radius: 0px 3px 3px 0px;
 -khtml-border-radius: 0px 3px 3px 0px;
 border-radius: 0px 3px 3px 0px;
}