@import url(points.css);
body { 
    margin:0; 
    padding:0;
    font-family:Arial, sans-serif;
    background:#fff url(../images/bg.png) repeat-x left top;
}
/*sirka 21px*/ 

.image0 {         
    background:url(../images/bg0_zaloha.jpg) no-repeat center 164px;
}
.pl .image0 {         
    background-image:url(../images/bg0-pl.jpg);
}
.en .image0 {         
    background-image:url(../images/bg0-en.jpg);
}    




.image1 {         
    background:url(../images/top/top1-cz.jpg) no-repeat center 164px;
}
.image2 {         
    background:url(../images/top/top2-cz.jpg) no-repeat center 164px;
}
.image3 {         
    background:url(../images/top/top3-cz.jpg) no-repeat center 164px;
}
.image4 {         
    background:url(../images/top/top4-cz.jpg) no-repeat center 164px;
}




.en .image1 {         
    background:url(../images/top/top1-en.jpg) no-repeat center 164px;
}
.en .image2 {         
    background:url(../images/top/top2-en.jpg) no-repeat center 164px;
}
.en .image3 {         
    background:url(../images/top/top3-en.jpg) no-repeat center 164px;
}
.en .image4 {         
    background:url(../images/top/top4-en.jpg) no-repeat center 164px;
}



.pl .image1 {         
    background:url(../images/top/top1-pl.jpg) no-repeat center 164px;
}
.pl .image2 {         
    background:url(../images/top/top2-pl.jpg) no-repeat center 164px;
}
.pl .image3 {         
    background:url(../images/top/top3-pl.jpg) no-repeat center 164px;
}
.pl .image4 {         
    background:url(../images/top/top4-pl.jpg) no-repeat center 164px;
}










.pl .image4 {         
    background-image: url(../images/bg4-pl.jpg);
}
.en .image4 {         
    background-image: url(../images/bg4-en.jpg);
}

form, form fieldset {margin:0;padding:0;border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

.clear {clear:both;}
.hidden {display:none;}



#head {
	position:relative;
	margin:auto;
	width:1043px;
	height:164px;
}
#zoo {
	position:relative;
	margin:auto;
	width:1043px;
	height:411px;
}
.image0 #zoo {height:233px;}        
#page {
    position:relative;
    margin:auto;
    padding:0 0 0 21px;
    width:1022px;        
}
#page2 {
    position:relative;
    margin:auto;
    padding:0;
    width:1025px;    
}
#footbox {
	width:100%;
	height:641px;
	background-position:center bottom;
	background-repeat:no-repeat;
}                                                                                      
.image0 #footbox,.image1 #footbox {background-image:url(../images/foot-image1.jpg);}
.image2 #footbox {background-image:url(../images/foot-image2.jpg);}
.image3 #footbox {background-image:url(../images/foot-image3.jpg);}
.image4 #footbox {background-image:url(../images/foot-image4.jpg);}

#footbox2 {
	width:100%;
	height:641px;
	background-position:center bottom;
	background-repeat:no-repeat;
}                                                                                      
.image0 #footbox {background-image:url(../images/foot-image4.jpg);}



#foot {
	position:relative;
	margin:14px auto 0 auto;
	width:1043px;
	height:300px;
}
.en #foot {
  margin-top:0px;
}    
.box1 {
    position:relative;
    float:right;
    padding-bottom:50px;
    padding-right:23px;
    width:674px; 
    z-index:20;     
}
.box2 {
    position:relative;
    float:left;
    margin:0;
    width:304px;
    z-index:15;   
}
.box3 {
    position:relative;
    float:left;
    margin:0;
    padding:0 0 30px 16px;
    width:760px;   
}
.box4 {
    position:relative;
    float:right; 
    padding:0 30px 0 0;      
    width:209px;       
}       


