/* -- ==================================================================== --
      Petr Korecky
      ------------
      http://www.petr-korecky.cz

      p.korecky@gmail.com
      ICQ: 195-784-543
   -- ==================================================================== -- */





/* -- ==================================================================== --
                                  Basic styles
   -- ==================================================================== -- */

body {background: #335d0f url('../new-images/body-bg.png') center top repeat-x; color: #424242; font-family: verdana, arial, tahoma, sans-serif; padding: 0; margin: 0; text-align: center; font-size: 62.5%;}
body.banner {background-position: left 160px;}

h1, h2, h3, h4, h5, h6 {color: #1a1a1a; margin: 0.3em 0; font-family: 'trebuchet ms', verdana, sans-serif;}
h1, h2, h3 {ont-weight: normal;}

.hp h2, h1 {font-size: 2em; font-family: 'Trebuchet MS', tahoma, arial, verdana, sans-serif; margin-top: 0;}
.hp h3, h2 {font-size: 1.7em;}
.hp h4, h3 {font-size: 1.4em;}
.hp h5, h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

p {line-height: 1.5em; margin: 1em 0; font-size: 1.2em;}

a {color: #900202; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
a img {border: 0;}

sub, sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}
address, dl, img {font-style: normal; font-size: 1.2em;}
.hint { border-bottom: dotted gray 1px; cursor: help; }

table {font-size: 1.2em; border-collapse: collapse;}
th, td {padding: 5px 9px;}

ul, ol {margin: 0; padding: 0;}
li {margin: 0.4em 0; line-height: 1.3em; list-style-type: none; font-size: 1.2em;}

ul.list-style {margin: 0 0 1.2em;}
ul.list-style li {list-style-type: disc; margin: .4em 0 .4em 20px;}

form {margin: 0;}
input.text {background: #fff url('../new-images/input-text.gif') no-repeat; border: 0; width: 191px; height: 23px; padding: 7px 5px 0; color: #707070; font-size: 1.3em;}
select {width: 201px; height: 21px; padding: 0; color: #707070; font-size: 1.3em;}
input.submit {cursor: pointer;}



input, select, th, td, li li, li p, td p, blockquote p {font-size: 1em}
input, select {font-size: 1.3em; margin-bottom: 10px;}

.cleaner {clear: both; font-size: 1px; height: 1px;}


/* -- ==================================================================== --
                                 Wrapper styles
   -- ==================================================================== -- */

div#wrapper-big {background: url('../new-images/footer-bg.gif') bottom repeat-x; padding-bottom: 35px;}
.banner div#wrapper-big {background-position: center 160px;}
div#wrapper {text-align: left; margin: 0 auto; width: 968px; background: #ededed url('../new-images/wrapper-bg.gif') left top repeat-y; position: relative}
div#wrapper-in {background: url('../new-images/content-top-bg.gif') 1px 279px no-repeat;}
div#wrapper-in2 {background: url('../new-images/content-bottom-bg.gif') 1px bottom no-repeat; padding-bottom: 50px;}

.list div#wrapper {background-image: url('../new-images/wrapper-list-bg.gif');}
.detail div#wrapper {background-image: url('../new-images/wrapper-detail-bg.gif');}
.list div#wrapper-in2 {background-image: url('../new-images/content-bottom-list-bg.gif');}
.detail div#wrapper-in2 {background-image: url('../new-images/content-bottom-detail-bg.gif');}

#logo a {color: #464646; text-decoration: none;}
#logo {margin: 0; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 10001; background: #fff; text-transform: uppercase;}
.banner #logo {top: 179px;}
#logo, #logo span {width: 333px; height: 219px; display: block; cursor: pointer;}
#logo span {position: absolute; left: 0; top: 0; z-index: 10002; background: url('../new-images/logo.png') no-repeat;}
#logo big {color: #064780; font-weight: bold; display: block;}


/* -- ==================================================================== --
                                 Header styles
   -- ==================================================================== -- */

div#header {position: absolute; top: 0; left: 0; z-index: 10000; background: #335d0f url('../new-images/header.png') no-repeat; margin: 0 auto; overflow: hidden; width: 968px; height: 279px;}
.banner div#header {top: 160px;}

ul#login {float: right; margin: 0; width: 195px; height: 32px; adding: 8px 0 0; background: url('../new-images/login.png') no-repeat;}
ul#login li {float: left; margin: 0; padding: 0 10px 0 17px; height: 32px; line-height: 28px; background: url('../new-images/header-login-bg.png') right 8px no-repeat;}
ul#login li.last {background: url(''); padding: 0 13px 0 10px;}
ul#login li a {color: #ac1010; font-weight: bold; text-decoration: none;}
ul#login li a:hover {text-decoration: underline;}

ul#menu {position: absolute; bottom: 24px; _bottom: 20px; right: 57px; _right: 48px;}
ul#menu li {float: left; margin: 0 10px 0 0; _margin: 0 9px 0 0; width: 135px; height: 36px; line-height: 33px;}
ul#menu li a {color: #000; height: 32px; font-weight: bold; display: block; margin-top: 6px;background: url('../new-images/menu-li-bg.gif') left top no-repeat; padding: 0 5px; filter: alpha(opacity=60); opacity: 0.6; -khtml-opacity: 0.6;}
ul#menu li a:hover {text-decoration: none; height: 36px; margin-top: 0; background: url('../new-images/menu-li-bg.gif') left bottom no-repeat; filter: alpha(opacity=85); opacity: 0.85; -khtml-opacity: 0.85;}
ul#menu li span {display: block; ackground: url('../new-images/menu-li-bg-a.gif'); width: 121px; text-align: center;}

ul#menu li a:hover, ul#menu li.active a {ackground: url('../new-images/menu-li-active-bg.gif') no-repeat; color: #000;}
ul#menu li a:hover span, ul#menu li.active span {ackground: url('../new-images/menu-li-active-bg-a.gif') bottom repeat-x;}

div#header strong {position: absolute; right: 155px; top: 50px; color: #fff; font-size: 300%; font-family: 'trebuchet ms', arial, sans-serif; font-weight: normal;}

div#header div#bottom {height: 21px; width: 968px; position: absolute; left: 0; bottom: 0; ackground: url('../new-images/header-bottom3.gif') left top no-repeat; _background: url('');}
div#header div.bottom {height: 21px; width: 968px; position: absolute; left: 0; bottom: 0; background-position: left -21px; background-color: transparent}

/*div#header div.bottom-uvod {background: url('../new-images/header-bottom3.gif') left -21px no-repeat;}
div#header div.bottom-restaurace {background: url('../new-images/header-bottom3.gif') left -42px no-repeat;}
div#header div.bottom-o_portale {background: url('../new-images/header-bottom3.gif') left -63px no-repeat;}
div#header div.bottom-doporucujeme {ackground: url('../new-images/header-bottom3.gif') left -84px no-repeat;}*/


/* -- ==================================================================== --
                                 Content styles
   -- ==================================================================== -- */

div#content {margin-top: 279px; width: 460px; float: left; padding: 13px 20px;}
.banner div#content {margin-top: 310px;}
.list div#content {width: 648px;}
.detail div#content {width: 608px;}


/* hp boxes */
div#content div.box {width: 150px; height: 180px; margin: 0 5px 15px 0; overflow: hidden; float: left; background: #fbfbfb url('../new-images/content-box-bg.gif') no-repeat;}
div#content div.box-last {margin-right: 0;}

div#content div.box h3 {text-align: center; margin: 10px 0 0;}
div#content div.box h3 a {color: #313131; text-decoration: none; font-weight: normal; font-size: 1.2em;}

div#content div.box ul {padding: 0 0 0 20px;}
div#content div.box ul li a {padding: 1px 0 0 15px; background: url('../new-images/content-box-li-a.gif') left 6px no-repeat; font-weight: bold;}
div#content div.box ul li.last a {background-image: url('../new-images/content-box-li-a-black.gif'); color: #000;}
div#content div.box ul li.first {margin-bottom: 10px;}
div#content div.box ul li.last {margin-top: 10px;}

div#mainCrossroad h3 { font-weight: normal; }
div#mainCrossroad div.box { margin-bottom: 40px; height: 200px; background: url('../new-images/content-box-bg-200.gif') no-repeat; }
div#mainCrossroad img { display: block; margin: 0 auto; }
div#mainCrossroad div.box h3 a { background: url('../new-images/content-box-li-a-black.gif') left 8px no-repeat; padding-left: 13px; font-weight: bold; font-size: 11pt; }
div#mainCrossroad div.box ul li { line-height: 1.1em; list-style: url('../new-images/content-box-li-a.gif'); }
div#mainCrossroad div.box ul li a { color: black; padding: 0; font-weight: bold; font-size: 8pt; background: none; }

div.article { background-color: #eee; padding: 0.5em 0.5em 0; margin-bottom: 0.5em; }

ul#cities li {float: left; width: 144px; margin: 0 6px 3px 0;}

/* list, menu */
ul#area {padding-bottom: 15px;}
ul#area li {float: left; width: 161px; margin: 0 0 5px;}
ul#area li a {padding: 1px 0 0 15px; background: url('../new-images/content-box-li-a.gif') left 6px no-repeat;}
ul#area li.active a {background-image: url('../new-images/content-box-li-a-black.gif'); color: #000; font-weight: bold;}

/* menu list */
table.menu {width: 643px; margin: 0 0 9px; padding-top: 10px; background: url('../new-images/content-menu-top-bg.gif') left top no-repeat; font-family: arial, sans-serif;}
table.detail {width: 603px;}

table.first {margin-top: 15px;}
table.menu tr {background: #fff9c7;}
table.menu tr.even, table.menu th {background: #f1e991;}

table.even tr {background: #fbfaec;}
table.even tr.even, table.even th {background: #f4efbb;}

table.menu th h2 {float: left; width: 400px; color: #9b0505; font-size: 1.7em;}
table.menu th strong {float: right; margin: 12px 11px 0 0; color: #000;}

table.menu tr, table.menu th div {background-image: url('../new-images/content-menu-bg.gif') !important;}
table.detail tr, table.detail th div {background-image: url('../new-images/content-detail-bg.gif') !important;}
table.menu tr, table.menu th div {_background-image: url('') !important; }

table.menu th {background: url('../new-images/content-menu-top-ie.gif') left top no-repeat !important;}
table.even th {background: url('../new-images/content-menu-top-ie.gif') left top no-repeat !important;}
table.detail th {background: #fff9c7 url('../new-images/content-detail-top-ie.gif') left top no-repeat !important}
/* line 167: background: #fff9c7 url('../new-images/content-detail-top-bg.gif') left top no-repeat !important;  */
table.menu tr.last td {background-image: url('../new-images/content-menu-bottom-bg.gif'); background-repeat: no-repeat; background-position: left bottom;}

table.menu tr td+td {background-image: url('../new-images/content-detail-bg.gif') !important; background-position: right;}

table.menu td {text-align: left;}
table.menu td+td {text-align: right; padding-right: 20px;}
table.menu col.right td {text-align: right;}


/* detail */
table.hours {font-size: 1.2em; font-family: arial, sans-serif; float: right; margin-left: 25px;}
table.hours {background: #f1e991 url('../new-images/content-hours-bg.gif') repeat-y; width: 194px;}
table.hours td {vertical-align: top;}

table.hours h4 {margin-top: 0 !important;}
table.hours tr.first {background: url('../new-images/content-hours-top-bg.gif') top no-repeat;}
table.hours tr.last {background: url('../new-images/content-hours-bottom-bg.gif') bottom no-repeat; font-weight: bold;}
table.hours tr.last td {text-align: center; padding: 10px 0;}

table.hours input {font-size: small;}

dl.info {float: left; width: 410px;}
dl.info dt, dl.info dd {float: left; margin: 0 0 10px; padding: 0;}
dl.info dt {width: 85px; text-align: right; font-weight: bold;}
dl.info dd {width: 295px; padding: 0 0 0 20px;}


div#content table.detail {margin: 0;}
table.menu tr.separator {height: 3px; font-size: 1px; line-height: 3px; background: #ac1010;}
div.menu_detail table.menu tr.separator {height: 1px; line-height: 1px; background: #eee;}
table.menu tr.separator td {padding: 0;}


div#content hr {display: none;}

div#content h3.red {color: #9b0505; font-size: 1.7em;}


div#content p.error {color: #a90000; margin-bottom: 0; font-size: 1.3em;}
div#content p.success {color: #098017; margin-bottom: 0; font-size: 1.3em;}
div#content p.big { font-size: 200%; margin-bottom: 1em; }
div#content td.right {text-align: right;}
/*
div#content h2 {font-size: 2em;}
div#content h3 {font-size: 1.7em;}
div#content h4 {font-size: 1.5em;}
div#content h5 {font-size: 1.3em;}
*/
/*div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {margin: 2em 0 0.3em;}
.hp div#content h2 {margin-top: 0;}
*/

.pages label {font-weight: bold; font-size: 1.2em; float: left; width: 130px; clear: both;}
.pages input.text {font-weight: bold; font-size: 1.2em; float: left; width: 100px;}
p.message {margin: 0; color: #cd0000; font-weight: bold;}
p.pass {color: #070;}

div#content textarea {width: 350px; height: 100px;}
div#content p.nomargin {margin-top: 0;}

div#content table#registration th {vertical-align: top;}

div#content a.yellow-bg {background: #fcfcb9; margin: 20px 0 0; padding: 20px 10px; line-height: 1.5em;display: block; text-align: center; font-size: 1.5em; font-weight: bold;}
div#content a.yellow-bg:hover {text-decoration: none;}

div#content div#_logo {width: 190px; margin-top: -30px; text-align: center; }
div#content div.menu_detail hr {display: none;}
div#content div.menu_detail div {background: url('../new-images/content-detail-bottom-bg.gif') left bottom no-repeat; padding: 0 0 5px;}

div#content ul#gallery {margin: 25px 0 0;}
div#content ul#gallery li {float: left; margin: 0 10px 10px 0;}
div#content ul#gallery li.last {margin-right: 0;}

div#content ul#gallery li a {border: 2px solid #ccc; float: left;}
div#content ul#gallery li a:hover {border: 2px solid #900202;}
div#content ul#gallery li a img {width: 192px; height: 144px; display: block;}

div#content span.search {display: block; width: 648px; height: 5px;}
div#content span#search_show-top {background: url('../new-images/content-show.gif') left top no-repeat; margin-bottom: -1px;}
div#content span#search_show-bottom {background: url('../new-images/content-show-bottom.gif') left top no-repeat; margin-top: -1px;}

div#content table#search_show th {background: #d3c84c url('../new-images/content-menu-bg.gif') left repeat-y;}
div#content table#search_show tr td {background: #f0e991 url('../new-images/content-menu-bg.gif') right repeat-y;}
div#content table#search_show tr+tr td {background-color: #fff9c9;}
div#content table#search_show ul li {float: left; padding: 0 10px; font-size: 1.1em; line-height: 1.35em; margin: 0; border-right: 1px solid #900202;}
div#content table#search_show ul li.last {border-right: 0}



/* City detail */
ul.ul-city,div#basic-info,div#textbox{font-family:'Trebuchet MS', tahoma, arial, verdana, sans-serif;}
h2#city{color:#9b0505;font-size:2.1em;}
ul.ul-city{font-weight:bold;padding:10px 0;}
ul.ul-city li{line-height:1em;padding-left:11px;background:url('../new-images/li-dvojsipka.png') 0% 60% no-repeat;font-size:1.3em;}
div#basic-info{width:460px;border-width:3px 0 3px 0;border-style:solid;border-color:#ede7a7;margin:10px 0 18px 0;}
div#basic-info img{float:left;margin:8px 15px 8px 0;padding: 5px; background: url('../new-images/right-a-img.gif') no-repeat;}
div#basic-info h3{color:#9b0505;font-size:1.8em;font-weight:normal;}
div#basic-info p{color:#333;width:280px;float:right;margin:3px 0 10px 0;}
div#textbox-top{width:460px;height:12px;background:url('../new-images/bg-textbox-top.png') no-repeat;}
div#textbox-bot{width:460px;height:15px;background:url('../new-images/bg-textbox-bot.png') bottom no-repeat;}
div#textbox{width:460px;background:url('../new-images/bg-textbox-mid.png') repeat-y #F1EA94;}
div#textbox p,div#textbox h3{padding:0 20px;color:#000;}
div#textbox p{font-size:1.3em;text-align:justify;margin:10px 0 15px 0;}
div#textbox p.addinfo{font-size:1.1em;margin:0;}
div#textbox h3{font-weight:normal;font-size:1.9em;margin:3px 0;}



/* -- ==================================================================== --
                                 Center styles
   -- ==================================================================== -- */

div#center {position: relative; margin-top: 292px; float: left; width: 222px; height: auto; background: #d9c415 url('../new-images/center-bg.gif') repeat-y; padding: 0 19px; position: relative; z-index: 2;}
.banner div#center {margin-top: 323px;}
.detail div#center {width: 262px; background: #fcfcb9 url('../new-images/center-detail-bg.gif') repeat-y;}

div#center div.top {height: 319px; width: 260px; background: #d9c415 url('../new-images/center-bg-top.gif') no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}
.detail div#center div.top {width: 300px; background: url('../new-images/center-detail-bg-top.gif') center top no-repeat;}
div#center div.center {position: relative; z-index: 5; _margin-top: 20px;}

div#center a.box {display: block; width: 222px; margin: 18px 0 0; font-size: 1.2em; padding: 22px 0 0; height: 80px; line-height: 2em; color: #fff; background: #900202 url('../new-images/center-box-bg.gif') no-repeat; text-align: center;}
div#center a.box span {display: block; text-decoration: underline;}
div#center a.box:hover, div#center a.box:hover span {text-decoration: none;}

img.card {margin-right: -3px;}

div#center form {background: #900202 url('../new-images/center-form-center.gif') left repeat-y; width: 202px; position: relative; padding: 0 10px; min-height: 296px; _height: 196px;}
div#center form div.bg {height: 98px; width: 222px; position: absolute; left: 0; z-index: 0;}
div#center form div.top {background: #900202 url('../new-images/center-form-top.gif') no-repeat; top: 0;}
div#center form div.bottom {background: #900202 url('../new-images/center-form-bottom.gif') no-repeat; bottom: 0;}
div#center form div.center {position: relative; z-index: 5; margin-top: 18px;}

div#center form label {color: #fff; font-size: 1.3em; float: left; padding: 1px 0 0 5px;}
div#center form input.checkbox {float: left; clear: both;}
div#center form input.submit {background: url('../new-images/center-submit.gif') no-repeat; font-size: 1.3em; font-weight: bold; color: #000; width: 80px; height: 30px; padding: 0; margin-top: 10px; border: 0; float: right;}

div#center h4 {color: #fff; font-family: arial, sans-serif; font-size: 1.3em; padding: 10px 0;}

div#center div.box {margin-top: 15px;}
div#center div.box h4 {background: #7d0000 url('../new-images/center-detail-h-red.gif') no-repeat; margin: 0; padding: 0 0 0 10px; height: 34px; line-height: 34px;}

div#center ul.other li {background: url('../new-images/center-tick.gif') left 4px no-repeat; padding: 5px 0 5px 25px;}

div#center ul#submenu {margin-top: 18px;}
div#center ul#submenu li a {display: block; background: #e3d32a url('../new-images/center-submenu.gif') repeat-x; height: 38px; line-height: 38px; border: 1px solid #a79f4b; text-align: center; font-weight: bold; color: #393407; text-decoration: none;}
div#center ul#submenu li a:hover {background: #e3d32a url('../new-images/center-submenu-hover.gif') repeat-x; color: #ac1010;}

div#center ul#submenu li a.first {background: #90c830 url('../new-images/center-submenu-green.gif') repeat-x; border: 1px solid #606021;}
div#center ul#submenu li a.first:hover {background: #90c830 url('../new-images/center-submenu-green-hover.gif') repeat-x;}

div#center ul#submenu li a.important {background: #990000 url('../new-images/center-submenu-red.png') repeat-x; border: 1px solid rgb(217,76,76); color: white;}
div#center ul#submenu li a.important:hover {background: #cc0000 url('../new-images/center-submenu-red-hover.png') repeat-x; color: white; }

div#map_canvas {margin: 20px 0;}
div#center a.photo img {max-width: 260px; display: block;}


/* -- ==================================================================== --
                                  Right styles
   -- ==================================================================== -- */

div#right {margin-top: 279px; float: left; width: 168px; padding: 13px 20px;}
.banner div#right {margin-top: 310px;}
div#right h2, div#right ul li h3 {text-align: center;}
div#right h2 {line-height: 1em;}
div#right h3 {margin: 1em 0 0.5em;}

div#right ul li h3 a {color: #ac1010; font-size: 0.75em; font-weight: bold; line-height: 1.35em; ont-weight: normal; text-decoration: underline;}
div#right ul li h3 a:hover {text-decoration: none;}
div#right ul li {background: url('../new-images/right-li-sep.png') bottom center no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
div#right ul li img {padding: 5px; background: url('../new-images/right-a-img.gif') no-repeat;}
div#right ul li p {margin: 0;}




/* -- ==================================================================== --
                                 Footer styles
   -- ==================================================================== -- */

div#footer {margin: 0; width: 100%; ackground: #335d0f url('../new-images/footer-bg.gif') bottom repeat-x; height: 76px;}
div#footer div {width: 968px; margin: 0 auto; text-align: left;}
div#footer div.transparent {height: 43px; background: #efefef url('../new-images/footer.gif') left bottom no-repeat; position: relative; z-index: 1;}
div#footer div.text {position: relative; margin-top: -43px; z-index: 10;}

div#footer p {margin: 0;}
div#footer a {color: #ac1010;}
div#footer p.left, div#footer p.right {color: #000; height: 43px; line-height: 43px;}
div#footer p.left *, div#footer p.right * {opacity: 1;}
div#footer p.left {width: 680px; float: left; padding: 0 0 0 20px; ackground: #fff url('../new-images/footer-left.gif') left bottom no-repeat;}
div#footer p.right {width: 248px; float: right; text-align: right; ackground: #fff url('../new-images/footer-right.gif') right bottom no-repeat; padding: 0 20px 0 0;}

div.copy {display: none !important;}

div#footer p.anchors {text-align: left; padding: 0 0 0 20px; margin: 5px 0 0; color: #fff; font-weight: bold;}
div#footer p.anchors a {text-align: left; color: #fff;}

p#advice {color: #92bf6e; text-align: left; width: 948px; margin: 10px auto 0; padding: 0 0 0 20px; font-size: 1.1em;}
p#advice a {color: #92bf6e; text-decoration: none;}
p#advice a:hover {text-decoration: underline;}

/* facebook like box */
.app_content_273860166382 {
	position: absolute;
	bottom: 0;
	float: left;
	width: 222px;
	border: 1px solid red;
}