body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 9pt 'Verdana', serif; color:#352C2C;}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #000;}
a:hover {text-decoration: none;}
a.image_inside span {display: none;}

/* LAYOUT */
body {background: #EAE9E4;}
#main {position: absolute; left: 50%; margin-left: -409px; width: 820px;background: url('img/shadow_right.gif') repeat-y right;}
#bottom {width: 820px;height:6px;background: url('img/shadow_bottom.gif') no-repeat right; line-height: 6px; margin-bottom:-2px;}
#main .inside{width:812px;background:#ECEEE7;border:1px solid #fff; border-top:0;}
#main .inside .top{height:9px;border-bottom:1px solid #fff;background: url('img/top_bkg.gif') repeat-x;line-height:5px}
#main .inside .logo{height:201px;border-bottom:1px solid #fff;background: url('img/logo_bkg.gif') repeat-x;}
#main .inside .info{width:361px; height:95px;border-left:1px solid #73060A;background: url('img/info.gif') no-repeat right 1px;}
#main .inside .info span{display:none;}
#main .inside .obrazek{float:right;margin-top: -200px;}
h1, h1 span {display: block; cursor: pointer; font-size:12pt;width: 240px; height:105px;padding-left:35px;}
h1 span {background: url('img/pubrestaurants.gif') no-repeat; position: absolute; top: 10px; left: 32px; width: 240px; height:105px;}
#playground {margin-top:14px; background: url('img/page_bkg.gif') repeat-y 187px 0px;}
#right_column {float:right;}
/* FOOT */
#foot {height: 38px; background: url('img/foot_bkg.gif') repeat-x;margin-bottom:-1px; text-align: center;}
#foot span {display:block; color: #fff; padding-top:18px;}
#foot span a{color: #fff; text-decoration: none;}


/* MENU */
#main_menu {list-style: none;width:187px;float:left;}
#main_menu li {}
#main_menu a {text-decoration: none;display: block; text-align: right; padding: 22px 30px 0 0; height:35px; background: url('img/menu_bkg.gif') no-repeat;}
#main_menu a span{color:#990000; font-weight: bold;}
#main_menu a:hover {background-position: 0 -57px;}
#main_menu a:hover span{color:#fff;}
#main_menu a.act {background-position: 0 -57px;}
#main_menu a.act span{color:#fff;}

/* CONTENT */
#content {width:323px;background:#fff; float:left;padding:32px;}
#content h2{color: #990000; font-size: 12pt;margin-bottom: 15px; font-weight:bold;}
#content h3{font-size: 10pt;margin-bottom: 5px; font-weight: bold;}
#content p{margin-bottom: 10px;}
#content ul,ol {display:block; padding-bottom:15px; margin:0 0 0 20px;list-style: circle url('img/li.gif');}
#content li{margin-bottom:10px;}

div.photogallery_box{margin-bottom: 33px;margin-top: 10px; border-bottom: 1px solid #D2DABF;padding-bottom:5px;text-align: center;}
div.photogallery_box a, div.photogallery_box img {display: block; float: left;}
div.photogallery_box a img{border:6px solid #F3F5EF; margin:0 6px 6px 0;}
div.photogallery_box a:hover img{border:6px solid #990000;}
.show{position: relative; bottom: 30px;}

div.images {margin-bottom: 33px;margin-top: 10px; padding-bottom:5px;text-align: center;}
div.images a, images img {display: block; float: left;}
div.images a img{border:6px solid #F3F5EF; margin:0 6px 6px 0;}
div.images a:hover img{border:6px solid #990000;}

/* REFERENCE */
#reference {width:220px; float:left; padding: 4px 0 10px 18px;}
#reference a{display:block; border:5px solid #fff;width:205px; position: relative; right:4px; bottom:4px;}
#reference a:hover {border-width: 4px 5px 5px 4px;}
#reference .picture{margin-bottom: 10px; background-color: #C4C4B3; width:213px; height:144px;}
#reference .picture img{}
#reference h4 {width: 219px; height: 61px; background: url('img/reference/provozovny.gif') no-repeat; position: relative; right:4px; bottom:4px;}
#reference h4 span {display: none;}

/* FORM */
form {margin-left: 0px;}
form div.row {padding: 0px 0; clear: both; display: block; margin-bottom: 10px;}
form label {float: left; line-height: 20px;}
form input {border: 1px solid #000; float: right; padding: 2px; width: 220px;}
form .submit {width: 136px; height: 29px; margin-top: 20px; border: 1px solid #990000; color: #990000; font-weight: bold;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form select {border: 1px solid #000; float: right;}
form textarea {border: 1px solid #000; margin-bottom: 15px; width: 320px; height: 100px;}
form p.form_error {color: #f00000; padding:0; float: left; margin-top:5px;}
form input.checkbox {border:0; margin: 2px 5px; width: auto; display: block; float: right;}
#div_additional label {width: 250px;}
#data_count {width: 30px;}

/* FPS */
div.fps_paging {text-align: center;}
div.fps_paging a{text-decoration:none;}
div.fps_paging a, div.fps_paging strong {color: #990000; display: block; width: 16px; height: 16px; float: left; margin: 3px;}
div.fps_paging a:hover {background-color: #fff;}
div.fps_paging a.start {}
div.fps_paging a.prev {}
div.fps_paging a.next {}
div.fps_paging a.last {}

/* COLORBOX */
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalBackgroundOverlay{background:#000;}

#colorbox{}
#modalContent{background:#000; margin-top:20px;}
#modalLoadedContent{background:#000; border:10px solid #000;}
#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
#contentCurrent{display:block; position: absolute; right: 0; top: -20px; color: #fff;}
#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(img/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(img/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#contentNext:hover, #contentNext.hover{background-position:bottom right;}
#modalLoadingOverlay{background:url(images/loading.gif) center center no-repeat #000;}
#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(img/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#modalClose:hover, #modalClose.hover{background-position:bottom center;}