/* CSS Document */
body {
  margin: 0;
  padding: 0 0 0 15px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  background: #ccc;
  color: #000;
}

/****************************************************** hlavni casti stranky */
#layout_page {
  text-align: center;
  margin: 0 auto;
  padding: 0;            
  width: 990px;
  
}
#layout_page_in {
  margin: 0 auto;
  
  padding: 0;            
  width: 990px;
}
#layout_header {
  margin: 0;
  padding: 0;
  width: 990px;
  height: 300px;
  position: relative;
  background: #FFFFFF url(../layout/header_bgr.gif) no-repeat left top;
}
#layout_body, #layout_body_home {
  margin: 0;
  margin-top: -20px;
  padding: 3px 0 0 0;
  width: 990px;
  
  position: relative;
  background: #ffffff url(../layout/strip1.gif) no-repeat left top;
  /*border-top: 1px black solid;
  background: white url('../layout/golem_pandulak.gif') no-repeat 580px 100px;
  min-height: 780px;*/
  font-size: .75em;
  line-height: 1.5em;
  
}
#layout_body_in {
  margin: 0;
  padding: 0;
  background: url(../layout/body-bgr.gif) repeat-y left top;
  
  
}
#layout_menu_home {
  width: 340px;
  margin: 0 0 0 555px; 
  text-align: left;
  padding: 0;
}
#layout_cont_home {     
  /*float: left;*/
  padding: 0;
  /*width: 550px;*/
  margin: 0;
  text-align: left;
  
}
#layout_menu {
  width: 189px;
  margin: 0; 
  text-align: left;
  padding: 0;
}
#layout_ref {
  margin: 0;
  padding: 3px 0 0 0;
  width: 990px;
  background: #ffffff url(../layout/strip2.gif) no-repeat left top;
}
#layout_cont {
  float: right;
  padding: 10px 0;
  width: 800px;
  margin: 0;
  text-align: left;
  
  
  
}
#layout_bottom {     
  margin: 0;
  padding: 0;
  width: 990px;
  height: 22px;
  background: #FFFFFF url(../layout/footer_bgr.gif) no-repeat left top;
}
#layout_anketa {
  font-size: 0.7em;
  border: 1px solid gray;
  margin: 20px 10px 20px 10px;
}
#layout_anketa .anketa-otazka {
  text-align: center;
  border-bottom: 1px solid gray;
}
#layout_anketa td {
  font-size: 0.7em;
}
#layout_anketa .anketa-hlasovalo {
  text-align: center;
  border-top: 1px solid gray;
}

.hidden {
  display: none;
}
h1 {
  padding: 0px;
  font-size: 1.3em;
  color: #B22724;
  font-weight: bold;
  margin: 1em 0;
  text-align: left;
}
h2 {
 	font-size: 1.3em;
  text-align: left;
  padding: 0;
  margin: 10px 0px;
  font-weight: bold;
  color: #B22724;
}




h3 {
  font-size: 1.1em;
  text-align: left;
  margin: 10px 5px 0 20px;
  color: #B22724;
}
h5 {
        font-size: 1em;
        text-align: left;
        margin: 2ex 0px 1ex 0px;
}
p {
  font-size: 1.0em;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  line-height: 180%;
  text-align: left; 
  padding: 5px;
  margin: 1em 0;
}
a, a:visited {
  color: #B22724;
  font-weight: bold;
}
a:hover, a:active, a:focus {
  color: black;
}
img {
  border: 0px;
}
.clanek-telo img {
  /*float: right;*/
  margin: 5px;
}
.clanek-telo {
        text-align: left;
}
.clanek-telo table {
        font-size: 1em;
}
.clanek-telo table td {
        text-align: left;
        padding: 0px 5px;
}
.clanek-telo table.kontakty {
        font-size: 1em;
}
.clanek-telo table h3 {
        font-size: 1.1em;
        text-align: left;
        margin: 2ex 0px 3px 0px;
        padding: 0px;
        border-bottom: 1px #000000 solid;
}
.clanek-telo .udaje td {
  background-color: #f6f6f6;
  padding: 2px;
}

