body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #e1e1e1;
color: #000000;
height:100%;
}
form {
margin: 0;
padding: 0;
}
a:link, a:visited {
text-decoration: underline;
color: #000000;
}
a:hover, a:active {
text-decoration: none;
color: #000000;
}

#startpage {
background-image: url(../graphic/index_logo.gif);
background-repeat: no-repeat;
padding: 130px 0 0 0;
width: 235px;
text-align: center;
margin: 20px auto 0 auto;
color: #FFFFFF;
}
#startpagecopy {
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
padding: 20px 0 0 0;
}
#startpagecopy a:link, #startpagecopy a:visited {
text-decoration: none;
color: #FFFFFF;
}
#startpagecopy a:hover, #startpagecopy a:active {
text-decoration: underline;
color: #FFFFFF;
}
.startpageinput {
padding: 2px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.startpagebutton {
padding: 2px;
color: #FFFFFF;
background-color: #999999;
border: 1px solid #000000;
}

/** inside **/


.textleft {
height:100%;
text-align: left;
float:left;
}

.textright {
height:100%;
text-align: right;
float:left;
}


/********************* detai zvířete*/
.detail_foto {
width:910px;
background-color: #e1e1e1;
border: 0px solid #888888;
float: left;
text-align: center;
}

.detailzvireteall {
width:910px;
height:100%;
background-color: #CCCCCC;
border: 0px solid #555577;
float: left;
}

.detailzvirete {
width:700px;
background-color: #e1e1e1;
border: 1px solid #888888;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: left;
}

.detailzviretepravy {
width:157px;
height:100%;
background-color: #e1e1e1;
border: 1px solid #FFFFFF;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float:left;
}

.detailvrsek {
background-color: #e1e1e1;
border: 0px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: left;
}

.detailnahled {
background-color: #e1e1e1;
border: 1px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: left;
}
.detailtabulka {
background-color: #e1e1e1;
border: 1px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: left;
}

.detailrozsireni {
background-color: #e1e1e1;
border: 1px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: bottom;
}
.detail_rozsireni_popis {
background-color: #e1e1e1;
border: 1px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
}

.detailrozsireniall {
background-color: #e1e1e1;
border: 0px solid #555577;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
}

.detailstatus {
width:240px;
height:64px;
background-color: #e1e1e1;
border: 1px solid #555577;
margin: 5px 5px 5px 5px;
padding:5px 5px 5px 5px;
float: left;
}


#all {
width: 910px;
height:auto;
margin:auto auto auto auto;
background-color: #e1e1e1;
border: 3px solid #FFFFFF;
background-image: url(../gfx/Spodek.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#logo {
width: 910px;
height: 150px;
background-image: url(../gfx/Banner_top3.jpg);
background-repeat: no-repeat;
background-color: #66EE66;
}
#paticka {
width: 910px;
height: 35px;
margin:auto auto auto auto;
background-image: url(../gfx/listagreenbottom1.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-color: #659800;
}


#afrika {
width: 910px;
height: 992px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/afrikabig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#afrikablind {
width: 910px;
height: 992px;
border: 0px solid #FFFFFF;
}

#australie {
width: 910px;
height: 709px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/australiebig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#australieblind {
width: 910px;
height: 709px;
border: 0px solid #FFFFFF;
}

#asie_se {
width: 910px;
height: 1126px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/asie_sebig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#asie_seblind {
width: 910px;
height: 1126px;
border: 0px solid #FFFFFF;
}

#asie_n {
width: 910px;
height: 866px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/asie_nbig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#asie_nblind {
width: 910px;
height: 866px;
border: 0px solid #FFFFFF;
}

#asie_w {
width: 910px;
height: 781px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/asie_wbig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#asie_wblind {
width: 910px;
height: 781px;
border: 0px solid #FFFFFF;
}

#antarktida {
width: 910px;
height: 705px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/antarktidabig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#antarktidablind {
width: 910px;
height: 705px;
border: 0px solid #FFFFFF;
}

#namerika {
width: 910px;
height: 982px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/namerikabig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#namerikablind {
width: 910px;
height: 982px;
border: 0px solid #FFFFFF;
}

#samerika {
width: 910px;
height: 1065px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/samerikabig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#samerikablind {
width: 910px;
height: 1065px;
border: 0px solid #FFFFFF;
}

#evropa {
width: 910px;
height: 788px;
position:absolute;
background-color: #69a0d6;
background-image: url(../graphic/evropabig.jpg);
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;
}
#evropablind {
width: 910px;
height: 788px;
border: 0px solid #FFFFFF;
}

