body
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: #D5D3B6;

    font-family: arial;
    font-size: 12px;
}

h1 {text-align: center; color: #BBB; margin-top: 0px; font-weight: bold;}
p {font-size: 12px;}

.orange
{
    color: #D2500E;
}

.hviezdicka
{
    color: #FF0000;
}

div.form_error { font-family: arial; font-size: 11px; font-weight: bold; color: red; }

.form_comment{font-size: 15px; font-style: italic; color: #606060 }

.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.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: 103px; height: 16px}
select.filter {}
input.filterbutton {}

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

table.table_zoznam { border: 1px #AAA solid; width: 100%; border-collapse: collapse; clear:both; font-size: 12px; color: #555;}
table.table_zoznam th { background-color: #900000; border: 1px #AAA solid; padding: 5px; color: #FFF;}
table.table_zoznam td { border: 1px #AAA solid; padding: 5px 8px 5px 8px;}

table.table_free { border: 0px #AAA solid; width: 100%; border-collapse: collapse; clear:both; font-size: 12px; color: #555;}
table.table_free th { border: 0px #AAA solid; padding: 5px; color: #AAA;}
table.table_free td { border: 0px #AAA solid; padding: 5px 8px 5px 8px;}
table.table_free td.head { border: 0px #AAA solid; padding: 5px; color: #777; text-align: center; font-weight: bold; font-size: 13px;}
table.table_free td.siva { border-left: 1px #CCC solid; border-right: 1px #CCC solid; padding: 5px 8px 5px 8px; background-image: url('../images/design/td-free-tips.png'); background-color: #EEE;}
table.table_free td.tr_prechod {background: url('../images/design/horizontal-line-free-tips.gif'); height: 1px; border: 0px; margin: 0px; padding: 0px; width: 776px;}
.bold {font-weight: bold;}

table.table_stripy tr.alt {background-color:  #f0f0f0;}
table.table_stripy tr.alt2 {background-color:  #fff;}

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

.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;
}

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

/*Simple template*/
#page_header{
display: block;
width: 100%;
height: 100px;
background-color: #ccc;
}

#page_menu{
display: block;
width: 100%;
height: 55px;
background-color: #ddd;
}

#page_menu ul{
    margin: 0px;
}

#page_menu li{
    display: inline;
}

#page_context{
display: block;
width: 100%;
background-color: #fff;
margin-bottom: 20px;
}

#page_footer{
display: block;
width: 100%;
height: 30px;
background-color: #bbb;
}

/* Forms dizajn */

.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:#09F;
    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;
}

.form_dizajn .forms_text_prihlasovacie_udaje
{
    border: solid 1px #bdbb95;
    width: 200px;
    background-color:#ffffec;
}
.form_dizajn .forms_text_bezova, .forms_text_bezova
{
    border: solid 1px #bdbb95;
    width: 200px;
    /*background-color:#ffffec;*/
}

.forms_text_siva
{
    border: solid 1px #bdbb95;
    width: 200px;
    background-color:#aaa;
}

.forms_text_bezova_area
{
    border: solid 1px #bdbb95;
    width: 450px;
    background-color:#ffffec;
}
.forms_text_bezova_short
{
    border: solid 1px #bdbb95;
    width: 150px;
    background-color:#ffffec;
}
.forms_text_bezova_short_price
{
    border: solid 1px #bdbb95;
    width: 100px;
    background-color:#ffffec;
}
.forms_text_bezova_short2
{
    border: solid 1px #bdbb95;
    width: 40px;
    background-color:#ffffec;
}
.form_dizajn .forms_text_date, .delimeter .forms_text_date
{
    border: solid 1px #bdbb95;
    width: 160px;
    background-color:#ffffec;
}

.form_dizajn .forms_text
{
    border: solid 1px #bdbb95;
    width: 200px;
    background-color:#f0f0f0;
}
.forms_text_short
{
    border: solid 1px #bdbb95;
    width: 148px;
    background-color:#f0f0f0;
}
.forms_text_short2
{
    border: solid 1px #bdbb95;
    width: 48px;
    background-color:#f0f0f0;
}
input.forms_text
{
    width: 200px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}

.forms_textarea
{
    font-weight: normal;
    font-family:Arial, Helvetica, sans-serif;
    color:Black;
    font-size:11px;
    border: solid 1px #bdbb95;
    width:500px;
    height: 150px;
    background-color:#ffffec;
}

.form_dizajn .forms_textarea
{
    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;
    background-color:#f7ffe5;
    border: solid 1px #b0ce6a;
    cursor: pointer;
}
.form_dizajn .button_forms_date, .delimeter .button_forms_date
{

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

.form_dizajn .button_forms_date:hover , .delimeter .button_forms_date:hover
{
    border: solid 1px #B22222;
}

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

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

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

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

.forms_select_bezova_short /*kratke select boxy*/
{
    border: solid 1px #CCC;
    width: 50px;
    background-color:#ffffec;
}
.forms_select_bezova_short_price /*kratke select boxy*/
{
    border: solid 1px #CCC;
    width: 100px;
    background-color:#ffffec;
}
#forms_spracovanie_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;
}

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

table.table_payment
{
    width: 600px;
}

.payment_title
{
    font-size: 14px;
    font-weight: bold;
}

#tabs
{
    font-size: 14px;
}

table.table_zoznam td.spolu {background-color: #D3D3D3; border-top: 2px #777 solid; font-weight: bold;}

.highlight_row td
{
    background: #FFC0B0;
}

#background-outer
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

#background
{
    position: relative;
    top: 0px;
    left: 0px;

    width: 2000px;
}

#background-top
{
    clear: both;
    width: 2000px;
    height: 482px;
    background: url('../images/design/background_up.jpg')  no-repeat #d5d3b6;
}

#background-middle
{
    clear: both;
    width: 2000px;
    background-color: #d5d3b6;
}

#background-bottom
{
    clear: both;
    width: 2000px;
    height: 317px;
    background: url('../images/design/background_down.jpg') no-repeat #d5d3b6;
}

#window
{
    position: absolute;
    top: 33px;
    left: 0px;
    width: 1203px;
    z-index: 2;
}

#window-top-left-blank
{
    width: 168px;
    height: 27px;

    float: left;
}

#window-left-blank
{
    width: 168px;
    height: 100px;

    float: left;
}

#window-logo
{
    width: 314px;
    height: 27px;
    background: url('../images/design/logo.png');
    float: left;
}

#window-header-top
{
    width: 721px;
    height: 27px;
    background: url('../images/design/header-top.png');
    float: left;
    text-align: right;
}

#window-menu-top
{
    width: 202px;
    height: 40px;
    background: url('../images/design/menu.png');
    float: left;
}

#window-menu
{
    width: 202px;
    background: white;
    float: left;
}

#window-header-left
{
    width: 255px;
    height: 233px;
    background: url('../images/design/header-left.png');
    float: left;
    text-align: right;
}

#window-header-right
{
    width: 578px;
    height: 233px;
    background: url('../images/design/header-right.jpg');
    float: left;
}

#window-header-right-sms
{
    width: 578px;
    height: 233px;
    float: left;
    background: url('../images/design/sms_banner_eng.jpg');
}

#window-header-right-sms-inner
{
    width: 578px;
    height: 190px;
    clear: both;
    cursor: pointer;
}

#window-header-bottom
{
    width: 833px;
    height: 33px;
    background: url('../images/design/header-bottom.gif');
    float: left;
}

#window-oranzovy
{
    width: 370px;
    height: 287px;
    background: url('../images/design/oranzovy.png');
    float: left;
}

#window-zeleny
{
    width: 481px;
    height: 212px;
    background: url('../images/design/zeleny.png');
    float: left;
}

#window-center
{
    width: 833px;
    background: white;
    float: left;
    z-index: 3;
    text-align: center;

    background: url('../images/design/menu-vertical-line.gif') white no-repeat left top;
}

#window-inner
{
    display: inline-block;
    margin: 10px;
    text-align: left;
}

#window-banners
{
    width: 352px;
    height: 120px;
    background: url('../images/design/banners.gif');
    float: left;
}

#window-bottom-menu
{
    width: 352px;
    height: 92px;
    background: url('../images/design/bottom-menu.png');
    float: left;
}

#window-lavy-blok
{
    float: left;
    width: 370px;
}

#window-stredny-blok{
    width: 833px;
    float: left;
}

#hodiny {position: relative; width: 115px; height: 25px; left: 125px; top: 15px; text-align: center; font-size: 13px; font-weight: bold; color: white;}
#button-today {position: relative; margin-top: 20px; margin-right: 40px;}
#button-free {position: relative; margin-top: 10px; margin-right: 40px;}
#button-past {position: relative; margin-top: 10px; margin-right: 40px;}
#button-contact {position: relative; margin-top: 10px; margin-right: 13px;}
#button-buy-credits {position: relative; margin-top: 13px; margin-right: 25px;}

#button-privacy {position: relative; float: left; margin-top: 20px; padding: 7px 10px 7px 0px;}
#button-cancellation {position: relative; float: left; margin-top: 20px; padding: 7px 8px 7px 8px; border-left: 1px #AAA solid;  border-right: 1px #AAA solid;}
#button-faq {position: relative; float: left; margin-top: 20px; padding: 7px 0px 7px 8px;}

#button-contact a, #button-contact a:visited {color: #505828; font-weight: bold; text-decoration: none;}
#button-contact a:hover { text-decoration: underline;}

#button-buy-credits a, #button-buy-credits a:visited {font-size: 13px; color: white; font-weight: bold; text-decoration: none;}
#button-buy-credits a:hover {text-decoration: underline;}

#button-privacy a, #button-privacy a:visited,
#button-cancellation a, #button-cancellation a:visited,
#button-faq a, #button-faq a:visited
{font-size: 11px; color: white; font-weight: bold; text-decoration: none;}

#button-privacy a:hover,
#button-cancellation a:hover,
#button-faq a:hover
{text-decoration: underline;}

#language_box { margin-left: 30px; margin-bottom: 15px; color: #9E9F6B; font-size: 11px;}
.select_lang { font-size: 11px;}
#user_box { margin-left: 30px;  margin-bottom: 15px; color: #9E9F6B; font-size: 11px;}
.user_input_small {width: 130px; font-size: 11px; border: solid 1px #bdbb95;}

#menu_box { margin-left: 30px; }

a, a:visited {text-decoration: none; color: #6B8246;}
a:hover {text-decoration: underline;}

input.button_login_small {background-image: url('../images/design/buttons/button_login.gif'); width: 76px; height: 17px; border: 0px; color: white; font-size: 10px; font-weight: bold;}
input.button_login_small:hover {color: #A00; cursor: pointer;}
div.button_registration {background-image: url('../images/design/buttons/button_sign_up.gif');  width: 142px; height: 44px; text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-left: 5px;}
a.link_sign_up, a.link_sign_up:visited {color: #4B9226;}
a.link_sign_up:hover {text-decoration: none; color: #A00;}

.payment_round_brick
{
    -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 6px; /* FF1-3.6 */
          border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

    background-color: #900000;
    color: white;
    padding: 5px 10px 5px 10px;
}

#soc_buttons {margin-left: 30px; margin-right: 30px; text-align: center; clear: both}
#soc_buttons table {margin-left: auto; margin-right: auto; border: 0px; width: 100%;}

input.button_search {background: url('../images/design/buttons/search.png') no-repeat; width: 16px; height: 16px; border: 0px;}
input.button_cancel {background: url('../images/design/buttons/cancel.jpg') no-repeat; width: 16px; height: 16px; border: 0px;}

h2, h3
{
    -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 6px; /* FF1-3.6 */
          border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

    background-color: #900000;
    color: white;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}

select {font-size: 12px;}
#country_code {float: left; font-size: 12px; color:  #777; margin-top: 3px; margin-right: 5px; width: 30px;}

.platba_bg_1, .platba_bg_2, .platba_bg_3, .platba_bg_4
{
    display: inline-block;
    
    width: 384px;
    height: 125px;
}

.platba_bg_1 p, .platba_bg_2 p, .platba_bg_3 p, .platba_bg_4 p{
    margin-top: 50px;
    margin-left: 30px;
}

.platba_bg_1{
    background: url('../images/design/payment_3.jpg');
}

.platba_bg_2{
    background: url('../images/design/payment_1.jpg');
}

.platba_bg_3{
    background: url('../images/design/payment_2.jpg');
}

.platba_bg_4{
    background: url('../images/design/payment_4.jpg');
}

a.period_tab_button, a.period_tab_button:visited
{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #eeeeee, #aaaaaa); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #eeeeee, #aaaaaa); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #eeeeee, #aaaaaa); /* IE10 */
    background-image:      -o-linear-gradient(top, #eeeeee, #aaaaaa); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #eeeeee, #aaaaaa);

    padding: 10px 20px 5px 20px;

    margin-top: 5px;

    color: #666;
    text-decoration: none;
    font-weight: bold;

    display: inline-block;

    vertical-align: bottom;
}

a.period_tab_button:hover
{
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#999999)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #999999); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #dddddd, #999999); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #dddddd, #999999); /* IE10 */
    background-image:      -o-linear-gradient(top, #dddddd, #999999); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #dddddd, #999999);

    color: #555;
}

a.period_tab_button_active, a.period_tab_button_active:hover, a.period_tab_button_active:visited
{
    background-color: #d50100;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d50100), to(#7c0200)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d50100, #7c0200); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #d50100, #7c0200); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #d50100, #7c0200); /* IE10 */
    background-image:      -o-linear-gradient(top, #d50100, #7c0200); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #d50100, #7c0200);

    padding: 10px 20px 10px 20px;

    margin-top: 0px;

    color: white;
}

.grey_all{
    color: #666;
}

.grey_all b{
    color: #444;
}

.valign_top_table td{
    vertical-align: top;
}

.period_tab{
    padding: 20px;
}

a.big_red_button, a.big_red_button:hover, a.big_red_button:visited
{
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

    background-color: #d50100;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d50100), to(#7c0200)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d50100, #7c0200); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #d50100, #7c0200); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #d50100, #7c0200); /* IE10 */
    background-image:      -o-linear-gradient(top, #d50100, #7c0200); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #d50100, #7c0200);

    padding: 10px 30px 10px 30px;

    color: white;
    font-weight: bold;

    font-size: 16px;
}