/**************** resety ***********************/
h1, h2, h3, h4, h5, h6, menu {padding: 0; margin: 0; border: 0;} 
ul, ol {list-style: none;} 
li {list-style-type: none;}

/*************** formatovani textu ************************/  
h1, h2, h3, h5, h6 {text-align: left; color:#F0F0F0;}
h1 {font-size: 150%;}
h2 {font-size: 100%;}
h3 {font-size: 130%;}  
h4 {text-align: center; color: #F0F0F0; margin-top: 5px; font-size: 120%;}
h5 {margin: 0 0 10px 0px; font-size: 100%;}
h6 {margin: 10px 0; font-size: 90%;}

dl h5 {background: dimgray; color: black; font-size: 130%; padding: 13px;}  
dl img  {border:0; width: 50px; height: 50px; float:right;}
dt {font-weight: bold; font-size: 120%; line-height: 2em; color: white;}
dt:target {color: crimson;}
dd {text-align: justify;}

p.slov { /* slovenský název druhu */
  margin: 10px 0 0 0; font-size: 110%; font-weight: bold; color: silver;}
  
p.syn { /* synonymum u názvu druhu */
  margin: 0; font-style: italic;}

.synonyma {cursor: pointer;}

a:link, a:visited {color: #ddd; text-decoration: underline}
a:hover {color: crimson; text-decoration: underline}

a:link.tooltip {text-decoration: none}
.tooltip {text-decoration: none; border-bottom: 1px dashed grey; cursor: help}

#uvodni-text {margin: 10px 20px 10px 20px;}
#uvodni-text a:link, #uvodni-text a:visited {color: #999;}
#uvodni-text a:hover {color: crimson;}

.popis_druhu a:link, .popis_druhu a:visited {color: #999;}
.popis_druhu a:hover {color: crimson;}

.podnadpis {font-weight: bold; color: silver;}
.zdroj {font-size: 80%;}
.popis_druhu {width: 660px; margin: 20px 0 10px 14px; text-align: justify;}
.popis_druhu table {border-spacing: 0px; border-collapse: collapse; margin: 10px 0;}
.popis_druhu th {background: #999; color: black;}
.popis_druhu td {border: 1px solid silver; padding:10px; margin:0; text-align: left;}

.highslide-gallery h5 {margin-top: 10px;}
.highslide-gallery h5:hover {color:crimson}

.highslide-gallery .month, .highslide-gallery .year {cursor: pointer; text-decoration: underline;}
  
.skryvany {display: none}

/**************** rozvrzeni stranky *******************************/
body {
  background: #181818 url(pozadi2.png);
  background-repeat: repeat-x;
  background-attachment: fixed;
  overflow: auto;
  text-align: center;
  font-size: 12px;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font: Verdana, Arial, sans-serif;
  line-height: 1.6;
  color: #999;
  }
  
#content {
  width: 920px;
  margin: 0px auto;
  min-height: 1000px;
  border: 1px solid grey;
  text-align:left;
  background-color: #181818;
  }
  
hr.cleaner {
  clear:both;
  height:1px;
  margin: -1px 0 0 0; padding:0;
  border:none;
  visibility: hidden;
  }

.uvod {
  width: 890px;
  margin: 0px auto;
  }

#slide2 {
  height: 295px;
  width: 400px;
  float: left;
  background: #212121;
  border: 1px dotted silver;
  padding: 10px;
  margin: 10px;
  overflow: auto;
  }
 
#nove_druhy, #nove_fotky, #nove_kresby, #nove_recepty {
  height: 250px;
  width: 179px;
  float: left;
  border: 1px dotted silver;
  padding: 10px;
  background: #212121;
  margin: 10px 10px 20px 10px;
  text-align: center;
  }

#slide2 img {
  vertical-align: middle; 
  margin: 0 10px 0 0;
  }

#nove_druhy img, #nove_fotky img, #nove_kresby img, #nove_recepty img {
  border: 3px solid black;
  position: relative;
  margin: 10px 13px 0 13px;
  }

#nove_druhy .sipka img, #nove_fotky .sipka img, #nove_kresby .sipka img, #nove_recepty .sipka img {
  border: 0px;
  }

.stranka_textu {padding: 10px;}

