/* Pro prohlížeče nepodporující HTML5 */
header, nav, section, article, aside, footer, hgroup {display: block;}

/* Hlavní rozvržení - layout */

body {
  background: url(./grafika/pozadi100.jpg) repeat-y center top;
  font-family: "Trebuchet MS", verdana, "geneva ce", lucida, sans-serif; 
  font-size: 100%;
  margin: 0;
  min-width: 61.14em;
  padding: 0;
  text-align: justify;
}

/* Responzible */

@media screen and (max-width: 520px) {
  body {
    background-image: url(./grafika/pozadi070.jpg);
    font-size: 70%;
  }
}
@media screen and (min-width: 520px) {
  body {
    background-image: url(./grafika/pozadi070.jpg);
    font-size: 70%;
  }
}
@media screen and (min-width: 799px) {
  body {
    background-image: url(./grafika/pozadi080.jpg);
    font-size: 80%;
  }
}
@media screen and (min-width: 939px) {
  body {
    background-image: url(./grafika/pozadi090.jpg);
    font-size: 90%;
  }
}
@media screen and (min-width: 1039px) {
  body {
    background-image: url(./grafika/pozadi100.jpg);
    font-size: 100%;
  }
}
@media screen and (min-width: 1239px) {
  body {
    background-image: url(./grafika/pozadi110.jpg);
    font-size: 110%;
  }
}
@media screen and (min-width: 1439px) {
  body {
    background-image: url(./grafika/pozadi120.jpg);
    font-size: 120%;
  }
}
@media screen and (min-width: 1639px) {
  body {
    background-image: url(./grafika/pozadi130.jpg);
    font-size: 130%;
  }
}

/* Hlavička, patička, základní prvky */

header, footer, section, article {
  opacity: 0;                           /* standard v CSS */
  filter: alpha(opacity=0);             /* IE */
	-moz-opacity: 0;                      /* starší verze prohlížeče Netscape Navigator */
	-khtml-opacity: 0;                    /* starší verze prohlížeče Safari */
}

header#page {
  margin: 0 auto;
  opacity: 1;                           /* standard v CSS */
  filter: alpha(opacity=100);           /* IE */
	-moz-opacity: 1;                      /* starší verze prohlížeče Netscape Navigator */
	-khtml-opacity: 1;                    /* starší verze prohlížeče Safari */
  width: 61.14em;
}
  /* Opera */
  x:-o-prefocus, header#page {border-top: 1px solid transparent;}

header#page img {width: 32.94em;}
header#page img#header_image2 {
  height: 8em;
  left: 50%;
  margin-left: -4em;
  top: 6em;
  width: auto;
}

footer {
  margin: 1em auto;
  padding: 1em;
  position: relative;
  width: 59.14em;
}

section {
  margin: 0 auto;
  padding: 0 1em;
  width: 59.14em;
}

nav {
  background: #ededbd url(./grafika/menu_podklad.png) repeat-x left top;
  border: 0.08em solid gray;
  border-left: 0;
  border-right: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0;
  position: relative;
  z-index: 2;
}
nav ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
nav li {
  border-right: 0.08em solid gray;
  float: left;
  font-weight: bold;
  position: relative;
  z-index: 3;
}
nav li#menuitem1 {
  border-left: 0.08em solid gray;
  margin-left: 1.2em;
  *margin-left: 1.2em;                  /* IE 6+7 */
  _margin-left: 0.7em;                  /* IE 6 */
}
nav a {
  background: #ffe800 url(./grafika/menu_noactive.png) repeat-x left top;
  color: black;
  display: block;
  padding: 0.2em 1em;
  text-align: center; 
  text-decoration: none;
  text-shadow: 0.08em 0.08em 0 silver;
  width: 6em;
}
nav a.active {
  background: #dc0000 url(./grafika/menu_active.png) repeat-x left top;
  color: white;
  text-decoration: none;
}
nav a:hover {
  background: #ffa100 url(./grafika/menu_hover.png) repeat-x left top;
  color: white;
  text-decoration: none;
}