/*logo*/
#logo1 {       
    position:absolute;
    left:21px;
    top:7px;
    margin:0; 
    padding:0;
    width:128px; 
    height:89px;
    color:#656329;
}
#logo1 span {
    display:block;
    position:absolute;
    left:0;
    top:0;        
    width:128px; 
    height:89px;
    cursor:pointer;                                          
    background:url(../images/logo1.png) no-repeat left top; 
}
#logo2 {
    display:block;
    position:absolute;
    left:172px;
    top:7px;
    width:83px;
    height:89px;
    color:#656329;
}
#logo2 span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:83px;
    height:89px;
    cursor:pointer;
    background:url(../images/logo2.png) no-repeat left top;
}
#logo3 {
	display:block;
	position:absolute;
	left:274px;
	top:35px;
	width:249px;
	height:35px;
	color:#00aed3;
	font-weight:bold;
	font-size:1.1em;
}
#logo3 span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:249px;
	height:35px;
	cursor:pointer;
    background:url(../images/logo3.png) no-repeat left top;
}
#logo4 {
    position:absolute;
    left:510px;
    top:7px;
    margin:0; 
    padding:0;
    width:128px; 
    height:89px;
    color:#656329;
}
#logo4 img {
    border-width:0px;
}

#search {
	position:absolute;
	left:713px;
	top:65px;
	background:#dffced;
}
#search input {border:0;margin:0;padding:0;}
#search div.text {
	position:relative;
	float:left;
	margin-right:9px;
	width:231px;
	height:21px;
    background:url(../images/search-input-bg.png) no-repeat left top;
}
#search div.text input {
	position:absolute;
	left:30px;
	top:3px;
	width:180px;
	color:#7c7b7b;
	font-size:0.75em;
	background:transparent;
}
#search input.submit {
	float:left;
	width:66px;
	height:21px;
	font-size:0.75em;
	color:#000;
  background:url(../images/button-search.png) no-repeat left top;
  cursor: pointer;
}

#flags {
	position:absolute;
	right:22px;
	top:16px;
}
#flags a {
	position:relative;
	display:block;
	float:left;
	margin-right:2px;
	width:26px;
	height:17px;
	color:#744a1b;
	font-size:0.7em;
}
#flags a:hover {color:#594229;}
#flags a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:26px;
	height:17px;
	background-repeat:no-repeat;
	cursor:pointer;
	background-position:right top;
}
#flags a:hover span,#flags a.active span {background-position:left top;}
#flags a.cs span {background-image:url(../images/flag-cs.png);}
#flags a.en span {background-image:url(../images/flag-en.png);}
#flags a.ru span {background-image:url(../images/flag-ru.png);}
#flags a.pl span {background-image:url(../images/flag-pl.png);}
#flags a.de span {background-image:url(../images/flag-de.png);}

#newstitle {
	position:relative;
	left:-23px;
	margin:0;
	padding:0;
	width:326px;
	height:78px;
	line-height:78px;
	background:#7d4b16;
	color:#fff;
	text-align:center;
}
#newstitle span {
	position:absolute;
	left:0;
	top:0;
	width:326px;
	height:78px;
  background:url(../images/title-novinky.jpg) no-repeat left top;
}
.pl #newstitle span {
  background:url(../images/title-novinky-pl.jpg) no-repeat -1px top;
}
.en #newstitle span {
  background:url(../images/title-novinky-en.jpg) no-repeat -1px top;
}
.nitem {
	padding:0 7px;
	width:290px;
	height:139px;
	font-size:0.75em;
	color:#000100;
    background:url(../images/nitem-bg.jpg) no-repeat left top;
}
.nitem span.date {}
.nitem a.title {
	color:#000100;
	font-weight:bold;
	line-height:16px;
}
.nitem p {
	margin:0;
	padding:0;
	color:#000100;
}
.nitem p.next {
  text-align:right;
  font-size:1.0em;
}
.nitem p.next a {
	color:#0d9814;
	text-decoration:underline;
}
.nitem p.next a:hover {text-decoration:none;}