#mapymenu {
width: 910px;
height: 500px;
background-repeat: no-repeat;
border: 1px solid #000000;
background-color: #e1e1e1;
position:absolute;
}
#mapymenublind {
width: 910px;
height: 500px;
border: 1px solid #000000;

}

.continentsmall {
width: 149px;
height: 166px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}
.continentsmallafrika {
width: 149px;
height: 200px;
padding-top:20px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallnamerika {
width: 149px;
height: 166px;
padding-top:20px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallsamerika {
width: 140px;
height: 166px;
padding-top:20px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallantarktida {
width: 149px;
height: 100px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallevropa {
width: 120px;
height: 166px;
padding-top:30px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallasie {
width: 180px;
height: 176px;
padding-top:20px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}

.continentsmallaustralie {
width: 160px;
height: 120px;
padding-top:10px;
background-color: #e1e1e1;
border: 0px solid #FFFFFF;
float: left;
}



#pruhzalozek {
width: 910px;
height: 30px;
background-color: #e1e1e1;
background-image: url(../gfx/listagreen3.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#zalozkypata {
width: 910px;
height: 5px;
background-color: #669900;
padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.odsazeni_zalozek {
width: 210px;
height: 30px;
background-color: #e1e1e1;
background-image: url(../gfx/listagreen3.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding: 0 0px 0 0px;
float: left;
}

#zalozka1_on {
width: 100px;
height: 25px;
background-color: #669900;
color: #ffffff;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}

#zalozka1_on a,#zalozka1_on:visited{
font-weight: bold;
color: #ffffff;
}


#zalozka1_off{
width: 100px;
height: 25px;
background-color: #426302;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}
#zalozka1_off a,#zalozka1_off :visited{
font-weight: bold;
color: #ffffff;
}


#zalozka2_on {
width: 100px;
height: 25px;
background-color: #669900;
padding: 0 10px 0 5px;
margin-top:5px;
float: left;
}
#zalozka2_on a,#zalozka2_on:visited{
font-weight: bold;
color: #ffffff;
}
#zalozka2_off{
width: 100px;
height: 25px;
background-color: #426302;
padding: 0 10px 0 5px;
margin-top:5px;
float: left;
}
#zalozka2_off a,#zalozka2_off:visited{
font-weight: bold;
color: #ffffff;
}

#zalozka3_on {
width: 100px;
height: 25px;
background-color: #669900;
color: #ffffff;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}
#zalozka3_on a,#zalozka3_on:visited{
font-weight: bold;
color: #ffffff;
}
#zalozka3_off{
width: 100px;
height: 25px;
background-color: #426302;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}
#zalozka3_off a,#zalozka3_off:visited{
font-weight: bold;
color: #ffffff;
}


#zalozka4_on {
width: 100px;
height: 25px;
background-color: #669900;
color: #ffffff;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}
#zalozka4_on a,#zalozka4_on:visited{
font-weight: bold;
color: #ffffff;
}
#zalozka4_off{
width: 100px;
height: 25px;
background-color: #426302;
padding: 0 10px 0 5px;
float: left;
margin-top:5px;
}
#zalozka4_off a,#zalozka4_off:visited{
font-weight: bold;
color: #ffffff;
}


#pruh {
width: 745px;
background-color: #006699;
padding: 0 10px 0 5px;
}

#tree {
width: 910px;
height: auto;
background-color: #e1e1e1;
/*background-image: url(../graphic/afrikabig.jpg);*/
background-repeat: no-repeat;
background-position: center;
border: 0px solid #FFFFFF;

}

#content {
width: 470px;

/*background-color: #ececec;*/
padding: 5px 5px 50px 5px;
float: left;

border: 0px solid #000000;
}

#pravy {

width: 220px;
height:100%;

background-color: #e1e1e1;
border: 0px solid #426302;
margin:5px 0px 0px 0px;
padding: 0 0px 0 0px;
float:left;
}

#searchhlavicka {
width: 212px;
height:100%;
color: #001100;
background-color: #426302;
background-image: url(../gfx/listagreen2.jpg);
border: 1px solid #426302;
margin:0px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}
#search {
width: 212px;
height:100%;
color: #426302;
background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}


.ramecekhlavicka {
width: 212px;
height:100%;
color: #001100;
background-color: #426302;
background-image: url(../gfx/listagreen2.jpg);
border: 1px solid #426302;
margin:5px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}
.ramecek {
width: 212px;
height:100%;
color: #426302;
background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}