#kontakt {
  background: #ededbd url(./grafika/kontakt_podklad.png) repeat-x left 1.93em;
  border: 0.08em solid gray;
  border-radius: 0.4em;
  box-shadow: 0.3em 0.3em 0 silver;
  float: right;
  position: relative; 
  padding: 0;
  padding-bottom: 0.4em;
  width: 14em;
}
#kontakt h3, #kontakt div {
  margin: 0;
  padding: 0.2em 0.6em;
}
#kontakt h3 {
  background: #ededbd url(./grafika/kontakt_header_podklad.png) repeat-x left top;
  border-bottom: 0.08em solid gray;
  border-radius: 0.4em 0.4em 0 0;
}
#kontakt img {
  height: 4.4em;
  float: right;
  margin-top: 0.3em;
  margin-right: 0.3em;
  top: 2.4em;
}

/* ************************************************************************** */

a {color: darkorange;}
a:hover {color: orangered;}

h2, h3, h4 {
  color: maroon;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0.2em 0;
  text-shadow: 0.08em 0.08em 0 silver;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 400%;
  margin: 0.5em;
  margin-bottom: 0;
  text-shadow: 0.05em 0.05em 0 silver;
}
h1 a, h1 a:hover, #kontakt h3 a, #kontakt h3 a:hover {
  border: 0;
  color: maroon;
  text-decoration: none;
  font-weight: bold;
}
h2 {margin-top: 0.6em;}
h3 {margin: 0.2em 0;}
h4 {
  color: black;
  margin: 2em;
  margin-top: 0;
  margin-bottom: 6.45em;
}

/* ************************************************************************** */

header#page img {
  left: 50%;
  margin-left: -2.4em;
  position: absolute;
  top: 0;
}

#obrat {
  font-size: 140%;
  margin-left: 1em;  
  text-shadow: 0.08em 0.08em 0 silver;
}

div.fotogalerie {
  margin-top: 0.6em;
  margin-bottom: 1em;
}
.fotogalerie a {
  border: 0;
  margin-right: 0;
}
.fotogalerie img {
  border: 0.08em solid gray;
  border-radius: 0.8em;
  box-shadow: 0.3em 0.3em 0 silver;
  float: left;
  height: 9.375em;
  margin: 0 0.82em 1em 0;
}
.fotogalerie img:hover {
  border: 0.08em solid orangered;
  opacity: 0.5;                         /* standard v CSS */
  filter: alpha(opacity=50);            /* IE */
	-moz-opacity: 0.5;                    /* starší verze prohlížeče Netscape Navigator */
	-khtml-opacity: 0.5;                  /* starší verze prohlížeče Safari */
}

#kontakt_mapa {
  border: 0.08em solid gray;
  border-radius: 0.8em;
  box-shadow: 0.3em 0.3em 0 silver;
  float: right;
  height: 18.75em;
  margin-left: 1em;
  position: relative;
  width: 40.63em;
}
#kontakt_mapa iframe, #kontakt_mapa img {
  border: 0;
  border-radius: 0.8em;
  height: 100%;
  width: 100%;
}

ul.kurziva {
  *margin-top: 1em;                     /* IE 6+7 */
}

a.arrow_up_right {
  border: 0;
  color: transparent;
  background: url(./grafika/arrow_up.gif) no-repeat center center;
  display: inline-block;
  height: 1.4375em;
  margin-left: 0.6em;
  position: relative;
  width: 1.4375em;
  top: 0.2em;
}
a.arrow_up_right:hover {background-image: url(./grafika/arrow_up_over.gif);}

select#lstKategorie {
  border: 0.08em solid black;
  border-radius: 0.2em;
  box-shadow: 0.2em 0.2em 0 silver;
  *cursor: hand;                        /* IE 6+7 */
  cursor: pointer;
  font-size: 90%;
}
select#lstKategorie option:hover {background-color: orangered;}

/* ************************************************************************** */

/* Počítadlo přístupů */