.nitemall {
	padding:5px 0 0 5px;
	width:299px;
	height:45px;
	font-size:0.75em;
  background:url(../images/nitem-all.jpg) no-repeat left top;
}
.nitemall a {color:#9e9f9e;text-decoration:underline;}
.nitemall a:hover {text-decoration:none;}


#email {
	position:relative;
	float:left;
	width:325px;
	height:118px;
  background:transparent url(../images/email-bg.png) no-repeat left top;
}
.pl #email {
	background-image: url('../images/email-bg-pl.png');
}
.en #email {
	/*background-image: url('../images/email-bg-en.png');*/
	background-image: url(none);
}
#email div.top {
	position:absolute;
	left:177px;
	top:-60px;
	width:54px;
	height:60px;
    background:url(../images/email-top.png) no-repeat left top;
}
#email div.top2 {
	position:absolute;
	left:0;
	top:-11px;
	width:177px;
	height:11px;
    background:url(../images/email-top2.png) no-repeat left top;
}
#email form {
	position:relative;
	top:86px;
	left:40px;
}
#email form input {
	border:0;
}
#email form input.text {
	margin-right:13px;
	width:190px;
	color:#7c7b7b;
}
#email form input.submit {
	width:66px;
	height:21px;
    background:url(../images/button-submit.png) no-repeat left top;
}
#poll {
	position:relative;
	float:left;
	margin-left:11px;
	width:552px;
	height:118px;
  background:url(../images/anketa-bg.jpg) no-repeat left top;
}
.box1 #poll {
  height: 150px;
  margin:25px 0 0 0;
  width:673px;
  background:url(../images/anketa-bg2.png) no-repeat left top;
}
#poll div.top {
	position:absolute;
	left:0;
	top:-16px;
	width:237px;
	height:16px;
    background:url(../images/anketa-top.png) no-repeat left top;
}
#poll p {
	margin:0;
	padding:45px 0 0 30px;
	width:250px;
	font-size:0.75em;
	color:#fff;
}
#poll form {
	position:absolute;
	left:280px;
	top:15px;
	font-size:0.75em;
}
#poll form label {color:#fff;font-weight:bold;padding-left:5px;}

#lemur {
	position:absolute;
	left:887px;
	top:24px;
	width:139px;
	height:169px;
    background:url(../images/lemur.png) no-repeat left top;
}
#lemur-hand {
	position:absolute;
	left:875px;
	top:180px;
	width:15px;
	height:12px;
    background:url(../images/lemur-hand.png) no-repeat left top;
}
#foot ul {
	position:relative;
	left:19px;
	margin:0;
	padding:18px 0 0 15px;
	width:853px;
	height:36px;
	list-style:none;
    background:url(../images/foot-menu-bg.png) no-repeat left top;
}
#foot ul li {float:left;padding:0 10px 0 9px;background:url(../images/foot-menu-separator.gif) no-repeat right 5px;}
#foot ul li.last {padding-right:0;background:none;}
#foot ul li a {
	font-size:0.75em;
	color:#fff;
}
#rss {
	display:block;
	position:absolute;
	left:18px;
	top:180px;
	padding:0 0 0 30px;
	height:23px;
	line-height:23px;
	color:#ffac00;
	font-size:0.8em;
	font-weight:bold;
    background:url(../images/rss.png) no-repeat left top;
}
#foot p.info {
	position:absolute;
	left:18px;
	top:210px;
	margin:0;
	padding:0;
	color:#c3c2c2;
	font-size:0.7em;
}
#foot p.info a {color:#c3c2c2;}

#partners {
	position:absolute;
	left:250px;
	top:200px;
}
#partners p {
	float:left;
	margin:0 25px 0 0;
	padding:0;
	font-size:0.65em;
	color:#c3c2c2;
	
}
#partners p strong {
	font-size:1.4em;
}
#partners p img {margin-top:5px;}
#creator {
	position:absolute;
	bottom:-115px;
	left:800px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:0.7em;
}                   
.image3 #creator {color:#60b8c5;}      
#creator a {color:#fff;}
.image3 #creator a {color:#60b8c5;}

h1#welcome {
    position:relative;
    margin:0;
    padding:10px 0 0 0;
    widtH:207px;
    height:66px;
    color:#fff;
    background:#7d4b16;
    text-align:center;
    font-size:1.2em;
}
h1#welcome span {
    position:absolute;
    left:-39px;
    top:0;
    width:246px;
    height:76px; 
    z-index:999;    
    background:url(../images/title-welcome.jpg) no-repeat left top;
}

.box1 p {
    margin:0 0 15px 0;
    padding:0;
    font-size:0.75em;
    color:#000100;
}
.box1 p.kangaroo {
    margin:0 0 5px 0;
    padding-top:15px;
    padding-right:180px;
    min-height:133px;  
    background:url(../images/kangaroo.jpg) no-repeat right top;
}


.infobox {
    margin:0 0 5px 0;
    width:674px;
    height:138px;            
    background:#d5ae73 url(../images/infobox-bg.png) no-repeat right top;
}

