* {margin: 0; padding: 0;}

body {font-family: arial, helvetica, sans-serif; font-size: 9pt; text-align: center; color: gray; background: #5c6666;}
a {text-decoration: none; color: #003367;}
a:hover {text-decoration: underline;}
h2 {margin-left: 15px; margin-bottom: 10px; font-size: 10pt; color: steelblue;}
h2.sluzby {color: #d41e13;}
h3.chyba {margin-left: 15px; font-size: 9pt; color: red;}

.skryte {display: none;}
.novinka {padding: 1px; font-weight: bold; color: white; background: orange;}

/*Ilustracne obrazky*/
.ilustracia {margin-bottom: 5px;}

/* Hlavicka */
#hlavicka {margin: 12px auto 0; width: 750px; height: 169px; background: url('obr/hlvfoto.jpg') left top no-repeat;}
#hlavicka a {cursor: hand;}
#hlavicka h1 {float: right; display: block; width: 424px; height: 169px; background: url('obr/hlvlogo.gif') no-repeat;}
#hlavicka h1 span {display: none;}
 
/* Menu  */
#menu {margin: 0 auto 0; padding-left: 5px; _padding-left: 0; width: 745px; _width: 750px; height: 30px; font-size: 9pt; background: url('obr/menu/pozadie.gif') #f6f6f6 bottom repeat-x;}
#menu li {float: left; display: block; padding-top: 5px; height: 25px;}
#menu li a {display: block; padding-top: 6px; width: 100%; height: 19px; text-decoration: none; color: #4b4b4b; background: bottom no-repeat;}
#menu li span {display: block; padding-top: 6px; width: 100%; height: 19px; text-decoration: none; color: #4b4b4b; background: bottom no-repeat;}

#menu li#tlacitko1 {margin-left: 5px; width: 81px;}
#menu li#tlacitko1 a {background: url('obr/menu/tlacm0.gif');}
#menu li#tlacitko1 a:hover {background: url('obr/menu/tlacm1.gif');}
#menu li#tlacitko1 span {background: url('obr/menu/tlacm2.gif');}

#menu li#tlacitko2 {margin-left: 5px; width: 149px;}
#menu li#tlacitko2 a {background: url('obr/menu/tlacv0.gif');}
#menu li#tlacitko2 a:hover {background: url('obr/menu/tlacv1.gif');}
#menu li#tlacitko2 span {background: url('obr/menu/tlacv2.gif');}

/* Obsah */
#obsah {clear: both; width: 750px; margin: 0 auto 0; text-align: left; background: white;}
#lavy {float: left; margin-top: 10px; margin-bottom: 10px; width: 240px;}
#pravy {float: left; margin-top: 10px; margin-bottom: 10px; width: 510px;}

/* Bloky */
#zoznam {font-size: 9pt;}
#zoznam ul {margin: 0 0 10px 10px; list-style-type: none;}
#zoznam li {display: block; width: 230px; height: 26px;}
#zoznam li span {display: block; width: 225; height: 21px; padding-left: 5px; padding-top: 5px; color: #cddfed; background: url('obr/zoztlc3.gif') left top no-repeat;}
#zoznam li span.vypnute {color: steelblue; background: url('obr/zoztlc2.gif') left top no-repeat;}
#zoznam li a {display: block; width: 225; height: 21px; padding-left: 5px; padding-top: 5px; text-decoration: none; color: steelblue; background: url('obr/zoztlc0.gif') left top no-repeat;}
#zoznam li a:hover {color: white; background: url('obr/zoztlc1.gif') left top no-repeat;}

#aktualne {margin-left: 10px; margin-bottom: 10px; width: 230px; line-height: 120%; color: steelblue; background: url('obr/aktpoz.gif') top left repeat-y;}
#aktualne h2 {display: block; margin: 0 0 5px 0; padding: 6px 0 0 0px; width: 230px; height: 20px; color: steelblue; background: url('obr/aktit.gif') top left no-repeat;}
#aktualne h2 span {padding-left: 5px;}
#aktualne h3 {margin-left: 5px; font-weight: bold; font-size: 8pt;}
#aktualne p {padding: 0 5px 5px 5px; font-size: 8pt;}
#aktualne p.ukoncenie {background: url('obr/aktukn.gif') bottom left no-repeat;}

#lions {margin-left: 10px; margin-bottom: 5px; width: 230px;}
#lions a {display: block; width: 230px; height: 58px; background: url('obr/lionslink.png') top left no-repeat;}

#najnahlady {margin-left: 10px; margin-bottom: 10px; width: 230px; color: gray; background: url('obr/najpoz.gif') top left repeat-y;}
#najnahlady h2 {display: block; margin: 0; padding: 6px 0 0 0px; width: 230px; height: 20px; color: gray; background: url('obr/najtit.gif') top left no-repeat;}
#najnahlady h2 span {padding-left: 5px;}
#najnahlady a {float: left; display: block; margin: 5px 0 3px 5px; _margin: 5px 0 3px 3px ; padding: 0px; width: 90px; height: 90px; color: white; background: url('obr/realnp.gif') no-repeat;}
#najnahlady a img {position: absolute; clip: rect(8px 82px 82px 8px); border: 1px solid gray;}
#najnahlady a:hover img {clip: auto;}
#najnahlady .nazov {float: right; display: block; margin-top: 5px; margin-right: 5px; _margin-right: 2px; margin-bottom: 3px; width: 125px; height: 90px;}
#najnahlady .nazov h3 {margin-top: 20px; font-size: 9pt;}
#najnahlady .nazov p {font-size: 8pt;}
#najnahlady .ukoncenie {clear: both; display: block; width: 230px; height: 3px; font-size: 0; background: url('obr/najukn.gif') bottom left no-repeat;}

#novinky {margin-left: 15px;}
#novinky a#novinka1 {display: block; width: 485px; height: 86px; margin-bottom: 5px; background: url('obr/nov3.jpg') no-repeat;}
#novinky a#novinka2 {display: block; width: 485px; height: 86px; margin-bottom: 5px; background: url('obr/nov1.gif') no-repeat;}
#novinky a#novinka3 {display: block; width: 485px; height: 120px; margin-bottom: 5px; background: url('obr/nov2.gif') no-repeat;}
#novinky a#novinka4 {display: block; width: 485px; height: 125px; margin-bottom: 5px; background: url('obr/nov4.jpg') no-repeat;}
#novinky a#novinka5 {display: block; width: 485px; height: 118px; margin-bottom: 5px; background: url('obr/e-shop.png') no-repeat;}
#novinky p {margin-bottom: 10px; text-align: justify; color: gray;}

#ponuka {margin-left: 15px;}
#ponuka li {display: block; float: left; width: 237px; height: 125px; list-style-type: none;}
#ponuka a {display: block; width: 237px; padding-top: 90px; font-weight: bold; }
#ponuka li#ponuka1 a {color: #93b628; background: url('obr/p1.jpg') top left no-repeat;}
#ponuka li#ponuka2 {margin-left: 11px;}
#ponuka li#ponuka2 a {color: #df2a29; background: url('obr/p4.jpg') top left no-repeat;}
#ponuka li#ponuka3 a {color: #3d6ca4; background: url('obr/p3.jpg') top left no-repeat;}
#ponuka li#ponuka4 {margin-left: 11px}
#ponuka li#ponuka4 a {color: #913e7f; background: url('obr/p5.jpg') top left no-repeat;}
#ponuka li#ponuka5 a {color: #e67200; background: url('obr/p6.jpg') top left no-repeat;}
#ponuka li#ponuka6 {margin-left: 11px}
#ponuka li#ponuka6 a {color: #606060; background: url('obr/p7.jpg') top left no-repeat;}

#blok {margin-left: 15px; margin-right: 15px; line-height: 130%;}
#blok h2 {margin-left: 0;}
#blok h3 {margin-bottom: 5px; font-size: 10pt; color: dimgray;}
#blok h3 a.kotva {text-decoration: none;}
#blok h4 {margin-bottom: 5px; font-size: 10pt; color: steelblue;}
#blok p {margin-bottom: 20px; text-align: left;}
#blok ul {margin-bottom: 20px;}
#blok ul.uvod {padding: 5px; background: #f5f5f5;}
#blok ul li {list-style-type: none; padding-left: 10px; background: url('obr/odraz2.gif') left center no-repeat;}
#blok ul li.zariadenie {list-style-type: none; padding-left: 0; background: none;}

/* Kontakty */
#adresa {margin-left: 15px; margin-right: 10px;}
#adresa p {margin-top: 5px; margin-bottom: 10px; line-height: 130%; font-size: 10pt;}
#adresa img {border: 0}

#mapa {margin: 0 15px 0 15px;}
#mapa h3 {display: block; margin-bottom: 10px; width: 142px; height: 34px; background: url('obr/nknn.gif') top left no-repeat;}
#mapa img {border: 1px solid gray;}

/* Stranky v priprave */
#priprava {margin-left: 15px; margin-right: 15px; padding: 10px 50px 10px 10px; border: 1px solid gray; background: #f5f5f5 url('obr/prip.gif') right center no-repeat;}
#priprava h2 {margin-left: 0; font-size: 11pt; font-weight: normal; color: #df2a29;}
#priprava p {margin: 0px;}

/* Na stiahnutie */
#vypis ul li {position: relative; list-style-type: none; margin-bottom: 3px; padding-left: 10px; background: #ececec;}
#vypis li span.velkost {position: absolute; right: 5px; _right: 25px;}

#upozornenie {margin-bottom: 10px; border: 1px solid silver; background: #f5f5f5;}
#upozornenie h3 {margin: 5px 0 0 5px; font-size: 10pt; color: red;}
#upozornenie p {margin: 0; padding: 5px; text-align: justify;}

/* Produkty - realizacie */
#nahlady {margin-left: 15px; width: 495px;}
#nahlady a {float: left; display: block; margin-bottom: 8px; margin-right: 8px; width: 90px; height: 90px; color: white; background: url('obr/realnp.gif') no-repeat;}
#nahlady a img {position: absolute; clip: rect(8px 82px 82px 8px); border: 1px solid gray;}
#nahlady a:hover img {clip: auto;}

#realizacia {margin-left: 15px; width: 485px; text-align: center; background: url('obr/realvp.gif') repeat-y;}
#realizacia h3 {display: block; padding-top: 8px; width: 100%; font-size: 9pt; background: url('obr/realvtit.gif') top left no-repeat;}
#realizacia h4 {margin-top: 5px; font-size: 9pt; font-weight: normal;}
#realizacia img {margin-top: 5px; border: 1px solid white;}
#realizacia p {display: block; margin: 5px 10px 5px 10px; padding: 4px; width: 457px; font-size: 8pt; color: gainsboro; background: gray;}
#realizacia .ukoncenie {width: 485px; height: 6px; font-size: 0; background: url('obr/realvpop.gif') bottom left no-repeat;}

#realizacie-dalsie {margin-left: 9px; margin-top: 3px; width: 475px; height: 90px; text-align: left; xbackground: gray;}
#realizacie-dalsie a {float: left; display: block; margin-right: 4px; width: 90px; height: 90px; color: white; background: url('obr/realnp.gif') no-repeat;}
#realizacie-dalsie a img {position: absolute; clip: rect(8px 82px 82px 8px); border: 1px solid gray;}
#realizacie-dalsie a:hover img {clip: auto;}

/* Fotogaleria */
#fotoalbum {margin-left: 20px;}
#fotoalbum h2 {margin-left: 0px;}

#fotoramik {float: left; margin-right: 9px; margin-bottom: 10px; width: 110px; height: 110px; text-align: center; background: url('obr/fram.gif') no-repeat;}
#fotoramik img {margin-top: 10px; border: 1px solid white;}
#fotoramik p {margin-top: 5px;font-size: 8pt; color: white;}
#navigator {clear: both; width: 467px; padding-top: 3px; padding-bottom: 3px; text-align: center; font-weight: bold; background: silver; color: gray;}
#navigator a {text-decoration: none; font-size: 9pt; color: white;}
#navigator a#info {color: black;}
#navigator span {font-weight: normal; color: gray;}

/* - fotka */
#fotka {position: relative; float: left; padding: 15px; width: 720px; left; background: white;}
#fotka h2#nfoto {display: block; margin-bottom: 10px; width: 152px; height: 34px; background: url('obr/nfoto.gif') top left no-repeat;}

#fotoram {width: 720px; height: 535px; text-align:center; background: url('obr/framv.gif') no-repeat;}
#fotoram h3 {padding-top: 10px; font-size: 12pt; color: white;}
#fotoram h4 {padding-top: 10px; font-size: 10pt; color: white;}
#fotoram img {margin-top: 10px; border: 1px solid white;}

#navigator2 {width: 100%; margin-top: 10px; padding-top: 3px; padding-bottom: 3px; text-align: center; font-weight: bold; background: silver; color: gray;}
#navigator2 a {text-decoration: none; font-size: 9pt; color: white;}
#navigator2 a#info {color: black;}
#navigator2 span {font-weight: normal; color: gray;}

/* Zarovnanie spodnej strany bloku "obsah" */
#koniec {clear: both;}

/* Pata */
#pata {margin: 1px auto 12px; width: 750px; width: 750px; height: 20px; background: url('obr/pata.gif') left bottom no-repeat;;}
#pata p {padding-top: 3px; text-align: center; font-size: 8pt;}