#obsah {margin-top: 34px; margin-left: 20px;}

#prvni {float:left; width:220px; margin: 5px 0px 10px 10px; color: #777;}
#prvni a:link, #prvni a:visited {color: #777; text-decoration: none}
#prvni a:hover, #prvni li:hover {color: #FFF; text-decoration: none; cursor: pointer;}
#prvni menu ul ul {margin: 0 0 0 15px;}
#prvni menu ul {list-style-type: none; padding: 0;}
#prvni ul ul li {list-style-type: disc;}

#druhy {float:left; width:690px; margin-top: 10px;}
#druhy ul {margin: 0 auto; padding:12px 0 0 10px;}
#druhy ul li {float: left; margin: 5px 5px 0 5px;}

.pikto {margin: 20px 10px 20px 20px;}
.pikto img {height:50px; width: 50px; float: right; margin: 5px;}

#kresby {width: 880px; margin: 20px 0px 20px 35px}

#autorka {margin: 0px 20px; text-align:justify;}
#autorka img {float:right; clear: right; margin-left: 15px;}
.technika img {float:right; clear: right; margin-left: 15px;}

#nahodny_obrazek  {
  float:left; 
  width: 300px; 
  height: 214px; 
  margin: 50px 0px 100px 0px;
  }

#vyhledavac {
  float:left; 
  margin: 8px 0px;
  text-align: left;
  }

#vyhledavac input.pole {
  padding: 3px 0 3px 10px;
  background: #696969;
  color: white;
  font-size: 100%;
  }

#paticka {font-size: 80%;}
.technika li, ul.zdroj {list-style-type: circle;}

.druh-nenalezen {font-size: 200%; margin: 200px;}

/* --------------- Navigace atlasu -------------------- */
.previous a img{
  float: left;
  border: 0px;
  margin: 0 0 0 15px;
  }
  
.next  a img {
  float: right;
  border: 0px;
  margin: 0 15px 0 0;
  }

  
/* ---------------- Vysvetlivky --------------------- */
#vysvetlivky {
  margin: 15px 0px 0px 18px;
  width: 620px;
  text-align: justify;}
  
#vysvetlivky table {
  float: left;
  border-spacing: 1px;
  text-align: left;
  }
  
#vysvetlivky td {
  padding-right: 20px;
  text-align: left;
  font-size: 90%;
  }  

table {
  margin: 0 auto;
  margin-top: 12px;
  text-align: center;
  border-spacing: 12px 6px;
  }  

td {
  text-align: center;
  }

/************** stranka odkazy **************************/
#odkazy h5 {margin-top: 10px;}

#odkazy a img {
  border: 1px solid #777;
  }

#odkazy a:hover {
  color: #F0F0F0;
  }
  
.odkaz {
  float: left;
  width: 420px;
  height: 100px;
  margin: 0 0 10px 5px;
  padding: 10px;
  background: #212121;
  border: 1px dotted silver;
  }

.odkaz:hover {
  border: 1px solid crimson;
  }
  
.odkaz-nahled {
  margin: 5px 15px 5px 5px; 
  float: left;
  width: 165px;
  height: 90px;
  }

.odkaz-popis {
  margin: -5px 0px 0px 0px;
  }
  
/************** obrazkove karty********************************/  
.card-left, .card-right, .card {
  float: left;
  width: 192px;
  height: 250px;
  margin: 0 25px 15px 0;
  text-align: center;
  background: #212121;
  border: 1px dotted silver;
  }
  
.card-title {
  margin: 20px 0 5px 0;
  color: #ddd;
  text-align: center;
  }
  
.card-photo {
  margin: 0 auto; padding:0;
  border: none;
  }
  
.card-desc {
  margin: 5px 10px; padding:0;
  text-align: center;
  color: #ddd;
  font-size: 80%;
  }
    
.card-info {
  margin: 5px 10px 0 10px; padding:0;
  text-align: right;
  font-size: 60%;
  color: #666;
  }
  
/************** horizontalni menu *****************/  

