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

body { font-family: Trebuchet MS;	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; }

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; width: 100%; height: 100%; 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: #8E1B24 url(/img/body-bgr.png) repeat-x left top; color: #FFFFFF; font-size: 14px; line-height: 18px; }
h1 { font-size: 30px; line-height: 35px; color: #FFFFFF; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; }
h2 { font-size: 20px; font-weight: bold; color: #FFFFFF; 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: #FFFFFF; text-decoration: underline; }
a:hover {  }
.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: 971px; margin: 0 auto; position: relative; }

#homepage #right-image { background: url(/img/zelenina-bgr.png) top left no-repeat; width: 337px; height: 438px; position: absolute; top: 37px; right: -15px; }
#sluzby #right-image { background: url(/img/olej-bgr.png) top left no-repeat; width: 256px; height: 364px; position: absolute; top: 37px; right: 0; }
#kontakt #right-image { background: url(/img/testoviny-bgr.png) top left no-repeat; width: 262px; height: 413px; position: absolute; top: 37px; right: 0; }
#prostredi #right-image { background: url(/img/kaficko-bgr.png) top left no-repeat; width: 273px; height: 341px; position: absolute; top: 37px; right: 0; }
#odkazy #right-image { background: url(/img/testoviny-bgr.png) top left no-repeat; width: 262px; height: 413px; position: absolute; top: 37px; right: 0; }
#listek #right-image { background: url(/img/spagety-bgr.png) top left no-repeat; width: 242px; height: 352px; position: absolute; top: 37px; right: 0; }


/* #homepage #page-wrapper { background: url(/img/zelenina-bgr.gif) scroll 710px 80px no-repeat; } 

#sluzby #page-wrapper { background: url(/img/testoviny-bgr.gif) scroll 730px 80px no-repeat; }
#kontakt #page-wrapper { background: url(/img/testoviny-bgr.gif) scroll 730px 80px no-repeat; }
#prostredi #page-wrapper { background: url(/img/kaficko-bgr.gif) scroll 730px 80px no-repeat; }
#odkazy #page-wrapper { background: url(/img/testoviny-bgr.gif) scroll 730px 80px no-repeat; }
#listek #page-wrapper { background: url(/img/spagety-bgr.gif) scroll 730px 80px no-repeat; }

*/

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { background: url(/img/head-bgr.gif) left top no-repeat; padding-top: 0px; position: absolute; width: 706px; height: 94px; top: 0; }


/********/
/* LOGO */
/********/
#logo { width: 195px; position: absolute; top: 36px; left: 20px; }
#logo a { width: 100%; height: 26px; }
#logo span { width: 100%; height: 26px; background: url(/img/logo.gif) top left no-repeat; }

/*********/
/* 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 { height: 271px; background: url(/img/footer-bgr.gif) top left no-repeat; padding-left: 13px; padding-top: 21px; font-size: 12px; color: #D6C0C1; margin-top: 30px; }
#footer a:hover { text-decoration: none; }

#footer .f-box { width: 319px; height: 150px; float: left; }
#footer .f-box img { float: left; margin-right: 15px; }
#footer .f-box a.overlap { display: block; height: 0px; margin-bottom: 10px; padding-top: 80px; }
#f-sleva a.overlap span { width: 100%; height: 80px; background: url(/img/sleva-napis.gif) top left no-repeat; }
#f-rodina a.overlap span { width: 100%; height: 80px; background: url(/img/rodina-napis.gif) top left no-repeat; }
#f-kontakt a.overlap span { width: 100%; height: 80px; background: url(/img/kontakt-napis.gif) top left no-repeat; }
#footer .f-text { width: 295px; }

#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: 90px; height: 41px; overflow: hidden; display: block; }

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

#m-uvod { width: 82px; }
#m-sluzby { width: 91px; }
#m-prostredi { width: 109px; }
#m-listek { width: 212px; }
#m-kontakt { width: 112px; }

#m-uvod span { width: 82px; background: url(/img/menu-uvod.png) top left no-repeat; }
#m-sluzby span { width: 91px; background: url(/img/menu-sluzby.png) top left no-repeat; }
#m-prostredi span { width: 109px; background: url(/img/menu-prostredi.png) top left no-repeat; }
#m-listek span { width: 212px; background: url(/img/menu-listek.png) top left no-repeat; }
#m-kontakt span { width: 112px; background: url(/img/menu-kontakt.png) top left no-repeat; }

#m-uvod:hover span, #homepage #m-uvod span { width: 82px; background: url(/img/menu-uvod.png) scroll 0 -41px no-repeat; }
#m-sluzby:hover span, #sluzby #m-sluzby span { width: 91px; background: url(/img/menu-sluzby.png) scroll 0 -41px no-repeat; }
#m-prostredi:hover span, #prostredi #m-prostredi span { width: 109px; background: url(/img/menu-prostredi.png) scroll 0 -41px no-repeat; }
#m-listek:hover span, #listek #m-listek span { width: 212px; background: url(/img/menu-listek.png) scroll 0 -41px no-repeat; }
#m-kontakt:hover span, #kontakt #m-kontakt span { width: 112px; background: url(/img/menu-kontakt.png) scroll 0 -41px no-repeat; }


#lang-menu { position: absolute; top: 18px; right: 0; width: 220px; }
#lang-menu a { display: block; height: 15px; float: left; margin-left: 25px; }
#rus { background: url(/img/flag-rus.gif) scroll 0 4px no-repeat; padding-left: 25px; }
#eng { background: url(/img/flag-eng.gif) scroll 0 4px no-repeat; padding-left: 25px; }
#cze { background: url(/eng/img/flag-cze.gif) scroll 0 4px no-repeat; padding-left: 25px; }



/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#content { padding: 10px; padding-top: 150px; width: 689px; }
#homepage #content { width: 740px; }
#kontakt #content { width: 745px; }
#sluzby #content { width: 745px; }

.listek-menu-bgr { height: 138px; background: url(/img/listek-menu-bgr.gif) top left no-repeat; padding: 20px; font-size: 14px; padding-top: 15px; margin-bottom: 20px; }
.listek-menu-bgr p { padding-bottom: 10px; }
.listek-menu-label { width: 110px; float: left; font-weight: bold; }

.listek-item { float: left; }
.odd { background: #9C363C url(/img/menu-item-odd-bgr-top.gif) top left no-repeat; }
.inner { float: left; padding: 10px; } 
.odd .inner { background: url(/img/menu-item-odd-bgr-bottom.gif) bottom left no-repeat; }
.listek-item p { float: left; padding-bottom: 0; }
.listek-item p.mnozstvi { width: 67px; padding-left: 10px; }
.listek-item p.jidlo { width: 504px; }
.listek-item p.cena { width: 65px; padding-left: 10px; }
.listek-item {  }

h2.listek { padding-top: 20px; }
h2.napoje { font-size: 25px; padding-top: 20px; padding-bottom: 20px; }
h2 .ad-info { font-size: 12px; font-weight: normal; }

#flash { position: relative; left: -10px; float: left; width: 414px; }
#hp-text { position: relative; float: left; width: 326px; }

#content ul { list-style-type: square; list-style-position: inside; }

.s-col { width: 395px; float: left; }
.s-col img { margin-top: 10px; margin-left: 20px; }
#karty { width: 315px; float: left; }
img.karty { margin-left: 35px; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { font-size: 11px; color: #888888; padding: 8px 15px; position: absolute; top: 236px; left: 286px; }
#breadcrumbs a { color: #888888; }
#breadcrumbs a:hover { text-decoration: none; }


/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; }
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: 0 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; }

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

/****************/
/* MAPA STRANEK */
/****************/


/***********/
/* KONTAKT */
/***********/
#kontakt h1 { padding-bottom: 40px; }

.contact-column { float: left; }
#kontakt-col { width: 330px; }
#kontakt-col .contact-column { width: 165px; margin-bottom: 50px; }
#mapa { width: 373px; position: relative; top: -30px; }

#volejte { width: 168px; height: 48px; background: url(/img/volejte-bgr.gif) top left no-repeat; padding-left: 10px; padding-top: 10px; font-size: 16px; }

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

.gallery {  }
.gallery .item { width: 215px; height: 170px; background: url(/img/galerie-bgr.gif) top left no-repeat; float: left; margin-right: 9px; text-align: center; padding-right: 5px; }
.gallery .item a { padding-top: 13px; display: block; }

/*************/
/* UPOUTAVKA */
/*************/
/*#upoutavka { width: 492px; height: 286px; background: url(/img/upoutavka.png) 0 0 no-repeat; position: absolute; top: 160px; left: 150px; cursor: pointer; }*/

/* upoutavka valentyn */
#upoutavka { position: absolute; top: 130px; left: 310px; width: 320px; height: 455px; text-align: center; padding: 4px; background-color: #fff; }
#upoutavka img { display: block; margin: auto; }
/*
#upoutavka .content { border: 2px solid #ED1C24; min-height: 470px; text-align: center; color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; position: relative; line-height: 1.4; }
#upoutavka p { position: relative; z-index: 2; }
#upoutavka .close a { color: #ED1C24; text-transform: uppercase; float: right; font-weight: bold; text-decoration: none; background: url(/img/valentyn-close.png) right 4px no-repeat; padding: 0 15px 0 0; margin: 5px 8px 0 0; position: relative; z-index: 2; }
#upoutavka .val-menu { margin: -18px -4px 0 0; }
#upoutavka .datum { margin: -18px 0 0 -18px; }
#upoutavka .datum span { display: inline-block; margin-right: 20px; }
#upoutavka .price { font-size: 24px; padding: 0; line-height: 1; }
#upoutavka .heart { background: url(/img/valentyn-srdce.png) center bottom no-repeat; margin-bottom: 2px; }
#upoutavka .vino-zdarma { width: 318px; height: 114px; }
#upoutavka .vino-zdarma { position: relative; z-index: 1; margin: -20px 0 0; }
#upoutavka .rotondo-logo { position: relative; z-index: 2; margin: -25px 0 20px; }
*/