html {margin:0; padding:0;}
body {width:100%; min-width: 1000px; min-height: 900px; position:relative;  margin:0px; padding:0px 0px 0 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#1F1F1F; background: #1F1F1F url('../images/bg_main.png') repeat-x;}
html, body {height: 100%;}

a{ text-decoration:underline;  color:#454545;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;}

input,textarea,select{font-family:Arial; margin:0; padding: 2px 5px;}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul {margin: 0px; padding: 0px}
p {padding-bottom: 1em;}
table tr td {vertical-align: top; border-spacing: 0px;}
fieldset {margin: 0px; padding: 0px; border: none;}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:normal; color:#1F1F1F;}

.f-left{float:left;}
.f-right{float:right;}
.f-rightimportant{float:right !important;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} 
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;} 
.italic {font-style:italic} 
.strong {font-weight:bold; color:#000000;} 
.no-padding {padding:0!important} 
.ml{margin-left:10px!important;}
.green{font-weight: bold; color:#81b113;}
.correct{font-weight: bold; color:green;}
.error{font-weight: bold; color: red;}
.hidden{display:none;}
.cleared:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
/*.visible_table{color:white;}*/
a.disabled:hover, a.disabled, input[type="submit"]:disabled {background-image: url('../images/bg_login_disabled.png') !important;}

#layout_wrapper {width: 1240px; margin: 0px auto; min-height: 100%; position: relative;}
#main {overflow: auto; padding-bottom: 57px; min-height: 570px;}

header {height: 100px; position: relative;}
header .contact {position: absolute; top: 0px; left: 0px;}
header .contact .text {width: 820px; height: 540px; padding: 0px 20px; border-radius: 0px 0px 10px 10px; background: #DDD url('../images/bg_dropdown_content.png') repeat-x; position: relative; z-index: 99; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); display: none;}
header .contact .text .header {display: block; width: 100%; height: 73px; line-height: 73px; text-align: center; font-weight: bold; color: #E33F21; font-size: 28px; background: transparent url('../images/shadow_dropdown.png') 50% 100% no-repeat; position: relative; cursor: pointer;}
header .contact .text .header:before {content: "X"; color: #FFF; font-size: 25px; font-weight: bold; display: block; position: absolute; right: -10px; top: 10px; width: auto; height: 40px; width: 40px; padding: 0px; border-radius: 36px; background: transparent url('../images/bg_login.png') 0% 50% repeat-x; text-align: center; line-height: 40px;}
header .contact .text  p {text-align: center; font-size: 15px; line-height: 40px;}
header .contact .text  p span {text-transform: uppercase;}
header .contact .text  p strong, header .contact .text  p.table-info {font-size: 20px;}
header .contact .text table {font-size: 15px; text-transform: uppercase; line-height: 25px;}
header .contact .text table th {padding-right: 10px; text-align: left;}
header .contact .text table td, header .contact .text table td span {color: #E33F21; text-decoration: none;}
header .contact .text p.table-info + table {text-transform: none; width: 100%; border-spacing: 0px 3px;}
header .contact .text p.table-info + table th, header .contact .text p.table-info + table td {padding: 5px 15px; color: #191919; border-left: 1px dashed #888;}
header .contact .text p.table-info + table tr:nth-child(2n) th, header .contact .text p.table-info + table tr:nth-child(2n) td {background-color: #BBB; border-left-color: #FFF;}
header .contact .text p.table-info + table th {border-left: none;}
header .contact.visible .text {display: block;}
header .contact > a {display: block; width: 228px; padding-right: 70px; height: 79px; background: transparent url('../images/bg_button.png') repeat-x; background-size: 100% 100%; border: 0px solid #888; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 10px 10px; color: #191919; text-transform: uppercase; font-size: 20px; font-weight: bold; line-height: 79px; text-align: center; position: relative; top: -6px; z-index: 90; text-decoration: none;}
header .contact > a:after {content: ""; display: block; width: 69px; border-left: 1px solid #888; height: 76px; position: absolute; top: 3px; right: 0px; background: transparent url('../images/ico_arrow_up.png') 50% 50% no-repeat; background: url('../images/ico_arrow_down.png') 50% 50% no-repeat, url('../images/bg_dropdown.png') repeat-x transparent; border-radius: 0px 0px 9px 0px;}
header .contact.visible > a {color: #FFF; background: transparent url('../images/bg_dropdown_caption.png') repeat-x;}
header .contact.visible > a:after {background: url('../images/ico_arrow_up.png') 50% 50% no-repeat, url('../images/bg_dropdown.png') repeat-x transparent;}

header .pg-info {float: right; font-weight: bold; height: 74px;}
header .pg-info .text {font-size: 46px; letter-spacing: 1px; text-transform: uppercase; color: #F3F3F3; float: left; line-height: 74px;}
header .pg-info .phone {display: none; margin-left: 50px; padding: 0px 30px; font-size: 36px; color: #191919; float: left; height: 74px; line-height: 74px; background: transparent url('../images/bg_button.png') repeat-x; background-size: 100% 100%; border-radius: 0px 0px 10px 10px;}
header .pg-info .phone span {color: #E33F21;}

nav {width: 1150px; height: auto; /*border-radius: 0px 0px 10px 10px;*/ background-color: #FFF; margin-bottom: 25px;}
nav:after {content: ""; display: block; width: 100%; height: 0px; clear: left;}
nav ul li {list-style-type: none; float: left; text-transform: uppercase; width: 230px;}
nav ul li a {display: block; text-align: center; padding: 0px; text-decoration: none; font-size: 22px; font-weight: bold; line-height: 60px; box-shadow: inset -1px -1px 0px 0px #666;}
nav ul li a.golden {background: transparent url('../images/bg_gold.png') repeat-x; color: #000;}
nav ul li:first-child a {border-left: none;}
nav ul li:last-child a {border-right: none;}
nav ul li a:hover, nav ul li.current a {background: transparent url('../images/bg_login.png') repeat-x; color: #FFF;}
/*nav ul li:first-child a:hover, nav ul li.current:first-child a {border-radius: 0px 0px 0px 10px;}*/

h1 {width: 1110px; padding: 0px 20px; height: 60px; font-size: 22px; font-weight: bold; line-height: 60px; background: transparent url('../images/bg_button.png') repeat-x; margin: 0px 0px 25px 0px; border-radius: 10px;}

.login {width: 468px; height: 203px; padding: 25px; background: transparent url('../images/bg_login_form.png') no-repeat; margin: 50px auto 0px auto; font-size: 26px; font-weight: bold; line-height: 44px;}
.login table {width: 450px; margin: 0px auto;}
.login td {vertical-align: middle;}
.login label {text-transform: uppercase;}
.login input[type="text"], .login input[type="password"] {width: 320px; height: 38px; line-height: 38px; border: 1px solid #FFF; border-radius: 10px; background: transparent url('../images/bg_input.png') repeat-x; color: #FFF; font-size: 26px; font-weight: bold;}
.login input[type="submit"] {float: right; height: 60px; line-height: 60px; padding: 0px 10px; font-size: 22px; color: #FFF; font-weight: bold; border-radius: 10px; background: transparent url('../images/bg_login.png') repeat-x; border: none; text-transform: uppercase; cursor: pointer;}

.validation {width: 1150px; margin: 0px 0px 25px 0px; font-size: 22px; font-weight: bold; float: left;}
.validation .inputs, .validation h2, .visible_table {width: 1110px; padding: 15px 20px; font-size: 22px; font-weight: bold; line-height: 30px; background: #D1D1D3 /*url('../images/bg_button.png')*/ repeat-x; margin-bottom: 25px; border-radius: 10px;}
.visible_table {font-size: 12px; font-weight: normal; line-height: normal;}
.validation .inputs:after, .validation h2:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
.validation.items .pack {width: 1110px; padding: 20px; font-size: 12px; font-weight: bold; background: #D1D1D3 url('../images/bg_button.png') repeat-x; margin-bottom: 25px; border-radius: 10px; position: relative;}
.validation.items .pack .delete {content: "X"; color: #FFF; font-size: 25px; font-weight: bold; display: block; position: absolute; right: -15px; top: -15px; width: auto; height: 40px; padding: 0px 10px; border-radius: 36px; background: transparent url('../images/bg_login.png') 0% 50% repeat-x; text-align: center; line-height: 40px; border: 3px solid #1F1F1F; cursor: pointer;}
#confirm_expedition {background: none; padding: 0px; margin: 0px; width: 1050px;}
.validation .inputs label {text-transform: uppercase;}
.validation .inputs input[type="text"], .validation .inputs input[type="password"] {width: 220px; height: 38px; line-height: 38px; border: 1px solid #FFF; border-radius: 10px; background: transparent url('../images/bg_input.png') repeat-x; color: #FFF; font-size: 26px; font-weight: bold;}
.validation .inputs select, .cart-item select {width: 220px; height: 38px; line-height: 38px; border: 1px solid #FFF; background: transparent url('../images/bg_input.png') repeat-x; color: #FFF; font-size: 26px; font-weight: bold;}
.validation .inputs input[type="button"] {height: 40px; line-height: 40px; padding: 0px 30px; font-size: 12px; color: #FFF; border-radius: 10px; background: transparent url('../images/bg_login.png') 50% 50% repeat-x; border: none; text-transform: uppercase; cursor: pointer; margin-bottom: 10px; width: 272px;}
.validation .inputs input[type="button"].correct {font-size: 14px; font-weight: bold;}
.validation .inputs select, .cart-item select {color: #1F1F1F; background: #FFF none; width: auto; max-width: 100%;}
.validation .inputs label:first-child + input[type="text"] {margin-right: 40px;}
.validation .result {margin: 45px 15px; padding: 20px; background: #424242 url('../images/bg_result_inner.png') repeat-x; border-radius: 10px; color: #FFF; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 26px; position: relative;}
.validation .result:after {content: ""; display: block; position: absolute; left: -15px; top: -15px; width: 1150px; height: 100%; background: #D8D8DA url('../images/bg_result.png') repeat-x; border-radius: 10px; padding: 15px 0px; z-index: -1;}
.validation .result span {color: #FC0;}
.validation input[type="submit"], .validation #confirm_expedition a, a.print {float: right; height: 40px; line-height: 40px; padding: 0px 30px; font-size: 22px; color: #FFF; font-weight: bold; border-radius: 10px; background: transparent url('../images/bg_login.png') repeat-x; border: none; text-transform: uppercase; cursor: pointer; margin: 0px 0px 10px 10px;}
.validation #confirm_expedition a {float: left; text-decoration: none;}
a.print {text-decoration: none}

.cposta {float: left; width: auto; margin: 10px 10px 10px 0px; background: #D1D1D3 url('../images/bg_button.png') repeat-x; border-radius: 10px; position: relative;}
.cposta input[type="submit"] {float:inherit; line-height: 40px; margin: 6px 0px 3px 10px; padding: 0px 20px;}
.cposta .inputs{width: 390px; background: inherit; margin: 5px 0px; padding: 5px 10px;}
.cposta .wider{width: 600px;}
.cposta .inputs input[type="text"]{width: 120px;}
.cposta .inputs label:first-child + input[type="text"] {margin-right: 0px;}

.cpoverview {padding: 0px 0px 0px 40px; line-height: 40px; font-size: 22px; color: #FFF; font-weight: bold;}
.cpoverview .correct strong { font-size: 27px; }
.cptohalf {position:absolute; left:50%;}

.printmargin{display:none;}
.white{
	color: #FFFFFF;
}

input[type="submit"]:disabled.greenbutton {background: transparent url('../images/bg_green.png') repeat-x !important; 
cursor: default;
} 

.lessmargin { margin: 0px;}

#email-dialog-ok {float: right; height: 40px; line-height: 40px; padding: 0px 30px; font-size: 22px; color: #FFF; font-weight: bold; border-radius: 10px; background: transparent url('../images/bg_login.png') repeat-x; border: none; text-transform: uppercase; cursor: pointer; margin: 15px 0px 10px 10px; text-decoration: none;}

.visible_table table {width: 1110px; border-spacing: 1px;}
.visible_table table th {background-color: #AAA; padding: 2px;}
.visible_table table tr td {vertical-align: middle; padding: 2px; background-color: #E7E7E7}
.visible_table table tr:nth-child(2n) td {background-color: #DDD}

/*strankovani*/
.paging {width: 300px; padding: 15px 20px; font-size: 17px; font-weight: bold; 
line-height: 30px; background: #D1D1D3 /*url('../images/bg_button.png')*/ repeat-x; 
margin-bottom: 25px; border-radius: 10px;
text-align:center;
}


.whisper input{margin:0px !important;}
.whisper input[type="button"]{width:190px !important; vertical-align:top;}
.whisper input[type="text"]{width:500px !important; height:38px !important; line-height:38px !important;}
.whisper select{height:auto !important;}
.whisper .whsel {width: 1070 !important; position:absolute !important; left: 30px;}
.whisper .whisperhelp{font-size:18px !important; line-height:30px !important; padding: 20px 0px 20px 3px !important;}

#rangepack_div label, #singlepack_div label  {display: inline-block; width: 350px;}

#addedPacks {width: 1110px; padding: 20px; font-size: 22px; font-weight: bold; line-height: 25px; background: #D1D1D3 url('../images/bg_button.png') repeat-x; margin-bottom: 25px; border-radius: 10px; clear: both;}
#addedPacks label {margin: 10px 0px;}
#addedPacks input + label:before {content: ", ";}

.headerinfo {float: left; margin: 10px 90px 10px 0px; position: relative; padding: 13px; width: auto; color:white;
font-size:18px; font-weight: 800;}

.paydayinfo {float: left; margin: 0px 10px 0px 10px; position: relative; padding: 13px; width: auto; color:white;
font-size:18px; font-weight: 800;}
.paydayinfo .payday{ display: inline-block;	width:150px; margin-left:60px; }
.paydayinfo .paydaycash{ display: inline-block; width:160px; margin-left:0px; }

.cart-item {width: 1110px; padding: 20px; font-size: 22px; font-weight: bold; line-height: 25px; background: #D1D1D3 url('../images/bg_button.png') repeat-x; margin-bottom: 25px; border-radius: 10px; clear: both;}

.pack_block{width: 1110px; padding: 20px; font-size: 12px; font-weight: bold; background: #D1D1D3 url('../images/bg_button.png') repeat-x; margin-bottom: 25px; border-radius: 10px; position: relative;}
.back_block{float: right; height: 60px; line-height: 60px; padding: 0px 30px; font-size: 22px; color: #FFF; font-weight: bold; border-radius: 10px; background: transparent url('../images/bg_login.png') repeat-x; border: none; text-transform: uppercase; cursor: pointer;}
#login_block{float: right; width: auto; margin: 10px 90px 10px 0px; padding:10px;background: #D1D1D3 url('../images/bg_button.png') repeat-x; /*margin-bottom: 25px;*/ border-radius: 10px; position: relative;}
#login_block span {padding-left: 10px; font-size: 14px;}

.help {width: 265px; padding: 60px 15px 25px 15px; background-color: #191919; background-color: rgba(0, 0, 0, 0.9); border-radius: 0px 0px 0px 10px; margin: 0px; position: fixed; right: -280px; top: 128px; transition: right linear 0.3s; -webkit-transition: right linear 0.3s; cursor: pointer;}
.help.visible {right: 0px; transition: right linear 0.3s; -webkit-transition: right linear 0.3s;}
.help > div {height: 460px; overflow-y: auto; overflow-x: hidden; cursor: pointer;}
.help > div * {cursor: default;}
.help > div:before {content: "X"; color: #FFF; font-size: 25px; font-weight: bold; display: block; position: absolute; right: 10px; top: 10px; width: auto; height: 40px; width: 40px; padding: 0px; border-radius: 36px; background: transparent url('../images/bg_login.png') 0% 50% repeat-x; text-align: center; line-height: 42px; cursor: pointer;}
.help:before {content: "?"; color: #FFF; font-size: 50px; font-weight: bold; display: block; position: absolute; left: -45px; top: -28px; width: 60px; height: 60px; border-radius: 36px 0px 0px 36px; background: transparent url('../images/bg_login.png') repeat-x; text-align: center; line-height: 60px; z-index: 77; transition: border-radius linear 0.3s; -webkit-transition: border-radius linear 0.3s;}
.help.visible:before {border-radius: 36px; transition: border-radius linear 0.3s; -webkit-transition: border-radius linear 0.3s;}
.help:after {content: ""; display: block; position: absolute; left: -75px; top: -27px; width: 58px; height: 58px; border-radius: 36px; background: #191919 url('../images/ico_arrow_left.png') 30% 50% no-repeat; z-index: 75;}
.help.visible:after {background-image: url('../images/ico_arrow_right.png');}
.help h2 {width: 205px; padding: 10px 20px; font-size: 16px; font-weight: bold; line-height: 30px; background: #D1D1D3 url('../images/bg_button.png') repeat-x; margin: 15px 0px; border-radius: 10px; text-transform: uppercase; color: #DB1A00; line-height: 20px;}
.help p {font-size: 16px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 14px;}

.back, .confirm {float: left; height: 40px; line-height: 40px; padding: 0px 30px; font-size: 22px; color: #FFF; font-weight: bold; border-radius: 10px; background: transparent url('../images/bg_login.png') repeat-x; border: none; text-transform: uppercase; cursor: pointer; margin-bottom: 10px; text-decoration: none;}
.confirm {float: right;}
.back:after, .confirm:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}

.link-wrapper {width: 1150px; margin-bottom: 10px;}

.bulksales {padding: 0px 0px 0px 40px; line-height: 45px; font-size: 22px;}

.packlist {width: 1150px;}
.packlist:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
/*.packlist .validation {width: 440px; }
.packlist .validation:nth-child(2n+1) {margin-right: 20px; clear: left;}
.packlist .inputs {width: 400px;}*/

.tickets-inventory {float: left;}
.inputs.correct, .inputs.error {margin-bottom: 0px;}
.inputs.correct select[name="change"], .inputs.error select[name="change"] {float: right; margin-bottom: 10px;}
.inputs.correct input[type="submit"], .inputs.error input[type="submit"] {clear: right;}

#login_block a, .pack_block a, .logout_button {display: inline-block; height: 30px; line-height: 30px; padding: 5px 20px; font-size: 14px; color: #FFF; font-weight: bold; border-radius: 7px; background: transparent url('../images/bg_login.png') 50% 50% repeat-x; border: none; text-transform: uppercase; cursor: pointer; margin: 5px 10px; text-decoration: none;}

footer {position: relative; height: 57px; line-height: 57px; width: 1280px; margin: -57px auto 0px auto; clear: both; color: #FFF;}
footer p {margin: 0px; padding: 0px; height: 57px; text-align: center; font-size: 10px;}
footer a {color: #FFF;}


#message_block{float: right; width: auto; margin: 10px 30px 10px 0px; padding:10px;background: #D1D1D3 url('../images/bg_button.png') repeat-x; /*margin-bottom: 25px;*/ border-radius: 10px; position: relative;}
#message_block span {padding-left: 10px; font-size: 14px;}
#message_block a {
display: inline-block; 
height: 30px;
padding: 5px 20px;  
line-height: 30px; 
margin: 5px 10px; 
font-size: 60px; 
/*
font-weight: bold; 
color: #FFF; 
border-radius: 7px; 
background: transparent url('../images/bg_login.png') 50% 50% repeat-x;
*/ 
border: none; text-transform: uppercase; 
cursor: pointer; 
text-decoration: none;
}

.inputs-row {height: 50px;}
.inputs-row input.golden {background: transparent url('../images/bg_gold.png') repeat-x;}


@keyframes blink { 
	50% { color: black; } 
}
@-webkit-keyframes blink { 
	50% { color: black; } 
}

#message_block a.newMessage{
    color: red;
    animation: blink 1s steps(1) infinite;
    -webkit-animation: blink 1s steps(1) infinite;
}

table.message_table tr{
	line-height: 3em;
}

table.message_table .unreaded{ 
	font-weight:bold;
}