.clanek-zapati img {
        float: none;
        margin: 0px;
}
#stranka_vnitrek {
  padding: 0;
  
 
  
}
.nehomepage {
  padding: 0 10px !important;
  
}
#stranka_vnitrek_bez_gr {
  width: 100%;
  background-color: white;
  padding: 20px;
  min-height: 400px;
}
.msg {
  color: #ff0000;
  margin-bottom: 2ex;
}
.strankovani {
  margin: 3ex auto 2ex auto;
  width: 500px;
  text-align: center;
}
.strankovani a {
  margin: 0 1em 0 0;
}
.strankovani a.pravy {
  margin: 0 0 0 1em;
}
.strankovani a:hover {
  text-decoration: none;
}
.novinka, .novinka-detail {
  padding: 5px;
}
.novinka h3, .novinka p, .novinka-detail h3, .novinka-detail p {
  margin: 1ex 0px 0px 0px;
  padding: 0px;
  font-size: 1em;
}
.novinka-detail p {
  margin: 1ex 0px;
  padding: 0px;
}
.novinka-detail a {
  font-size: 0.8em;
}
.novinka h3 a, .novinka h3 a:visited, .novinka-detail h3 {
  text-decoration: none;
  color: #000000;
  font-size: 1.2em;
}
.novinka-uvod {
  font-size: 0.9em;
  line-height: 1.3em;
}
.novinka-uvod h3, .novinka-uvod h3 a, .novinka-uvod h3 a:visited {
  font-size: 1em;
  text-decoration: none;
  color: #000000;
}
.novinka-uvod h3 {
  display: inline;
}
.novinka h3 a:hover {
  text-decoration: underline;
}
.datum-novinky {
  color: #666666;
  font-size: 0.8em;
}
.anotace-novinky, .obsah-novinky {
  text-align: justify;
  margin-top: 1ex;
}
a.odk-cela-novinka, a.odk-cela-novinka:visited {
  font-size: 0.8em;
}
.obr-novinky {
  float: right;
  border: 1px solid #cccccc;
  margin: 4px;
}
.galerie-telo {
  text-align: center;
}
.galerie-telo h1 {
  text-align: left;
}
.galerie-telo img {
  border: 0px;
}
.galerie .galerie-tab {
  margin: 0 auto;
  text-align: center;
}
.galerie .galerie-tab td {
  text-align: center;
}
.nabidka {
  margin: 3ex 0;
}
.nabidka h3 {
  margin: 1ex 2em;
}
.obycstr-vstupni-stranka {
  width: 800px;
  float: right;
  margin: 0;
  position: relative;
 
  
}
.obycstr-vstupni-stranka .obycstr-telo {
  /*padding: 15px 0;
  width: 540px;*/
  padding: 0 150px 0 110px;
  
   
}
#home-left {
  width: 285px;
  height: 191px;
  margin: 0 560px 0 0;
  padding: 0;
  background: url(../layout/home-left.jpg) no-repeat left top;
  
}
#obycstr-kontakt {
  width: 131px;
  height: 194px;
  background: url(../layout/kontakt-bgr.gif) no-repeat left top;
  position: absolute;
  right: 0;
  top: 0px;
  
}
#obycstr-kontakt h3 {
  margin: 18px 0 15px 45px;
  color: #fff;
}
#obycstr-kontakt p {
  padding: 5px 0 0 8px;
  line-height: 170%;
  color: #fff;
}

#obycstr-kontakt p a {
  text-decoration: none;
  color: #fff;
}

#obycstr-kontakt p a:hover {
  text-decoration: underline;
  color: #fff;
}


.clanky-uvodni {
  width: 940px;
  padding: 10px 0 10px 20px;
  
 
  background: #ffffff url(../layout/strip1.gif) no-repeat left top;
  

}
.clanky-uvodni .clanek, #layout_ref .reference {
  width: 130px;
  float: left;
  
 
}
.clanky-uvodni .clanek-in {
  padding: 0 0 10px 15px;
}

#layout_ref .reference-in {
  padding: 0 0 10px 25px;
}

#layout_ref .reference {
  text-align: center;
}
#layout_ref .reference-in {
  margin: 0 auto;
}
.clanky-uvodni p {
  line-height: 1.5em;
  padding: 0px;
  padding-left: 5px;
 
  
}
.clanky-uvodni h3 a, .clanky-uvodni h3 a span {
  position: absolute;
  width: 112px;
  height: 112px;
  overflow: hidden;
  left: 0;
  top: 0;
}
.clanky-uvodni h3 a span {
  cursor: pointer;
}
.clanky-uvodni h3 {
  position: relative;
  margin: 0;
  padding: 0;
  width: 112px;
  height: 112px;
}
.clanky-uvodni p.anotace-clanku {
  margin: 0;
  font-size: .9em;
}
.clanky-uvodni p.anotace-clanku img {
  margin: 0 5px 5px 0;
}


/**************************************************************** prave menu */
#layout_menu_in {    
  padding: 0;
  
  
  
}
#layout_menu_in h4 {
  background-color: #666666;
  color: white;
  text-align: right;
  padding: 2px 20px 2px 0;
  font-size: 0.9em;
  margin: 0;
  
}
#layout_menu_in img.novinky {
  margin: 5px 0;
}
#layout_menu_in ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
#layout_menu_in ul.menu_vert {
  padding: 10px 0;
  
}
#layout_menu_in ul.menu_vert li {
  margin: 0;
  width: 189px;
}
#layout_menu_in ul.menu_vert li a {
  padding: 4px 10px;
  color: #B22724;
  margin: 0;
  border: 0;
  text-decoration: underline;
  display: block;
  font-weight: bold;
  font-style: normal;
}
#layout_menu_in ul.menu_vert li a.active {
  font-style: oblique;
  color: #fff;
  background: #b22724;
}
#layout_menu_in ul li a:hover, #layout_menu_in ul li a:active, #layout_menu_in ul li a:focus {
  color: #fff;
  background: #b22724;
  text-decoration: underline;
}
#layout_menu_in ul li {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
#layout_menu_in ul.submenu_vert {
  text-align: right;
}
#layout_menu_in ul.submenu_vert li {
  margin: 0 0 0 20px;
  width: 169px;
  text-align: left;
}
#layout_menu_in ul.submenu_vert li a {
  padding: 4px 10px;
  color: #B22724;
  font-weight: normal;
}
#layout_menu_in ul.submenu_vert li a:hover, #layout_menu_in ul.submenu_vert li a:active, #layout_menu_in ul.submenu_vert li a:focus {
  color: #fff;
  background: #b22724;
}
#layout_menu_in ul.submenu2_vert {
  position: absolute;
  left: 195px;
  margin-top: -1.6em;
  z-index: 10;
  width: 210px;
  background: white;
  border: 1px solid gray;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */
}
#layout_menu_in ul.submenu2_vert li {
  margin: 5px 10px 5px 5px;
}

