/*** BASIC BOX SETTINGS WITH "STICKY FOOTER" ***/
html, body {height: 100%;margin:0;padding:0;}


body {
    color:#0e273b;
    margin:0px;
    padding:0px;
    font-family: 'PTSansRegular', Arial, sans-serif; 
    font-size:14px;
    text-align:center;
     
    background:#9ca4ac url('../images/bgg.png') repeat-x ;
}
.clear {clear:both;}

strong {font-family: 'PTSansBold', Arial, sans-serif;}
i {font-family: 'PTSansItalic', Arial, sans-serif;}

img {border:none;}

#bgdialog {cursor:pointer;display:none;z-index:100;position:fixed;background:url('../images/tmav.png');width:100%;height:100%;}
#dialog {display:none;border-radius:7px;z-index:101;position:fixed;width:400px;background-color:#FFFFFF;top:15%;left:50%;margin:-150px 0 0 -200px;}
#dialog .ht {font-family: 'PTSansBold', Arial, sans-serif;border-radius:7px 7px 0px 0px;text-align:left;background-color:#e5e5e5;font-weight:bold;padding:15px 10px 11px 45px;font-size:24px;}
#dialog .ht span.close {cursor:pointer;float:right;font-size:12px;color:#000000;padding:20px 20px 0 0;background:url('../images/close.png') no-repeat;margin:4px 20px 0 0;}
#dialog .te {border-radius:0px 0px 7px 7px;text-align:left;background-color:#ffffff;padding:50px;font-size:14px;}
#dialog .te img.iko_tip {margin:0 0 0 -30px;float:left;}
#dialog .te img.iko_war {margin:0 0 0 -30px;float:left;}

#akce {float:right;margin:-90px 0 0 0px;width:240px;}
#akce div {border-radius:8px;margin:0px 0 0 0;background-color:#8bdc46;}
#akce div strong.top {border-radius:8px 8px 0px 0px;padding:11px 0 4px 0;text-transform:uppercase;height:30px;background-color:#83c844;font-size:25px;text-align:center;display:block;}
#akce div strong.bottom {border-radius:0px 0px 8px 8px;width:240px;height:20px;background-color:#83c844;font-size:20px;text-align:center;display:block;}
#akce div p {line-height:25px;padding:10px 0 0px 0;color:#FFFFFF;font-size:20px;text-align:center;margin:0;}
#akce div p strong {font-size:20px;}
#akce div p .mm {color:#26323d;font-size:25px;font-weight:bold;}
#akce div p .kc {line-height:40px;color:#26323d;font-size:25px;font-weight:bold;font-family: 'PTSansBold', Arial, sans-serif;}

select {border-radius:5px;}


#shell {
    
    margin:0 auto;
    text-align:left;
    min-height: 100%;
}

header {
    margin:0px;
    position:fixed;
    background-color:#0f283c;
    height:86px;
    width:100%;
    z-index:1000000;
    top:0px;
    left:0px;
}
header div {width:960px;margin:0px auto;height:86px;}


#bg {background:#9ca4ac url('../images/bg.png') no-repeat top center;width:100%;height:822px;top:500px;position:absolute;z-index:-10;}                                    