#guestbookhlavicka {
width: 212px;
height:100%;
color: #001100;
background-color: #426302;
background-image: url(../gfx/listagreen2.jpg);
border: 1px solid #426302;
margin:5px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}
#guestbook {
width: 212px;
height:100%;
color: #426302;
background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}

.guestbookradekl {
width: 210px;
color: #426302;
background-color: #e1e1e1;
border-bottom: 1px dotted #426302;
float:left;
}
.guestbookradeks {
width: 210px;
color: #426302;
background-color: #f9f9f9;
border-bottom: 1px dotted #426302;
float:left;
}

#novinkyhlavicka {
width: 212px;
height:100%;
color: #001100;
background-color: #426302;
background-image: url(../gfx/listagreen2.jpg);
border: 1px solid #426302;
margin:5px 0px 0px 0px;
padding: 0px 0px 0 5px;
float:left;
}
#novinky {

width: 212px;
height:100%;

background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 0px 0px 0px;
padding: 0 0px 0 5px;
float:left;
}

#menu {
width: 200px;

background-color: #ff2222;
float: left;
}

#sloupec_left {
width: 200px;
height: 100%;
padding: 2px 2px 2px 2px;
margin:5px 0px 0px 0px;
float: left;
/*background-color: #659800;*/

border: 01x solid #ffffff;
}


.menuzalozka {
width: 195px;
height: 21px;
float: left;
padding: 2px 2px 2px 2px;
background-image: url(../gfx/listagreen1.jpg);
background-color: #426302;
border: 1px solid #ffffff;
}



.menukategorie 
{
width: 190px;
background-color: A1A1A1;
color: #000000;
}

.menukategoriepolozka {
width: 200px;
height: 100px;
background-color: #CCCCCC;
padding: 6px 6px 6px 6px;
border: 1px solid #222222;
float: left;
}
.menukategoriepolozka a:hover {
background-color: #BBBBBB;
}



#news1 {
width: 200px;
height: 100px;
background-color: #999999;
padding: 6px 6px 6px 6px;
float: left;
}
#news2 {
width: 200px;
height: 100px;
background-color: #999999;
padding: 6px 6px 6px 6px;
float: left;
}

.anotace {
float : bottom;
}

#kategorie {
width: 455px;
background-color: #CCCCCC;
padding: 10px 10px 10px 10px;
float: left;
}

.kategoriehlavicka {
width: 450px;
height: 20px;
font-weight: bold;
background-color: #bbbbbb;
background-repeat: no-repeat;
background-image: url(../gfx/listagreen.jpg);
background-position:left;
padding: 5px 10px 0px 5px;
float: left;
border-bottom: 1px solid #222222;
}

.kategoriepaticka {
width: 455px;
height: 20px;
font-weight: bold;
text-align:right;
background-color: #bbbbbb;
background-image: url(../gfx/listagreenbottom.jpg);
background-repeat: no-repeat;
background-position:right;
padding: 0px 10px 0px 0px;
float: left;
border-top: 1px solid #222222;
margin-bottom:5px;
}

.savcihlavicka {
width: 450px;
height: 20px;
font-weight: bold;
background-color: #bbbbbb;
background-repeat: no-repeat;
background-image: url(../gfx/listabrown.jpg);
background-position:left;
padding: 5px 10px 0px 5px;
float: left;
border-bottom: 1px solid #222222;
border-top: 1px solid #9cb863;
}

.savcipaticka {
width: 455px;
height: 20px;
font-weight: bold;
text-align:right;
background-color: #bbbbbb;
background-image: url(../gfx/listabrownbottom.jpg);
background-repeat: no-repeat;
background-position:right;
padding: 0px 10px 0px 0px;
float: left;
border-top: 1px solid #222222;
margin-bottom:5px;
}

.plazihlavicka {
width: 450px;
height: 20px;
font-weight: bold;
background-color: #bbbbbb;
background-repeat: no-repeat;
background-image: url(../gfx/listabluegreen.jpg);
background-position:left;
padding: 5px 10px 0px 5px;
float: left;
border-bottom: 1px solid #222222;
border-top: 1px solid #9cb863;
}

