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


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

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
.slogan { font-style: italic; color: #C23093; }
.red { color: #CC0000; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: none !important; }
a:hover { color: #F26231; }
strong.inline { display: inline !important; }
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: 0px; top: 0px; 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: #333333; vertical-align: middle; }
form .input, textarea { padding: 5px 7px; }
form .input, select, textarea { border: 1px solid #CCCCCC; }
form fieldset { border: none; padding: 0px; margin: 0px; }
form button { border: none; background: none; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-size: 13px; color: #333333; background: url(/img/body-bg.jpg) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 18px; color: #BD278F; letter-spacing: -1px; padding: 0px 0px 14px 0px; font-weight: normal; }
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: 18px; color: #666666; }
ul { margin-left: 2em; }
ol { margin-left: 3em; }
ol p { padding-left: 0px; }
p { padding-bottom: 1em; }
a { color: #333333; text-decoration: underline; font-weight: bold; }
a:hover { color: #403892; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { width: 1000px; margin: 0px auto; text-align: left; position: relative; }

#main-content { width: 510px; float: right; padding-bottom: 15px; margin-top: -20px; }
#left-column { width: 244px; float: right; padding: 20px 0px 0px 20px }
#column-wrapper { width: 774px; float: left; }
#right-column { width: 226px; float: left; padding-bottom: 30px; }

.wide #right-column { display: none; }
.wide #column-wrapper { width: auto; float: none; }
.wide #main-content { width: 736px; }

.layout-2-columns {}
.layout-2-columns .col1,
.layout-2-columns .col2 { width: 300px; padding-right: 50px; margin-right: 10px; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 85px; }
#logo { padding: 10px 0px 0px 42px; margin: 0px; font-size: 11px; color: #C23093; font-style: italic; }
#logo a { position: relative; top: 14px; color: #C23093; text-decoration: none; }
#logo strong { font-weight: normal; position: relative; top: -14px; left: 10px; }
#logo img { margin-top: -14px; }

#header-contacts { position: absolute; top: 0px; right: 218px; }
#header-contacts span { display: block; text-indent: -9000px; position: absolute; right: 0px; top: 15px; overflow: visible; }
#header-contacts span span { top: 0px; }
#header-contacts span em { display: block; position: absolute; right: 17px; top: 19px; text-indent: 0px; font-size: 10px; color: #D68DBF; white-space: nowrap; font-style: normal; line-height: 11px; }
#header-contacts span.piste { top: 47px; }
#header-contacts span.piste span { width: 162px; height: 18px; background: url(/img/piste.png) no-repeat left top; }
#header-contacts span.piste em { right: 66px; }
#header-contacts span.volejte { right: 3px; }
#header-contacts span.volejte span { width: 178px; height: 20px; background: url(/img/volejte.png) no-repeat left top; }

#header-certificate { position: absolute; top: 0px; right: 0px; width: 180px; height: 58px; }
#header-certificate * { display: block; position: absolute; top: 0px; left: 0px; width: 180px; height: 58px; }
#header-certificate span { background: url(/img/termin.png) no-repeat left top; }
#header-certificate a { text-indent: -9000px; }


/*******************************************************************/
/*                                                             TOP */
/*******************************************************************/
#top { height: 310px; }

/******************************/
/* BLOCK CATEGORY TITLE SMALL */
/******************************/
#block-category-title-small { width: 222px; height: 55px; background: url(/img/category-small.png) no-repeat left top; padding: 9px 0px 0px 10px; margin: 0px; color: #D7D3E7; font-size: 12px; overflow: hidden; position: absolute; top: 89px; left: 176px; }
#block-category-title-small strong { font-weight: normal; color: #FFFFFF; font-size: 20px; display: block; padding-left: 15px; letter-spacing: -1px; }

/************************/
/* BLOCK CATEGORY TITLE */
/************************/
#block-category-title { width: 305px; height: 85px; padding: 20px 0px 0px 12px; background: url(/img/kategorie.png) no-repeat left top; position: absolute; top: 88px; left: 180px; font-size: 20px; color: #D7D3E7; letter-spacing: -1px; }
#block-category-title strong { font-size: 30px; color: #FFFFFF; font-weight: normal; display: block; padding: 11px 0px 9px 4px; line-height: 18px;  }
#block-category-title span { font-size: 11px; color: #FFFFFF; display: block; padding: 0px 0px 0px 31px; letter-spacing: normal; }


/********************/
/* BLOCK CATEGORIES */
/********************/
#block-categories-bg { width: 255px; height: 314px; background: url(/img/zazitky.png) no-repeat left top; position: absolute; top: 90px; left: 7px; }
#block-categories { width: 255px; height: 314px; position: absolute; top: 90px; left: 7px; }
#block-categories h2 { font-size: 20px; color: #FFFFFF; padding: 17px 0px 8px 17px; }
#block-categories ul { padding: 0px 0px 0px 22px; margin: 0px; width: 160px; }
#block-categories li { color: #B59BC9; text-align: right; background: url(/img/menu-bg.png) no-repeat left top; list-style: none; padding: 4px 2px 0px 2px; margin: 0px; font-size: 11px; line-height: 18px; }
#block-categories li.first-child { background: none; }
#block-categories a { float: left; text-align: left; color: #FFFFFF; text-decoration: none; margin-right: -5px; }
#block-categories a:hover { text-decoration: underline; }

/**********************/
/* BLOCK GENERAL INFO */
/**********************/
#block-general-info-bg { width: 266px; height: 265px; position: absolute; top: 90px; right: 6px; }
#block-general-info { width: 266px; height: 265px; background: url(/img/zakladni-info.png) no-repeat left top; position: absolute; top: 90px; right: 6px; }
#block-general-info .content { padding: 11px 46px 0px 64px; }
#block-general-info h2 { width: 122px; height: 36px; text-align: center; line-height: 36px; color: #FFFFFF; font-size: 12px; text-transform: uppercase; margin-left: 21px; margin-bottom: 17px; }
#block-general-info h2 span { width: 122px; height: 36px; background-image: url(/img/title-zakladni-info.gif); }
#block-general-info dl { font-weight: bold; color: #FFFFFF; font-size: 16px; letter-spacing: -1px; }
#block-general-info dt { line-height: 5px; }
#block-general-info dd { text-align: right; font-size: 20px; padding: 0px 0px 20px 0px; }
#block-general-info button { width: 130px; height: 36px; line-height: 34px; font-size: 22px; font-weight: bold; color: #FFFFFF; text-align: center; cursor: pointer; border: none; background: #9D2C90 url(/img/button-purple-violet.gif) no-repeat left top; }
#block-general-info button span { text-decoration: underline; }
#block-general-info .note { color: #FFFFFF; font-size: 10px; margin-bottom: -13px; position: relative; top: -11px; }

/*********************/
/* BLOCK TOP ZAZITKY */
/*********************/
#block-top-zazitky-bg { width: 266px; height: 265px; background: url(/img/top-zazitky.png) no-repeat left top; position: absolute; top: 90px; right: 6px; }
#block-top-zazitky { width: 266px; height: 265px; position: absolute; top: 90px; right: 6px; }
#block-top-zazitky .content { padding: 11px 33px 0px 41px; }
#block-top-zazitky h2 { width: 191px; height: 85px; overflow: hidden; padding-bottom: 3px; text-indent: -9000px; background-position: 0px 0px; background-repeat: no-repeat;  }
#block-top-zazitky h2.small { width: 90px; height: 33px; padding: 8px 0px 0px 62px; overflow: hidden; background: url(/img/title-top.gif) no-repeat 62px 8px; padding-bottom: 15px; }
#block-top-zazitky ol { list-style: none; font-weight: bold; color: #FFFFFF; font-size: 16px; margin: 0px; padding: 0px 0px 0px 12px; line-height: 20px; }
#block-top-zazitky ol a { color: #FFFFFF; }
#block-top-zazitky ol li { padding-bottom: 10px; padding-left: 10px; letter-spacing: -1px; }


/* CUSTOM TITLES */
#page-category-auta #block-top-zazitky h2 { background-image: url(/img/title-top-automobilove-zazitky.gif); }
#page-category-akce #block-top-zazitky h2 { background-image: url(/img/title-top-akce-a-dobrodruzstvi.gif); }
#page-category-relaxace #block-top-zazitky h2 { background-image: url(/img/title-top-relaxace.gif); }
#page-category-gurman #block-top-zazitky h2 { background-image: url(/img/title-top-gurman.gif); }
#page-category-pro-dva #block-top-zazitky h2 { background-image: url(/img/title-top-dva-a-vice.gif); }
#page-category-sport #block-top-zazitky h2 { background-image: url(/img/title-top-sport.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-vzduch #block-top-zazitky h2 { background-image: url(/img/title-top-vzduch.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-krasa #block-top-zazitky h2 { background-image: url(/img/title-top-krasa.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-povolani #block-top-zazitky h2 { background-image: url(/img/title-top-povolani.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-zazitkove-hry #block-top-zazitky h2 { background-image: url(/img/title-top-zazitkove-hry.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-rodiny #block-top-zazitky h2 { background-image: url(/img/title-top-rodiny.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }
#page-category-snih #block-top-zazitky h2 { background-image: url(/img/title-top-snih.gif); width: 210px; height: 77px; position: relative; left: -10px; top: -2px; }

/* CUSTOM BACKGROUNDS */
/* MUST BE EDITED IN IE6 STYLESHEET TOO! */
#page-category-auta #block-top-zazitky-bg { background-image: url(/img/top-zazitky-auta.png); }
#page-category-akce #block-top-zazitky-bg { background-image: url(/img/top-zazitky-akce.png); }
#page-category-relaxace #block-top-zazitky-bg{ background-image: url(/img/top-zazitky-relaxace.png); }
#page-category-gurman #block-top-zazitky-bg { background-image: url(/img/top-zazitky-gurman.png); }
#page-category-pro-dva #block-top-zazitky-bg { background-image: url(/img/top-zazitky-pro-dva.png); }
#page-category-vzduch #block-top-zazitky-bg { background-image: url(/img/top-zazitky-vzduch.png); }
#page-category-krasa #block-top-zazitky-bg { background-image: url(/img/top-zazitky-krasa.png); }
#page-category-povolani #block-top-zazitky-bg { background-image: url(/img/top-zazitky-povolani.png); }
#page-category-zazitkove-hry #block-top-zazitky-bg { background-image: url(/img/top-zazitky-zazitkove-hry.png); }
#page-category-rodiny #block-top-zazitky-bg { background-image: url(/img/top-zazitky-rodiny.png); }
#page-category-snih #block-top-zazitky-bg { background-image: url(/img/top-zazitky-snih.png); }


/*************/
/* FLASH BOX */
/*************/
#flash { width: 596px; height: 265px; position:absolute; top: 90px; left: 191px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/img/footer-bg.gif) no-repeat center top; padding: 14px 30px 20px 45px; font-size: 11px; color: #999999; }
#footer a { color: #999999; }
#footer .footer-links {
float: left;
margin-bottom: 30px;
}

#footer ul { padding: 0px; margin: 0px; }
#footer li { width: 170px; float: left; color: #5E3491; font-weight: bold; list-style: none; padding: 0px; margin: 0px; font-size: 11px; }
#footer li a { color: #5E3491; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }

#footer li ul { margin: 0px; padding: 2px 0px 0px 0px; }
#footer li li { width: auto; float: none; font-weight: normal; font-size: 11px; color: #D0258F; }
#footer li li a { color: #D0258F; text-decoration: none;  }
#footer li li a:hover { text-decoration: underline; }

#footer .footer-links a { font-size: 13px; color: #5E3491; text-decoration: none; }
#footer .footer-links a:hover { text-decoration: underline; }
#footer .footer-links a { font-size: 11px; color: #D0258F; font-weight: normal; text-decoration: none; }
#footer .footer-links a.first { padding-left: 0px; }
#footer .footer-links a:hover { text-decoration: underline; }
#footer strong { font-size: 13px; color: #5E3491; display: block; float: left; }

#footer-links-ex a, #footer-links-ex li { font-size: 11px; color: #BDBDBD; font-weight: normal; text-decoration: none; }
#footer-links-ex a:hover { text-decoration: underline; }
#footer-links-ex strong { font-size: 13px; color: #C7B8D9; }

#zazitky-cz, #zazitky-cz ul, #zazitky-cz li {
width: 220px;
font-size: 11px;
color: #D0258F;
font-weight: normal;
}

#zazitky {
width: 370px;
}
#zazitky strong {
float: left;
width: 320px;
}
#zazitky ul.sloupec1, #zazitky ul.sloupec1 li {
width: 180px;
float: left;
}
#zazitky ul.sloupec2, #zazitky ul.sloupec2 li {
width: 150px;
float: left;
}
#kontakty {
width: 160px;
}
#footer-links-ex {
position: relative;
width: 250px;
}
#footer #footer-links-ex strong a {
width: 250px;
float: left;
color: #C7B8D9;
text-decoration: none;
font-size: 13px;
}
#footer-links-ex ul.sloupec1, #footer-links-ex ul.sloupec1 li {
width: 120px;
float: left;
}
#footer-links-ex ul.sloupec2, #footer-links-ex ul.sloupec2 li {
width: 130px;
float: left;
}
#footer #footer-links-ex ul li a {
color: #BDBDBD;
}
#footer #odkazy a {
color: #BDBDBD;
position: absolute;
top: -32px;
left: 12px;
}

