/* Zalozil: Jakub Moravec; Smernice: 003/20060801; Zalozeno: 17.2.2010 */

/* -------------------------------  obecne ---------------------------------- */
BODY {
  margin: 0px;
  text-align: center;
  font-family: Arial, helvetica, sans-serif;
  font-size: 0.9em;
  background-color: #DDDDDD;
}
H1 {
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 0px;
  text-align: left;
  font-size: 1.25em;
  color: #67B444;
}
H2 {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  text-align: left;
  font-size: 1em;
  color: #0287C2;
}
H3 {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-size: 0.85em;
  color: #6F6B6B;
}
H4 {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-size: 0.75em;
  color: #6F6A6A;
}
P {
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  text-align: left;
  font-size: 0.75em;
  color: #6F6A6A;
}
P.vyrazny {
  margin-bottom: 10px;
  font-weight: bold;
}
P.hlaseni {
  margin-bottom: 10px;
  font-weight: bold;
  color: #FF0000;
}
A {
  font-weight: bold;
  text-decoration: underline;
  color: #0387C2;
}
A:hover {
  text-decoration: none;
  color: #67B544;
}
IMG {
  border: 0px;
}
DIV.ruseniObtekani {
  clear:both;
}

/* -------------------------------- design -----------------------------------*/
#obalCentru {
  width: 978px;
  margin: auto;
  padding: 0px;
  background-image: url(desimg/obalCentru_1px.gif);
  background-position: left top;
  background-repeat: repeat-y;
}
#center {
  position: relative;
  width: 950px;
  margin: 0px;
  padding: 14px;
  padding-top: 267px;
  padding-bottom: 6px;
  background-image: url(desimg/center.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
#zahlavi {
  position: absolute;
  left: 14px;
  top: 0px;
  width: 950px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 22px;
  line-height: 0px;
  text-align: left;
  font-size: 0px;
  background-image: url(desimg/zahlavi.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
#levaCastZahlavi {
  float: left;
  display: inline;
  width: 300px;
  margin: 0px;
  padding: 0px;
}
#url {
  width: 250px;
  margin: 0px;
  margin-top: 12px;
  margin-left: 18px;
  padding: 0px;
  line-height: 31px;
  text-align: left;
  font-size: 28px;
}
#url A {
  text-decoration: none;
  font-weight: normal;
  color: #CCCCCC;
}
#url A:hover {
  text-decoration: underline;
  color: #CCCCCC;
}
IMG.logo {
  margin: 0px;
  margin-top: 64px;
  margin-left: 20px;
  padding: 0px;
}
#odkazEshop {
  width: 160px;
  margin: 0px;
  margin-top: 38px;
  margin-left: 77px;
  padding: 0px;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
#odkazEshop A {
  text-decoration: none;
  color: #6D6A6A;
}
#odkazEshop A:hover {
  text-decoration: underline;
}
#odkazy {
  float: right;
  display: inline;
  width: 280px;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  list-style: none;
}
#odkazy LI {
  display: inline;
  margin: 0px;
  margin-right: 15px;
  padding: 0px;
  padding-left: 15px;
  line-height: 13px;
  text-align: left;
  font-size: 11px;
  background-position: left center;
  background-repeat: no-repeat;
}
#odkazy LI.domu {
  background-image: url(desimg/odkaz_domu.gif);
}
#odkazy LI.mapa {
  background-image: url(desimg/odkaz_mapa.gif);
}
#odkazy LI.kontakt {
  background-image: url(desimg/odkaz_kontakt.gif);
}
#odkazy LI A {
  font-weight: normal;
}
#telo {
  width: 950px;
  margin: 0px;
  padding: 0px;
}
#pravyPanelTelo {
  float: right;
  display: inline;
  width: 730px;
  margin: 0px;
  padding: 0px;
}
#pravyPanel {
  float: right;
  display: inline;
  width: 180px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
