/* ------------------------------- STRANKA ---------------------------------- */

#page-frame
{
  margin: 0px auto 0px auto;
  background: url(img/content_bg_repeat_256.png) top repeat-y left;
  width:1025px;
}
#page
{
  text-align: left;
  width:1025px;
  margin: 0px;
  padding: 0px;
  background: url(img/content_bg_256.jpg) top no-repeat center;
  ^height: 795px;
  min-height: 795px;
}
#page-content
{
  margin: 0px 49px 0px 49px;
  width:926px;
  border: 0px;
  text-align: left;
  padding: 0px;
}


/* ------------------------------- TOPMENU ---------------------------------- */

#topmenu
{
  padding-top: 167px;
  font-size: 90%;
}

ul#topmenu-list
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul#topmenu-list li
{
  margin: 0px;
  padding: 6px 32px 0px 30px;
  height: 20px;
  ^height: 26px;
  list-style-type: none;
  float: left;
  background: url(img/topmenu_separator.png) no-repeat right center;
}

ul#topmenu-list li.last
{
    padding-right: 30px;
    background: none;
    float: right;
}


#topmenu-list a         {text-decoration: none;       color: #FFFFFF; font-weight:bold}
#topmenu-list a:link    {text-decoration: none;       color: #FFFFFF; font-weight:bold}
#topmenu-list a:visited {text-decoration: none;       color: #FFFFFF; font-weight:bold}
#topmenu-list a:active  {text-decoration: none;       color: #FFFFFF; font-weight:bold}
#topmenu-list a:hover   {text-decoration: underline;  color: #DDDDDD; font-weight:bold}

ul#topmenu-list-2
{
  clear: both;
  font-size: 75%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}


#topmenu-2
{
  height: 52px;
}

ul#topmenu-list-2 li
{
  margin: 0px;
  padding: 11px 0px 0px 30px;
  height: 20px;
  ^height: 31px;
  list-style-type: none;
  float: left;
}

#topmenu-list-2 a         {text-decoration: underline; color: #FFFFFF; font-weight:bold}
#topmenu-list-2 a:link    {text-decoration: underline; color: #FFFFFF; font-weight:bold}
#topmenu-list-2 a:visited {text-decoration: underline; color: #FFFFFF; font-weight:bold}
#topmenu-list-2 a:active  {text-decoration: underline; color: #FFFFFF; font-weight:bold}
#topmenu-list-2 a:hover   {text-decoration: underline; color: #DDDDDD; font-weight:bold}


/* ------------------------------ LEFT MENU --------------------------------- */

ul.productmenu-list
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 100%;
  padding-top: 10px;
  padding-bottom: 15px;
}

ul.productmenu-list li
{
  padding-left: 20px;
  padding-bottom: 10px;
  margin: 0px;
  list-style-type: none;
}