.plazipaticka {
width: 455px;
height: 20px;
font-weight: bold;
text-align:right;
background-color: #bbbbbb;
background-image: url(../gfx/listabluegreenbottom.jpg);
background-repeat: no-repeat;
background-position:right;
padding: 0px 10px 0px 0px;
float: left;
border-top: 1px solid #222222;
border-bottom: 0px solid #222222;
margin-bottom:5px;
}

.ptacihlavicka {
width: 450px;
height: 20px;
font-weight: bold;
background-color: #bbbbbb;
background-repeat: no-repeat;
background-image: url(../gfx/listablue.jpg);
background-position:left;
padding: 5px 10px 0px 5px;
float: left;
border-bottom: 1px solid #222222;
border-top: 1px solid #9cb863;
}

.ptacipaticka {
width: 455px;
height: 20px;
font-weight: bold;
text-align:right;
background-color: #bbbbbb;
background-image: url(../gfx/listabluebottom.jpg);
background-repeat: no-repeat;
background-position:right;
padding: 0px 10px 0px 0px;
float: left;
border-top: 1px solid #222222;
border-bottom: 0px solid #222222;
margin-bottom:5px;
}

#polozkadetail {
width: 470px;
height: auto;
background-color: #CCCCCC;
padding: 0px 10px 0px 5px;
border: 2px solid #FFFFFF;
float: left;
}

#polozkadetailpravy {
width: 200px;
height: 100%;
background-color: #88FF44;
padding: 0 10px 0 5px;
float: left;
border: 0px solid #ffffff;
}

.classpolozka10 {
width: 220px;
height: 100px;
background-color: #CCCCCC;
padding: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
float: left;
}
.classpolozka10:hover {
background-color: #BBBBBB;
}
.classpolozka10 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 10px 0;
}

.classpolozka11 {
width: 220px;
height: 100px;
background-color: #CCCCFF;
padding: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
float: left;
}
.classpolozka11:hover {
background-color: #BBBBFF;
}

.classpolozka11 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 10px 0;
}

.classpolozka12 {
width: 220px;
height: 100px;
background-color: #CCFFCC;
padding: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
float: left;
}
.classpolozka12:hover {
background-color: #BBFFBB;
}
.classpolozka12 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 10px 0;
}
.classpolozka13 {
width: 220px;
height: 100px;
background-color: #CCFFCC;
padding: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
float: left;
}
.classpolozka13:hover {
background-color: #BBFFBB;
}
.classpolozka13 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 10px 0;
}

#polozka {
width: 220px;
height: 100px;
background-color: #eeeeff;
padding: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
float: left;
}



.polozkaLeft {
width: 61px;
float: left;
height: 62px;
padding: 0px 0px 0 0px;
background-color: #FFFFFF;
background-image: url(../gfx/foto2.png);
}

/*
.polozkaLeft a {
float: left;
width: 64px;
height: 64px;
padding: 2px 0 0 3px;
background-image: url(../gfx/foto.png);
}
*/
.polozkaRight {
width: 135px;
float: left;
padding: 9px 9px 9px 9px;

}

.polozkadown {
width: 200px;
float: left;
padding: 9px 9px 9px 9px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}


#map {
float: left;
}

#navcontainer ul
{
padding: 0;
margin: 0;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a
{
padding: 5px 10px;
background-color: #006699;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-right: 1px solid #FFFFFF;
}

#navcontainer ul li a:hover
{
background-color: #FFFFFF;
color: #000000;
}


#odhlasit {
float: right;
padding: 5px 0 0 0;
color: #FFFFFF;
}
#odhlasit a:link, #odhlasit a:visited {
text-decoration: underline;
color: #FFFFFF;
}
#odhlasit a:hover, #odhlasit a:active {
text-decoration: none;
color: #FFFFFF;
}