#copyright { padding: 0px 0px 0px 0px; }
#copyright img { position: relative; top: 7px; padding-right: 10px; }
#copyright a { font-weight: normal; }
#copyright .slogan { color: #C23093; text-decoration: none; }
#copyright .slogan:hover { text-decoration: underline; }

#giant { float: right; position: relative; top: 14px; }
#giant a { text-decoration: none; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { padding-bottom: 20px;}

/************************/
/* BLOCK ZAZITKY MAILEM */
/************************/
#block-zazitky-mailem-bg { width: 210px; height: 201px; background: transparent url(/img/mailem.png) no-repeat left top; position:absolute; top: 0px; left: 0px; }
#block-zazitky-mailem { font-size: 11px; color: #FFFFFF; width: 210px; height: 201px; position: relative; top: 0px; left: 0px; margin-bottom: 0px; }
#block-zazitky-mailem .content { position: absolute; top: 9px; left: 24px; width: 153px; }
#block-zazitky-mailem h2 { height: 26px; line-height: 26px; padding: 0px; margin: 0px; width: 144px; margin-bottom: 4px; }
#block-zazitky-mailem h2 span { width: 144px; height: 26px; background-image: url(/img/title-zazitky-mailem.gif); }
#block-zazitky-mailem p { line-height: 16px; padding-bottom: 10px; }
#block-zazitky-mailem form { text-align: center; padding: 0px; margin: 0px; }
#block-zazitky-mailem fieldset {}
#block-zazitky-mailem .input { border-color: #009900; font-style: italic; padding: 3px 7px 3px 14px; width: 127px; font-size: 12px;  }
#block-zazitky-mailem button { width: 100px; height: 28px; background: #008500 url(/img/button-green.gif) no-repeat left top; line-height: 26px; font-weight: bold; color: #FFFFFF; font-size: 13px; text-transform: uppercase; text-align: center; cursor: pointer; margin-top: 11px; }
#block-zazitky-mailem button span { text-decoration: underline; color: #FFFFFF; }

