body {
    background: url('../images/kvital/bg.jpg');
}

img{
    border: 0px;
}

#body-outer{
    margin: 0px auto;
/*    width: 1007px;*/
    width: 1075px;
    clear:both;
}

#link-mainpage
{
    width: 27px;
    height: 154px;
    float: left;
    margin-top: 37px;
    background: url('../images/design/odkaz_domovska_stranka.png');
}

#body{
    width: 980px;
    float:left;
}

#body-shade
{

    -webkit-box-shadow: 0px 0px 0px #000000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 0px #000000; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 0px #000000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

    background-color: transparent;
}

#content {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px #000000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 0px 15px #000000; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 15px #000000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

    background-color: #fff;
}

#header{
    
    background: url('../images/demo/header.png');
    height: 150px;
}

#headerleft {
    display: block;
    width: 720px;
    height: 100px;
    float:left;
}

#userbar {
    display: block;
    width: 280px;
    height: 100px;
    float:left;
    margin-left: -20px;
}

#menu-line{
    display: block;
    clear: both;
    height: 4px;
    background-color: #808080;
}

#main_menu {
    display: block;
    height: 35px;
    background-color: #FFF;
    clear: both;
}

#content {
    display: block;
    width: 100%;
    background-color: #fff;
}

#context_text {
    display: block;
    margin: 0px 15px 0px 15px;
    padding: 0px 0px 15px 0px;
}

#uvod {
    /*    width: 450px;*/
    color: #333333;
    text-align: left;
    padding: 0 10px;
}

#uvod h1 {
    border-bottom: #CFDEFF solid 1px;    
}

#footer {
    display: block;
    min-height: 35px;
    _height: 35px;
    clear:both;
    text-align: left;
}

#footer-text{
    padding:0px 0px 0px 0px;
    color: #7d7d7d;
    text-align: center;
    font-size: 10px;

}

#pays
{
    padding-bottom: 10px;
    text-align: center;
}
#pays img
{
    padding: 0px 10px 0px 10px;
}

#soc_buttons
{
    float: left;
    margin-top: 10px;
    /*background-color: #CCC;*/
}

h1
{
    border-bottom: 1px #CCCCCC solid;
    margin: 20px 0px 10px 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    font-size: 28px;
    font-style: italic;
    color: #888;
    font-weight: normal;
}

.center { text-align: center;}
.left   { text-align: left;}
.right  { text-align: right;}

div.access_denied { 
    width: 80%; height: 25px; font-family: arial; font-size: 18px;
    border: 2px #c33 solid; background-color: #ffcccc; margin-top: 150px;
    margin-left: auto; margin-right: auto;
    text-align: center; color: #c33; font-weight: bold; padding: 15px;
}
div.form_error { font-family: arial; font-size: 11px; font-weight: bold; color: red; }
div.validation_error  { font-family: arial; font-size: 10px; color: red; }
p.deleted {font-weight: bold; color: red;}

