/* CSS Document */

/* style for the whole site for print*/

/* basic HTML tags */

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

a{
  color: black;
  text-decoration: underline;}
a:link {
  color: black;
  text-decoration: underline;}
a:after{
  font-size: 0.8em;
  content: " (adresa odkazu: http://catalpa.cz/" attr(href) ") ";
}
address a:after{
  content: "";
}

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;
}
hr{
  clear: both;
  border-width: 0em;
  height: 0.1em;
  margin-top: 1em;
  color: black;
}

fieldset{
  border: thin black;
  width: 30em;
  padding: 0.3em;
}
fieldset legend{ /* specielne pro IE 6 ;-) */
  color: black;
}

abbr, acronym {
  border-bottom: 0.1em dotted;
}
abbr:after, acronym:after{
  content: "(čili -" attr(title) ") ";
}

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

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


/* classes */
.element{
  display: none;
}

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

.fotka{
  margin: 0.7em;
  float: left;
}

.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;
}

a.out{ 
  color: teal;
}

.alert {
  font-weight: bold;
}
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;
}

#skin, #styl{
  display: none;
}

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

#toppics{
  display: none;
}

#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;
}

#content{
  display: block;
  border-width: 0em;
  width: 100%;
}

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

#foot img, #foot a{
  display: none;
}
#foot p{
  text-align: center;
  margin: 0;
}