.solidblockmenu{
  margin: 0;
  padding: 0;
  float: left;
  font: 12px Arial;
  width: 918px;
  overflow: hidden;
  margin-bottom: 1em;
  border: 1px solid #555;
  background: black url(blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
  display: inline;
}

.solidblockmenu li a{
  float: left;
  color: white;
  padding: 9px 11px;
  text-decoration: none;
  border-right: 1px solid #555;
}

.solidblockmenu li a:visited{
  color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
  color: white;
  background: transparent url(blockactive.gif) center center repeat-x;
}

/* ************** Slideshow na uvodni strane *********** */
#slide {
  position:relative;
  height: 315px;
  width: 420px;
  float: left;
  border: 1px dotted silver;
  margin: 10px;
  }

#slide IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
	height: 315px;
	width: 420px;
}

#slide IMG.active {
  z-index:10;
  opacity:1.0;
}

#slide IMG.last-active {
  z-index:9;
}

/**************** CSS for Shade Tabs. ********************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px dotted #777;
color: #777;
background: #181818;
}

.shadetabs li a:visited{
color: #777;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs li a.selected{ /*selected main tab style */
color: #ddd;
background: #181818;
border-bottom: 1px solid #181818;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

#countrydivcontainer {
  width: 200px;
  height: 600px;
  overflow: auto;
  border: 1px dotted #777;
  padding: 10px;
  float: left;
}

#receptydivcontainer {
  width: 200px;
  height: 600px;
  overflow: auto;
  border: none;
  padding: 10px;
  float: left;
}


/* *************** styly pro knihu a kontakt ********************* */
#kniha, #kontakt {
  width: 860px;
  padding: 10px 20px;
  }

#formular_kniha, #formular_kontakt {
  float: left; 
  width: 550px; 
  height: 390px; 
  }

#guestbook, #formular { 
  padding: 1em 1em 1em 1em; 
  margin-bottom: 30px;
  border-color: #999;
  border-width: 1px;
  border-style: dotted none dotted none;
  width: 500px;
  background: #212121;
  font-size: 11px;
  color: white;
  text-align: left;
  }
  
#guestbook legend, #formular legend {
  padding: 0px 5px;
  font-size: 14px;
  color: #ddd;
  }  

#guestbook label, #formular label {
  width: 100px;
  height: 20px;
  display: block;
  float: left;
  color: silver;
  }

#guestbook input.pole, #formular input.pole {
  padding: 1px;
  border: 1px solid silver;
  background: #696969;
  color: white;
  font-size: 120%;
  }

#guestbook input:focus, #formular input:focus {
  border: 1px solid crimson;
  }

#guestbook textarea:focus, #formular textarea:focus {
  border: 1px solid crimson;
  }

#guestbook textarea {
  margin: 0px 0px 0px 100px;
  border: 1px solid silver;
  background: #696969;
  color: white;
  font-size: 120%;
  }

#formular textarea {
  border: 1px solid silver;
  background: #696969;
  color: white;
  font-size: 120%;
  }

#formular input.odeslat {
  margin-left: 100px;
  }
  
#kniha .prispevek {
  border: 1px solid #999;
  padding: 10px 20px;
  margin: 10px 0px;
  background: #000;
  overflow: hidden;
  width: auto;
  height: auto;
  }
  
#kniha .jmeno {
  color: silver;
  font-weight: bold;
  font-size: 110%;
  }
  
#kniha img {border:0px;}
  
#kniha .jmeno .crimson {
  color:crimson;
  }  

#kniha .datum {
  font-size: 80%;
  }
  
#kniha .reakce {
  margin: 1em;
  background: #212121;
  }

.prispevek .datum { float: right;}

/************** nove recepty ****************************/  
h1[class="recept"] {
  color: yellow;
  margin-bottom: 20px;
  }

h5[class="rejstrik-receptu"] {
  margin-bottom: 0;
  }
  
.detail-receptu {
  margin-left: 0px;
  padding: 0 10px 0 20px;
  border-left: 1px dotted silver;
  }
  
ul#ingredience li {
  display: list-item;
  float: none;
  list-style-type: circle;
  line-height: 110%;
  font-style: italic;
  }
  
ul#ingredience {margin-bottom:20px;}

#inzerat {border: 1px solid red; padding: 10px; margin-bottom: 20px;}
h2[class="prodam"] {color: red; font-size: 140%;}
.red {color: red;font-size: 120%;}