.info		{ color: #103FFF; background: #CFE4FF; border: #103FFF 1px solid; }
.error		{ color: #cc3333; background: #ffcccc; border: #cc3333 1px solid; }
.success	{ color: #669933; background: #dcffb9; border: #669933 1px solid; }

.flash {
    width: 80%; margin: 15px auto; padding: 15px; cursor: pointer;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.flash.info {
    color: #103FFF; border: none; background: #CFE4FF;
    box-shadow: 0 0 10px #103FFF; -moz-box-shadow: 0 0 10px #103FFF; -webkit-box-shadow: 0 0 10px #103FFF;
}
.flash.error {
    color: #c33; border: none; background: #ffcccc;
    box-shadow: 0 0 10px #c33; -moz-box-shadow: 0 0 10px #c33; -webkit-box-shadow: 0 0 10px #c33;
}
.flash.success {
    color: #693; border: none; background: #dcffb9;
    box-shadow: 0 0 10px #693; -moz-box-shadow: 0 0 10px #693; -webkit-box-shadow: 0 0 10px #693;
}

p.user_info {
    color: #333;
    margin: 60px 0px 0px 0px;
    padding: 3px;

    opacity: 0.8; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    filter: alpha(opacity=80); /* IE6-IE8 */
}

p.user_info a:link, p.user_info a:visited{
    color: #333;
    text-decoration: none;
}

p.user_info a:hover{
    color: #C70;
}

a, a:visited { color: #e55a0f; text-decoration: none; }
a:hover { color: #D55900; text-decoration: underline; }


table.table_zoznam, table.table_zoznam_no_strip { border: 1px #AAA solid; width: 100%; border-collapse: collapse; }
table.table_zoznam th, table.table_zoznam_no_strip th { background-color: #FCA; border: 1px #AAA solid; padding: 5px;}
table.table_zoznam td, table.table_zoznam_no_strip td { border: 1px #AAA solid; padding: 5px 8px 5px 8px;}
table.table_zoznam tr.alt {background-color:  #EEE;}

table.table_summary { border: 1px #AAA solid; width: 100%; border-collapse: collapse; }
table.table_summary th { background-color: #DDD; border: 1px #AAA solid;}
table.table_summary td { border: 1px #AAA solid;}

table.table_filter { border: 0px; width: 100%; border-collapse: collapse; }
table.table_filter th { text-align: center; }
table.table_filter td { border: 0px; text-align: center; }


input.filter { width: 100px; }
select.filter {}
input.filterbutton {}


.table_effect
{
    width: 100px;
    float: left;
}

.rezervacie_table
{
    border: 1px solid #ddd;
    text-align: center;
    border-collapse: collapse;
}
.rezervacie_table td
{
    border: 1px solid #B1B1B1;
}
.rezervacie_td_hodina
{
    font-weight: bold;
    background-color: #ddd;
    text-align: center;
}
.rezervacie_td_minuta
{
    background-color: #F7F7F7;
    text-align: center;
}

td.hrube
{
    border-left: 3px solid #A1A1A1;
}

.important
{
    font-weight: bold;
    font-size: 14px;
    color: orangered;
}

.important-orange
{
    font-weight: bold;
    font-size: 14px;
    color: #F80;
}

.filter_box{ display: inline-block; padding: 10px 0px 10px 0px; text-align: center;}
.filter_item{display: inline-block; float: left; padding-right: 20px; min-height: 46px ; _height: 46px; text-align: center; color: #808080}
.filter_container input{background: url('../images/filter-input-background.gif') no-repeat; border: 1px solid #ccc}
.filter_container{ display:inline-block; min-height: 46px ; _height: 46px;}
.order_container{display: block; background: url('../images/filter_sort-background.png'); width: 416px; height: 68px; margin: auto;}
.order_container-inner{padding: 15px 0px 0px 55px;}
.filter_space{display: block; background: url('../images/filter-up-bacground.png') bottom; width: 950px; height: 21px;}


table.mozne_smeny_maseri
{
    border: black 1px solid;
    border-collapse: collapse;
    text-align: center;
}

table.mozne_smeny_maseri td, table.mozne_smeny_maseri tr, table.mozne_smeny_maseri th
{
    border: 1px #aaa solid;
    padding: 0px;
    margin: 0px;
}


table.smeny_maseri
{
    border: black 0px solid;
    border-collapse: collapse;
    text-align: center;
}

table.smeny_maseri td, table.smeny_maseri tr, table.smeny_maseri th
{
    border: 1px #aaa solid;
    padding: 0px;
    margin: 0px;
}


table.smeny_zoznam div
{
    padding: 2px 10px 2px 10px;
    text-align: center;
}

.sm_space_tr
{
    border-left: 0px;
    border-right: 0px;
}

.sm_space_td
{
    border-left: 0px;
    border-right: 0px;
}

table.smeny_obsluha
{
    border: black 0px solid;
    border-collapse: collapse;
    text-align: center;
    font-size: 10px;
    width: 100%;
}

table.smeny_obsluha td, table.smeny_obsluha tr, table.smeny_obsluha th
{
    border: 1px #aaa solid;
    padding: 0px;
    margin: 0px;
}

table.smeny_obsluha td
{
    padding: 2px;
}

select.smeny_select {font-size: 10px;}

.ucast_nezadana
{

}

.ucast_nezadana_po_termine
{
    color: #ff0000;
    font-weight: bold;
}

.ucast_ano
{
    color: #00aa00;
}

.ucast_nie
{
    color: #cc6600;
}

.stroj_pokazeny
{
    color: #ff0000;
    font-weight: bold;
}

.dochadzka_v_praci
{
    color: #00a000;
    font-size: 10px;
}

.dochadzka_mimo_prace
{
    color: #a06000;
    font-size: 10px;
}

/* Forms dizajn */
#form_table
{
    width:405px;
}

.form_dizajn
{
    width:600px;
    padding:0px 0px 20px 0px;
    /*border-top: solid 1px #CCC;*/
    text-align:center;
    margin:auto;
}

table.forms_table
{
   	/*width: 600px;*/
    border: 0px black solid;
    border-collapse: collapse;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin:auto;
}

#rozdelenie_formularov, #rozdelenie_formularov1, #rozdelenie_formularov2
{
    width:400px;
    margin: 20px 0px 5px 0px;
}

#rozdelenie_formularov h5, #rozdelenie_formularov1 h5, #rozdelenie_formularov2 h5
{
    margin:0px;
    padding: 2px;
    text-align:left;
    color:#ff7e00;
    font-size:12px;
}


td.forms_label
{
    /* width: 200px;*/
    border: 0px black solid;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
}

span.hviezdicka
{
    color: red;
}

td.forms_input
{
    width: 200px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
}

td.forms_input_basic
{
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding-top: 10px;
}

.form_dizajn .forms_text_prihlasovacie_udaje
{
    border: solid 1px #f0e526;
    width: 200px;
    background-color: #ffffec;
}
.form_dizajn .forms_text_bezova
{
    border: solid 1px #DDD;
    width: 200px;
    background-color: #fff;
}

.form_dizajn .miniColors /*input pri vyberani farby*/
{
    border: solid 1px #CCC;
    width: 160px;
    background-color:#ffffec;
}
.form_dizajn .forms_text_date
{
    border: solid 1px #CCC;
    width: 160px;
    background-color:#ffffec;
}
.form_dizajn .forms_text, .forms_text_bezova_alone
{
    border: solid 1px #CCC;
    width: 200px;
    background-color:#f0f0f0;
}

.forms_text_cena
{
    border: solid 1px #CCC;
    width: 100px;
    background-color:#f0f0f0;
}


input.forms_text
{
    width: 200px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

.form_dizajn .forms_textarea, .forms_textarea_alone
{
    font-weight: normal;
    font-family:Arial, Helvetica, sans-serif;
    color:Black;
    font-size:11px;
    border: solid 1px #333333;
    width:200px;
    height: 100px;
    background-color:#ffffd6;
}

.form_dizajn .button_forms, .button_forms
{
    margin:5px 0px 5px 0px;
    width: 100px;
    height: 30px;
    background-color:#ee6a1f;
    border: solid 1px #fff;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    text-transform: uppercase;
}

.button_forms:hover, .form_dizajn .button_forms_nosize:hover, .button_forms_nosize:hover
{
    background-color: #CE4A00;
}

.form_dizajn .button_forms_date
{

    width: 36px;
    background-color:#f7ffe5;
    border: solid 1px #b0ce6a;
    cursor: pointer;
}

.form_dizajn .button_forms_date:hover
{
    border: solid 1px #deff00;
}

.form_dizajn .button_forms:hover, .button_forms:hover, .form_dizajn .button_forms2:hover, .button_forms2:hover, .form_dizajn .button_forms_nosize:hover, .button_forms_nosize:hover
{
    border: solid 1px #deff00;
}

.form_dizajn .button_forms2, .button_forms2
{
    margin:5px 0px 5px 0px;
    background-color:#f7ffe5;
    border: solid 1px #b0ce6a;
    cursor: pointer;
}

.form_dizajn .button_forms_nosize, .button_forms_nosize
{
    margin:5px 0px 5px 0px;
    height: 30px;
    background-color:#ee6a1f;
    border: solid 1px #fff;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    text-transform: uppercase;
}

.form_dizajn .forms_select
{
    border: solid 1px #CCC;
    width: 200px;
    background-color:#f0f0f0;
    font-family: arial;
    font-size: 11px;
}
.form_dizajn .forms_select_bezova, .forms_select_bezova
{
    border: solid 1px #CCC;
    width: 200px;
    background-color:#ffffec;
    font-family: arial;
    font-size: 11px;
}



#forms_spracovan ie_udajov
{
    width:400px;
    text-align: center;
    font-family: arial;
    font-size: 12px;
    margin: 20px 0px 5px 0px;
}

.forms_submit
{
    border: 0px black solid;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding-top: 15px;
}

input.forms_send
{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

/*************/

.vital_button
{
    display: block;
    float: left;
    width: 155px;
    height: 110px;
    border: #FFA050 2px solid;
    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    background-color: #FF8000;
    text-align: center;
    margin-bottom: 20px;
}

.vital_button_top
{
    display: inline-block;
    margin-top: 30px;
    font-size: 28px;
    color: #FFFFFF;
}

.vital_button_bottom
{
    display: inline-block;
    font-size: 12px;
    color: #FFFFFF;
}


.vital_button:hover{
    -moz-transform:scale(1.1); /*scale up image 1.8x*/
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);

    -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.1s ease-out;  /* FF4+ */
    -ms-transition: all 0.1s ease-out;  /* IE10? */
    -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
    transition: all 0.1s ease-out;
}

.vital_button_space
{
    display: block;
    float: left;
    width: 20px;
    height: 60px;
}

.filter_order_asc
{
    background-image: url("../images/asc.gif");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}

.filter_order_desc
{
    background-image: url("../images/desc.gif");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}

table.doplnky_table
{
    border: 0px;
    border-collapse: collapse;
    font-size: 12px;
    font-style: normal;
    width: 70%;
}

td.doplnky_nazov
{
    font-weight: bold;
    font-size: 12px;
    height: 40px;
}

td.doplnky_nazov_kategorie
{
    background-color: #AAA;
    font-weight: bold;
    font-size: 12px;
    color: white;
    height: 25px;
    padding-left: 15px;
}

div.tab_header
{
    display: block;
    float: left;
    padding: 7px 11px 5px 11px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #a0a0a0;
}

div.tab_header:hover
{
    color: #F80;
}

div.tab_content
{
    display: block;
    clear: both;
    border-top: 1px solid #D70;
    border-left: 1px solid #D70;
    border-right: 1px solid #D70;
    border-bottom: 1px solid #D70;
    padding: 5px;
    min-height: 400px;
    _height: 400px;
}

div.tab_aktivny, div.tab_aktivny:hover, div.tab_aktivny:visited
{
    border-top: 1px solid #D70;
    border-left: 1px solid #D70;
    border-right: 1px solid #D70;
    border-bottom: 0px;
    padding: 6px 10px 5px 10px;
    color: #D70;
}

div.submenu_akcia
{
    width: 170px;
    border: 2px #CCC solid;
    background-color: #FFE933;
    padding: 5px 20px 10px 20px;
    text-align: left;
    position: absolute;
}

div.submenu_akcia p
{
    color: red;
    font-weight: bold;
}

div.submenu_akcia a, div.submenu_akcia a:visited
{
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

div.submenu_akcia a:hover
{
    color: black;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

div.submenu_close
{
    color: black;
    float: right;
    border-left: 2px #CCC solid; border-bottom: 2px #CCC solid;
    margin: 0px; padding: 0px;
    position: relative; top: -5px; right: -20px; width: 12px; height: 10px;
    font-weight: bold; text-align: center;
    cursor: pointer;
}

div.button1, div.button2, div.button3, button.button1, input.button1, a.button1
{
    display: inline-block;
    background-color: #EE6A1F;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 6px 10px 6px 10px;
    margin: 3px;
}

div.button1:hover, div.button2:hover, div.button3:hover
{
    text-decoration: none;
    background-color: #CE4A00;
}

div.button-link-box
{
    padding-top: 19px;
    border: 0px black solid;
    display: block;
}

a.button-link, a.button-link:visited
{
    color: #4F611F;
    text-decoration: none;
    font-weight: bold;
    font-family: arial;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

a.button-link:hover
{
    color: #B22222;
    text-decoration: underline;
}

p.comments
{
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-left: 50px;
}

input.comment_text
{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    width: 500px;
    border: solid 1px #CCC;
    background-color: #f0f0f0;
}

textarea.comment_area
{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    width: 500px;
    border: solid 1px #CCC;
    background-color: #f0f0f0;
}

input.registration_text
{
    width: 200px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

div.pagination_links
{
    clear: both;
}

.zakaznik_input_ok
{
    background-color: #afa;
}
.zakaznik_list
{
    font-size: 13px;
    font-weight: bold;
    width: 200px;
    padding: 5px 5px 5px 15px;
    margin-top: 1px;
    background-color: #ddd;
    cursor: pointer;
}

.zakaznik_list:hover
{
    background-color: #bbf;
}

.ajax_list_zakaznik_outer
{
    background-color: white;
}

.firmy_input_ok
{
    background-color: #afa;
}
.firmy_list
{
    color: black;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    width: 200px;
    padding: 5px 5px 5px 15px;
    margin-top: 1px;
    background-color: #ddd;
    cursor: pointer;
}

.firmy_list:hover
{
    background-color: #bbf;
}

.ajax_list_firmy_outer
{
    background-color: white;
}

.harky_medzera
{
    height: 15px;
    clear: both
}

.button_vcera
{
    display: inline-block;
    background-color: #EE6A1F;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    border: 0px;
    text-transform: uppercase;
}

.button_zajtra
{
    display: inline-block;
    background-color: #777;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    border: 0px;
    text-transform: uppercase;
}

.button_harky_dni
{
    display: inline-block;
    background-color: #777;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    border: 0px;
    text-transform: uppercase;
}

.button_harky_dni:hover
{
    display: inline-block;
    background-color: #F60;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    border: 0px;
    text-transform: uppercase;
}

.harok_tab
{
    clear: both;
    width: 100%;
}

.harok_tab_item
{
    float: left;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin-left: 15px;
    padding: 5px 20px 5px 20px;
    font-weight: normal;
}

a:link .harok_tab_item, a:visited .harok_tab_item
{
    color: #777;
}

a:hover .harok_tab_item
{
    color: #F80;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.harok_tab_item_aktivny
{
    float: left;
    border-top: 1px solid #F80;
    border-left: 1px solid #F80;
    border-right: 1px solid #F80;
    color: #F80;
}

.harok_obal
{
    clear: both;
    float: left;
    padding: 10px;
    border: 1px solid #F80;
    margin-bottom: 10px;
    margin-left: 15px;
    min-width: 1000px;
    _width: 1000px;
    white-space: nowrap;
}

.harok_obal_zakaznik
{
    clear: both;
    /*float: left;*/
    padding: 10px;
    border: 1px solid #F80;
    margin-bottom: 10px;
    /*margin-left: 15px;*/
    min-width: 800px;
    _width: 800px;
    white-space: nowrap;
}

.harok_stroj, .harok_relax, .harok_solarium, .harok_vitalme
{
    display: inline-block;
    background: #EEE;
    margin: 7px;
    padding: 0px 8px 8px 8px;
    text-align: center;
    border: 3px solid #EEE;
    vertical-align: top;
}

.harok_active_error{
    color: red;
    border: red 2px solid;
    margin-top: 5px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

.harok_stroj .highlight_row td, .harok_relax .highlight_row td
{
    cursor: pointer;
}

.harok_stroj table tr.alt, .harok_relax table tr.alt, .harok_solarium table tr.alt, .harok_vitalme table tr.alt
{
    background-color: #F9FAFB;
}

.harok_stroj table tr.alt2, .harok_relax table tr.alt2, .harok_solarium table tr.alt2, .harok_vitalme table tr.alt2
{
    background-color: #FFFFFF;
}

.harok_stroj_pokazeny
{
    border: 3px solid #F60;
}

.pokazeny_text
{
    color: #F60; font-weight: bold;
}

.harok_stroj h2, .harok_relax h2, .harok_solarium h2, .harok_vitalme h2
{
    text-align: center;
    border-bottom: 1px #FFF solid;
    margin-bottom: 0px;
    margin-top: 4px;
    color: #777;
}

.harok_stroj .table_zoznam td, .harok_relax .table_zoznam td, .harok_solarium .table_zoznam td, .harok_vitalme .table_zoznam td
{
    border: 1px solid #eee;
}

.harok_stroj .table_zoznam th, .harok_relax .table_zoznam th, .harok_solarium .table_zoznam th, .harok_vitalme .table_zoznam th
{
    border: 1px solid #eee;
    background-color: #eee;
    color: #777;
}


.now_row td
{
    background-color: #CFC;
    font-weight: bold;
}

.highlight_row td
{
    background: #AACCFF;
}

#statistika {width: 950px; overflow: auto;}

table.table_stat { border: 1px #AAA solid; width: 100%; border-collapse: collapse; font-size: 10px;}
table.table_stat th { background-color: #FCA; border-left: 2px #AAA solid; border-top: 2px #AAA solid; border-bottom: 1px #AAA solid; border-right: 2px #AAA solid; padding: 5px; font-size: 10px;}
table.table_stat td { border-left: 2px #AAA solid; border-top: 1px #AAA solid; border-bottom: 1px #AAA solid; border-right: 2px #AAA solid; font-size: 10px; text-align: center; margin: 0px;}
table.table_stat tr.alt {background-color:  #EEE;}
table.table_stat tr.alt2 {}
table.table_stat td.nowrap { white-space: nowrap; }
table.table_stat td.spolu { border-top: 2px black solid; }
table.table_stat td.spoluright { border-left: 2px black solid; }
table.table_stat td.label { font-weight: bold; padding-left: 5px; padding-right: 5px; }

table.table_stat tr:hover { border: 2px #F80 solid;}

.st_header {display: inline-block; padding: 2px 10px 2px 10px; height: 100%; margin: 0px; margin-right: 10px;}
.st_all { background-color: #EEE; }
.st_nezadane { background-color: #CCF; }
.st_ano { background-color: #CFC; }
.st_nie { background-color: #FBB; }
.st_odh { background-color: #FCA; }
.st_odh_24 {background-color: #FDC; }

.stat_header {display: inline-block; padding: 2px 0px 2px 0px; height: 100%; margin: 0px; border-right: 1px solid #888; width: 25px; text-align: center;}
.stat_all { background-color: #EEE; }
.stat_nezadane { background-color: #CCF; }
.stat_ano { background-color: #CFC; }
.stat_nie { background-color: #FBB; }
.stat_odh { background-color: #FCA; }
.stat_odh_24 {background-color: #FDC; }


table.table_trzby { border: 1px #AAA solid; width: 100%; border-collapse: collapse; font-size: 12px;}
table.table_trzby th { background-color: #FCA; border-left: 2px black solid; border-top: 2px #AAA solid; border-bottom: 1px #AAA solid; border-right: 2px #AAA solid; padding: 5px; font-size: 12px;}
table.table_trzby td { border-left: 2px #AAA solid; border-top: 1px #AAA solid; border-bottom: 1px #AAA solid; border-right: 2px #AAA solid; font-size: 12px;  margin: 0px; padding: 3px;}
table.table_trzby tr.alt {background-color:  #EEE;}
table.table_trzby tr.alt2 {}
table.table_trzby td.nowrap { white-space: nowrap; }
table.table_trzby td.spolu { border-top: 2px black solid; font-weight: bold; }
table.table_trzby td.spoluright { border-left: 2px black solid; }
table.table_trzby td.label { font-weight: bold; padding: 5px; text-align: center;}
table.table_trzby td.labelleft { font-weight: bold; padding-left: 5px; padding-right: 5px; text-align: left;}
table.table_trzby td.bb {border-bottom: 2px black solid;}
table.table_trzby td.bl {border-left: 2px black solid;}

.stat_forma_platby {float: left; margin: 5px 10px 5px 10px;}

.kontraindikacie
{
    color: #444;
    font-style: italic;
}

.clear_both{
    clear: both;
}

.float_left{
    float: left;
}

.cursor_pointer{
    cursor: pointer;
}

.kombinacia_orange
{
    font-size: 14px;
    color: #F80;
}

.kombinacia_orange_big
{
    font-size: 18px;
    color: #F80;
}

.trojkombinacia_clear_both, .trojkombinacia_float_left
{
    margin: 10px 20px 10px 20px;
}

.trojkombinacia_clear_both
{
    clear: both;
}

.trojkombinacia_float_left
{
    float: left;
}

.trojkombinacia_outer
{
    border: 1px solid #888;
}

.trojkombinacia_inner
{
    margin: 15px 30px 15px 30px;

    min-width: 355px;
    _width: 355px;

    min-height: 190px;
    _height: 190px;
}

.trojkombinacie_img{
    margin-left: 20px;
}

.rezervacie_z_blok{
    display: inline-block;
    vertical-align: top;

    width: 420px;
    margin: 10px;

    min-height: 200px;
    _height: 200px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    padding-bottom: 5px;
}

.active_highlight, .relax_highlight, .kombinacia_highlight{
    background-color: #F80
}

.rezervacie_z_blok h2
{
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    color: #666;
    margin-bottom: 0px;

    padding-left: 15px;
}

.active_highlight h2, .relax_highlight h2, .kombinacia_highlight h2{
    color: #000;
}

.rezervacie_z_popis
{
    clear: both;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;

    color: #666;

    background-color: #eee;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;


  -webkit-box-shadow: 4px 4px 4px #888888; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 4px 4px 4px #888888; /* FF3.5 - 3.6 */
          box-shadow: 4px 4px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

}

.rezervacie_viac_button
{
    padding: 6px 13px 6px 13px;
    background-color: #bcbcbc;
    color: #FFFFFF;
    margin-right: 15px;

    display: inline-block;
    float: right;

    cursor: pointer;

    -webkit-box-shadow: 4px 4px 4px #888888; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
       -moz-box-shadow: 4px 4px 4px #888888; /* FF3.5 - 3.6 */
            box-shadow: 4px 4px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.rezervacie_rezervuj_button
{
    padding: 6px 13px 6px 13px;
    background-color: #eae800;
    color: #858606;
    margin-right: 25px;

    display: inline-block;
    float: right;

    cursor: pointer;

     -webkit-box-shadow: 4px 4px 4px #888888; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 4px 4px 4px #888888; /* FF3.5 - 3.6 */
             box-shadow: 4px 4px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
             
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

a.neprecitane_neodovzdane:link, a.neprecitane_neodovzdane:visited, a.neprecitane_neodovzdane:hover
{
    display: inline-block;

    color: #FFF;
    padding: 6px 13px 6px 13px;
    border: 0px;
    background-color: #F00;

    margin: 5px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.rezervacie_dalej_button
{
    background-color: #F80;
    color: #FFF;
    padding: 3px;
    border: 0px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.rezervacie_formular
{
    clear: both;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;

    background-color: #BBB;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 4px 4px 4px #888888; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
       -moz-box-shadow: 4px 4px 4px #888888; /* FF3.5 - 3.6 */
            box-shadow: 4px 4px 4px #888888; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#rychla_volba_active, #rychla_volba_relax, #rychla_volba_kombinacia{
    position: relative;
    top: -5px;
    left: -5px;
    clear: both;
}

#rychla_volba_active_inner, #rychla_volba_relax_inner, #rychla_volba_kombinacia_inner{
    padding: 8px 20px;
    display: inline-block;
    background-color: #F80;
}

.oznam_nadpis
{
    background-color: #AAA; width: 70%; color: white;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    margin-bottom: 10px;
    -webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
    -moz-border-radius: 8px; /* FF1-3.6 */
    border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4,Android 2.1+ */
}

.oznam_text
{
    padding: 5px 10px 5px 10px;
    height: 110px;
    background-color: orange; width: 90%; color: white;
    -webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
    -moz-border-radius: 8px; /* FF1-3.6 */
    border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4,Android 2.1+ */
}

.dual_form
{
    width: 450px;
    display: inline-block;
}

.lmargin
{
    margin-left: 25px;
}

.width_short
{
   width: 20px;
}

#active_fast, #relax_fast, #kombinacia_fast{
    border: 0px;
}

#relax_maseri_radio_form{
    margin: 0px auto;
    width: 450px;
}

.sekera_obrazok{
    float: right;
}

.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: lightyellow;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}

#dobitie_kontajner img{
    vertical-align: middle;
}

.rezervacie_relax_img, .rezervacie_solarium_img{
    width: 400px;
    height: 140px;
}

.rezervacie_relax_img_title, .rezervacie_solarium_img_title{
    padding-top: 90px;
}

.rezervacie_solarium_img_title h2{
    color: #eee;
}

#breadcrumbs
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #a9a9a8;
    
    margin: 5px 0px 10px 0px;
    padding: 7px 10px 5px 30px;
    
    background: url('../images/design/navi_bar.jpg') white no-repeat;
}

#breadcrumbs a:link, #breadcrumbs a:visited  {color: #a9a9a8; text-decoration: none; font-weight: bold;}
#breadcrumbs a:hover {text-decoration: underline; }

.otazka_title
{
    border-radius: 6px 6px 6px 6px;
    color: black;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    margin-bottom: -10px;
    margin-left: 10px;
    margin-right: 20px;
    padding: 4px 16px 4px 8px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    background-color: #F8F844;
    text-shadow: 0px 0px 6px #FFFFFF;
}

.otazka_content
{
    background-color: white;
    border: 3px solid #F8F844;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 5px 7px 5px;
}

.odpoved_title
{
    border-radius: 6px 6px 6px 6px;
    color: black;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    margin-bottom: -10px;
    margin-left: 10px;
    margin-right: 20px;
    padding: 4px 16px 4px 8px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    background-color: #ffcc80;
    text-shadow: 0px 0px 6px #FFFFFF;
}

.odpoved_content
{
    background-color: white;
    border: 3px solid #ffcc80;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 5px 7px 5px;
}

.relax_z_cas_containter
{
    display: inline-block;

    border: 1px solid black;

    margin: 0px 0px 20px 1px;
}

.relax_z_cas_upper
{
    clear: both;

    width: 80px;
    height: 30px;

    background-color: #eee;

    text-align: center;

    border-bottom: 1px solid black;

    font-weight: bold;
}

.relax_z_cas_upper_inner
{
    margin: 0px auto 0px auto;
    padding-top: 5px;
}

.relax_z_cas_lower
{
    clear: both;

    width: 80px;
    height: 30px;

    background-color: #FFF;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;
}

.relax_z_cas_lower_inner
{
    margin: 0px auto 0px auto;
    padding-top: 5px;
}

.cell_active
{
    background-color: #F80 ;
}

.cell_disable
{
    background-color: #CCC ;

    cursor: default;
}


.solarium_typ_platby_outer{
    float: left;
    margin: 10px;
}

.solarium_typ_platby_inner{
    border: 1px orange solid;

    min-height: 40px;

    margin-top: 5px;

    padding: 10px 20px;
}

.reservable_active{
    cursor: pointer;
}

.reservable_solarium{
    cursor: pointer;
}

.reservable_active:hover{
    background-color: #80C0FF;
}

.reservable_solarium:hover{
    background-color: #80C0FF;
}

.reservable_invisible{
    color: white;
}

.alt .reservable_invisible{
    color: #F9FAFB;
}

.alt2 .reservable_invisible{
    color: #FFFFFF;
}

.nowrap
{
    white-space: nowrap;
}

#ajax_status_bg{
    position: absolute;
    z-index: 9999;

    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    background-color: #000;


    opacity: 0.7; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    filter: alpha(opacity=70); /* IE6-IE8 */
}

#ajax_status_img{
    position: absolute;
    top: 45%;
    left: 45%;
}

.img_trojkombinacie_1
{
    width: 226px;
    height: 47px;
    display: inline-block;
    background: transparent url('../images/design/trojkombinacie_1.gif');
}

.img_trojkombinacie_2
{
    width: 226px;
    height: 47px;
    display: inline-block;
    background: transparent url('../images/design/trojkombinacie_2.gif');
}

.img_trojkombinacie_3
{
    width: 226px;
    height: 47px;
    display: inline-block;
    background: transparent url('../images/design/trojkombinacie_3.gif');
}

.img_trojkombinacie_4
{
    width: 226px;
    height: 47px;
    display: inline-block;
    background: transparent url('../images/design/trojkombinacie_4.gif');
}

.img_3_sposob_platby
{
    width: 226px;
    height: 47px;
    display: inline-block;
    background: transparent url('../images/design/3_sposob_platby.gif');
}

button.tlac_blocek { background-color: #488C01; border:1px white solid; color: white; font-weight:bold; padding: 10px 30px 10px 30px; cursor: pointer; margin-left: 30px;}
button.tlac_blocek:hover {border:1px black solid;}

button.zrus_blocek { background-color: #C20000; border:1px white solid; color: white; font-weight:bold; padding: 10px 20px 10px 20px; cursor: pointer; }
button.zrus_blocek:hover {border:1px black solid;}

/*******************************************************************************/
/*                            BOCNE RYCHLE ODKAZY                              */
/*******************************************************************************/
#quick-buttons
{
    position: relative;
    top: 100px;
    right: -115px;
    float: right;
    width: 115px;
    height: 210px;
    /*background-color: red;*/
    margin-bottom: -210px;
}

a.quick-buttons-link:link, a.quick-buttons-link:visited
{
   font-family: arial;
   font-size: 14px; color: white;
   text-decoration: none;
}

a.quick-buttons-link:hover {text-decoration: underline;}
.quick-button-text1 {margin-left: 20px; padding-top: 25px;}
.quick-button-text2 {margin-left: 20px; padding-top: 15px;}

#quick-button-zakaznici
{
    width: 115px;
    height: 53px;
    background-image: url('../images/design/btn_customers.png');
}
#quick-button-citacka
{
    width: 115px;
    height: 42px;
    background-image: url('../images/design/btn_reader.png');
}
#quick-button-harky
{
    width: 115px;
    height: 42px;
    background-image: url('../images/design/btn_sheet.png');
}
#quick-button-pokladna
{
    width: 115px;
    height: 56px;
    background-image: url('../images/design/btn_cashdesk.png');
}

/*******************************************************************************/
/*                               STYL WEB STRANKY                              */
/*******************************************************************************/
#web-text {border: 5px #CCC solid; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 10px;}
#web-text h1 {color: black; border: 0px; font-style: normal; font-weight: bold;}
#web-text a:link, #web-text a:visited {color: blue; text-decoration: none;}
#web-text a:hover {color: blue; text-decoration: underline;}

/*******************************************************************************/


.cennik_zlava
{
    color: green;
    font-weight: bold;
}