h1 {font-size: 160%; }

h2 {font-size: 140%; }

h3 {font-size: 120%; }

h4 {font-size: 100%; }

p {margin: 0; padding: 0 0 0.7em 0; }

.clear {clear: both; margin-top: -1px; height: 1px; font-size: 1px; }

.cleaner {clear: both; }

.no-screen, hr {position: absolute; left: -500px; top: -500px; }

.img-left {float: left; margin: 8px 8px 8px 0; }

.img-right {float: right; margin: 0 0 8px 8px; }

.align-left   {text-align: left; }

.align-center {text-align: center; }

.align-right  {text-align: right; }




body, html {margin: 0; padding: 0; width: 100%; height: 100%; }

body {color: #000; font: 70%/1.5 Tahoma, "Arial", sans-serif; text-align: center; background: #FFF; }

#page {position: relative; margin: 0 auto; text-align: left; width: 770px; background: #DFDDC8 url("img/page.gif") repeat-y; }

#head {position: absolute; top: 0; left: 0; }

#head h1 {position: relative; margin: 0; padding: 0; width: 360px; height: 299px; display: block; }

#head h1 a {position: absolute; top: 0; left: 0; width: 360px; height: 299px; overflow: hidden; /*bez obrazku*/ color: #BE1F25; text-decoration: none; }

#head h1 a span {position: absolute; top: 0; left: 0; width: 360px; height: 299px; display: block; background: url("img/head-01.jpg") no-repeat; cursor: pointer; }

#menu {width: 770px; height: 245px; background: #DFDDC8 url("img/head-01.jpg") no-repeat; }

#body_o-nas                             #head h1 a span, #body_o-nas                             #menu {background-image: url("img/head-01.jpg"); }

#body_sluzby_konzultace-ergonomie       #head h1 a span, #body_sluzby_konzultace-ergonomie       #menu {background-image: url("img/head-10.jpg"); }

#body_sluzby_navrhy-interieru           #head h1 a span, #body_sluzby_navrhy-interieru           #menu {background-image: url("img/head-03.jpg"); }

#body_sluzby_realizace-interieru        #head h1 a span, #body_sluzby_realizace-interieru        #menu {background-image: url("img/head-06.jpg"); }

#body_sluzby_servis                     #head h1 a span, #body_sluzby_servis                     #menu {background-image: url("img/head-08.jpg"); }

#body_produkty_kancelarsky-nabytek      #head h1 a span, #body_produkty_kancelarsky-nabytek      #menu {background-image: url("img/head-05.jpg"); }

#body_produkty_kancelarske-zidle-kresla #head h1 a span, #body_produkty_kancelarske-zidle-kresla #menu {background-image: url("img/head-02.jpg"); }

#body_produkty_ostatni                  #head h1 a span, #body_produkty_ostatni                  #menu {background-image: url("img/head-04.jpg"); }

#body_reference                         #head h1 a span, #body_reference                         #menu {background-image: url("img/head-07.jpg"); }

#body_aktualne_prodejni-akce            #head h1 a span, #body_aktualne_prodejni-akce            #menu,
#body_aktualne_novinky                  #head h1 a span, #body_aktualne_novinky                  #menu {background-image: url("img/head-11.jpg"); }

#body_kontakty                          #head h1 a span, #body_kontakty                          #menu {background-image: url("img/head-09.jpg"); }

#menu-in {padding: 117px 0 0 360px; }

#menu ul {margin: 0; padding: 0; width: 410px; list-style-type: none; }

#menu li {float: left; padding-bottom: 20px; background: url("img/menu.gif") no-repeat 0 30px; behavior: url("/hover.htc"); /*virtualni adresare - cesta od ROOTu*/ }

#menu li#m1 {width: 50px; }

#menu li#m2 {width: 60px; }

#menu li#m3 {width: 70px; }

#menu li#m4 {width: 80px; }

#menu li#m5 {width: 70px; }

#menu li#m6 {width: 80px; }

#menu li a {display: block; padding-right: 10px; line-height: 25px; height: 25px; text-decoration: none; overflow: hidden; color: #51512F; font-weight: bold; }

#menu li ul {position: absolute; margin: 20px 0 0 0; padding: 0; display: none; width: auto; list-style-type: none; }

#menu li:hover ul, #menu li.hover ul {display: list-item; }

#menu li li {float: none; padding: 0 0 0 30px; width: 250px; background: url("img/menu.gif") no-repeat 0 50%; }

#menu li li a {line-height: 20px; _line-height: 18px; height: auto; color: #B7AE87; }

#menu li li a:hover {color: #FFF; }

#area {float: right; width: 400px; }

#area-in {margin-right: 40px; padding: 0 20px 20px 20px; background: #FFF; }

#area h2 {margin: 30px 0 0 0; padding: 0 5px 10px 0; color: #B7AE87; }

#area h3 {margin: 0; padding: 2px 0 10px 0; color: #BE1F25; }

#area .time {margin: 0; padding: 0 0 0 10px; display: inline; border-left: 1px solid #000; }

#area .more {padding: 0 0 50px 0; text-align: right; }

#area a {color: #000; }

#area a:hover {text-decoration: none; }

#area strong {color: #000; }

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

#area li {padding: 0 0 0 30px; background: url("img/menu.gif") no-repeat 0 3px; }

#area table {width: 320px; font-size: 90%; }

#area table td {text-align: left; border-color: #000; }

#area table th {text-align: left; border-color: #000; color: #B7AE87; }

#area table td.align-right  {text-align: right; }

#area table.align-center td  {text-align: center; }

#area table.valign-top td  {vertical-align: top; }

#area table input {width: 150px; border: 1px solid #000; }

#area table textarea {width: 312px; _width: 320px; border: 1px solid #000;}

#area a img {border: 2px solid #FFF; }

#area a:hover img {border: 2px solid #BE1F25; }

#area a.no-border img {border: none; }

#area input.submit {color: #000; font: 90% Tahoma, "Arial", sans-serif; text-align: center; background: #FFF; }

#area form {margin-top: 0; }

/* tooltip */
.produkty_nahled_tooltip img {border: 2px solid #BE1F25; }
#area li {clear: both; }
#area li.produkty {clear: both; margin: 0; padding: 0; }
#area li.produkty .produkty_nahled {float: left; width: 135px; _width: 165px; padding-left: 30px; background: url("img/menu.gif") no-repeat 0 3px; }
#area li.produkty .produkty_katalog {float: right; width: 150px; background: url("img/li-2.gif") no-repeat 0 3px; }
#area li.produkty .produkty_katalog a {margin-left: 30px; }



#left {float: left; width: 360px; }

#left-in {margin: 100px 59px 30px 51px; /*margin: 100px 55px 20px 55px; */}

#left p {padding: 0 0 10px 0; text-align: justify; }

#left a {color: #F00; }

#left a:hover {text-decoration: none; }

#foot {width: 360px; }

#foot-in {padding: 0 59px 0 51px; color: #B7AE87; }

#foot-in a {font-weight: bold; font-weight: bold; color: #B7AE87; text-decoration: none; }

#foot-in a:hover {color: #FFF; }