/*****************/
/* BLOCK ODPOCET */
/*****************/
#block-odpocet-bg { width: 210px; height: 201px; background: transparent url(/img/odpocet.png) no-repeat left top; position:absolute; top: 0px; left: 0px; }
#block-odpocet { font-size: 11px; color: #FFFFFF; width: 210px; height: 155px; position: relative; top: 5px; left: 0px; margin-bottom: 0px; }
#block-odpocet .content { position: absolute; top: 9px; left: 24px; width: 153px; }
#block-odpocet h2 { height: 26px; line-height: 26px; padding-bottom: 25px; margin: 2px 11px 4px; width: 131px; }
#block-odpocet h2 span { width: 131px; height: 50px; background-image: url(/img/title-odpocet.png); }
#block-odpocet p { line-height: 16px; padding: 5px 0px 0px 15px; word-spacing: 4px; }
#block-odpocet .days { padding-right: 13px; }
#block-odpocet #counter { font-size: 24px; font-weight: bold; padding: 5px 0px 0px 18px; word-spacing: 0px; }
#block-odpocet #counter .days { padding-right: 12px; }

/*******************/
/* BLOCK CO NOVEHO */
/*******************/
#block-co-noveho { width: 207px; height: 270px; background: url(/img/novinky.png) no-repeat left top; padding: 32px 0px 0px 0px; }
#block-co-noveho .content { margin: 0px 15px 0px 15px; }
#block-co-noveho h2 { width: 158px; height: 23px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #007D7D; text-transform: uppercase; padding: 0px; margin: 0px; }
#block-co-noveho h2 span { width: 158px; height: 23px; background-image: url(/img/title-co-noveho.gif); }