#includovanyObsah {
  float: left;
  display: inline;
  width: 530px;
  margin: 0px;
  padding: 0px;
}
#levyPanel {
  float: left;
  display: inline;
  width: 200px;
  margin: 0px;
  padding: 0px;
}
DIV.kontejner {
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  padding-bottom: 6px;
  line-height: 0px;
  text-align: center;
  font-size: 0px;
  background-color: #FAFAFA;
  background-image: url(desimg/panel_banner_zapati_1px.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}
DIV.kontejner H2 {
  margin: 0px;
  padding: 5px;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 16px;
  text-align: left;
  font-size: 14px;
  background-image: url(desimg/panel_nadpis_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #6D6A6A;
}
DIV.kontejner IMG {
  margin-top: 10px;
}
#zapati {
  width: 968px;
  margin: 0px;
  margin-left: -9px;
  margin-right: -9px;
  padding: 0px;
  padding-bottom: 10px;
  line-height: 0px;
  text-align: left;
  font-size: 0px;
  background-image: url(desimg/zapati_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#copyright {
  float: left;
  display: inline;
  width: 200px;
  margin: 0px;
  margin-left: 20px;
  margin-top: 10px;
  padding: 0px;
  line-height: 13px;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  color: #6D6A6A;
}
#design {
  float: right;
  display: inline;
  width: 150px;
  margin: 0px;
  margin-right: 20px;
  margin-top: 10px;
  padding: 0px;
  line-height: 13px;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  color: #6D6A6A;
}
#design A {
  text-decoration: none;
  color: #6D6A6A;
}
#design A.validator:hover {
  text-decoration: none;
}
/* -------------------------------- menu -----------------------------------*/
DIV.menuPrave, DIV.menuLeve {
  width: 180px;
}
DIV.menuLeve {
  width: 200px;
}
DIV.menuPrave H2, DIV.menuLeve H2 {
  margin: 0px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 17px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  background-color: #639A28;
  background-image: url(desimg/menuPrave_h2_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #FFFFFF;
}
DIV.menuLeve H2 {
  background-color: #376899;
  background-image: url(desimg/menuLeve_h2_1px.gif);
}
DIV.menuPrave UL, DIV.menuLeve UL {
  width: 178px;
  margin: 0px;
  padding: 1px;
  padding-top: 0px;
  list-style: none;
  background-color: #CCCCCC;
}
DIV.menuLeve UL {
  width: 198px;
}
DIV.menuPrave UL LI, DIV.menuLeve UL LI {
  width: 156px;
  margin: 0px;
  margin-top: 1px;
  padding: 0px;
  padding-left: 20px;
  line-height: 15px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  background-color: #F1F1F1;
  background-image: url(desimg/menuPrave_li.gif);
  background-position: 5px 9px;
  background-repeat: no-repeat;
  border: 1px #FFFFFF solid;
}
DIV.menuLeve UL LI {
  width: 176px;
}
DIV.menuPrave UL LI.prvni, DIV.menuLeve UL LI.prvni {
  margin-top: 0px;
}
DIV.menuPrave UL LI.aktivni, DIV.menuLeve UL LI.aktivni {
  background-color: #67B544;
  background-image: url(desimg/menu_li_aktivni.gif);
  background-position: 5px 9px;
  background-repeat: no-repeat;
}
DIV.menuLeve UL LI.aktivni {
  background-color: #0387C2;
}
DIV.menuPrave UL LI A, DIV.menuLeve UL LI A {
  display: block;
  width: 142px;
  margin: 0px;
  padding: 7px;
  text-decoration: none;
  font-weight: normal;
  background-color: #F1F1F1;
  background-image: url(desimg/menuPrave_li_a_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #0387C2;
}
DIV.menuLeve UL LI A {
  width: 162px;
}
DIV.menuPrave UL LI A.aktivni, DIV.menuLeve UL LI A.aktivni {
  background-color: #FFFFFF;
  background-image: url(desimg/menu_li_a_aktivni_1px.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
DIV.menuPrave UL LI A:hover, DIV.menuLeve UL LI A:hover {
  color: #82B34E;
}
DIV.menuLeve UL LI UL {
  width: 173px;
  margin: 0px;
  margin-right: 2px;
  padding: 1px;
  padding-top: 0px;
  padding-left: 1px;
  list-style: none;
}
DIV.menuLeve UL LI UL LI {
  width: 156px;
  margin: 0px;
  padding: 2px;
  padding-left: 15px;
  line-height: 14px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  background: none;
  background-color: #F1F1F1;
  border: 1px #FFFFFF solid;
}
DIV.menuLeve UL LI UL LI.aktivni {
  background: none;
  background-color: #0387C2;
}
DIV.menuLeve UL LI UL LI A {
  display: inline;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  font-weight: normal;
  background: none;
  color: #0387C2;
}
DIV.menuLeve UL LI UL LI A.aktivni {
  background: none;
  color: #FFFFFF;
}
DIV.menuLeve UL LI UL LI A:hover {
  color: #82B34E;
}
/* --------------------------- naplne --------------------------------------- */
DIV.mapaStranek {
  text-align: left;
  font-size: 0.9em;
}
DIV.mapaStranek UL {
  margin-left: 20px;
  margin-bottom: 5px;
}
DIV.mapaStranek UL LI A {
  font-weight: normal;
}
DIV.novinkaStrucne {
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
}
DIV.novinka {
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  padding-bottom: 5px;
  border-bottom: 1px #CCCCCC solid;
}
DIV.novinkaStrucne H3, DIV.novinka H2 {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  line-height: 13px;
  text-align: left;
  font-size: 11px;
}
DIV.novinkaStrucne IMG, DIV.novinka IMG {
  float: left;
  display: inline;
  margin: 0px;
  margin-right: 5px;
  padding: 0px;
}
DIV.novinkaStrucne P {
  margin: 0px;
  padding: 0px;
  line-height: 13px;
  text-align: left;
  font-size: 11px;
}
DIV.novinka P {
  margin: 0px;
  padding: 0px;
}
DIV.novinkaStrucne P.datum, DIV.novinka P.datum {
  font-weight: bold;
}