.infobox div.item {
    float:left;
    padding:7px 0 0 8px;
    width:325px;
    height:131px;   
}
.infobox div.item.separator {     
    background:url(../images/infobo-separator.png) no-repeat right top;
}                
.infobox div.item a.image {
    float:left;
}
.infobox div.item img {
    border:1px solid #fff;
}
.infobox div.item div.content {
    position:relative;
    float:right;
    width:190px;     
}
.infobox div.item div.content a.title {
    color:#000100;
    font-weight:bold;
    font-size:0.75em;
}
.infobox div.item div.content p {
    margin:5px 0 0 0;
    padding:0;
    line-height:12px;
}
.infobox div.item div.content p.green {color:#0e9212;}

.infobox div.item div.content strong.special {
    position:absolute;
    left:120px;
    top:71px;
    width:52px;
    height:51px;
    line-height:51px;
    color:#fff;
    font-weight:bold;
    font-size:0.75em;
    text-align:center;
}                                                                
.infobox div.item div.content strong.special.new {background:green;}
.infobox div.item div.content strong.special.action {background:red;}
.infobox div.item div.content strong.special span {
    position:absolute;
    left:0;
    top:0;
    width:52px;
    height:51px;
    background-position:left top;
    background-repeat:no-repeat;
}
.infobox div.item div.content strong.special.new span {background-image:url(../images/new-bg.png)}
.infobox div.item div.content strong.special.action span {background-image:url(../images/action-bg.png);}
.infobox div.item div.content h3.prepare {
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    height:58px;
    font-size:1em;
}
.infobox div.item div.content h3.prepare span {
    position:absolute;
    left:-30px;
    top:-5px;
    display:block;
    width:236px;
    height:58px;  
    z-index:999;
    background:url(../images/title-prepare.png) no-repeat left top;
}

#navigation {
    margin:0 0 15px 0;
    padding:0 0 0 25px;
    width:997px;
    height:27px;
    line-height:27px; 
    color:#000100;
    font-size:0.75em;   
    color:#8f8b8b;   
    background:#fff url(../images/navigation-bg.jpg) no-repeat left top;
}                                  
#navigation a {color:#8f8b8b;}
#navigation strong {color:#000100;}
#titlenext {
    position:relative;
    margin:0;
    padding:0;
    width:209px;  
    height:78px;
    line-height:78px;
    color:#fff;
    text-align:center;
    background:#7d4b16;
}
#titlenext span {
    display:block;
    position:absolute;
    left:-14px;
    top:0;
    width:231px;
    height:78px; 
    background:url(../images/title-next.png) no-repeat left top;
}
.nextbox {
    margin:0 0 10px 0;
    width:209px;
    height:503px;
    background:#d4ad71 url(../images/nexbox-bg.jpg) no-repeat left top;
}            
.nextbox p {
    margin:0 0 0 0;
    padding:10px 10px 15px 10px; 
    font-size:0.75em;
    line-height:12px;
    color:#000100;   
}
.nextbox p.separator {background:url(../images/nextbox-separator.png) no-repeat left bottom;}
.nextbox p a.title {font-weight:bold;line-height:18px;color:#000100;}
.nextbox p a.image {
    display:block;
    margin:10px 0 0 0; 
}
.nextbox p a.image img {border:1px solid #fff;}
      
.box3 h1 {
    padding-left:9px;
    font-size:1.1em;
    color:#656329;
}
.box3 h2 {   
    padding-left:9px;               
    font-size:0.9em;
    color:#000;
}
.box3 h3 {     
    padding-left:9px;     
    margin-top:40px;   
    font-size:0.9em;
    color:#00a450;
    font-style:italic;
}
.box3 p {
    padding-left:9px;
    padding-right:20px;
    line-height:12px;
    font-size:0.75em;
    color:#000100;
}   
.box3 table {  
    padding-left:9px;              
    font-size:0.8em;
}              
.box3 table th {
    width:123px;
    line-height:20px;
    background:#fff;
    border:solid #bdf4d8;
    border-width:1px 0 0 1px;
}
.box3 table td {
    padding:0 15px;
    line-height:20px;
    background:#fff;
    border:solid #bdf4d8;
    border-width:1px 0 0 1px;
}
.box3 table td.last {border-width:1px 1px 0 1px;}
                  
.box3 table tr.last th,.box3 table tr.last td {border-bottom-width:1px;}

.gallery a {
    display:block;
    float:left;
    margin:0 2px 5px 0;
    width:149px;
    height:190px;
}
.gallery img {border:1px solid #fff;}

.buttons {
   padding:0 0 100px 0 !important; 
}
.buttons a.back {
    position:relative;
    display:block;
    float:right;
    padding-top:12px;
    width:188px;
    height:50px;
    font-weight:bold; 
    text-align:center;
}
.buttons a.back span {
    position:absolute;
    left:0;
    top:0;
    display:block; 
    width:188px;
    height:62px;
    cursor:pointer;   
    background:url(../images/title-back.png) no-repeat left top;
}                        



.mezerka {
  height:6px;
}

.odsad {
  margin-left:10px;
}

.face {
  margin-left:10px;
  margin-top:10px;
}

.error {
  color:#ff0000;
  font-weight:bold;
  font-size:0.9em;
  margin-left:10px;
}

/********************************************************************************/
#kalendar {
  /*background: transparent url(../images/loading.gif) scroll center center no-repeat;*/
  background: url("../images/nitem-bg-long.jpg") no-repeat scroll -2px -28px transparent;
  display: block;
  width:279px;
  height:170px;
  margin-left:10px;
  margin-top:10px;

  font-size: 0.8em;
  border:2px solid #DFDFDF;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding:5px 10px;
}
#kalendar a.vse {
  float: right;
  right:-3px;
  position: relative;
}
#kalendar table {
  font-size:1.0em !important;
}
#kalendar table tr {
}
#kalendar table tr th {
  border-width:0px !important;
  background-color: transparent !important;
  width: auto;
}
#kalendar table tr th a {
  cursor: pointer;
}
#kalendar table tr th a img {
  border-width:0px;
}
#kalendar table tr td {
  width:30px;
  text-align: center;
  border-width:0px !important;
  background-color: transparent !important;
  line-height: auto !important;
  padding:0px !important;
}
#kalendar table tr td.nazevdne {
  text-align: left;
  font-weight: bold;
  width:80px;
}
#kalendar table tr td a {
  display: block;
  text-align: center;
  width:20px;
}
#kalendar table tr td a:hover {
  text-decoration: none;
}
#kalendar table tr td a.active {
  background-color: #0D9814;
  color: white;
}
#kalendar table tr td a.active2 {
  border:1px solid #DFDFDF;
}