#body {
background-color: #000000;
}
#copy {
color: #000000;
font-weight: bold;
font-size: 12px;
text-align: center;
padding: 20px 0 10px 0;
}
#copy a:link, #copy a:visited {
text-decoration: none;
color: #000000;
}
#copy a:hover, #copy a:active {
text-decoration: underline;
color: #000000;
}
#now {
font-size: 11px;
padding: 0 0 5px 0;
}
#body h1 {
font-size: 17px;
margin: 0;
padding: 5px 0 10px 0;
}
#body h2 {
font-size: 14px;
margin: 0;
padding: 7px 0 7px 0;
}
#body h3 {
font-size: 9px;
margin: 0;
padding: 7px 0 7px 0;
}
#body p {
padding: 5px;
margin: 0;
}
.inputs {
padding: 2px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.buttons {
padding: 1px;
color: #FFFFFF;
background-color: #999999;
border: 1px solid #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.buttonsOk {
padding: 3px;
color: #FFFFFF;
background-color: #999999;
border: 1px solid #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}


.tabletree {
font-weight:bold;
width:150px;
height:20px;
background-color: #FFFFFF;
/*background-image: url(../gfx/Ramecek.jpg);
background-repeat: no-repeat;
background-position: top center;*/
border-top: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
padding: 4px 4px 4px 4px;
}

.tabletree_savci {
font-weight:bold;
width:150px;
height:17px;
background-color: #c6b990;
/*background-image: url(../gfx/Ramecek.jpg);
background-repeat: no-repeat;
background-position: top center;*/
border-top: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
padding: 4px 4px 4px 4px;
}
.tabletree_ptaci {
font-weight:bold;
width:150px;
height:17px;
background-color: #BBCCFF;
/*background-image: url(../gfx/Ramecek.jpg);
background-repeat: no-repeat;
background-position: top center;*/
border-top: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
padding: 4px 4px 4px 4px;
}
.tabletree_plazi {
font-weight:bold;
width:150px;
height:17px;
background-color: #BBDDBB;
/*background-image: url(../gfx/Ramecek.jpg);
background-repeat: no-repeat;
background-position: top center;*/
border-top: 1px solid #888888;
border-left: 1px solid #888888;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
padding: 4px 4px 4px 4px;
}


.treetop {
font-weight:bold;
width:15px;
height:25px;
background-color: #e1e1e1;
background-image: url(../gfx/Spoj_top.jpg);
background-repeat: no-repeat;
background-position: top center;
border-top: 0px solid #888888;
border-left: 0px solid #888888;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
padding: 0px 0px 0px 0px;
}

.treespoj {
font-weight:bold;
width:15px;
height:25px;
background-color: #e1e1e1;
background-image: url(../gfx/Spoj.jpg);
background-repeat: repeat-y;
background-position: top center;
border-top: 0px solid #888888;
border-left: 0px solid #888888;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
padding: 0px 0px 0px 0px;
}

.treeone {
font-weight:bold;
width:15px;
height:25px;
background-color: #e1e1e1;
background-image: url(../gfx/Spoj_one.jpg);
background-repeat: no-repeat;
background-position: top center;
border-top: 0px solid #888888;
border-left: 0px solid #888888;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
padding: 0px 0px 0px 0px;
}

.treebottom {
font-weight:bold;
width:15px;
height:25px;
background-color: #e1e1e1;
background-image: url(../gfx/Spoj_bottom.jpg);
background-repeat: no-repeat;
background-position: top center;
border-top: 0px solid #888888;
border-left: 0px solid #888888;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
padding: 0px 0px 0px 0px;
}


#tables {
}

.tablesfirstrow {
font-weight:bold;
border-bottom: 2px solid #000000;
border-right: 1px solid #000000;
padding: 4px;
}
.tablesrows {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 3px;
}
.addnew {
padding: 10px;
text-align: right;
}
.statistika {
background-color: #CCCCCC;
padding: 5px 10px 5px 100px;
margin: 5px 0 5px 0;
border: 1px solid #999999;
background-image: url(../gfx/statistika.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.statistikarow {
padding: 5px;
}

.editTabulkyNazev {
padding: 3px;
font-weight: bold;
text-align: right;
border-bottom: 1px solid #CCCCCC;
}
.editTabulkyInput {
padding: 3px;
border-bottom: 1px solid #CCCCCC;
}

.strukturaA {
padding: 3px 0 3px 0;
}
.strukturaB {
padding: 3px 0 3px 15px;
}


#guestbookpage {
width: 910px;
height: 100%;
float: left;
margin-bottom:100px;
/*text-align: center;*/
/*background-color: #659800;*/
border: 0px solid #ffffff;
}

.guestbookprispevekhlavicka {
width: 500px;
height:100%;
color: #001100;
background-color: #426302;
background-image: url(../gfx/listagreen2.jpg);
border: 1px solid #426302;
margin:5px 100px 0px 200px;
padding: 0 0px 0 5px;
float:left;
}

.gbhleft {
height:100%;
width:300px;
text-align: left;
float:left;
}

.gbhright {
height:100%;
text-align: right;
float:left;
}




.guestbookprispevek {
width: 500px;
height:100%;
color: #426302;
background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 100px 0px 200px;
padding: 0 0px 0 5px;
float:left;
}

.guestbooknovyprispevek {
width: 500px;
height:100%;
color: #426302;
background-color: #e1e1e1;
border: 1px solid #426302;
margin:0px 100px 0px 200px;
padding: 0 0px 0 5px;
float:left;
}


//***************** menu
/*** content blue menu ***/

#contentBlueLeft {
width: 200px;
float: left;
}

#contentBlueLeftMenu {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
font-weight: bold;
float: left;
}
#contentBlueLeftMenu a:link, #contentBlueLeftMenu a:visited {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
/*background-image: url(../gfx/content_blue.png);*/
background-repeat: no-repeat;
background-position: left top;
}
#contentBlueLeftMenu a:hover, #contentBlueLeftMenu a:active {
text-decoration: underline;
color: #FFFFFF;
/*background-image: url(../gfx/znacka_blue.jpg);*/
background-color: #a8dc78;
}
#contentBlueLeftMenu a {
display: block;
padding: 6px 10px 5px 28px;
width: 162px;
background-color: #659800;
/*border-top: 1px solid #498BDB;*/
}
#contentBlueLeftMenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
font-weight: bold;
}
#contentBlueLeftMenu ul li a:link, #contentBlueLeftMenu ul li a:visited {
text-decoration: none;
font-weight: bold;
color: #000000;
background-image: url(../gfx/content_blue_sub.png);
background-repeat: no-repeat;
background-position: right top;
}
#contentBlueLeftMenu ul li a:hover, #contentBlueLeftMenu ul li a:active {
text-decoration: underline;
color: #000000;
background-color: #a8dc78;
}
#contentBlueLeftMenu ul li a {
display: block;
padding: 3px 10px 2px 46px;
width: 132px;
background-color: #9ABFE9;
border-top: 0;
/*border-top: 1px solid #B8D2F0;*/
}
.contentBlueLeftMenuSubActive {
background-position: left bottom;
}