/*******************************/
/* BLOCK UNIVERSAL CERTIFICATE */
/*******************************/
#block-universal-certificate { width: 210px; height: 226px; padding: 30px 0px 0px 0px; position: relative; }
#block-universal-certificate-bg {  background: url(/img/universal-certificate-bg.png) no-repeat left top; width: 210px; height: 256px; position: absolute; top: 0px; left: 0px; }
#block-universal-certificate h2 { height: 53px; width: 100%; line-height: 30px; padding: 0px; margin: 0px; }
#block-universal-certificate span { width: 179px; height: 53px; background: url(/img/universal-certificate-title.png); }
#block-universal-certificate p { font-size: 18px; color: #008484; text-indent: 6px; padding: 115px 14px 0px 10px; margin: 0px; line-height: 21px; letter-spacing: -1px; }
#block-universal-certificate p a { text-decoration: none; color: #008484; font-weight: bold;  }
#block-universal-certificate .content { background: url(/img/universal-certificate-img.jpg) no-repeat 43px 58px; height: 194px; padding: 0px 0px 0px 14px; position: absolute; top: 30px; left: 0px; }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

#right-column .block { position: relative; width: 190px; height: 216px; padding-bottom: 36px; margin-left: 30px;  }
#right-column .background { width: 190px; height: 216px; background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; }
#right-column .content { padding: 21px 29px 0px 25px; width: 136px; height: 195px;  font-size: 11px; color: #FFFFFF; line-height: 15px; position: absolute; top: 0px; left: 0px; }
#right-column h2 { color: #FFFFFF; text-align: center; height: 21px; line-height: 21px; overflow: hidden; padding: 0px; margin: 0px 0px 11px 0px; }
#right-column h2 span { width: 136px; height: 21px; }
#right-column .insert-flash { width: 136px; height: 102px; margin-bottom: 10px; }
#right-column a { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: normal; }

/***************/
/* BLOCK VIDEO */
/***************/
#block-video {}
#block-video .background { background-image: url(/img/block-video-bg.png); }
#block-video h2 span { background-image: url(/img/block-video-title.png); }


/*********************/
/* BLOCK FOTOGALERIE */
/*********************/
#block-fotogalerie { height: 210px !important; }
#block-fotogalerie .background { background-image: url(/img/block-fotogalerie-bg.png); }
#block-fotogalerie h2 span { background-image: url(/img/block-fotogalerie-title.png); }

/*********************/
/* BLOCK HRY-INFO    */
/*********************/
#block-hry-info { width: 190px; margin: 0 0 10px 30px; text-align: center; }

/*********************/
/* BLOCK MP3         */
/*********************/
#block-mp3 { height: 169px !important; }
#block-mp3.high { height: 281px !important; }
#block-mp3 .background { background-image: url(/img/block-mp3-bg.png); }
#block-mp3.high .background { background-image: url(/img/block-mp3-bg2.png); height: 281px !important; }
#block-mp3.high .content { height: 281px !important; }
#block-mp3 h2 span { background-image: url(/img/block-mp3-title.png); }
#block-mp3 .song { height: 40px; margin: 10px 0 0 -5px; font-size: 12px; color: #333; }
#block-mp3 .song span { display: block; padding-top: 5px; }
#block-mp3 object { float: left; margin: 0 8px 0 0; }