/***************************************************************/
table.subtable {
  padding-left: 0px !important;
  font-size:1.0em !important;
}
table.subtable tr {
}
table.subtable tr td {
  border-width:0px !important;
  padding: 0 0 0 15px !important;
  
}
#objednavka tr td {
  padding:5px !important;
}
#objednavka tr td table.subtable tr td {
  padding: 0 0 0 15px !important;
}
#objednavka input,
#objednavka select,
#objednavka textarea {
  border:1px solid #DEDEDE;
}
#objednavka tr td table.subtable.zbozi {
  width:635px;
}
#objednavka tr td table.subtable.zbozi tr td {
  border-bottom:1px solid #DEDEDE !important; 
}
form#formsubmit input.submit {
    background-image: url("../images/input-submit.png");
    border:1px solid gray;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    font-weight: bold;
    display: block;
    height: 22px;
    width: 181px;
    font-family: Arial,sans-serif;
    font-size:1.0em !important;
    float: left;
}
form#formsubmit.zvi1 ,
form#formsubmit.zvi2 ,
form#formsubmit.zvi3 {
  background: url("../images/papousek.png") no-repeat scroll 126px top transparent;
  display: block;
  float: right;
  height: 92px;
  width: 176px;
  position: relative;
}
form#formsubmit.zvi1 p ,
form#formsubmit.zvi2 p ,
form#formsubmit.zvi3 p {
  padding-left:0px;
}
form#formsubmit.zvi1 input ,
form#formsubmit.zvi2 input ,
form#formsubmit.zvi3 input {
  position: absolute;
  left:0px;
  top:46px;
}
form#formsubmit.zvi1 input.submit ,
form#formsubmit.zvi2 input.submit ,
form#formsubmit.zvi3 input.submit {
  left:53px;
}
form#formsubmit.zvi2 {
  background: url("../images/firefox.png") no-repeat scroll 98px 15px transparent;
}
form#formsubmit.zvi3 {
  background: url("../images/chamelon.png") no-repeat scroll 94px 18px transparent;
}
form#formsubmit a.submit {
    background-image: url("../images/input-submit.png");
    border:1px solid gray;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    font-weight: bold;
    display: block;
    height: 16px;
    width: 174px;
    color:black !important;
    text-decoration: none !important;
    padding:3px 3px 2px 3px !important;
    font-family: Arial,sans-serif;
    font-size:1.0em !important;
    float: left;
    text-align: center;
}