.vypisFotek {
padding: 2px;
margin: 5px;

float: left;
width: 100px;
height: 100px;
}
.vypisFotek img {
border: 1px solid #CCCCCC;
}

/*****************************KATALOG************************************/
.classpolozka2x {   /* savci*/
width: 130px;
height: 110px;
vertical-align: middle;
text-align: center;
background-color: #c6b990;
padding: 10px 10px 10px 10px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka2 {   /* savci*/
width: 150px;
height: 130px;
vertical-align: middle;
text-align: center;
background-color: #c6b990;
padding: 10px 0px 0px 0px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka2:hover {
background-color: #e0ca87;
}

.classpolozka2small {   /* savci*/
width: 180px;
height: 40px;
vertical-align: middle;
text-align: left;
background-color: #c6b990;
padding: 10px 10px 10px 10px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka2small:hover {
background-color: #e0ca87;
}


.classpolozka2 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 0px 0;
}
.classpolozka2 h2{
font-size: 11px;
margin: 0;
padding: 5px 0 0px 0;
}

.classpolozka3 {   /* plazi*/
width: 150px;
height: 130px;
vertical-align: middle;
text-align: center;
background-color: #BBDDBB;
padding: 10px 0px 0px 0px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka3:hover {
background-color: #DDFFDD;
}
.classpolozka3small {   /* plazi*/
width: 180px;
height: 40px;
vertical-align: middle;
text-align: center;
background-color: #BBDDBB;
padding: 10px 10px 10px 10px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka3small:hover {
background-color: #DDFFDD;
}
.classpolozka3 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 0px 0;
}

.classpolozka3 h2{
font-size: 11px;
margin: 0;
padding: 5px 0 0px 0;
}

.classpolozka4 {   /* ptáci*/
width: 150px;
height: 130px;
vertical-align: middle;
text-align: center;
background-color: #BBCCFF;
padding: 10px 0px 0px 0px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka4small:hover {
background-color: #DDEEFF;
}
.classpolozka4small {   /* ptáci*/
width: 180px;
height: 40px;
vertical-align: middle;
text-align: center;
background-color: #BBCCFF;
padding: 10px 10px 10px 10px;
border: 1px solid #888888;
margin :2px 2px 2px 2px;
float: left;
}
.classpolozka4:hover {
background-color: #DDEEFF;
}
.classpolozka4 h1{
font-size: 12px;
margin: 0;
padding: 5px 0 0px 0;
}
.classpolozka4 h2{
font-size: 11px;
margin: 0;
padding: 5px 0 0px 0;
}