@charset "utf-8";
/* CSS Document - darky.zazitky.cz */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 13px; background-color: #d5e5f3;}


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }

img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: none !important; }
a:hover { color: #F26231; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; vertical-align: middle; }
form .input, textarea { padding: 5px 7px; }
form .input, select, textarea { font-size: 12px; border: 1px solid #CCCCCC; padding: 2px; }
form fieldset { border: none; padding: 0px; margin: 0px; }
form button { border: none; background: none; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
h1 { font-style: italic; letter-spacing: -2px; font-size: 27px; color: #264D6F; margin-bottom: 30px; }
h1 strong { font-size: 28px; color: #403892; font-weight: bold; display: block; letter-spacing: -2px; padding-top: 2px; line-height: 28px; }
h1 span { display: block; padding: 11px 0px 0px 41px; }
h1 a { font-size: 10px; text-decoration: none; font-size: 10px; line-height: 12px; text-transform: uppercase; letter-spacing: normal; color: #BAB5E1; font-weight: normal; }
h1 a:hover { text-decoration: underline; color: #BAB5E1; }
h2 { letter-spacing: -1px; font-size: 23px; color: #264D6F; font-style: italic; font-weight: normal; }
ul { margin-left: 2em; }
ol { margin-left: 3em; }
ol p { padding-left: 0; }
p { margin: 0.3em 0 0.7em; }
a { color: #333333; text-decoration: underline; font-weight: bold; }
a:hover { color: #264D6F; text-decoration: none; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#bg-top { background: #d5e5f3 url(/img/bg-top.jpg) 50% 0% no-repeat; overflow: hidden;}
#bg-top.detail-cat {background: #d5e5f3 url(/img/bg-top.jpg) 50% -70px no-repeat;}
#bg-bottom { background: url(/img/bg-bottom-small.png) center bottom repeat-x; position: realtive; overflow: hidden;}
#page-wrapper { width: 1000px; margin: auto; position:relative;}
#content { min-height: 200px; height: 100%; overflow: hidden; padding: 10px 0 20px; position: relative; }
.motive {position: absolute; top: 875px; left: -242px;}

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 100px; position: relative; }
#logo {padding: 0px;  z-index: 1;  width: 114px; height:78px; top: 30px; left: 5px; background-image: url(/img/logo.png); text-indent: -9999px;}
#subtitle { width: 723px; height: 107px; margin: 0; position: absolute; top: 0px; left: 7px; z-index: 0; line-height: 20px; text-align: center; background-image: url(/img/label.png); color: #fff; }
#subtitle a {display: block; width: 723px; height: 107px; text-indent: -9999px;}


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
h1.ico,
h2.ico { height: 55px; line-height: 55px; padding-left: 65px; background-repeat: no-repeat; background-position: 0 0; }
h1.ico.gift,
h2.ico.gift { background-image: url(/img/h2-ico-gift.png); }
h1.ico.bulb,
h2.ico.bulb { background-image: url(/img/h2-ico-bulb.png); }
p.intro { color: #264D6F; margin: 10px 70px 20px; padding-bottom: 40px; background: url(/img/hr.png) 105px bottom no-repeat; }
#page-levne p.intro,
#page-exkluzivni p.intro { background-position: center bottom; }
div.line { clear: both; width: 862px; height: 21px; margin: 20px auto;}
.link-hp a { float: right; display: block; width: 155px; padding-left: 40px; margin: -72px 250px 0 0; color: #264D6F; text-decoration: none; background: url(/img/ico-house.png) 0 0 no-repeat; line-height: 33px; border-right: 1px solid #264D6F; }
.link-hp a:hover { text-decoration: underline; }
img.section-img { margin: -15px 30px 20px; }
.legend {position: absolute; top: 430px; left: 10px; width: 700px; z-index: 500;}
.back {display: block; width: 188px; height: 38px; background: url(/img/back.png) 0% 0% no-repeat; text-align: center; line-height: 38px; text-decoration:  none; text-indent: 15px; position: absolute; right: 70px; top: 100px;}
.back:hover {text-decoration: underline;}

/**********/
/* FILTER */
/**********/
#filter { height: 40px; padding-top: 10px; position: relative; }
#filter div.type { width: 295px; padding-left: 0px; float: left; margin-right: 15px; height: 36px; line-height: 36px; position: realtive;}
#page-levne #filter,
#page-exkluzivni #filter { margin-left: 70px; }
.options {width: 214px; height: 36px; float:right; background: url(/img/bg-select.png) 0% 0% no-repeat; line-height: 36px; cursor: pointer;}
.options span {margin-left: 15px; color: #0b3257;}
.sitetype {position: absolute; width: 173px; background: #fff; z-index: 1000; left: 81px; top: 45px; border: solid 1px #ccc; border-top: none;}
.sitetype a {display: block; color: #0b3257;  padding: 3px 5px 3px 15px !important; text-decoration: none; border-bottom: solid 1px #abc6df; font-size: 13px; font-weight: normal; line-height: 20px;}
.sitetype a.last {border-bottom: none;}
.sitetype a:hover {background: #fafafa;}

/* PRICE RANGE */
#price-range { float: left; padding: 3px 0px 0px 0px; }
#price-range .knob-min span { display: block; position: absolute; top: -2px; left: -20px; width: 66px; height: 43px; padding: 8px 0px 0px 17px; line-height: 51px; background: url(/img/block-search-knobs.png) no-repeat right top; color: #FFFFFF; font-weight: bold; font-size: 12px;  cursor: e-resize; }
#price-range .knob-max span { display: block; position: absolute; top: -40px; right: -40px; width: 69px; height: 45px; line-height: 23px; padding: 8px 0px 0px 14px; background: url(/img/block-search-knobs.png) no-repeat right bottom; color: #FFFFFF; font-weight: bold; font-size: 12px; cursor: e-resize; }
#price-range .range { width: 302px; height: 11px; background: url(/img/range.png); position: relative; top: 12px; display: block; margin-left: 170px; }
#price-range label { text-transform: uppercase; font-size: 11px; color: #333333; position: absolute; top: -4px; }
#price-range label.min { left: -24px; }
#price-range label.max { right: -24px; text-align: right; }
#price-range label input { display: none; }
#price-range .knob-min,
#price-range .knob-max { display: block; width: 1px; height: 1px; position: absolute; top: 0px; }

#price-range .price { float: left; font-weight: bold; }

#empty-page { padding-left: 165px; padding-bottom: 50px; }
#empty-page h2 { color: #B30000; }

/********/
/* ITEM */
/********/
#item { margin: 10px 0 10px 30px; height: 100%; overflow: auto; padding-bottom: 20px; clear: both; }
.item { height: 242px; width: 391px; float: left; margin: 10px 20px 15px 0; padding: 40px 30px 0 40px; background: url(/img/item-snowflakes-bg.png) 0 0 no-repeat; overflow: visible; position: relative; }
.item h2 { font-size: 24px; letter-spacing: -1px; font-style: normal; color: #b40003; padding: 14px 0 0 0; position: relative; line-height: 1; }
.item h2 em { font-style: normal; font-size: 12px; letter-spacing: normal; position: absolute; top: 0px; left: 0px; line-height: 1.4; color: #737373; font-weight: normal; }
.item h2 a { color: #b40003; text-decoration: none; }
.item h2 a:hover { color: #b40003; text-decoration: underline; }
.item p { margin: 10px 0; line-height: 1.3; font-size: 12px; color: #4f4f4f;}
.item p.price { width: 150px; height: 47px; line-height: 55px; font-size: 15px; color: #fff; margin: 10px 0 0; background: url(/img/bg-cena.png) 0% 0% no-repeat; position: absolute; bottom: 45px; right: 30px; text-align: center; letter-spacing: -1px;}
.item p.location { font-size: 11px; color: #626262; padding-top: 0; line-height: 11px; position: relative; margin: 6px 0 0; }
.item p.temporary strong, p.temporary strong { background-color: #FAE9F4; border: 1px solid #E792C7; color: #BD278F; padding: 3px 5px; font-size: 11px; }
.item .more { position: absolute; bottom: -20px; left: 150px; }
.item .more a { display: block; width: 149px; height: 63px; padding: 0px; color: #fff; text-decoration: none; font-weight: normal; font-size: 16px; padding-left: 20px; background: url(/img/item-more-bg.png) 0 0 no-repeat; line-height: 63px; }

/* Certifikat*/
#certifikat { width: 1000px; height: 132px; background: url(/img/certifikat.png) 0% 0% no-repeat; padding-top: 1px; margin: 15px 0px 30px; position: relative;}
#certifikat p { margin: 35px 10px 0px 220px; font-size: 16px; }
#certifikat p a { font-weight: normal; display: block; line-height: 41px; background: url(/img/certifikat-link.png) 100% 0% no-repeat; text-decoration: none; margin-right: 120px; }
#certifikat p a:hover { background-position: bottom right; }
#certifikat p a.uni_link {display: block; width: 170px; height: 95px; border: solid 1px; position: absolute; top: 8px; left: 25px; background: none; text-indent: -9999px; border: none;}
.universal {position: absolute; top: -2px; right: 270px;}
#universal #item {margin: 10px 0px; overflow: hidden;}
#universal .item {width: 940px; height: 86px; background: url(/img/long-item.png) 0% 0% no-repeat; margin: 10px 0px; padding: 23px 30px;}
#universal .item .left {margin-left: 15px;}
#universal .item .box1 {float:left; width: 450px; margin-left: 10px;}
#universal .item .price {left: 620px; top: 30px; }
#universal .item .moredetail {position: absolute; top: 45px; left: 820px; width: 139px; height: 40px; line-height: 40px; background: url(/img/bg-more.png) 0% 100% no-repeat; color: #6f99be; text-align: center; text-decoration: none; text-indent: -10px;}
#universal .item .moredetail:hover {background-position: top left; color: #fff;}
.order {display: block; width: 196px; height: 58px; background: url(/img/objednat.png) 0% 0% no-repeat; color: #fff; font-size: 14px; line-height: 58px; position: absolute; font-size: 16px; top: 280px; left: 805px; z-index: 1000;  text-align: center; text-decoration: none; text-indent: -10px;}
.order:hover {color: #fff; text-decoration: underline;}
.range {width: 800px; height: 111px; background: url(/img/certifikatrange.png) 0% 0% no-repeat; position: relative;}
.range span {display: block; width: 35px; height: 60px;cursor: pointer; position: absolute; top: 6px; z-index: 100;}
.price1 {left: 42px;}
.price2 {left: 77px;}
.price3 {left: 116px;}
.price4 {left: 156px;}
.price5 {left: 196px;}
.price6 {left: 236px;}
.price7 {left: 276px;}
.price8 {left: 316px;}
.price9 {left: 356px;}
.price10 {left: 396px;}
.price11 {left: 436px;}
.price12 {left: 476px;}
.price13 {left: 516px;}
.price14 {left: 556px;}
.price15 {left: 596px;}
.price16 {left: 636px;}
.price17 {left: 676px;}
.price18 {left: 716px;}
.range .prev {width: 25px; height: 25px; top: 27px; left: 13px;}
.range .next {width: 25px; height: 25px; top: 27px; right: 18px;}
.actual-price {position: absolute; z-index: 10; width: 80px; height: 86px; background:url(/img/price.png) 0% 0% no-repeat; top: 28px; left: 292px;}
.actual-price b {display: block; text-align:center; width: 70px; margin: 38px 5px 0px; color: #fff; font-size: 15px;}

/* IMG TITLES */
.title-recomm { width: 388px; height: 74px; position: realtive; font-size: 13px;}
.title-recomm span { position: absolute; width: 388px; height: 74px; background: url(/img/title.png) 0% 0% no-repeat; }
.title-next { width: 388px; height: 74px; position: realtive; font-size: 13px;}
.title-next span { position: absolute; width: 388px; height: 74px; background: url(/img/title-next.png) 0% 0% no-repeat; }
.title1,.title2,.title3,.title4,.title7,.title8,.title9,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17
,.title18,.title19,.title20,.title21,.title22,.title23,.title24,.title25,.title26,.title27 {width: 247px; height: 72px; position: realtive; font-size: 13px; margin: 25px 0px 10px;}
.title1 span { position: absolute; width: 247px; height: 72px; background: url(/img/title1.png) 0% 0% no-repeat; }
.title2 span { position: absolute; width: 247px; height: 72px; background: url(/img/title2.png) 0% 0% no-repeat; }
.title3 span { position: absolute; width: 247px; height: 72px; background: url(/img/title3.png) 0% 0% no-repeat; }
.title4 span { position: absolute; width: 247px; height: 72px; background: url(/img/title4.png) 0% 0% no-repeat; }
.title5 {width: 247px; height: 87px; position: realtive; font-size: 13px; margin: 25px 0px 10px;}
.title5 span { position: absolute; width: 247px; height: 72px; background: url(/img/title5.png) 0% 0% no-repeat; }
.title6 {width: 247px; height: 87px; position: realtive; font-size: 13px; margin: 25px 0px 10px;}
.title6 span { position: absolute; width: 247px; height: 72px; background: url(/img/title6.png) 0% 0% no-repeat; }
.title7 span { position: absolute; width: 247px; height: 72px; background: url(/img/title7.png) 0% 0% no-repeat; }
.title8 span { position: absolute; width: 247px; height: 72px; background: url(/img/title8.png) 0% 0% no-repeat; }
.title9 span { position: absolute; width: 247px; height: 72px; background: url(/img/title9.png) 0% 0% no-repeat; }
.title10 span { position: absolute; width: 247px; height: 72px; background: url(/img/title10.png) 0% 0% no-repeat; }
.title11 span { position: absolute; width: 247px; height: 72px; background: url(/img/title11.png) 0% 0% no-repeat; }
.title12 span { position: absolute; width: 247px; height: 72px; background: url(/img/title12.png) 0% 0% no-repeat; }
.title13 span { position: absolute; width: 247px; height: 72px; background: url(/img/title13.png) 0% 0% no-repeat; }
.title14 span { position: absolute; width: 247px; height: 72px; background: url(/img/title14.png) 0% 0% no-repeat; }
.title15 span { position: absolute; width: 247px; height: 72px; background: url(/img/title15.png) 0% 0% no-repeat; }
.title16 span { position: absolute; width: 247px; height: 72px; background: url(/img/title16.png) 0% 0% no-repeat; }
.title17 span { position: absolute; width: 247px; height: 72px; background: url(/img/title17.png) 0% 0% no-repeat; }
.title18 span { position: absolute; width: 247px; height: 72px; background: url(/img/title18.png) 0% 0% no-repeat; }
.title19 span { position: absolute; width: 247px; height: 72px; background: url(/img/title19.png) 0% 0% no-repeat; }
.title20 span { position: absolute; width: 247px; height: 72px; background: url(/img/title20.png) 0% 0% no-repeat; }
.title21 span { position: absolute; width: 247px; height: 72px; background: url(/img/title21.png) 0% 0% no-repeat; }
.title22 span { position: absolute; width: 247px; height: 72px; background: url(/img/title22.png) 0% 0% no-repeat; }
.title23 span { position: absolute; width: 247px; height: 72px; background: url(/img/title23.png) 0% 0% no-repeat; }
.title24 span { position: absolute; width: 247px; height: 72px; background: url(/img/title24.png) 0% 0% no-repeat; }
.title25 span { position: absolute; width: 247px; height: 72px; background: url(/img/title25.png) 0% 0% no-repeat; }
.title26 span { position: absolute; width: 247px; height: 72px; background: url(/img/title26.png) 0% 0% no-repeat; }
.title27 span { position: absolute; width: 247px; height: 72px; background: url(/img/title27.png) 0% 0% no-repeat; }

/**************/
/* CATEGORIES */
/**************/
#categories {height: 540px; position: relative; z-index: 1000;}
#categories.c1 { background: url(/img/kuryr1.png) 100% 100% no-repeat;}
#categories.c2 { background: url(/img/kuryr2.png) 100% 100% no-repeat;}
#categories.c3 { background: url(/img/kuryr3.png) 100% 100% no-repeat;}
#categories.nobg {height: 485px; position: relative; z-index: 1000; background: none;}
.cat-header { margin-top: 30px; padding: 20px 0px 20px 180px;}
.cat-header.noimg { margin-top: 30px; padding: 20px 0px 20px 40px;}
.cat-header.noimg.cat26 { margin-top: 30px; padding: 20px 0px 20px 0px;}
.cat1 {background: url(/img/cat-pritelkyne-img.png) 0% 0% no-repeat;}
.cat2 {background: url(/img/cat-pritel-img.png) 0% 0% no-repeat;}
.cat6,.cat14,.cat15 {background: url(/img/cat-prarodice-img.png) 0% 0% no-repeat;}
.cat4,.cat16,.cat17{background: url(/img/cat-muzi-img.png) 0% 0% no-repeat;}
.cat3,.cat21,.cat20  {background: url(/img/cat-zeny-img.png) 0% 0% no-repeat;}
.cat7,.cat18, .cat19 {background: url(/img/cat-kamaradi-img.png) 0% 0% no-repeat;}
.cat5,.cat12,.cat13 {background: url(/img/cat-rodice-img.png) 0% 0% no-repeat;}
.cat23,.cat22, .cat27 {background: url(/img/cat-deti-img.png) 0% 0% no-repeat;}

.cat-header .about {color: #395978; padding-right: 40px; text-align: justify; margin-bottom: 30px;}

/* bubble */
#categories a {text-decoration: none;}
#categories .bubble {visibility: hidden; position: absolute; left: 0px; top: 150px; z-index: 1000; width: 270px; background: #fff; padding-top: 15px; padding: 5px 10px;}
#categories .bubble a { display: inline-block; color: #c00707; font-weight: bold; font-size: 12px; margin: 0px; padding: 0px; background: url(/img/link.png) 0% 50% no-repeat; padding-left: 15px; margin-bottom: 10px;}
#categories .bubble span {float: right; color: #444444; font-size: 12px; padding-top: 1px;}
#categories .pritelkyne .bubble span {width: 130px;}
#categories .pritel .bubble span {width: 140px;}
#categories .zeny .bubble span {width: 145px;}
#categories .muzi .bubble span {width: 145px;}
#categories .kamaradi .bubble span {width: 125px;}
#categories .rodice .bubble span {width: 125px;}
#categories .prarodice .bubble span {width: 135px; float:left;}
#categories .deti .bubble span {width: 155px; float:left;}


/* pritelkyne */
#categories .pritelkyne { width: 165px; height: 197px; background: url(/img/cat-pritelkyne-img.png) 0% 0% no-repeat; margin: 0; position: absolute; top: 0px; left: 10px; }
#categories .pritelkyne a.main { display: block; width: 165px; height: 197px; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .pritelkyne a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 90px; left: 0px;}
#categories .pritelkyne a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 118px; left: 0px;}
/* pritel */
#categories .pritel { width: 159px; height: 210px; background: url(/img/cat-pritel-img.png) 0% 0% no-repeat; margin: 0; position: absolute; top: 170px; left: 130px;}
#categories .pritel a.main { display: block; width: 159px; height: 210px;  text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .pritel a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 90px; left: 0px;}
#categories .pritel a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 118px; left: 0px;}
/* zeny */
#categories .zeny { width: 156px; height: 181px; background: url(/img/cat-zeny-img.png) 0% 0% no-repeat; margin: 0px; position: absolute; top: 50px; left: 270px;}
#categories .zeny a.main { display: block; width: 156px; height: 181px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .zeny a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 70px; left: 0px;}
#categories .zeny a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 98px; left: 0px;}
#categories .zeny .bubble {top: 130px;}
/* muzi */
#categories .muzi { width: 151px; height: 190px; background: url(/img/cat-muzi-img.png) 0 0 no-repeat; margin: 0px; position: absolute; top: 10px; left: 480px;}
#categories .muzi  a.main { display: block; width: 151px; height: 190px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .muzi  a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 80px; left: 0px;}
#categories .muzi  a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 108px; left: 0px;}
#categories .muzi .bubble {top: 140px;}
/* kamaradi */
#categories .kamaradi { width: 165px; height: 201px; background: url(/img/cat-kamaradi-img.png) 0% 0% no-repeat; margin: 0px; position: absolute; top: 190px; left: 410px;}
#categories .kamaradi a.main { display: block; width: 165px; height: 201px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .kamaradi a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 90px; left: 0px;}
#categories .kamaradi a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 118px; left: 0px;}
/* rodice */
#categories .rodice { width: 162px; height: 193px; background: url(/img/cat-rodice-img.png) 0% 0% no-repeat; margin: 0px; position: absolute; top: 100px; left: 640px;}
#categories .rodice a.main { display: block; width: 162px; height: 193px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .rodice a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 90px; left: 0px;}
#categories .rodice a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 118px; left: 0px;}
/* prarodice */
#categories .prarodice { width: 171px; height: 212px; background: url(/img/cat-prarodice-img.png) 0% 0% no-repeat; margin-left: 9px; position: absolute; top: 200px; left: 790px;}
#categories .prarodice a.main { display: block; width: 171px; height: 212px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .prarodice a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 120px; left: 0px;}
#categories .prarodice a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 148px; left: 0px;}
#categories .prarodice .bubble {top: 180px; left: -140px;}
/* deti */
#categories .deti { width: 151px; height: 191px; background: url(/img/cat-deti-img.png) 0% 0% no-repeat; margin-left: 14px; position: absolute; top: 0px; right: 0px;}
#categories .deti a.main { display: block; width: 151px; height: 191px; position: realtive; text-decoration: none; font-size: 15px; text-indent: -9999px;}
#categories .deti a span {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; font-weight: normal; position: absolute; top: 90px; left: 0px;}
#categories .deti a strong {height: 36px; line-height: 36px; display: inline-block; background: url(/img/red-label.png) 0% 0% no-repeat; padding: 0px 8px; color: #fff; position: absolute; top: 118px; left: 0px;}
#categories .deti .bubble {left: -160px;}

/* compact = no image */
#categories.compact { position: realtive; height: 420px; margin-top: 25px; background: none; }
#categories.compact h2 {font-style: normal; font-weight: normal; letter-spacing: 0px;}
#categories.compact .pritelkyne a { display: block; width: 165px; height: 197px; text-decoration: none; font-size: 15px;}
#categories.compact .pritel a { display: block; width: 159px; height: 210px;  text-decoration: none; font-size: 15px;}
#categories.compact .zeny a { display: block; width: 156px; height: 181px; position: realtive; text-decoration: none; font-size: 15px;}
#categories.compact .muzi  a { display: block; width: 151px; height: 190px; position: realtive; text-decoration: none; font-size: 15px;}
#categories.compact .kamaradi a { display: block; width: 165px; height: 201px; position: realtive; text-decoration: none; font-size: 15px;}
#categories.compact .rodice a { display: block; width: 162px; height: 193px; position: realtive; text-decoration: none; font-size: 15px;}
#categories.compact .prarodice a { display: block; width: 171px; height: 212px; position: realtive; text-decoration: none; font-size: 15px;}
#categories.compact .deti a { display: block; width: 151px; height: 191px; position: realtive; text-decoration: none; font-size: 15px;}


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 330px; padding: 70px 0 0px; color: #264D6F; background: url(/img/footer.png) 100% 100% no-repeat; position: relative;}
#footer h3 { background-position: 0 0; background-repeat: no-repeat; background-color: #ad0004; font-size: 11px; text-transform: uppercase; color: #fff; padding: 7px 0 0 15px; }
#footer p { height: 70px; margin: 6px 0; }
#f-countdown { float: left; width: 280px; height: 100px; background: url(/img/countdown-ico.png) 0% 50% no-repeat; }
#f-countdown p { color: #35495c; margin-left: 80px;}
#f-countdown .count {display: block; font-size: 17px; }
#f-countdown  .hour {float:left; width: 55px; background: url(/img/hour.png) 0% 0% no-repeat; text-align: center; font-size: 10px; text-transform: uppercase;} 
#f-countdown  .minute {float:left; width: 45px; background: url(/img/minsec.png) 0% 0% no-repeat; margin-left: 5px; text-align: center; font-size: 10px; text-transform: uppercase;}
#f-countdown  .second {float:left; width: 45px; background: url(/img/minsec.png) 0% 0% no-repeat; margin-left: 5px; text-align: center; font-size: 10px; text-transform: uppercase;}
#f-countdown  .hour b, #f-countdown  .minute b, #f-countdown  .second b {height: 36px; line-height: 36px; display: block; font-size: 25px; margin-bottom: 4px;}
#f-countdown  .hour b { letter-spacing: -3px;}
#f-countdown p .microseconds { font-size: 30px; font-weight: bold; letter-spacing: -3px; display: block; }
#f-phone { float:left; width: 280px; background: url(/img/contact-phone-ico.png) 0% 50% no-repeat; height: 100px; }
#f-email { float:left; width: 280px; background: url(/img/contact-email-ico.png) 0% 50% no-repeat; height: 100px; }
#f-email p {color: #35495c; margin-left: 80px; font-size: 12px; line-height: 23px;}
#f-email p span {font-size: 17px; display: block;}
#f-email p a {font-size: 22px;}
#f-phone p {color: #35495c; margin-left: 80px; font-size: 12px; line-height: 23px;}
#f-phone p span {font-size: 17px; display: block;}
#f-phone p strong {font-size: 22px; display: block;}
.separator {float:left; width: 74px; height: 100px; background: url(/img/separator.png) 50% 50% no-repeat; }
.link-box {float:left; width: 140px; margin: 0px 20px 0px 20px; padding: 20px 0px;}
.link-box.last {margin-right: 0px;}
.link-box  p {margin: 2px 0px;}
.link-box a {font-size: 11px; color: #476075; text-decoration: none;}
.link-box a:hover {color: #000; text-decoration: underline;}
#copy {position: absolute; bottom: 10px; left: 190px; color: #5c6c7c; font-size: 11px; line-height: 21px;}
#copy a.zazitky {display: inline-block; width: 99px; height: 21px; background: url(/img/zazitky.png) 0% 0% no-repeat; text-indent: -9999px;}
#giant { margin-left: 80px; }
#giant a { color: #5C6C7C; font-weight: normal; }
#giant a.logo {display: inline-block; background: url('/img/giant.png') 0% 50% no-repeat; height: 22px; width: 57px; text-indent: -9999px;}
#webdesign { position: absolute; bottom: 90px; right: 10px; margin: 0; padding: 0; }
#webdesign a { display: block; width: 130px; height: 60px; text-indent: -9999px; }

/*******************************************************************/
/*                                                   PAGE HOMEPAGE */
/*******************************************************************/
#hp h1 { margin-bottom: 0; }
#hp .intro { padding-bottom: 0; background: none; }

/*************/
/* VANORUCKA */
/*************/
#vanorucka { width: 912px; height: 145px; padding: 60px 0 0 65px; margin: -25px 0 15px 5px; background: url(/img/vanorucka-bg.png) 0 0 no-repeat; position: relative; z-index: 0; }
#vanorucka h2 { font-size: 40px; font-weight: normal; }
#vanorucka p { width: 450px; color: #264D6F; margin-left: 8px; }
#vanorucka .unleash { position: absolute; top: 80px; right: 220px; }
.unleash { display: block; width: 205px; height: 60px; padding: 15px 0 0; background: #1C3952 url(/img/vanorucka-button.png) 0 0 no-repeat; font-size: 18px; letter-spacing: -1px; font-style: italic; text-align: center; color: #fff; text-decoration: none; font-weight: normal; text-transform: uppercase; }
.unleash:hover { background-position: 0 -75px; color: #fff; }

/********/
/* TAGS */
/********/
#tags { float: right; margin: -95px 10px 0 0; list-style: none; height: 100%;  position: relative; width: 650px;	}
#tags .tag1 {position: absolute; top: 0px; left: 250px;}
#tags .tag2 {position: absolute; top: 0px; left: 60px;}
#tags .tag3 {position: absolute; top: 65px; left: 170px;}
#tags .tag4 {position: absolute; top: 60px; left: 350px;}
#tags .tag5 {position: absolute; top: 10px; left: 410px;}
#tags .tag6 {position: absolute; top: 45px; right: 10px;}
#tags a { display: block; color: #0b3257; text-decoration: none; line-height: 44px; text-align: center;}
#tags a:hover {color: #000; text-decoration: underline;}
#tags .tag1 a {width: 128px; height: 49px; background: url(/img/bg-menu.png) 0% 0% no-repeat; font-size: 11px;}
#tags .tag2 a {width: 128px; height: 49px; background: url(/img/bg-menu.png) -0% 0% no-repeat;}
#tags .tag3 a {width: 159px; height: 50px; background: url(/img/bg-menu-big.png) 0% 0% no-repeat;font-size: 16px; line-height: 42px;}
#tags .tag4 a {width: 128px; height: 49px; background: url(/img/bg-menu.png) 0% 0% no-repeat;}
#tags .tag5 a {width: 128px; height: 49px; background: url(/img/bg-menu.png) 0% 0% no-repeat;}
#tags .tag6 a {width: 128px; height: 49px; background: url(/img/bg-menu.png) 0% 0% no-repeat;}
#tags .tag7 {width: 159px; height: 46px; background: url(/img/bg-menu-special.png) 0% 0% no-repeat; line-height: 36px; text-align: center;  font-weight: bold; position: absolute; top: 55px; left: 0px; font-size: 13px; color: #0b3257;}


/*******************************************************************/
/*                                                  PAGE VANORUCKA */
/*******************************************************************/
#page-vanorucka #content { background: url(/img/vanorucka-big.png) 120px 70px no-repeat; padding-top: 80px }
#page-vanorucka h1 { font-size: 40px; font-weight: normal; margin: 0 0 20px 420px; }
#page-vanorucka #item { margin: 0; }
#page-vanorucka .item { float: none; margin-left: 440px; }
#page-vanorucka .unleash { background-image: url(/img/vanorucka-button-blue-bg.png); margin: -135px 0 0 170px; }

.boy1,.boy2 ,.boy3,.boy4,.boy5,.boy6,.boy7,.boy8,.boy9,.boy10  {position: absolute; top: -9999px; right: 0px; background: url(/img/muz.png) 0% 0% no-repeat; width: 216px; height: 583px; text-indent: -9999px;}
.woman1,.woman2,.woman3,.woman4,.woman5,.woman6,.woman7,.woman8,.woman9,.woman10 {position: absolute; top: -9999px; left: 0px; background: url(/img/zena.png) 0% 0% no-repeat; width: 215px; height: 620px; text-indent: -9999px;}