/**********************/
/* BLOCK WHAT YOU GET */
/**********************/
#block-what-you-get { background: url(/img/block-wyg-bg.png) no-repeat left top; padding: 26px 0px 0px 14px; height: 310px; width: 196px; position: relative; left: 15px; }
#block-what-you-get h2 { overflow: auto; height: auto; margin: auto; color: #990000; font-size: 12px; font-style: italic; margin: 0px 20px 0px 0px; }
#block-what-you-get strong { font-size: 18px; color: #264C6C; display: block; }
#block-what-you-get ul { margin: 5px 0px 0px 0px; }
#block-what-you-get li { list-style: none; color: #264C6C; font-size: 16px; font-weight: bold; font-style: italic; padding: 15px 0px 15px 52px; background-position: left center; background-repeat: no-repeat; letter-spacing: -1px; }
#block-what-you-get li span { font-size: 12px; display: block; }

#block-what-you-get li.present { background-image: url(/img/block-wyg-present.png); }
#block-what-you-get li.clock { background-image: url(/img/block-wyg-clock.png); }
#block-what-you-get li.box { background-image: url(/img/block-wyg-box.png); padding-top: 7px; padding-bottom: 7px; }
#block-what-you-get li.heart { background-image: url(/img/block-wyg-heart.png); }
#block-what-you-get li.dog { background-image: url(/img/block-wyg-dog.png); padding-top: 7px; padding-bottom: 7px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { }

.wide #main-content #sklik{ display: none; }

#main-content h2 { padding-bottom: 5px; padding-top: 10px; }

.intro { font-size: 15px; line-height: 23px; padding-bottom: 24px; }

.dph-note { padding-top: 30px; font-size: 11px; margin-bottom: -20px; }