ul.productmenu-list a         {text-decoration: none;       color: #666666; font-weight:bold}
ul.productmenu-list a:link    {text-decoration: none;       color: #666666; font-weight:bold}
ul.productmenu-list a:visited {text-decoration: none;       color: #666666; font-weight:bold}
ul.productmenu-list a:active  {text-decoration: none;       color: #666666; font-weight:bold}
ul.productmenu-list a:hover   {text-decoration: underline;  color: #333333; font-weight:bold}


ul.productmenu-list a.selected         {color: #CC0000}
ul.productmenu-list a.selected:link    {color: #CC0000}
ul.productmenu-list a.selected:visited {color: #CC0000}
ul.productmenu-list a.selected:active  {color: #CC0000}
ul.productmenu-list a.selected:hover   {color: #FF0000}


ul.productmenu-list a.underline         {text-decoration: underline;  color: #666666; font-weight:bold}
ul.productmenu-list a.underline:link    {text-decoration: underline;  color: #666666; font-weight:bold}
ul.productmenu-list a.underline:visited {text-decoration: underline;  color: #666666; font-weight:bold}
ul.productmenu-list a.underline:active  {text-decoration: underline;  color: #666666; font-weight:bold}
ul.productmenu-list a.underline:hover   {text-decoration: underline;  color: #333333; font-weight:bold}

/* ------------------------------- MODELY ---------------------------------- */

#model
{
  padding-left: 20px;
  margin: 0px;
  font-size: 90%;
}

#rok
{
  padding-left: 20px;
  margin: 0px;
  font-size: 80%;
}


#rok          {text-decoration: none;       color: #CC0000; font-weight:bold}

#model a         {text-decoration: none;       color: #666666; font-weight:bold}
#model a:link    {text-decoration: none;       color: #666666; font-weight:bold}
#model a:visited {text-decoration: none;       color: #666666; font-weight:bold}
#model a:active  {text-decoration: none;       color: #666666; font-weight:bold}
#model a:hover   {text-decoration: underline;  color: #333333; font-weight:bold}

#model a.selected         {color: #CC0000}
#model a.selected:link    {color: #CC0000}
#model a.selected:visited {color: #CC0000}
#model a.selected:active  {color: #CC0000}
#model a.selected:hover   {color: #FF0000}

#model a.underline         {text-decoration: underline;  color: #666666; font-weight:bold}
#model a.underline:link    {text-decoration: underline;  color: #666666; font-weight:bold}
#model a.underline:visited {text-decoration: underline;  color: #666666; font-weight:bold}
#model a.underline:active  {text-decoration: underline;  color: #666666; font-weight:bold}
#model a.underline:hover   {text-decoration: underline;  color: #333333; font-weight:bold}

/* ------------------------------- COLUMNS ---------------------------------- */

#columns
{
  width: 926px;
  clear: both;
  min-height: 575px;
  ^height: 575px;
}

#columns-bg
{
  width: 926px;
  clear: both;
  background: url(img/page_bg_bottom.png) no-repeat left bottom;
  min-height: 575px;
  ^height: 575px;
}

#column-left
{
  float: left;
  width: 198px;
  background: none;
}

#column-left-padding
{
  padding-left: 0px;
}

#column-right
{
  float: left;
  /*margin: 0px 0px 0px 198px;*/
  padding: 0px;
  width: 725px;
  line-height: 140%;
}


#column-right-text-padding
{
  padding: 0px;
  text-align: justify;
}


/* --------------------------------- FOOTER --------------------------------- */


#footer
{
  width:1025px;
  margin: 0px auto 0px auto;
  color: #686056;
  font-size: 90%;
  ^font-size: 85%;
}

#footer-padding
{
  text-align: left;
  padding-bottom: 20px;
  margin-left: 49px;
  margin-right: 49px;
  ^width: 926px;
}


#footer-text-left
{
  float: left;
  padding-top: 3px;
  padding-left: 10px;
}

#footer-text-right
{
  float: right;
  padding-top: 3px;
  padding-right: 10px;
}

#footer a         {text-decoration: underline;       color: #686056; font-weight:bold;}
#footer a:link    {text-decoration: underline;       color: #686056; font-weight:bold}
#footer a:visited {text-decoration: underline;       color: #686056; font-weight:bold}
#footer a:active  {text-decoration: underline;       color: #686056; font-weight:bold}
#footer a:hover   {text-decoration: underline;       color: #444444; font-weight:bold}

  
/* -------------------------------- HOMEPAGE --------------------------------- */


  .homepage-bg
  {
    background: url(img/hp_bg.jpg) top center no-repeat;
    min-height: 770px;
    ^height: 770px;
  }

  .bg
  {
    background: url(img/bg.jpg) top center no-repeat;
    min-height: 770px;
    ^height: 770px;
  }

  #hpmenu
  {
    padding-top: 21px;
    padding-left: 51px;
    height: 17px;
    ^height: 38px;
    
  }
  
  ul#hpmenu-list
  {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 90%;
    font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;

  }

  ul#hpmenu-list li
  {
    margin: 0px;
    list-style-type: none;
    text-align: center;
    float: left;
  }


  #hpmenu-list a         {text-decoration: none;       color: #FFFFFF; font-weight:bold}
  #hpmenu-list a:link    {text-decoration: none;       color: #FFFFFF; font-weight:bold}
  #hpmenu-list a:visited {text-decoration: none;       color: #FFFFFF; font-weight:bold}
  #hpmenu-list a:active  {text-decoration: none;       color: #FFFFFF; font-weight:bold}
  #hpmenu-list a:hover   {text-decoration: underline;  color: #DDDDDD; font-weight:bold}
  
  #hpmenu-list-item-1 {width: 122px;}
  #hpmenu-list-item-2 {width: 152px;}
  #hpmenu-list-item-3 {width: 123px;}
  #hpmenu-list-item-4 {width: 95px;}
  #hpmenu-list-item-5 {width: 137px;}


  #hp-archiv-novinek
  {
    padding-top: 14px;
    padding-left: 265px;

  }

  #hp-archiv-novinek a         {text-decoration: none;       color: #666666; font-weight:normal}
  #hp-archiv-novinek a:link    {text-decoration: none;       color: #666666; font-weight:normal}
  #hp-archiv-novinek a:visited {text-decoration: none;       color: #666666; font-weight:normal}
  #hp-archiv-novinek a:active  {text-decoration: none;       color: #666666; font-weight:normal}
  #hp-archiv-novinek a:hover   {text-decoration: underline;  color: #333333; font-weight:normal}
  
  #hp-obsah-box
  {
    width: 726px;
  }
  
  #hp-obsah-box-padding
  {
    color: #372b1b;
    padding-left: 45px;
    padding-right: 65px;
    padding-top: 30px;
  }
  
  #hp-novinka-nadpis
  {
    padding-left: 15px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #909955;
  }

  #hp-modely-obsah
  {
    padding-left: 10px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #909955;
    font-size: 120%;
  }

  #hp-obsah-box a         {text-decoration: underline; color: #372b1b; }
  #hp-obsah-box a:link    {text-decoration: underline; color: #372b1b; }
  #hp-obsah-box a:visited {text-decoration: underline; color: #372b1b; }
  #hp-obsah-box a:active  {text-decoration: underline; color: #372b1b; }
  #hp-obsah-box a:hover   {text-decoration: underline;  color: #333333;}

/* -------------------------------- CLASSES --------------------------------- */

.hr
{
  clear: both;
  height: 0px;
  font-size: 0px;
  border-top: 2px solid #FFFFFF;
}

.clear
{
  clear: both;
}

.invisible
{
  display: none;
}

.forprint
{
  display: none; /* pro tiskové styly */
}

.float-box
{
  display: block;
  float: left;
}