/* style for the whole site */

/* basic HTML tags */

body {
  padding: 2em 1em 1em 1em;
  margin: 0em;
  background-color: #FFE7AF;
  font-size: 1em;
  font-family: 'Times New Roman',Times,serif;
  direction: ltr;
  color: #5c330a; /* 92, 51, 10 */
}

#body {
  width: 55em;
  margin: 0em auto;
  padding: 1em 1em 3em 1em;
  background-color: #f8cc68;
}

a {text-decoration: none;}
a:link {color: rgb(139,0,0);}
a:visited {color: #CA6C24; /* puvodne: #b28604 */}
a:hover {color: #E23D20}

h1{
  text-indent: 1em;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: -1.8em;
  position: absolute;
}
h2{
  text-indent: 0.5em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
h3{
  text-indent: 0em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
p{
  text-indent: 2em;
  text-align: left;
}
img{
  border-width: 0em;
}
strong{
  font-weight: bold;
}
em{
  font-style: italic;
}
hr{
  clear: both;
  background-color: #b28604;
  border-width: 0em;
  height: 0.1em;
  margin-top: 1em;
  color: #b28604;
}

fieldset{
  border:solid #b28604;
  width: 30em;
  padding: 0.3em;
}
fieldset legend{ /* specielne pro IE 6 ;-) */
  color: #5c330a;
}

abbr, acronym{
  border-bottom: 0.1em dotted;
  cursor: help;
}

table{
  border: solid;
  border-color: #b28604;
  margin: 1em auto 2em auto;
  border-collapse: collapse;
}

table .druh{
  font-weight: bold;
}
table .cena{
  text-align: right;
}
td, th{
  border-color: #b28604;
  padding: 0em 0.2em;
}


/* classes */
.element{
  border-style: dotted;
  border-color: #b28604;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 1em;
}


.fotografie{
  float:left;
  padding: 2em;
  background-color: #f8cc68;
}
.fotografie h1{
  text-indent: 0em;
  margin: 0em;
  padding: 0em;
  font-size: 1.5em;
  position: static;
}

.fotka{
  margin: 0.7em;
  float: left;
}
.fotka img {
  border: solid #E19F0B;
}
.fotka span{
  display: block;
  text-align: left;
}

.okraj{
  clear: right;
  float: right;
  margin-left: 0.5em;
}
.okraj span{
  text-align: right;
  display: block;
  margin-top: -0.2em;
  margin-bottom: 0.5em;
}

.druhyokraj{
  float: left;
  margin-right: 0.5em;
}
.druhyokraj span{
  text-align: left;
  display: block;
  margin-top: -0.2em;
  margin-bottom: 0.5em;
}

a.out{ 
  color: teal;
}

.accesskey{
  text-decoration: underline;
}
.alert {
  color: #F00000;
}
hr.clear {
  clear: both;
  visibility: hidden;
  margin: 0em;
  padding: 0em;
  height: 0em;
}



/* IDs */
#hlavni{
  text-indent: 1em;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: -1.8em;
  position: absolute;
}

a#styl{
  margin-top: -2.5em;
  margin-left: 15em;
  position: absolute;
  width: 33px;
  height: 33px;
  background-image: url('../img/cs.gif');
}

#skin{
  margin-left: 25em;
  text-align: center;
  margin-top: -2.2em;
  position: absolute;
}
#skin a:hover{
  cursor: e-resize;
}
#horni{
  display: none;
}
#dolni{
  color: #FFE7AF;
}

#top{
  width: 55em;
}


#logo{
  float: left;
  width: 360px;
  height: 144px;
}
#logo h2{
  margin: 0em;
}
#logo a{
  background-image: url('../img/panak_s_textem.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 360px;
  height: 144px;
  display: block;
  cursor: pointer;
}
#logo a span{
  visibility: hidden;
}

#toppics{
  width: 14em;
  margin-left: 25em;
}

#contacts{
  float: right;
  width: 12em;
}
#contacts p{
  text-indent: 0em;
  text-align: center;
}

/*konec topu a zacatek middlu*/

#middle{
  clear: both;
  margin: 0em;
  padding: 1.5em 0em 0em 0em;
}

#mainbar {
  float:left;
  width: 12em;
  padding: 0em;

}
#mainbar > div{
  margin-left: 0em;
}
#mainbar h2{
  position: absolute;
  margin-top: -1.8em;
  z-index:10;
}

#menu{
  padding: 0.5em 0em;
}
#menu ul{
  list-style-type: none;
  margin: 0em;
  padding: 0em;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
#menu h2{
  padding-left:0.5em;
}

#aktuality{
  padding: 0.5em;
  margin-top: 1.5em; 
}
#aktuality h3{
  text-align: left;
  color: #AF6C36;
  font-size: 0.8em;
  font-family: Courier New, Courier, monotype;
  margin: 0em;
}
#aktuality p{
  text-align: left;/*justify;*/
  font-style: italic;
  line-height: 0.9em;
  text-indent: 1em;
  margin-top: 0em;
}
#rss{
  float:right;
}


#content{
  margin-left: 13em;
  width: 39.5em;
}

#foot div{
  clear: both;
  padding: 0em 1em;
}

#foot img{
  float: left;
  padding-left: 1em;
}
#foot p{
  float: right;
  text-align: right;
  padding-right: 1em;
  margin: 0;
}