.dph { color: #C8C8C8; font-size: 11px; text-align: right; padding-bottom: 5px; padding-right: 40px; position: absolute; bottom: 225px; right: 0px; }

.view-more { text-align: right; position:relative; top: -18px; margin-bottom: -18px; }

dl.params {}
dl.params dt { font-weight: bold; }
dl.params dd { padding-bottom: 29px; }

ul.params { padding: 0px; margin: 0px; }
ul.params li { list-style: none; width: 46%; margin-right: 3%; float: left; padding-bottom: 29px; }
ul.params li ol li { width: auto; list-style-type: decimal; margin-right: 0px; float: none; padding-bottom: 0px; }
ul.params span { display: none; }
ul.params strong { display: block; }
ul.params li.nofloat { float: none; width: auto; margin-right: 0px; clear: left; }
ul.params li.rows-2 { height: 54px; }
ul.params li.rows-3 { height: 72px; }
ul.params li.rows-4 { height: 90px; }
ul.params li ul li { width: auto; list-style: disc; margin-right: 0px; float: none; padding-bottom: 0px; }
ul.params li strong em { text-transform: uppercase; color: #fff; background-color: #cc0000; font-size: 11px; text-transform: uppercase; font-style: normal; padding: 1px 4px 0px 4px; }

dl#podminky,
dl.podminky {}
dl#podminky dt,
dl.podminky dt { float: left; width: 30px; }
dl#podminky dd,
dl.podminky dd { padding-left: 30px; }
dl#podminky .title
dl.podminky .title {letter-spacing: -1px; font-size: 18px; color: #666666; padding-bottom: 10px; padding-top: 20px; }
dl#podminky h2
dl.podminky h3 { padding-bottom: 10px; padding-top: 20px; }

#links {}
#links dd { padding-bottom: 10px; }

/* classic table */
table.classic { border-collapse: collapse; margin: 5px 0px 1em 0px; }
table.classic td,
table.classic th { border: 1px solid #E7E7E7; padding: 8px; vertical-align: top; }
table.classic th { text-align: left; font-weight: bold; }
table.classic caption { text-align: left; text-transform: uppercase; font-weight: bold; }


/* pricelist table */
table.pricelist { width: 700px; margin-bottom: 15px; border-collapse: collapse; }
table.pricelist td { padding: 5px 6px; border-collapse: collapse; }
table.pricelist td.price { text-align: right; font-size: 90%; font-weight: bold; color: #666; padding-right: 10px; }
table.pricelist .odd td { background-color: #f2f2f2; }

/*******************/
/* SIDEBAR PAYMENT */
/*******************/
#sidebar-payment { background: url(/img/sidebar-payment.png) no-repeat left top; width: 202px; height: 482px; color: #264D6F; font-size: 12px; font-weight: bold; margin-top: 5px; }
#sidebar-payment p { padding: 332px 0px 15px 0px; text-align: center; line-height: 12px; }
#sidebar-payment div.slideshow { width: 150px; height: 78px; overflow: hidden; margin: 0 auto; position: relative; }
#sidebar-payment img { top: 0px; left: 0px; }

#main-content #sidebar-payment { position: absolute; top: 400px; right: 10px; margin-top: 0px; }
#right-column #sidebar-payment { position: relative; left: 20px; }

/**********/
/* NOTICE */
/**********/
.notice { position: relative;  }
.notice { font-size: 11px; font-weight: bold; color: #fff; line-height: 16px; }
.notice p { margin: 0; background: url(/img/notice-valentyn-bg.png) no-repeat left top; width: 437px; height: 68px; padding: 22px 50px 0 25px; position: absolute; top: -5px; left: -7px; text-align: center; }
.wide .notice { }
.wide .notice p { background-image: url(/img/notice-winter-bg.png); background-position: left top; width: 692px; position: static; text-align: left; font-size: 24px; color: #264D6F; font-style: italic; line-height: 18px; padding: 40px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: center; width: 692px; }
.notice p a { color: #264D6F; font-size: 12px; }

#block-order .notice { background: url(/img/notice-winter-narrow-bg.png) no-repeat left top; height: 107px; overflow: hidden; color: #264D6F; margin-bottom: 20px; }
#block-order .notice p { background: none; font-size: 16px; color: #264D6F; padding: 50px 0px 0px 0px;  }

/**************/
/* BANNER IMG */
/**************/
#banner-img { text-align: center; }
#banner-img img { margin-left: -20px; }

#block-order #banner-img { padding: 10px  0px 25px 0px;  }
#block-order #banner-img img { margin-left: auto;  }

/***************/
/* BLOCK ORDER */
/***************/
#block-order { position: relative; }
#block-order h2 { font-size: 24px; color: #403892; letter-spacing: -2px; padding-bottom: 35px; }
#block-order h2 strong { font-size: 28px; color:#BD278F; display: block; padding-left: 40px; padding-top: 13px; line-height: 30px; }
#block-order legend { color: #666666; letter-spacing: -1px; font-size: 18px; padding-bottom: 10px; }
#block-order fieldset { padding-bottom: 25px; position: relative;}
#block-order textarea { width: 412px; height: 95px; overflow: hidden; }
#block-order p { padding: 0px; margin: 0px;  }
#block-order button { width: 130px; height: 36px; text-align: center; line-height: 36px; font-size: 22px; color: #FFFFFF; font-weight: bold; background: #A32B90 url(/img/button-purple-violet.gif) no-repeat left top; cursor: pointer; }
#block-order span { text-decoration: underline; color: #FFFFFF; }

#block-order td { padding: 0px 7px 8px 0px; }
#block-order .input { margin-right: 20px; }
#block-order #form-order-zip { width: 73px; }
#block-order .input.short { width: 30px; }

#form-unicert strong.discount,
#block-order strong.discount { color: #CC0000; vertical-align: baseline; }

#block-order em.xmas { display: inline; font-size: 11px; letter-spacing: normal; color: #FFFFFF; background-color: #CC0000; text-transform: uppercase; padding: 1px 4px 0px 4px; }

#block-order .radiopack p { height: 25px; line-height: 24px; width: 434px; }
#block-order .radiopack p.auto-height { height: auto; line-height: 1.3; padding: 3px 0 0; }
#block-order .radiopack p.two-rows { height: 40px; line-height: 18px; padding: 3px 0px 0px 1px; }
#block-order .radiopack .odd { background-color: #F2F2F2; }
#block-order .radiopack label { display: block; width: 300px; float: left; line-height: 24px; padding: 0px 0px 0px 5px; }
#form-unicert .radiopack label.short,
#block-order .radiopack label.short { width: 250px; }
#form-unicert .radiopack label.full,
#block-order .radiopack label.full { width: auto; }
#block-order .radiopack p.two-rows label { line-height: 18px; }
#block-order .radiopack label.inline,
#form-unicert .radiopack label.inline { display: inline; width: auto; margin-right: 4px; }
.radiopack a { vertical-align: bottom; }
#block-order fieldset em { font-size: 11px; display: block; padding-right: 70px; font-style: normal; margin-bottom: -10px; padding-bottom: 0px; padding-top: 5px; }
#block-order fieldset em.pay,
#form-unicert fieldset em.pay,
#block-order fieldset em.pay2,
#form-unicert fieldset em.pay2 { position: relative; top: -7px; padding-left: 21px; width: 394px; padding-bottom: 5px; }
#block-order fieldset em.pay2,
#form-unicert fieldset em.pay2 { top: -5px; background-color: #F2F2F2; width: 343px; overflow: hidden; margin-bottom: -3px; padding-bottom: 3px; }
#block-order .referrer { display: none; }

#block-order .selectpack p { height: 25px; line-height: 24px; width: 429px; padding: 0px 0px 0px 5px; }
#block-order .selectpack  .odd { background-color: #F2F2F2; }

#block-order #unicert-field .input { padding: 2px 5px; width: 80px; }
#block-order #form-order-coupon { padding: 2px 5px; width: 85px; margin-left: 2px; margin-right: 0px; }
#block-order #coupon p { background-color: #F2F2F2; line-height: 24px; width: 429px; font-size: 11px; padding: 0px 0px 0px 5px; }

#block-order #discount-cards .odd { background-color: #F2F2F2; width: 430px; padding-left: 4px; }
#form-order-discount-card-type { margin-right: 15px; width: 140px; }
#block-order #form-order-discount-card-number { padding: 2px 5px; margin-right: 0px; }

/*#block-order .radiopack .radio { position: relative; top: -1px; }

#block-order .other p { padding-bottom: 0px; }
#block-order .other * { vertical-align: bottom; }
#block-order .other input { vertical-align: middle; }

#block-order .note { font-size: 11px; position: relative; top: -15px; } */

p.box-border { margin: 5px 0 20px; padding: 8px 10px; background-color: #fdf4f9; border: 1px solid #d0258f; }
.box-border.info { background: #fdf4f9 url(/img/ico-info.png) 10px 50% no-repeat; padding-left: 34px; font-size: 12px; }
.box-border.info a { font-weight: normal; color: #d0258f; }


/********************/
/* FORM CERTIFICATE */
/********************/
#form-certificate {}
#form-certificate table { width: 600px; }
#form-certificate td { padding: 0px 0px 5px 0px; }
#form-certificate .input { width: 140px; }
#form-certificate-code,
#form-certificate-name,
#form-certificate-birthday,
#form-certificate-street,
#form-certificate-zip,
#form-certificate-phone { margin-right: 20px; }

#form-certificate textarea { width: 600px; height: 100px; overflow: hidden; margin-top: 3px; }
#form-certificate .note { font-size: 11px; color: #999999; }
#form-certificate p { width: 600px; }
#form-certificate button { width: 130px; height: 36px; text-align: center; line-height: 36px; font-size: 22px; color: #FFFFFF; font-weight: bold; background: #A32B90 url(/img/button-purple-violet.gif) no-repeat left top; cursor: pointer; }

#form-certificate .other * { vertical-align: bottom; }
#form-certificate .other input { vertical-align: middle; }



/******************************/
/* FORM UNIVERSAL CERTIFICATE */
/******************************/
#form-unicert { position: relative; }
#form-unicert h2 { font-size: 24px; color: #403892; letter-spacing: -2px; padding-bottom: 35px; }
#form-unicert h2 strong { font-size: 28px; color:#BD278F; display: block; padding-left: 40px; padding-top: 13px; line-height: 30px; }
#form-unicert legend { color: #666666; letter-spacing: -1px; font-size: 18px; padding-bottom: 10px; }
#form-unicert fieldset { padding-bottom: 25px; position: relative;}
#form-unicert textarea { width: 412px; height: 95px; overflow: hidden; }
#form-unicert p { padding: 0px; margin: 0px;  }
#form-unicert button { width: 130px; height: 36px; text-align: center; line-height: 36px; font-size: 22px; color: #FFFFFF; font-weight: bold; background: #A32B90 url(/img/button-purple-violet.gif) no-repeat left top; cursor: pointer; }
#form-unicert span { text-decoration: underline; color: #FFFFFF; }

#form-unicert td { padding: 0px 7px 8px 0px; }
#form-unicert .input { margin-right: 20px; }
#form-unicert #form-order-zip { width: 73px; }
#form-unicert .input.short { width: 30px; }

#form-unicert .radiopack p { height: 25px; line-height: 24px; width: 434px; }
#form-unicert .radiopack  .odd { background-color: #F2F2F2; }
#form-unicert .radiopack label { display: block; width: 289px; float: left; line-height: 24px; padding: 0px 0px 0px 5px; }
#form-unicert .radiopack label.short { width: 250px; }
#form-unicert .selectbox { width: 434px; height: 25px; line-height: 24px; padding-bottom: 25px;}
#form-unicert .selectbox label { background-color: #F2F2F2; font-size: 14px; font-weight: bold; color: #666666; padding: 2px 5px 2px 5px; display: block; }
#form-unicert .selectbox strong { display: block; width: 250px; float: left; line-height: 24px; color: #666666; }
#form-unicert .selectbox select { text-align: right; position: relative; top: -1px; }
#form-unicert fieldset em { font-size: 11px; display: block; padding-right: 70px; font-style: normal; margin-bottom: -10px; padding-bottom: 0px; padding-top: 5px; }
#form-unicert fieldset em.pay { position: relative; top: -7px; padding-left: 21px; }
#form-unicert .referrer { display: none; }
#form-unicert #form-order-coupon { padding: 2px 5px; width: 85px; margin-left: 2px; margin-right: 0px; }
#form-unicert #coupon p { background-color: #F2F2F2; line-height: 24px; width: 429px; font-size: 11px; padding: 0px 0px 0px 5px; }

/*************/
/* FORM IDEA */
/*************/
#form-idea {}
#form-idea table { width: 550px; }
#form-idea td { padding: 0px 0px 5px 0px; }
#form-idea .input { width: 140px; }
#form-idea-name,
#form-idea-phone { margin-right: 20px; }

#form-idea p { width: 550px; }
#form-idea textarea { width: 500px; height: 100px; overflow: hidden; margin-top: 3px; }
#form-idea button { width: 130px; height: 36px; text-align: center; line-height: 36px; font-size: 22px; color: #FFFFFF; font-weight: bold; background: #A32B90 url(/img/button-purple-violet.gif) no-repeat left top; cursor: pointer; margin-top: 10px; }

/********/
/* ITEM */
/********/
.item { height: /*175px*/ 240px; width: 356px; float: left; margin-right: 8px; }
.item h2 { font-size: 24px; letter-spacing: -1px; font-weight: bold; line-height: 24px; color: #403892; padding: 14px 0px 8px 0px !important; position: relative;  }
.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: #BAB5E1; font-weight: normal; }
.item.new h2 em { left: 62px; }
.item.sleva h2 em { left: 45px; }
.item h2 strong { text-transform: uppercase; color: #fff; background-color: #d0258f; font-size: 10px; line-height: 1.4; letter-spacing: 0; padding: 0 4px; position: absolute; top: 0; left: 0; }
.item.xmas h2 em { left: 102px; }
.item.new.xmas h2 em { left: 162px; }
.item.new.xmas h2 strong.xmas { left: 60px; }
.item h2 strong.xmas { background-color: #CC0000; }
.item h2 a { color: #403892; text-decoration: none; }
.item h2 a:hover { color: #D0258F; text-decoration: underline; }
.item p { padding-top: 7px; padding-bottom: 5px; line-height: 20px; }
.item p.price { font-size: 11px; color: #666666; text-transform: uppercase; padding-top: 15px;  }
.item p.price strong { font-weight: bold; font-size: 24px; color: #BD278F; letter-spacing: -1px; text-transform: none; }
.item p.location { font-size: 10px; color: #D68DBF; padding-top: 0px; line-height: 10px; position: relative; top: -4px; margin-bottom: -6px; 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; }

/***********/
/* GALLERY */
/***********/
#gallery {}
#gallery a,
.gallery a { display: block; width: 200px; height: 133px; overflow: hidden; float: left; padding: 9px; margin: 0px 15px 15px 0px; border: 1px solid #ccc; background-color: #fafafa; }

/***********/
/* SITEMAP */
/***********/
#page-sitemap {}
#page-sitemap #main-content h2 { font-size: 24px; color: #BD278F; padding-bottom: 1em; }
#page-sitemap #main-content h2 a { color: #BD278F; }
.sitemap { padding: 0px; margin: 0px; }
.sitemap li { list-style: none; float: left; width: 32%; height: 58px; }

/*******************************************************************/
/*                                                   PAGE HOMEPAGE */
/*******************************************************************/
#page-homepage {}

#page-homepage #flash { width: 829px; height: 288px; left: 173px; top: 84px; }
#page-homepage #flash-bg { width: 829px; height: 288px; background: url(/img/bg-flash-hp.jpg) no-repeat left top; }
#page-homepage #top { height: 310px; }
#page-homepage #main-content { padding-top: 20px; }
/*
#page-homepage #block-zazitky-mailem { top: -6px; margin-bottom: -6px; }
#page-homepage #block-odpocet { top: -6px; margin-bottom: -6px; }
*/

/*******************************************************************/
/*                                                        PAGE 404 */
/*******************************************************************/
#page-404 {}
#page-404 h1,
#page-404 p.intro { padding-left: 295px; }
#page-404 h1 { font-size: 28px; line-height: 80px; height: auto; padding-top: 30px; }
#page-404 h1 strong { font-size: 56px; }
#page-404 p.intro { font-size: 16px; }
#page-404 p.intro a { font-weight: normal; }

/*******************************************************************/
/*                                        PAGE CO OD NAS DOSTANETE */
/*******************************************************************/
#page-co-od-nas-dostanete {}
#page-co-od-nas-dostanete h1 { font-size: 24px; color: #264D6F; font-weight: bold; margin-bottom: 20px; }
#page-co-od-nas-dostanete #main-content { color: #333333; padding-top: 20px; padding-left: 15px; width: 721px; }
#page-co-od-nas-dostanete #main-content h2 { font-size: 18px; color: #264D6F; font-weight: normal; padding-top: 0px; margin-top: 0px; }
#page-co-od-nas-dostanete #main-content div.section { padding: 0px 0px 30px 80px; background-position: left top; background-repeat: no-repeat; width: 370px; }
#page-co-od-nas-dostanete #main-content div.page-xmas div.section { padding-left: 66px; }
#page-co-od-nas-dostanete #main-content div.section p { padding-bottom: 0px; }
#page-co-od-nas-dostanete #main-content div.section p.note { color: #999999; font-style: normal; font-size: 13px; }
#page-co-od-nas-dostanete div.present { background-image: url(/img/present.png); }
#page-co-od-nas-dostanete div.clock { background-image: url(/img/clock.png); }
#page-co-od-nas-dostanete div.heart { background-image: url(/img/heart.png); }
#page-co-od-nas-dostanete div.dog { background-image: url(/img/dog.png); }
#page-co-od-nas-dostanete div.box { background-image: url(/img/box.png); }
#page-co-od-nas-dostanete div.stamp { background-image: url(/img/ico-stamp.png); }
#page-co-od-nas-dostanete div.car { background-image: url(/img/ico-car.png); }
#page-co-od-nas-dostanete div.radio { background-image: url(/img/ico-radio.png); }
#page-co-od-nas-dostanete div.persons { background-image: url(/img/ico-persons.png); }
#page-co-od-nas-dostanete div.phone { background-image: url(/img/ico-phone.png); }
#page-co-od-nas-dostanete #main-content a:hover { color: #264D6F; }

/*******************************************************************/
/*                                           PAGE SLEVA NA ZAZITKY */
/*******************************************************************/
.discount-cards { list-style: none; margin: 0.5em 0; }
.discount-cards li { height: 100%; overflow: auto; padding-bottom: 20px; }
.discount-cards p { margin: 0 0 0 140px; }