h1,h2,h3,h4,h5,h6 {color:#0c4042;font-family: 'PTSansBold', Arial, sans-serif;}
h1 {font-weight:bold; font-size:1.9em;padding-bottom:14px;}
table td {vertical-align: top;}

strong {font-size:14px;margin:0 0 0 0;}
p {font-size:13px;color:#666666;margin:0px 0 20px 23px;text-align:left;line-height:18px;}
p.nonmargined {margin:0px 0 20px 0px;}
p strong {font-size:13px;font-family: 'PTSansBold', Arial, sans-serif;}

label {font-size:14px;font-family: 'PTSansBold', Arial, sans-serif;}
.block {display:block;}


header h1 {font-size:12px; padding:15px 0 0 0px;margin:0px 0px 0px -15px; float:left;}
header h1 a {padding:0px 239px 36px 0;color:#0f283c; text-decoration:none;background:url('../images/logo.png') no-repeat 0px 12px;}

header nav {margin:0 0 0 0;padding:0;}
header nav ul {margin:35px 0 0 0;float:right;list-style:none;padding:0;}
header nav ul li {float:left;padding:0 0 0 0px;margin:0 0 0 35px;}
header nav ul li a {padding:4px 0 8px 34px;font-weight:bold;font-size:13px;color:#e3e3e3;text-decoration:none;} 
header nav ul li a:hover {color:#FFFFFF;} 
header nav ul li a.navod {background:url('../images/navod.png') no-repeat 2px 0px;}
header nav ul li a.sledovani {background:url('../images/prehled.png') no-repeat 0px 0px;}
header nav ul li a.sablony {background:url('../images/sablony.png') no-repeat 2px 0px;}

#projekce {margin:13px 0 0 380px;background:url('../images/bgProjekce.png') no-repeat 0px 0px;width:317px;height:207px;position:absolute;}
#projekce #a {width:100px;height:38px;overflow:hidden;position:absolute;margin:100px 0 0 120px;}

#fb {text-align:center;width:140px;height:100px;position:absolute;margin:60px 0 0 790px;}
#fb img {margin:0 0 15px 15px;}


#welcome {height:160px;width:960px;margin:0px auto;margin-top:85px;}
#welcome h1 {margin:0px; color:#FFFFFF;font-size:30px;padding:20px 0 15px 0;}
#welcome h1 span {font-weight:normal;font-size:20px;display:block;}
#welcome span.button {cursor:pointer;font-size:13px;border-radius:5px;padding:9px 10px 8px 5px;text-decoration:none;background:url('../images/bgButton.png') repeat-x ;color:#0e273b;font-weight:bold;}
#welcome span.button span {font-size:15px;font-family:Curier New;border-radius:10px;padding:1px 8px 1px 8px;background-color:#7d8c99;color:#e3e3e3;margin:0 10px 0 8px;}

.box {padding:0 0 20px 0;border-radius:7px;width:960px;margin:0px auto;margin-bottom:20px;background:#eaeaea url('../images/bgBox.png') repeat-x;  }

.box h2 {margin:0 0 20px 0;color:#0e273b;font-size:24px;background-color:#e4e4e4;border-radius:7px 7px 0 0;padding:18px 0 12px 30px;}
.box h2 span {font-size:30px;float:right;background:url('../images/bgCisloKroku.png') no-repeat 0px 0px;padding:4px 10px 1px 11px;margin:-6px 30px 0 0;}


.box h3 {text-transform:uppercase;color:#0e273b;font-size:18px;}


table.grafika {margin:15px 0 0 0;}
table.grafika tr td {width:380px;padding:0 40px 0 30px;}
table.grafika tr td.right {}
table.grafika tr td input.radio {margin:0px 10px 0px 0;} 


table.pocet {}
table.pocet tr td {width:280px;padding:0 0px 0 35px;}
table.pocet tr td.right {width:590px;padding:0 0px 0 25px;}
table.pocet tr td select {border:none;width:260px;height:30px;background-color:#ffffff;}

table.pocet tr td label {margin:0 0 0 0;}
table.pocet tr td input.radio {margin:0px 10px 0px 0;}

div.pocetKusu {padding:14px 0 0 0;text-align:center;font-size:22px;font-weight:bold;color:#FFFFFF;background:url('../images/bgTable.png') no-repeat center bottom;position:absolute;height:30px;width:75px;margin:20px 0 0 -30px;}
input.ksPlus {float:left;border:none;cursor:pointer;margin:20px 0 0 0;width:21px;height:21px;background:url('../images/plus.png') no-repeat top left;}
input.ksMinus {float:left;border:none;cursor:pointer;margin:20px 0 0 0;width:21px;height:21px;background:url('../images/minus.png') no-repeat top left;}


div.ceny {margin:60px 0 0 0px;}
div.ceny span {width:115px;float:left;line-height:40px;border-radius:7px 0px 0px 7px;background-color:#0f283c;color:#FFFFFF;font-size:15px;padding:8px 10px 4px 15px;}
div.ceny strong {float:left;text-align:center;line-height:40px;width:140px;margin:0 0px 0 -8px;border-radius:7px;background-color:#8ede49;color:#FFFFFF;font-size:28px;padding:9px 0px 3px 0px;}
div.ceny strong.celkem {margin:0 20px 10px -8px;}


table.grafkont tr td {width:420px;padding:0 0 0 35px;}
table.grafkont tr td.lef {width:450px;}
table.grafkont tr td h3 {margin-bottom:8px;}
table.grafkont tr td label {float:left;color:#686868;font-size:13px;font-family: 'PTSansBoldItalic', Arial, sans-serif;margin:10px 0 0 0;padding:0;}
table.grafkont tr td label.side {float:right;margin:10px 90px 0 0px;}
table.grafkont tr td label.sidee {float:right;margin:10px 140px 0 0px;}
table.grafkont tr td label.inline {font-family: 'PTSansBold', Arial, sans-serif;color:#0e273b;font-size:14px;line-height:25px;margin:0;padding:0px 20px 10px 0;font-weight:bold;}
table.grafkont tr td input.fileSubmit {}
table.grafkont tr td label.light {font-family: 'PTSansItalic', Arial, sans-serif;}
table.grafkont tr td label.file {margin:10px 0 0 0;}

table.grafkont tr td input.text {padding:0 10px 0 10px;margin:0 0 0 0;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:378px;display:block;}
table.grafkont tr td input.textt {padding:0 10px 0 10px;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:260px;margin:0 15px 0 0;}
table.grafkont tr td input.texttt {padding:0 10px 0 10px;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:80px;}
table.grafkont tr td input.text.nonbordered {border:none;}
table.grafkont tr td textarea {padding:10px;margin:15px 0 0 0;width:420px;height:205px;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;}
table.grafkont tr td select {border:none;width:400px;height:30px;background-color:#ffffff;}

table.grafkont tr td input.email {padding:0 10px 0 10px;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:200px;margin:0 15px 0 0;}
table.grafkont tr td input.telefon {padding:0 10px 0 10px;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:140px;}

table.final tr td {width:420px;padding:0 0 0 35px;}
table.final tr td.lef {width:450px;} 
table.final tr td img.gopay_ikony {position:absolute;margin:25px 0 0 285px;cursor:pointer;}

table.final tr td label {color:#686868;font-size:13px;font-family: 'PTSansBoldItalic', Arial, sans-serif;margin:10px 0 0 0;padding:0;}
table.final tr td input.text {padding:0 10px 0 10px;margin:0 0 0 0;background-color:#e4e8e9;border:1px solid #acb2b9;border-radius:5px;height:24px;width:380px;display:block;}
table.final tr td textarea {padding:10px;margin:0px 0 0 0;width:418px;height:287px;background-color:#e4e8e9;border:none;border-radius:5px;}
table.final tr td select {border:none;width:260px;height:30px;background-color:#ffffff;}
table.final tr td input.text.slevovyKod {width:240px;float:left;}
table.final tr td button#useSlevovyKod {font-family: 'PTSansBold', Arial, sans-serif;width:118px;cursor:pointer;margin:-1px 0px 0 20px;float:left;font-size:12px;border:none;border-radius:5px;text-transform:uppercase;padding:6px 10px 7px 10px;background:url('../images/bgButtonFile.png') repeat-x;color:#112a3e;}

table.final tr td span.celk {text-align:left;display:block;width:380px;margin:20px 0 10px 0;line-height:40px;border-radius:7px;background-color:#0f283c;color:#FFFFFF;font-size:15px;padding:8px 0px 4px 20px;}
table.final tr td span.variable {text-align:center;width:400px;height:40px;margin:0px 0 10px 0;float:left;line-height:40px;border-radius:7px;background-color:#0f283c;color:#FFFFFF;font-size:25px;font-weight:bold;padding:8px 0px 4px 0px;}
table.final tr td strong.celkem {text-align:center;margin:-8px 0 0px -8px;float:right;line-height:40px;width:150px;border-radius:7px;background-color:#8ede49;color:#FFFFFF;font-size:28px;padding:9px 0px 3px 0px;}
table.final tr td h3.variable {margin:35px 0 10px 0;}

table.final tr td span.acceptTerms {width:437px;padding:10px 0px 10px 0px;background:url('../images/bgAcceptTerms.png') no-repeat 0px 0px;margin:10px 0 10px 0;float:left;border-radius:7px;}
table.final tr td span.acceptTerms label {cursor:pointer;margin:10px 0 10px 0;float:none;line-height:40px;color:#0f293b;font-size:14px;text-transform:uppercase;font-weight:bold;font-family: 'PTSansBold', Arial, sans-serif;}
table.final tr td span.acceptTerms input {float:left;margin:12px 10px 0 40px;}

input.pay {height:80px;cursor:pointer;border:none;width:407px;padding:20px 0px 20px 0px;background:url('../images/bgPay.png') no-repeat 0px 0px;margin:20px 0 10px 0;float:left;line-height:40px;border-radius:7px;color:#0f293b;font-size:18px;text-transform:uppercase;font-weight:bold;}

table.final tr td div.tmav {z-index:100;background:url('../images/tmav.png');border-radius:7px;height:30px;width:260px;position:absolute;margin:0px 0 0 0;}
table.final tr td div.tmav.s {margin:-1px 0 0 0;height:28px;width:402px;}
table.final tr td div.tmav.p {margin:82px 0 0 0;height:80px;width:400px;}
 
 
table.shrnuti {margin:0 0 0 35px;}
table.shrnuti tr td.cislo {text-align:right;vertical-align:middle;padding:0px 10px 0px 10px;width:150px;height:30px;font-size:20px;font-weight:bold;background-color:#0f283c;color:#FFFFFF;}
table.shrnuti tr td.pop {vertical-align:middle;padding:0px 10px 0px 10px;width:500px;height:30px;font-size:14px;}
  
p.red {margin:0px 0 0 35px;color:#e00b0b;}
  
.shrnuti p {font-size:14px;margin:0 40px 0 40px;}
.shrnuti strong {font-size:18px;}  
 
table.sledovani {margin:0px 0 0 35px;padding-bottom:30px;}
table.sledovani tr.top td {height:40px;font-size:18px;font-weight:bold;text-transform:uppercase;color:#0c2639;}
table.sledovani tr td.cislo {height:35px;width:200px;font-size:14px;font-weight:bold;color:#0c2639;}
table.sledovani tr td.datum {width:120px;font-size:14px;color:#0c2639;}
table.sledovani tr td.stav {font-size:13px;color:#d2d2d2;}
table.sledovani tr td.stav span {border-radius:4px;margin:0 15px 0 0;font-weight:bold;padding:7px 13px 5px 13px;background-color:#e4e8e9;}
table.sledovani tr td.stav span.green {background-color:#7cd73a;color:#000000;}

   
footer {font-size: 14px;width: 100%;margin:100px 0 0px 0;background: #e4e8e9;}
footer .email {margin-left: 15px;}
footer .copyright {font-size: 11px;margin-left: 147px;}
footer #paticka-logo {position: absolute;margin:-3px 0 0 140px;width: 230px;height: 30px;background: url('../images/logof.png') no-repeat;}
footer .wrap {padding:30px 0 30px 0;width:960px;margin:0px auto;text-align:left;}
footer a {color:#000000;}

footer .by {padding:0;margin:0;width:100%;background-color:#0f283c;color:#FFFFFF;} 
footer .by div {margin:0px auto;width:960px;text-align:left;padding:7px 0 7px 5px;color:#FFFFFF;}
footer .by div a {font-weight:bold;color:#FFFFFF;padding:0;margin:0;} 
 
   
/*** OPERA "STICKY FOOTER" FIX ***/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}


button.helper {border:none;font-weight:normal;background:none;cursor:pointer;width:20px;height:20px;background:url('../images/help.png') no-repeat right 0px;}
h3 span.helper {margin:0 0 0 20px;} 
.helperWindow {font-family: 'PTSansRegular';text-transform:none;z-index:1001;position:absolute;font-size:14px;padding:10px;background-color:#FFFFFF;width:200px;border:solid 1px #f2f2f2;border-radius:5px;box-shadow:0px 4px 4px #cccccc;}

h3 .helperWindow {font-weight:normal;}


button.helperr {border:none;font-weight:normal;background:none;cursor:pointer;width:20px;height:20px;background:url('../images/help.png') no-repeat right 2px;}
button.helperr {background:url('../images/oko.png') no-repeat right 4px;}
h3 span.helperr {margin:0 0 0 20px;} 
.helperrWindow {font-family: 'PTSansRegular';z-index:1001;position:absolute;font-size:14px;padding:10px;}
.helperrWindow img {float:left;width:200px;}