html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
                        pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 
                        samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
                        fieldset, form, label, input, select, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, 
                        td {background: transparent; margin: 0; padding: 0; border: 0; outline: 0; font-family: 'Barlow Condensed', sans-serif; font-style: normal; vertical-align: baseline;}
div {box-sizing: border-box;}
a {text-decoration: none; color: #eee;}
a:hover {text-decoration: underline;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.clear_both {width: 100%; height: 0; clear: both;}
div.visible {visibility: visible;}
div.hidden {visibility: hidden;}
.req {padding: 0 0 0 .5em;}
.red {color: #D02D25;}
.as_caps {font-size: 110%;}
div#cookie_policy {background: rgba(0, 0, 0, 0.8);
                                width: 100%; padding: .2em .5em; position: fixed; bottom: 0; left: 0; font-size: smaller;}
div#cookie_policy_text{width: 70%; margin: .2em 0; float: left;}
div#cookie_policy_confirm {background: yellow; width: auto; 
                                    margin: 5px 0 0 0;
                                    padding: .2em .5em .2em .5em; float: right; text-align: center;
                                    float: right; color: #000; cursor: pointer;}
div#scroll_arrow {background: rgba(0, 0, 0, 0.5) 
                                                    url(../res/images/grafics/arrows_100x100.png) no-repeat bottom left;
                                width: 50px; height: 50px; border-radius: 3px; position: fixed; right: 5px; bottom: 40px; 
                                        cursor: pointer;}
@media screen and (min-width: 900px) {
}
body {background: #aa9335; width: 100%; color: #eee;}
div#page {width: 100%; max-width: 1920px; min-height: 800px; margin: 0 auto;}
div#app_bg {background:url(../res/images/grafics/arena.bar.club.havirov.interier.01@0,75x.jpg)no-repeat center top; position: fixed; width: 100%; min-height: 800px; z-index: -100;}
div#app_header {background: rgba(0, 0, 0, 0.9); width: 100%; padding: 0 5px; text-align: center;}
div#app_header h1 {display: none;}
div#app_header_logo {background: url(/res/images/logo/arena_bar_club_logo.scale-25.png) no-repeat left;
                               width: 150px; height: 50px; float: left;}
div#app_header_logo a {display: block; height: inherit;}
div#app_header_r_space {position: absolute; top: 15px; right: 40px;}
.inline {display: inline-block; width: 80px;}
.phone {font-size: 200%; font-weight: bold;}
div#container {width: 100%; text-align: center; margin: 0 auto;}
div#default {background: rgba(0, 0, 0, 0.7); margin: 0px auto; max-width: 500px;}
div#home {margin: 0em auto; padding: 0 10px;}
div#program {padding: 0px 0 0 0;}
.program_item {margin: 0em 0 0 0;}
.program_item h1 {font-weight: normal;}
.program_item p {font-size: x-large;}
.brd {border: solid 1px #fff;}
.brd_top {border-top: solid 1px #fff;}
.img_prg {max-width: 100%;}
.kviz_results {margin: 5px 0;}
.results {font-size: 150%;}
div#soc_net div {display: inline-block;}
@media screen and (min-width: 900px) {
}
.div_names {text-align: center;}
.names_row {}
.names_day {background: rgba(255, 255, 255, 0.6); margin: 0 auto; width: 50%; font-weight: bold; color: #000;}
.names_name {margin: .2em 0 0 .2em;}
.home_phone {padding: .5em 0; text-align: center; border-top: 1px solid #fff;}
.home_address {padding: .5em 0; text-align: center; border-top: 1px solid #fff;}
.home_cards {padding: .5em 0; text-align: center; border-top: 1px solid #fff;}
div.pr_group {margin: .5em 0 0 0; padding: .1em 0 .1em .1em; text-align: left;text-decoration: underline; font-weight: bold; letter-spacing: .2em;}
div.pr_sg1 {margin: .0em 0 0 .7em; text-align: left; font-weight: bold;}
div.pr_sg2 {margin: .0em 0 0 1.0em; text-align: left; font-weight: bold;}
div.pr_product {margin: 0 .5em 0 1.5em;}
div.pr_product_name {text-align: left; float: left;}
div.pr_product_desc {margin: 0 0.2em; text-align: left; font-size: 80%;}
div.pr_product_q {text-align: right; float: right;}
div.pr_product_price {width: 25%; text-align: right; float: right;}
div#open_hours {margin: 0.5em 0; text-align: center;}
div#open_hours table {margin: 0.5em auto; text-align: center; font-size: x-large;}
td.oh_l {padding: .05em 1em 0 0; text-align: left;}
div.float_box {background: rgba(0, 0, 0, 0.5); width: 100%; margin: .5em 0 0 0; text-align: center; font-size: 150%;}
div.float_box_header {background: #000066; margin: 0 auto; padding: .2em 0; border-radius: 5px;}
div.float_box_header h1 {font-weight: normal; letter-spacing: .2em;}
ul#ul_srv {letter-spacing: .2em;}
ul#ul_srv li {margin: .5em 0 0 0;}
div#app_partners {margin: 3em 0 0 0;}
div#app_partners h1 {margin: 0 0 .2em 0; font-weight: normal; font-size: 100%;}
div.app_partner {margin: .2em 0 0 0; font-size: 80%;}
div#app_footer {width: 100%; text-align: center;}
div#validators {display: none;}
div#copy {font-size: 10px; text-align: center; width: 100%; display: inline-block; letter-spacing: .1em;}
.copy_mark {font-size: 100%; letter-spacing: .1em; vertical-align: text-top;}
@media screen and (min-width: 900px) {
div#app_header {background: transparent; width: 100%; padding: 0 5px; text-align: center;}
div#app_header_logo {background:url(../res/images/logo/arena_bar_havirov_logo.scale-50.png) no-repeat center;
                              margin: 0 auto; width: 250px; height: 170px;  float: none;}
div#container {width: 100%; max-width: 1920px; margin: 0 auto; text-align: center;}
div#default {width: 100%;}
div#home_place {margin: 0.5em 0; min-height: 400px; font-size: 200%;}
div.float_box {width: 50%; min-width: 340px; padding: 0 .2em; float: left;}
div#app_footer {margin: 0 0 2em 0;}
div#validators {display: block; width: 100%; text-align: center; font-size: 50%;}
}
.app_menu {display: none;}
.app_menu_header {background: #000066; width: 100%; height: 50px; padding: .3em; font-weight: bold; font-size: 20px; letter-spacing: .3em;}
.app_menu_header_l {display: inline-block; float: left;}
.app_menu_header_b {background: url(../res/images/grafics/button_delete.scale-100.png) no-repeat center;
                               width: 20px; height: 20px; margin: 10px 0 0 0; display: inline-block; float: right; cursor: pointer;}
div#app_menu_usr {position: absolute; bottom: 12px; left: 12px;}
div#app_menu_button {width: 30px; height: 30px; margin: 10px 0 0 0 ; float: right;}
div#app_menu_button span {background: #aaa; width: 100%; height: 3px; margin: 5px auto 0 auto; display: block; border-radius: 3px;}
div#app_menu_pane {background: rgba(255, 255, 255, 0.9); width: 100%; position: absolute; top: 0; left: 0;}
.app_menu_in_pane {padding: .0em; display: block; width: 100%; position: fixed; overflow-y: auto;}
.app_menu_in_pane ul {padding: 0 10px;}
.app_menu_in_pane ul li {padding: 1em 0; border-bottom: 1px solid #ddd; letter-spacing: .4em;}
.app_menu_in_pane ul li a {color: #000;}
@media screen and (min-width: 900px) {
.app_menu {display: block;}
.app_menu_header {display: none;}
div#app_menu_usr {position: static;}
div#app_menu_button {display: none;}
div#app_menu_pane {display: none;}
div#app_menu_button a {display: none;}
div#app_menu ul {width: 100%; margin: 0 auto; text-align: center;}
div#app_menu ul li:hover {background: #eee; color: #D02D25; text-decoration: none;}
div#app_menu ul li {width: auto; display: inline-block; color: #eee; border: 1px solid #000033;}
div#app_menu ul li a {width: auto; font-size: 120%; font-weight: bold; padding: 0.2em .8em; display: inline-block; color: inherit; text-decoration: none;}
}