@charset "utf-8";
/* CSS Document */

/* zaklad stranky */
body {margin: 0px; padding: 0px; background: url(../images/back.jpg) no-repeat top; background-color: #ffffff;}
#jazyky {width: 920px; height: 23px; padding-right: 30px; padding-top: 20px; text-align: right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #c8c8c8;}
#main {width: 910px; background: url(../images/bgmain.png) no-repeat; background-color: #ffffff; margin: 0px; padding-left: 25px; padding-right: 15px; text-align: left;}
#mainindex {width: 910px; margin: 0px; padding-left: 25px; padding-right: 15px; text-align: left;}
#header {width: 910px; height: 108px; position: relative;}
#flash {width: 729px; height: 275px; padding: 1px;}


/* header */
#jazyky a {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#jazyky a:link {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#jazyky a:visited {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#jazyky a:active {color: #ec008c; font-weight: normal; text-decoration: none;}
#jazyky a:hover {color: #ec008c; font-weight: normal; text-decoration: none;}

#logo {width: 175px; height: 86px; background: url(../images/sipka.png) no-repeat right; text-align: center; padding-top: 22px; margin-right: 5px;}
#logo h1 {padding: 0px; margin: 0px; text-align: center;}

#flashhide {width: 709px; padding-top: 5px; padding-bottom: 10px; padding-right: 20px; display: none; text-align: right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #8d8d8d;}


/* horne menu */
#topmenu {width: 1px; height: 108px; text-align: right; overflow: hidden;}
.topmenu {height: 86px; padding-top: 22px; float: right; margin-right: 25px; filter: alpha(opacity=100); opacity: 1.0;}
.topmenu:hover {filter: alpha(opacity=50); opacity: 0.5;}


/* lavy panel */
#leftpanel {width: 143px; padding-top: 15px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #8d8d8d; text-align: left;}
#leftpanel h2 {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #8d8d8d;}
#leftpanel h3 {width: 143px; height: 22px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 8px; background: url(../images/roh-off.png) no-repeat right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #8d8d8d;}
#leftpanel h3:hover {background: url(../images/roh-on.png) no-repeat right;}
#leftpanel p {line-height: 22px; margin-top: 0px;}

#leftpanel a {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#leftpanel a:link {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#leftpanel a:visited {color: #8d8d8d; font-weight: normal; text-decoration: none;}
#leftpanel a:active {color: #ec008c; font-weight: normal; text-decoration: none;}
#leftpanel a:hover {color: #ec008c; font-weight: normal; text-decoration: none;}


/* dvojdielny ramik */
#ramback {width: 730px; background: url(../images/frame-mid.png) repeat-y; padding: 0px; margin: 0px;}
#ramtop {width: 730px; height: 10px; background: url(../images/frame-top.png) no-repeat; padding: 0px; margin: 0px;}
#rambot {width: 730px; min-height: 300px; background: url(../images/frame-bot.png) no-repeat bottom; padding-top: 10px; margin: 0px; position: relative;}
#letterv {position: absolute; width: 145px; height: 127px; bottom: 4px; left: 220px; z-index: 1; background: url(../images/letter-v.png) no-repeat; filter: alpha(opacity=0); opacity: 0.0;}
#letterk {position: absolute; width: 113px; height: 125px; bottom: 4px; right: 1px; z-index: 2; background: url(../images/letter-k.png) no-repeat; filter: alpha(opacity=0); opacity: 0.0;}

.ram {width: 315px; padding-left: 25px; padding-right: 24px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #8d8d8d; text-align: left;}

.ram h2 {margin: 0px; margin-bottom: 10px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12pt; color: #404040; text-transform: uppercase; font-weight: bold;}
.ram h3 {width: 182px; height: 22px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 8px; background: url(../images/roh-off.png) no-repeat right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #8d8d8d;}
.ram h3:hover {background: url(../images/roh-on.png) no-repeat right;}
.ram p {line-height: 20px; margin-top: 0px;}


/* pop-up menu */
#popup1 {visibility: hidden; position: absolute; top: 85px; left: 210px; z-index: 101;}
#popup2 {visibility: hidden; position: absolute; top: 85px; left: 293px; z-index: 102;}
#popup3 {visibility: hidden; position: absolute; top: 85px; left: 406px; z-index: 103;}
#popup4 {visibility: hidden; position: absolute; top: 85px; left: 514px; z-index: 104;}
#popup5 {visibility: hidden; position: absolute; top: 85px; left: 600px; z-index: 105;}
#popup6 {visibility: hidden; position: absolute; top: 85px; left: 664px; z-index: 106;}
#popup7 {visibility: hidden; position: absolute; top: 85px; left: 749px; z-index: 107;}
#popup8 {visibility: hidden; position: absolute; top: 85px; left: 835px; z-index: 108;}

#popup11 {visibility: hidden; position: absolute; top: 39px; left: 195px; z-index: 111;}
#popup12 {visibility: hidden; position: absolute; top: 69px; left: 195px; z-index: 112;}
#popup13 {visibility: hidden; position: absolute; top: 99px; left: 195px; z-index: 113;}
#popup14 {visibility: hidden; position: absolute; top: 129px; left: 195px; z-index: 114;}
#popup15 {visibility: hidden; position: absolute; top: 159px; left: 195px; z-index: 115;}
#popup16 {visibility: hidden; position: absolute; top: 189px; left: 195px; z-index: 116;}
#popup17 {visibility: hidden; position: absolute; top: 219px; left: 195px; z-index: 117;}
#popup18 {visibility: hidden; position: absolute; top: 249px; left: 195px; z-index: 118;}

.poptop {width: 296px; height: 15px; background: url(../images/popup-top.png) no-repeat; padding: 0px; margin: 0px;}
.popmid {width: 266px; min-height: 100px; background: url(../images/popup-mid.png) repeat-y bottom; padding-left: 15px; padding-right: 15px; margin: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #8d8d8d; line-height: 20px;}
.popbot {width: 296px; height: 15px; background: url(../images/popup-bot.png) no-repeat bottom; padding-top: 5px; margin: 0px; position: relative;}

.popup h2 {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #ec008c; font-size: 14pt; text-transform: uppercase; margin: 0px; padding: 0px; font-weight: normal;}

#imgram {width: 130px; height: 121px; background: url(../images/ram-obrazok.png) no-repeat; padding: 5px; text-align: center;}
#txtram {width: 140px; height: 20px; border: 1px solid #8d8d8d; padding: 5px; text-align: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 7pt; color: #8d8d8d; background-color: #ffffff;}


/* hlavny obsah - produkt */
#content {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #8d8d8d; font-size: 10pt;}
#content h2 {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #ec008c; font-size: 14pt; font-weight: normal; margin-top: 0px; margin-bottom: 5px;}
#content h3 {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #ec008c; font-size: 10pt; font-weight: bold; margin-top: 0px; margin-bottom: 5px;}

#content .tblhead {background-color: #bbbdc0; color: #ffffff; font-size: 7pt; text-align: center; padding: 2px;}
#content .tblparne {background-color: #f1f1f2; font-size: 7pt; text-align: center; padding: 2px;}
#content .tblnepar {background-color: #ffffff; font-size: 7pt; text-align: center; padding: 2px;}

#content .tblshead {background-color: #bbbdc0; color: #ffffff; font-size: 7pt; padding: 2px;}
#content .tblsparne {background-color: #f1f1f2; font-size: 7pt; padding: 2px;}
#content .tblsnepar {background-color: #ffffff; font-size: 7pt; padding: 2px;}
#content .objks {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 7pt; color: #8d8d8d; border: 1px solid #c8c8c8; padding: 1px; margin: 1px; background-color: #ffffff;}

#artikel {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 5px;}
#artikel p {margin-top: 8px; margin-bottom: 8px;}


/* nakupny kosik */
#content .koshead {background-color: #bbbdc0; color: #ffffff; padding: 2px; font-weight: bold;}
#content .kosparne {background-color: #f1f1f2; padding: 2px;}
#content .kosnepar {background-color: #ffffff; padding: 2px;}
#content .kosfoot {background-color: #ffffff; padding: 2px; border-top: 1px solid #bbbdc0; border-bottom: 1px solid #bbbdc0;}


/* zoznam produktov */
.listhead {padding: 20px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #8d8d8d; font-size: 8pt;}
.listhead h2 {padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12pt; color: #404040; text-transform: uppercase; font-weight: bold;}
.listhead select {border: 1px solid #8d8d8d; width: 166px; padding: 3px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #8d8d8d; font-size: 8pt;}
.listhead option {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #8d8d8d; font-size: 8pt;}

.listbox {border: 1px solid #f5f5f5; width: 241px; height: 243px; padding-top: 20px; padding-bottom: 20px; float: left; margin: 0px; text-align: center; position: relative;}
.listbox h3 {padding-left: 10px; padding-right: 10px; margin: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13pt; color: #8d8d8d; font-weight: bold; height: 80px;}
.listbox .imgbox {height: 140px; vertical-align: bottom;}
.listbox .tblbox {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #8d8d8d; font-size: 10pt; padding-left: 20px; padding-right: 20px;}
.new {position: absolute; top: 0px; left: 0px; z-index: 20; width: 49px; height: 49px;}


/* farebne prevedenia */
.farba {width: 14px; height: 36px; border: 1px solid #eae8e8; margin-right: 7px;}
#farba1 {background-color: #e8d8ac;}
#farba2 {background-color: #fff450;}
#farba3 {background-color: #fdb813;}
#farba4 {background-color: #f7901e;}
#farba5 {background-color: #b41826;}
#farba6 {background-color: #850d23;}
#farba7 {background-color: #851f82;}
#farba8 {background-color: #005387;}
#farba9 {background-color: #002d5e;}
#farba10 {background-color: #00533d;}
#farba11 {background-color: #00371f;}
#farba12 {background-color: #969494;}
#farba13 {background-color: #94aaa8;}
#farba14 {background-color: #ffffff;}
#farba15 {background-color: #000000;}


/* footer */
#footer {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #8d8d8d;}
#footer a {color: #8d8d8d; text-decoration: none; font-weight: normal;}
#footer a:link {color: #8d8d8d; text-decoration: none; font-weight: normal;}
#footer a:visited {color: #8d8d8d; text-decoration: none; font-weight: normal;}
#footer a:active {color: #8d8d8d; text-decoration: underline; font-weight: normal;}
#footer a:hover {color: #8d8d8d; text-decoration: underline; font-weight: normal;}


/* vseobecne tagy */
a {color: #8d8d8d; text-decoration: none;}
a:link {color: #8d8d8d; text-decoration: none;}
a:visited {color: #8d8d8d; text-decoration: none;}
a:active {color: #ec008c; text-decoration: none;}
a:hover {color: #ec008c; text-decoration: none;}

.male {font-size: 8pt;}
.hidden {visibility: hidden; width: 1px; height: 1px; max-width: 1px; max-height: 1px; overflow: auto;}
#trailimageid {position: absolute; z-index: 999;}