@import url('modelky.css');

body {
  margin: 0;
  font-family: Arial;
  font-size: 8pt;
  color: #2d2d2d;
  text-align: left;
  background: #2c1100 url('images/bg.jpg') repeat;
}

/* Layout */

div#obsah {
  position: relative;
  margin: 0 auto;
  width: 749px;
  background-color: #fff;
}

/* HlaviÄŤka */

div#hlavicka {
  display: block;
  width: 749px;
  height: 144px;
  background: #fff url('images/hlavicka.jpg') no-repeat top;  
}

div#hlavicka div.hlavicka-obsah {
  padding: 2px 0 0 0;
}

div.hlavicka-obsah h1 {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  color: #fff;    
}

div.hlavicka-obsah div.vlajky {
  float: right;
  padding: 0 10px 0 0;
  text-align: right;
}

div.hlavicka-obsah img {
  border: 1px solid #fff;
}

  /* Navigace */
  #navigace { clear: both; overflow: hidden; height: 100%; background-color: #451C00; }
  
    #navigace ul { margin: 0; padding: 0; }
    #navigace ul li { display: inline; margin: 0; padding: 0; list-style-type: none; }      
    #navigace ul li a { font-weight: bold; text-align: center; float: left; display: block; padding: 5px 10px; font-size: 9pt; color: #fff; text-decoration: none; text-transform: uppercase; background: url('images/nav.gif') top right no-repeat; }
    #navigace ul li a:hover { color: #fff; text-decoration: underline; }
    #navigace ul li a.active { color: #fff; }


  /* subNavigace */
  #sub-navigace { clear: both; overflow: hidden; height: 38px; background-color: #dfdfdf; }
  
    #sub-navigace ul { margin: 0; padding: 0; }
    #sub-navigace ul li { display: inline; margin: 0; padding: 0; list-style-type: none; }      
    #sub-navigace ul li a { text-align: center; float: left; display: block; padding: 10px 18px; font-size: 10pt; font-weight: bold; color: #000; text-decoration: none; background: url('images/nav.gif') top right no-repeat; }
    #sub-navigace ul li a:hover { color: #000; text-decoration: none; }
    #sub-navigace ul li a.active { color: #000; }

/* Modelka */

levypanel-obsah div.modelky {
  display: block;
  clear: both;
  float: right;
  padding: 18px 0 0 50px;
  height: 165px;
}

levypanel-obsah div.modelky img {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

/* HlavnĂ­ panel */

div#hlavnipanel {
  float: left;
  display: block;
  padding: 30px 0 0;
  width: 749px;
  min-height: 100px;
  _height: 100px;
  =min-height: 100px;
  background: url('images/hlavnipanel.gif') top repeat-x;
}

div#hlavnipanel div.hlavnipanel-obsah {
}

div.hlavnipanel-obsah h2 {
  clear: both;
  margin: 0;
  padding: 10px 0 0 0;
  font-family: Arial;
  font-size: 14pt;
  font-weight: normal;
  color: #2c0900;  
}

div.hlavnipanel-obsah h3 {
  clear: both;
  margin: 0;
  padding: 10px 0 0 0;
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  color: #2c0900;
}

/* LevĂ˝ panel */

div.levypanel {
  float: left;
  margin: 0 15px;
  width: 200px;
  min-height: 100px;
  _height: 100px;
  =min-height: 100px;
  text-align: left;
}

div.levypanel div.levypanel-obsah {
}

/* PravĂ˝ panel */

div.pravypanel {
  float: left;
  margin: 0 10px 0 0;
  width: 470px;
  min-height: 100px;
  _height: 100px;
  =min-height: 100px;
}

div.pravypanel div.pravypanel-obsah {
  float: left;
  padding: 0 0 0 20px;
  text-align: left;
}

/* Menu */

div.pravypanel-obsah ul {
  display: inline;
  margin: 0;
  padding: 0;
}

div.pravypanel-obsah li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

div.pravypanel-obsah li a {
  padding: 0 5px 3px 0;
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: none;
}

div.pravypanel-obsah a:hover {
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: none;
}

div.pravypanel-obsah a#active {
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: none;
}

/* Podmenu */

div.pravypanel-obsah div.podmenu ul {
  display: inline;
  margin: 0;
  padding: 0;
}

div.pravypanel-obsah div.podmenu li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

div.pravypanel-obsah div.podmenu li a {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: none;
}

div.pravypanel-obsah div.podmenu a:hover {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: underline;
}

div.pravypanel-obsah div.podmenu a#active {
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  color: #210B00;
  text-decoration: underline;
}

/* PatiÄŤka */

div#paticka {
  display: block;
  clear: both;
  width: 749px;
  min-height: 40px;
  =min-height: 40px;
  _height: 40px;
  background: #fff;
}

div#paticka div.paticka-obsah {
  padding: 10px;
  color: #000;
}

div.paticka-obsah p {
  margin: 0;
  padding: 3px 0 0 0;
}

div.paticka-obsah a {
  font-size: 9pt;
  color: #000;
  text-decoration: underline;
}

div.paticka-obsah a:hover {
  font-size: 9pt;
  color: #000;
  text-decoration: none;
}

/* Univerzální formátovací styly */ 

img {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  font-size: 9pt;
  color: #210B00;
  text-decoration: underline;
}

a:hover {
  font-size: 9pt;
  color: #210B00;
  text-decoration: none;
}

hr {
  display: none;
}

.right {
  text-align: right;
}

.f-right {
  float: right;
}