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

body { font-family: Verdana;	color: #4E7C97; font-size: 12px;	line-height: 18px; background: none; }

address { font-style: normal; }


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #C2221F; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.block { display: block; }

img { border: none; }
a img { border: none; }
a { outline: none !important; }

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

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

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

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

/*****************/
/* EVENT CLASSES */
/*****************/
.clickable {}
._blank {}


/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #f5b458 url(/img/background-gradient.png) repeat-x left top; color: #3A3A3A; font-size: 12px; line-height: 18px; }
h1 { font-size: 22px; line-height: 35px; color: #4b4b4b; font-weight: bold; letter-spacing: -1px; padding-bottom: 12px; }
h2 { font-size: 20px; font-weight: bold; color: #4b4b4b; font-weight: bold; padding-bottom: 10px; }
h2 a { color: #FFFFFF; }
h3 { font-size: 12px; font-weight: bold; color: #2F4459; }
p { padding-bottom: 1em; }
ul { list-style: none; padding-bottom: 1em; }
ul li { background: url(/img/odrazka.gif) no-repeat left 8px; padding: 2px 5px 2px 14px; }
ol { margin-left: 2em; padding-bottom: 1em; }
a { color: #3A3A3A; text-decoration: underline; }
a:hover { text-decoration: none; }
.intro { font-size: 14px; color: #717171; line-height: 20px; }
ul.intro li { background-position: left 10px; position: relative; float: left; width: 420px; padding: 2px 20px 10px 12px; }
ul.intro li h2 a { color: #2F4459; }
ul.intro li h2 a:hover { color: #2F4459; }
ul.intro li p { font-size: 12px; line-height: 1.4; padding: 0; height: 34px; overflow: hidden; }
ul.intro li p.more { margin: 5px 0 8px; height: auto; }

.hr-line { background: transparent url(/img/dotted.png) repeat-x left bottom; margin-bottom: 1em; }

#right-column h1,#right-column h2,#right-column h3, #right-column p, #right-column ul, #right-column ul li, #right-column ol { margin: 0 20px; }

#right-column .item h2 { margin: 0 5px; }

/**********/
/* BUTTON */
/**********/
.button { text-decoration: none; }
.button span { background: url(/img/button-red.png) no-repeat right center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; height: 15px; line-height: 15px; font-size: 11px; color: #FFFFFF; padding: 0px 7px 0px 0px; }
.button span span {  padding-left: 8px; background-color: #C00629; white-space: nowrap; }
a.button:hover span span { text-decoration: underline; cursor: pointer; }

/* COLORS */
.button.blue span { background-image: url(/img/button-blue.png); }
.button.blue span span { background-color: #48B6CB; }

/* SIZE */
.button.middle span { height: 17px; line-height: 17px; padding-right: 8px; }
.button.big span { height: 19px; line-height: 19px; padding-right: 9px; font-size: 12px; font-weight: bold; }


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

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

#page-bg { background: url(../img/background-bubbles.png) repeat-x; background-position: top center; min-width: 875px; }

#page-bgr { background: url(/img/header-bgr2.png) left top no-repeat; width: 875px; height: 450px; position: absolute; top: 0; left: 0; padding-bottom: 40px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { padding-top: 0px; position: absolute; width: 875px; height: 340px; top: 0; left: 0; }
#header-text { font-size: 28px; color: #6c6c6c; line-height: 30px; font-weight: bold; width: 362px; position: absolute; top: 62px; right: 15px; text-align: right; }

/*#sortiment #header-image { width: 161px; height: 125px; background: url(/img/header-rajcata.png) top left no-repeat; position: absolute; top: 210px; left: 373px; }
#fotogalerie #header-image { width: 159px; height: 151px; background: url(/img/header-kavicka.png) top left no-repeat; position: absolute; top: 210px; left: 373px; }
#kontakt #header-image { width: 183px; height: 130px; background: url(/img/header-ananas.png) top left no-repeat; position: absolute; top: 210px; left: 373px; }
#odkazy #header-image { width: 190px; height: 176px; background: url(/img/header-rajce.png) top left no-repeat; position: absolute; top: 210px; left: 373px; }
#uvod*/ #header-image { width: 511px; height: 195px; background: url(/img/header-bagety.png) top left no-repeat; position: absolute; top: 130px; left: 313px; }
/********/
/* LOGO */
/********/
#logo { margin-top: 30px; display: block; width: 174px; height: 112px; }

/*********/
/* CLAIM */
/*********/
#title { width: 197px; background: url(/img/title-claim.png) no-repeat left top; position: absolute; top: 100px; left: 689px; padding: 0px; margin: 0px; }
#title em { visibility: hidden; display: block; width: 197px; height: 84px; padding: 0px 0px 20px 0px; }
#title a { position: relative; left: 30px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; margin-top: 30px; border-top: 2px solid #f58c23; clear: both; padding: 10px; }
#footer a:hover { text-decoration: none; }

#copy  { width: 970px; height: 40px; background: url(/img/copy-bgr.gif) top left no-repeat; position: relative; left: -13px; margin-top: 30px; line-height: 40px; font-size: 11px; }
#copy p  { line-height: 40px; }
#copy a  { text-decoration: underline; color: #D6C0C1; }

#copyright { padding-left: 15px; }

#giant { float: right; text-align: right; height: 40px; padding-right: 15px; }
#giant img { vertical-align: middle; }

.clickable { cursor: pointer; }
#footer-email { width: 109px; position: absolute; right: 74px; bottom: 198px; height: 16px; overflow: hidden; background: url(/img/fmail-bgr.png); }
#footer-email a { display: block; padding-top: 16px; width: 110px; position: relative; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 65px; left: 235px; display: block; }

#menu ul { padding: 0; position: relative; padding: 0; }
#menu ul li { display: block; padding: 0; }
#menu ul li a { display: block; position: relative; cursor: pointer; padding-top: 36px; overflow: hidden; height: 0; }
#menu ul li a span { display: block; height: 36px; position: absolute; top: 0px; left: 0; }

#menu #m-uvod { right: 0; width: 86px; }
#menu #m-uvod span { background: url(/img/menu-uvod.png) no-repeat; width: 86px; }
#menu #m-uvod:hover span, #uvod #menu #m-uvod span { background: url(/img/menu-uvod.png) scroll 0 -36px no-repeat; }

#menu #m-sortiment { right: 52px; top: 10px; width: 128px; }
#menu #m-sortiment span { background: url(/img/menu-sortiment.png) no-repeat; width: 128px; }
#menu #m-sortiment:hover span, #sortiment #menu #m-sortiment span { background: url(/img/menu-sortiment.png) scroll 0 -36px no-repeat; }

#menu #m-fotogalerie { right: 92px; top: 20px; width: 138px; }
#menu #m-fotogalerie span { background: url(/img/menu-fotogalerie.png) no-repeat; width: 138px; }
#menu #m-fotogalerie:hover span, #fotogalerie #menu #m-fotogalerie span { background: url(/img/menu-fotogalerie.png) scroll 0 -36px no-repeat; }

#menu #m-kontakt { right: 105px; top: 30px; width: 111px; }
#menu #m-kontakt span { background: url(/img/menu-kontakt.png) no-repeat; width: 111px; }
#menu #m-kontakt:hover span, #kontakt #menu #m-kontakt span { background: url(/img/menu-kontakt.png) scroll 0 -36px no-repeat; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#content { padding-top: 340px; width: 550px; float: left; position: relative; padding-bottom: 40px; }
#uvod #content { width: 500px; }


#sortiment-submenu { font-size: 11px; padding-bottom: 20px; }

.bold { font-weight: bold; color: #4b4b4b; }
.hp-kontakt { margin-top: 10px; }

#hp-prodejna { float: left; margin-left: -63px; margin-top: -52px; margin-right: -35px; margin-bottom: -30px; }

#hp-upoutavka-wrapper { position: absolute; left: 165px; top: 220px; height: 405px; width: 550px; }
#hp-upoutavka { position: absolute; behavior: url(../js/pie.htc); padding: 9px; -pie-background: rgba(0, 0, 0, .2); background-color: rgba(0, 0, 0, .2); border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; z-index: 999; right: 0px; bottom: 0px; }
#hp-upoutavka-wrapper h2 { text-align: center; display: inline-block; width: 272px; }
#hp-upoutavka-wrapper h2 * { display: inline-block; width: 272px; height: 87px; position: absolute; top: 0px; left: 0px; z-index: 1000; }
#hp-upoutavka-wrapper h2 span { background: url(../img/hp-upoutavka-title.png) no-repeat; }
#hp-upoutavka #hp-upoutavka-content { behavior: url(../js/pie.htc); background: #fff; background: url(../img/hp-upoutavka-visual.jpg) no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 505px; height: 365px; position: relative; z-index: 1001; }
#hp-upoutavka-close { behavior: url(../js/pie.htc); background: #fff url(../img/hp-upoutavka-close.png) no-repeat center; display: inline-block; width: 42px; height: 40px; position: absolute; right: 0px; top: 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#hp-upoutavka p.floats span { padding: 8px 10px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: -5px;  behavior: url(../js/pie.htc); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; letter-spacing: -1px; z-index: 1002; }

#hp-upoutavka p.white { position: absolute; margin: 80px 0 0 20px; }
#hp-upoutavka p.white span { background: #fff; font-size: 21px; color: #505050; }
#hp-upoutavka span.name { color: #75b31f !important; text-transform: uppercase; }

#hp-upoutavka p.green { position: absolute; margin: 180px 0 0 20px; }
#hp-upoutavka p.green span { background: #75b31f; font-size: 14px; color: #fff; }

/*******************************************************************/
/*                                                   BAGETA BANNER */
/*******************************************************************/
/*#upoutavka { margin-top: 340px; margin-bottom: 30px; width: 277px; float: right; background: #F4E0A8; padding: 4px; position: relative; }*/
#upoutavka { margin-top: 340px; margin-bottom: 30px; width: 277px; float: right; background: #fcebd1; padding: 4px; position: relative;  }

#uvod #upoutavka { width: 317px; overflow: hidden; }
#uvod #upoutavka .inner { width: 285px; }

#upoutavka .inner { border: 1px solid #f1c599; padding: 15px; overflow: hidden; width: 245px; }
#upoutavka h2 { font-size: 16px; font-weight: bold; color: #5E5E5E; }
#upoutavka h3 { color: #E26000; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#upoutavka p { font-size: 11px; }

/* upoutavka - scrolling */
#upoutavka.scroll { margin-left: 590px; }

/*******************************************************************/
/*                                                         GALLERY */
/*******************************************************************/
#gallery {  }
.gallery .item { background: transparent url(/img/galerie-bgr.gif) no-repeat scroll left top; float: left; height: 170px; margin-right: 9px; padding-right: 5px; text-align: center; width: 169px; }

/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; width: 100%; font-size: 11px; margin-bottom: 30px; }
tr { background: url(/img/dotted.png) repeat-x left bottom; }
th { text-align: left; vertical-align: middle; padding: 0 10px; }
td { vertical-align: top; padding: 3px 10px; vertical-align: middle; }
thead tr { background: none; }
thead th { border-bottom: 2px solid #22A6BF; white-space: nowrap; }
td.price { text-align: right; white-space: nowrap; }
th.price { text-align: center; }

tr.even { background: #fcebd1; }
td.right { width: 50px; }

/********/
/* FORM */
/********/
form {}
fieldset { border: 0; }
button { border: none; background: none; cursor: default; }
form table { margin: 0px; }
form label { line-height: 20px; padding-right: 10px; padding-top: 1px; }
form tr { background: none; }
form td { padding: 5px 0px 5px 0px; vertical-align: middle; }
form td.top { vertical-align: top; }
form td.col { padding-right: 40px; }
form table label { display: block; }
form, .input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input, textarea, select { border: 1px solid #DEDBD8; background-color: #FFFFFF; padding: 3px 5px; }
.input { width: 150px; }
.input.short { width: 50px; }
textarea { width: 96%; }
optgroup { padding-left: 10px; }
optgroup option { padding-left: 10px; }

#main-content form { margin-top: 20px; }
#main-content form label { width: 76px; display: block; float: left; }
#main-content form .mensi label { width: 39px; }

#main-content .kontakt-column { width: 260px; float: left; }
#main-content .delsi { width: 300px; }

#main-content .spravne { color: #009900; border: 1px solid #009900; text-align: center; padding: 5px; margin-top: 15px; margin-bottom: 15px; }
#main-content .spatne { color: #FF0000; border: 1px solid #FF0000; text-align: center; padding: 5px; margin-top: 15px; margin-bottom: 15px; }

/***********/
/* OVERLAY */
/***********/
#overlay { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/img/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }

/*************/
/* SLIDESHOW */
/*************/
#upoutavka .slide { float: left; margin-right: 25px; width: 297px; text-align: center; }
#upoutavka .slide p, h2, h3 { text-align: left; }
#upoutavka #slide-position { height: 230px; left: 0; overflow: hidden; position: relative; }

/***********/
/* KONTAKT */
/***********/
#mapa { width: 250px; float: right; text-align: right; font-size: 10px; }
a.adresa-link { color: #4b4b4b; text-decoration: none; }

/********-***/
/* DOWNLOAD */
/******-*****/

#download { float: right; clear: right; width: 277px; }
#download a { display: block; padding-left: 35px; background: url(../img/pdf.png) no-repeat; line-height: 35px; margin-bottom: 15px; }

/***********/
/* GALERIE */
/***********/

.gallery {  }

/*******/
/* 404 */
/*******/
#nenalezeno ul { list-style-type: disc; list-style-position: inside; }