table#counter {
  border: 0;
  border-collapse: collapse;
  float: right;
  position: relative;
}
table#counter td {
  font-size: 70%;
  margin: 0;
  padding: 0;
}
table#counter span {
  position: relative;
  line-height: 1.8em;
  top: -0.1em;
}
table#counter img {border: 0;}
table#counter div {font-size: 0%;}

/* ************************************************************************** */

/* Kontaktní formulář */

/* Ochrana proti spamu - skrytá fomulářová pole + odesílací tlačítko */
#frmContact #url, #frmContact #message, #frmContact #send {display: none;}

#frmContact, #frmContactSend {
  background: #ededbd url(./grafika/kontakt_header_podklad.png) repeat-x left top;
  border: 0.08em solid gray;
  border-radius: 0.8em;
  box-shadow: 0.3em 0.3em 0 silver;
  margin-top: 1em;
  padding: 1em;
  width: 46em;
}
#frmContactSend {width: 24em;}
#frmContact .povinne {
  color: red;
  font-weight: bold;
  margin-right: 0.1em;
}
#frmContact label {
  display: block;
  float: left;
  margin-right: 0.2em;
  margin-bottom: 0.2em;
  text-align: right;
  width: 4em;
}
#frmContact textarea#edtZprava {
  border: 0.08em solid gray;
  border-radius: 0.2em;
  height: 6em;
  min-height: 6em;
  width: 49em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
#frmContact input#txtJmeno, #frmContact input#txtAdresa {
  border: 0.08em solid gray;
  border-radius: 0.2em;
  margin-bottom: 0.4em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
#frmContact input#txtJmeno:focus, #frmContact input#txtAdresa:focus, #frmContact textarea#edtZprava:focus {
  border: 0.08em solid rgba(128,0,0,0.75);
  box-shadow: 0.1em 0.1em 0.4em rgba(128,0,0,0.75);
}
#frmContact input#btnOdeslat, #frmContact input#btnZavinac,
#frmContactSend input#btnOK, #frmContactSend input#btnBack {
  background-color: #f0f0f0;
  border: 0.08em solid gray;
  border-radius: 0.8em;
  box-shadow: 0.3em 0.3em 0 silver;
  cursor: pointer;
  height: 2em;
  line-height: 2em;
  margin-top: 1em;
  width: 8em;
}
#frmContact input#btnZavinac {
  height: 1.6em;
  line-height: 1em;
  margin-top: 0;
  width: 4em;
}

/* ************************************************************************** */

.centrovat {text-align: center;}
.cleaner {
  clear: both;
  content: ' ';
  height: 0;
  overflow: hidden;
}
.cleaner hr {display: none;}
.kurziva {font-style: italic;}
.novisible, .print_only {display: none;}
.tucne {font-weight: bold;}
.uprostred {
  margin-left: auto;
  margin-right: auto;
}

/* ************************************************************************** */

/* Styly pro tisk */

@media print {
  .noprint {display: none;}
  .print_only {display: block;}

  body {
    background-image: none;
    background-color: white;
    min-width: 100%;
  }

  a, a:hover {color: black;}

  header, footer, section, article {
    opacity: 1;                         /* standard v CSS */
    filter: alpha(opacity=100);         /* IE */
  	-moz-opacity: 1;                    /* starší verze prohlížeče Netscape Navigator */
  	-khtml-opacity: 1;                  /* starší verze prohlížeče Safari */
  }

  header#page {height: 14em;}
  /* Chrome */
  @media print and (-webkit-min-device-pixel-ratio:0) {
    header#page img {left: 500px;}
    header#page img#header_image2 {
      left: 450px;
      margin-left: 0;
    }
    h1, h2, h3, h4, #obrat {text-shadow: 0 0 0;}
  }
  /* Opera */
  x:-o-prefocus, header#page img {
    left: 100%;
    margin-left: -527px;
 }
  x:-o-prefocus, header#page img#header_image2 {
    left: 52%;
    margin-left: 0;
 }

  #kontakt, #kontakt h3 {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
  /* Opera */
  x:-o-prefocus, #kontakt {margin-left: 14em;}
  x:-o-prefocus, header#page img#header_image2 {margin-left: -7em;}

}