@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: #FFFFFF; }


/*******************************************************************/
/*                                                          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: #D4E3F0 url(/img/bg-top.jpg) 0 0 repeat-x; }
#bg-bottom { background: url(/img/bg-bottom.png) center bottom repeat-x; }
#page-wrapper { width: 1000px; margin: auto; }
#content { min-height: 200px; height: 100%; overflow: auto; padding: 30px 0 20px; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 180px; position: relative; }
#logo { padding: 40px 0 0; text-align: center; margin: 0; position: relative; z-index: 1; }
#subtitle { width: 791px; height: 147px; margin: -60px auto 0; z-index: 0; line-height: 20px; text-align: center; background-image: url(/img/header-subtitle-bg.png); color: #fff; }


/*******************************************************************/
/*                                                         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; background: url(/img/hr.png) 0 0 no-repeat; }
.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 { float: left; margin: -15px 30px 20px; }

/**********/
/* FILTER */
/**********/
#filter { height: 40px; padding-top: 10px; position: relative; }
#filter p { float: left; }
#filter p.type { width: 340px; padding-left: 0px; float: left; }
#page-levne #filter,
#page-exkluzivni #filter { margin-left: 70px; }

/* PRICE RANGE */
#price-range { float: left; padding: 3px 0px 0px 0px; }
#price-range .knob-max span,
#price-range .knob-min span { display: block; position: absolute; top: -4px; right: 0px; height: 24px; line-height: 23px; padding: 14px 15px 0px 8px; background: url(/img/block-search-knobs.png) no-repeat right top; color: #FFFFFF; font-weight: bold; font-size: 11px; cursor: e-resize; }
#price-range .knob-max span { background-position: left -38px; right: auto; left: 0px; padding: 14px 8px 0px 15px; }
#price-range .range { width: 200px; height: 4px; background-color: #999999; position: relative; top: 12px; display: block; margin-left: 170px; }
#price-range label { text-transform: uppercase; font-size: 11px; color: #333333; position: absolute; top: -16px; }
#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 40px; height: 100%; overflow: auto; padding-bottom: 20px; clear: both; }
.item { height: 230px; width: 370px; float: left; margin: 10px 30px 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: 10px; letter-spacing: normal; position: absolute; top: 0px; left: 1px; line-height: 1.4; text-transform: uppercase; color: #224462; 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; }
.item p.price { font-size: 11px; color: #666666; text-transform: uppercase; margin: 10px 0 0; }
.item p.price strong { font-weight: bold; font-size: 24px; color: #b40003; letter-spacing: -1px; text-transform: none; }
.item p.location { font-size: 10px; color: #264D6F; padding-top: 0; line-height: 10px; position: relative; margin: 3px 0 0; padding-left: 3px; }
.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: -35px; left: 120px; }
.item .more a { display: block; width: 175px; height: 39px; padding: 21px 0 0 37px; color: #fff; text-decoration: none; font-weight: normal; font-style: italic; font-size: 18px; letter-spacing: -1px; background: url(/img/item-more-bg.png) 0 0 no-repeat; }

/**************/
/* CATEGORIES */
/**************/
#categories { list-style: none; height: 230px; position: relative; z-index: 1; }
#categories li { float: left; height: 210px; position: relative; }
#categories h2 { font-size: 26px; color: #fff; letter-spacing: -1px; line-height: 0.8; font-style: normal; position: relative; z-index: 1; }
#categories h2 em { display: block; font-style: normal; font-weight: normal; font-size: 12px; letter-spacing: 0; }
#categories h2 a { color: #fff; text-decoration: none; display: block; }
/* bubble */
#categories li .bubble { visibility: hidden; position: absolute; left: -25px; top: 190px; z-index: 2; width: 180px; background: url(/img/bubble-arrow.png) center 0 no-repeat; padding-top: 15px; }
#categories li.prarodice .bubble { top: 200px; }
#categories li.zeny .bubble,
#categories li.muzi .bubble { left: -35px; }
#categories li .bubble p { margin: 0; padding: 5px 10px 8px; border: 2px solid #264D6F; border-width: 0 2px 2px; background-color: #fff; font-size: 11px; color: #92A6B7; position: relative; }
#categories li .bubble p strong { display: block; margin-bottom: 5px; font-size: 15px; color: #264D6F; }
#categories li .bubble p a { text-decoration: none; }

/* pritelkyne */
#categories .pritelkyne { width: 134px; background: url(/img/cat-pritelkyne-img.png) 13px 11px no-repeat; margin-left: 0; }
#categories .pritelkyne h2 a { height: 37px; padding: 155px 0 5px 13px; background: url(/img/cat-pritelkyne-heading-bg.png) 0 bottom no-repeat; }
#categories .pritelkyne a:hover { background-position: -150px bottom; }
/* pritel */
#categories .pritel { width: 104px; background: url(/img/cat-pritel-img.png) 0 10px no-repeat; margin-left: 12px; }
#categories .pritel h2 a { height: 37px; padding: 155px 0 5px 22px; background: url(/img/cat-pritel-heading-bg.png) 4px bottom no-repeat; }
#categories .pritel a:hover { background-position: -146px bottom; }
/* zeny */
#categories .zeny { width: 100px; background: url(/img/cat-zeny-img.png) 0 11px no-repeat; margin-left: 17px; }
#categories .zeny h2 a { height: 36px; padding: 155px 0 5px 25px; background: url(/img/cat-zeny-heading-bg.png) 5px bottom no-repeat; }
#categories .zeny a:hover { background-position: -145px bottom; }
/* muzi */
#categories .muzi { width: 107px; background: url(/img/cat-muzi-img.png) 0 0 no-repeat; margin-left: 10px; }
#categories .muzi h2 a { height: 41px; padding: 160px 0 5px 20px; background: url(/img/cat-muzi-heading-bg.png) 0 bottom no-repeat; }
#categories .muzi a:hover { background-position: -150px bottom; }
/* rodice */
#categories .rodice { width: 146px; background: url(/img/cat-rodice-img.png) 0 8px no-repeat; margin-left: 5px; }
#categories .rodice h2 a { height: 38px; padding: 158px 0 5px 32px; background: url(/img/cat-rodice-heading-bg.png) 0 bottom no-repeat; }
#categories .rodice a:hover { background-position: -150px bottom; }
/* prarodice */
#categories .prarodice { width: 138px; background: url(/img/cat-prarodice-img.png) 0 15px no-repeat; margin-left: 9px; }
#categories .prarodice h2 a { height: 55px; padding: 145px 0 5px 15px; background: url(/img/cat-prarodice-heading-bg.png) 0 bottom no-repeat; }
#categories .prarodice a:hover { background-position: -150px bottom; }
/* kamaradi */
#categories .kamaradi { width: 143px; background: url(/img/cat-kamaradi-img.png) 5px 20px no-repeat; margin-left: 14px; }
#categories .kamaradi h2 a { height: 35px; padding: 155px 0 5px 13px; background: url(/img/cat-kamaradi-heading-bg.png) 0 bottom no-repeat; }
#categories .kamaradi a:hover { background-position: -150px bottom; }

/* compact = no image */
#categories.compact { height: 100px; margin-top: 25px; }
#categories.compact li { background: none; height: 100px; }
#categories.compact li a { padding-top: 32px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { height: 220px; padding: 30px 0 30px; color: #264D6F; }
#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: 300px; height: 130px; padding-left: 40px; }
#f-countdown h3 { width: 126px; height: 32px; background-image: url(/img/countdown-heading-bg.png); }
#f-countdown p { background: url(/img/countdown-ico.png) 15px 5px no-repeat; padding: 5px 0 0 85px; font-size: 20px; line-height: 1.1; }
#f-countdown p .microseconds { font-size: 30px; font-weight: bold; letter-spacing: -3px; display: block; }
#f-contact { float: left; }
#f-contact h3 { width: 143px; height: 34px; background-image: url(/img/contact-heading-bg.png); }
#f-contact p { float: left; padding-top: 5px; font-size: 11px; }
#f-contact p a { text-decoration: none; color: #264D6F; }
#f-contact p a:hover { text-decoration: underline; }
#f-contact p strong { display: block; font-size: 16px; letter-spacing: -1px; }
#f-contact .web { width: 150px; padding-left: 70px; background: url(/img/contact-web-ico.png) 15px 0 no-repeat; }
#f-contact .phone { width: 125px; padding-left: 40px; background: url(/img/contact-phone-ico.png) 0 2px no-repeat; }
#f-contact .email { width: 150px; padding-left: 55px; background: url(/img/contact-email-ico.png) 0 4px no-repeat; }

#copy { padding: 15px 60px 0; color: #989898; font-size: 11px; }
#copy a { color: #989898; font-weight: normal; }
#copy p { height: auto; }
#copy .zazitky { width: 440px; float: left; }
#copy .zazitky img { margin: 0 0 -7px 4px; }
#copy .zazitky span { display: block; margin-top: 8px; }
#copy #giant { float: right; text-align: right; margin-top: 40px; }
#giant a { text-decoration: none; }
#giant img { margin: 0 0 -5px 4px; }

/*******************************************************************/
/*                                                   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: -65px 10px 0 0; list-style: none; height: 100%; overflow: auto; }
#tags li { float: left; margin-left: 15px; }
#tags a,
#tags span { display: block; color: #fff; text-decoration: none; background-position: left 0; background-repeat: no-repeat; letter-spacing: -1px; font-weight: bold; }
#tags .active a,
#tags .active span,
#tags a:hover { background-position: right 0; }
#tags .cheap a { width: 81px; height: 23px; padding: 9px 0 0 5px; margin-top: 19px; font-size: 15px; background-image: url(/img/tag-small.png); }
#tags .superb span { width: 193px; height: 47px; padding: 0 0 0 8px; margin-top: 24px; font-size: 20px; background-image: url(/img/tag-medium.png); }
#tags .exclusive a { width: 201px; height: 39px; padding: 18px 0 0 10px; font-size: 26px; background-image: url(/img/tag-big.png); }


/*******************************************************************/
/*                                                  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; }