.search-input {
  margin: 0px 0px 0px 10px;
  width: 100px;
}
#search form {
  display: inline;
}
#search {
  margin: 30px 0px 0px 0px;
  position: relative;
  width: 150px;
}
#search-btn {
  width: 16px;
  height: 16px;
  background-image: url('../obr/search.png'); 
  background-repeat : no-repeat;
  position: absolute;
  right: 10px;
  top: 4px;
}
.left-banner {
  margin: 30px 0px 80px 0px;
}


/******************************************************************* zahlavi */
#layout_header h1 a, #layout_header h1 a span {
  position: absolute;
  width: 203px;
  height: 142px;
  overflow: hidden;
  
}

#layout_header h1 {
  margin: 0;
  visibility: hidden;
}

#layout_header h1 a span {
  background: url(../layout/logo.png) no-repeat left top;
  cursor: pointer;
  left:35px;
  top: 0px;
  visibility:visible
}
#layout_header h1 a {
  left: -12px;
  top: 0px;
}

.hidden-nav a {
  position: absolute;
  left: -9999px;
}
.hidden-nav a:active, .hidden-nav a:focus {
  left: 10px;
  top: 192px;
  padding: 2px 5px;
  border: 2px #00398F solid;
  background: #F9CC1B;
  color: #B22724;
  outline-style: none !important;
}
#titulni_obr {
  position: absolute;
  top: 61px;
  left: 0px;
  width: 990px;
}
#titulni_obr .autor {
  float: right;
}
a.nazev_firmy {
  color: #666666;
  font-size: 34px;
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  left: 5px;
  text-decoration: none;
}
a.nazev_firmy:hover, a.nazev_firmy:visited {
  color: #666666;
  text-decoration: none;
}
.clear {
  clear: both;
}
#horiz-menu {
  position: absolute;
  top: 22px;
  right: 5px;
  
  padding: 0px;
}
#horiz-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
#horiz-menu ul li {
  float: left;
  position: relative;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: right;
  /*height: 18px;
  line-height: 18px;*/
}
#horiz-menu ul li a {
  padding: 7px 0px 1px 0px;
  width: 85px;
  display: block;
  font-size: 75%; /* TODO ma tu bejt Arial 12px */
  color: #fff;
  background: url(../layout/horiz_menu_item_bgr.gif) no-repeat left top;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#horiz-menu ul li a:hover, #horiz-menu ul li a:active, #horiz-menu ul li a:focus {
  
  background: url(../layout/horiz_menu_item_active_bgr.gif) no-repeat left top;
  text-decoration: underline;
}
#horiz-menu ul li a span {
  padding-right: 2px;
}
#horiz-menu ul li a.active {
  font-weight: bold;
  font-style: oblique;
   background: url(../layout/horiz_menu_item_active_bgr.gif) no-repeat left top;
  text-decoration: underline; 
}
#horiz-menu ul.submenu_horiz {
  position: absolute;
  left: 30px;
  top: 1.2em;
  text-align: left;
  margin: 0;
  z-index: 11;
  background: #666666;
  border: 1px #ffffff solid;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */
}
#horiz-menu ul.submenu_horiz li a {
  color: #ffffff;
  background: none;
  padding: 0 2px;
  z-index: 13;
  display: block;
}
#horiz-menu ul.submenu_horiz li a:hover {
  color: #666666;
  background-color: #ffffff;
  text-decoration: none;
}
#horiz-menu ul.submenu_horiz li {
  margin: 2px 0;
  padding: 0;
  display: block;
  z-index: 12;
  text-align: left;
  width: 150px;
}
#horiz-menu ul.submenu2_horiz {
  position: absolute;
  left: 195px;
  margin-top: -1.6em;
  z-index: 10;
  width: 210px;
  background: white;
  border: 1px solid gray;
  display: none; /* podmenu nebude videt pri vypnutem JS a zapnutych CSS */
}
#horiz-menu ul.submenu2_horiz li {
  margin: 5px 10px 5px 5px;
}


/******************************************************************** zapati */
#layout_bottom {      
  font-size: 0.8em;
  color: #FFFFFF;
}
.cont_space { /* v layout_bottom */
  padding: 2px 5px 2px 5px;
}
#layout_bottom a {      
  color: #FFFFFF;
  text-decoration: underline;                 
}
#layout_bottom img {
  border: 0px;
  vertical-align: middle;
}