body{font-family:arial;font-size:82%;text-align:center;margin:0;padding:0;background:#cde6f3 url(../images/body.jpg) center top no-repeat}
.clr{clear:both;float:none;width:0;height:0;font-size:0}
a{color:#0071ab}
a img{border:none}
h1{font-size:1.8em;color:#0271aa;font-weight:normal;margin:0 0 6px 0}
p{text-align:justify;font-size:1.1em;line-height:140%}
.dotline-top{background:url(../images/dot.gif) repeat-x;height:1px;overflow:hidden;margin:12px 0 2px 0}
.dotline{background:url(../images/dot2.gif) repeat-x;height:1px;overflow:hidden;margin:12px 0 12px 0}
.dotline0{background:url(../images/dot2.gif) repeat-x;height:1px;overflow:hidden;margin:0}
.right{text-align:right}
#page{width:895px;margin:0 auto;text-align:left}
#head{height:127px;background:url(../images/head.jpg) no-repeat;position:relative}
#head a.l{display:block;position:absolute;left:0;top:0;width:260px;height:80px;z-index:2}
#head a.l span{display:block;position:absolute;left:0;top:0;width:260px;height:80px;background:url(../images/logo.jpg) no-repeat;z-index:3}
#head ul{list-style:none;margin:0;padding:0;position:absolute;left:0;top:87px}
#head li{float:left;margin-right:1px}
#head li a{display:block;height:40px;z-index:4;position:relative}
#head li a span{display:block;position:absolute;left:0;top:0;height:40px;background:url(../images/menu.gif) no-repeat;z-index:5}

#head li.m1 a{width:158px}
#head li.m1 a span{width:158px;background-position:0 0}
#head li.m2 a{width:180px}
#head li.m2 a span{width:180px;background-position:-158px 0px}
#head li.m3 a{width:133px}
#head li.m3 a span{width:133px;background-position:-338px 0px}
#head li.m4 a{width:173px}
#head li.m4 a span{width:173px;background-position:-471px 0px}
#head li.m5 a{width:122px}
#head li.m5 a span{width:122px;background-position:-644px 0px}
#head li.m6 a{width:77px}
#head li.m6 a span{width:77px;background-position:-766px 0px}

#head li.m1 a.act1 span, #head li.m1 a:hover span{background-position:0 -40px}
#head li.m2 a.act2 span, #head li.m2 a:hover span{background-position:-158px -40px}
#head li.m3 a.act3 span, #head li.m3 a:hover span{background-position:-338px -40px}
#head li.m4 a.act4 span, #head li.m4 a:hover span{background-position:-471px -40px}
#head li.m5 a.act5 span, #head li.m5 a:hover span{background-position:-644px -40px}
#head li.m6 a.act6 span, #head li.m6 a:hover span{background-position:-766px -40px}

#main{background:#fff}

#index-l{float:left;width:467px}
#index-r{float:right;width:428px}
#index-l .pad{padding:29px 32px 16px 32px}

.priklad-uspory{background:url(../images/index-grad.gif) top left repeat-x}
.priklad-uspory table{width:403px;border-collapse:collapse}
.priklad-uspory td.sipka{width:75px;text-align:center;padding-top:20px}
.priklad-uspory td h4{font-size:1.2em;margin:6px 0;padding:8px 12px 0 12px}
.priklad-uspory td p{margin:0;padding:0;color:#1a9a04;padding:0 12px;font-size:1.2em}

#index-r div{height:337px;background:url(../images/index-r.gif) no-repeat;position:relative}
#index-r h3{position:absolute;left:28px;top:210px;font-size:1.5em;font-weight:normal}
#index-r p{position:absolute;left:28px;top:242px}

.ibottom{margin-top:2px;margin-bottom:3px;background:url(../images/ibottombg.gif) top left repeat-x;padding:0 3px}

.ibpad{width:336px;height:268px;position:relative}
.ibpad p{margin:0;padding:4px;line-height:120%}
.ibpad p.right{padding-top:0}
.ibox1{float:left;margin-right:3px;background:url(../images/i-box-1.gif) no-repeat}
.ibox2{float:left;margin-right:3px;background:url(../images/i-box-2.gif) no-repeat}
.ibox1 div.txt{position:absolute;left:117px;top:123px;width:190px;height:112px}
.ibox2 div.txt{position:absolute;left:35px;top:123px;width:190px;height:112px}
.ibox3{float:left;width:210px;background:#e9f6fb;height:268px}
.ibox3 ul{list-style:none;margin:0;padding:11px 0 0 15px}

#foot{background:url(../images/footer.gif) top left no-repeat}
#foot p{margin:0;padding:8px 8px 16px 8px;display:block;font-size:0.85em}
#foot a{color:#000}
#foot p.l{float:left;width:65%}
#foot p.r{float:right;width:30%;text-align:right;padding-right:10px}

.informace-top{position:relative;height:160px;background:url(../images/informace-top.gif) no-repeat}
.informace-top div{position:absolute;left:562px;top:110px;width:179px;height:34px;overflow:hidden}
.informace-top h1{padding:29px 0 0 32px;margin:0}
.informace-top p{padding:0 410px 0 32px;margin-top:6px}

.informace{background:url(../images/informace-bg.gif) top left no-repeat;margin-top:2px;padding-top:20px}
.informace h2{font-weight:normal;font-size:1.6em;margin:0;padding:2px 20px 0 20px}
.informace h2 span{color:#0271aa}
.informace p{padding:0 20px 0 20px}
.informace ul{list-style:none;margin:0;padding:4px 20px 50px 20px}
.informace ul li{float:left;margin-right:6px}

.kalkulacka-top{position:relative;height:160px;background:url(../images/kalkulacka-top.gif) no-repeat}
.kalkulacka-top h1{padding:29px 0 0 32px;margin:0}
.kalkulacka-top p{padding:0 410px 0 32px;margin-top:6px}

.kalkulacka-mid{height:237px;overflow:hidden;background:url(../images/kalkulacka-mid.gif) no-repeat;margin-top:2px}
.kalkulacka-mid div.kmid-pad{padding:19px 26px}
* html .kalkulacka-mid div.kmid-pad{padding:11px 26px}
*+html .kalkulacka-mid div.kmid-pad{padding:11px 26px}


.nmr{margin-right:0 !important}
.k-box{float:left;margin:0 22px 8px 0}
.kb-pad{width:400px;height:98px;position:relative}
.kb-pad h3{font-size:1.5em;font-weight:normal;color:#0076b4;margin:0;padding:0 10px}
.k-box-bg{position:absolute;left:8px;top:31px;width:395px;height:62px;background:url(../images/k-box-bg.png) top left no-repeat}

.slider-wrap{position:absolute;left:24px;top:19px;width:240px;height:40px}
.slider-bg{position:absolute;left:0;top:7px;width:235px;height:6px;background:url(../images/slider-bg.gif) no-repeat}
.slider-rider{cursor:pointer;position:absolute;left:0px;top:-6px;width:20px;height:20px;background:url(../images/slider-rider.png) no-repeat}

.slider-wrap p.num1{display:block;position:absolute;left:0px;top:8px;width:40px;height:20px;font-size:0.9em;color:#fff}
.slider-wrap p.num2{display:block;position:absolute;left:196px;top:8px;width:40px;height:20px;text-align:right;font-size:0.9em;color:#fff}

* html .slider-wrap p.num1{top:23px}
* html .slider-wrap p.num2{top:23px}
*+html .slider-wrap p.num1{top:23px}
*+html .slider-wrap p.num2{top:23px}

* html p.inp{top:-4px}
*+html p.inp{top:-4px}

* html .k-box{margin-bottom:-10px}


p.inp{position:absolute;left:260px;top:-18px;width:100px;height:30px}
p.inp input{background:url(../images/num-inp-bg.gif) top left no-repeat;border:1px solid #189e00;padding:4px 10px;font-weight:bold;font-size:16px;text-align:center}

.spocitej{padding:30px 10px}
.spocitej p{padding:0;margin:5px 0 0}
.spocitej p *{vertical-align:middle}

.vysledky{padding:18px 28px}
.vysledky h1{color:#2c2c2c;padding-left:10px}

td.removeBg{background-image: none;}

table.vys{width:100%;border-collapse:collapse;margin-top:10px}
table.vys td, table.vys th{font-size:1.5em;padding:14px;font-weight:normal;border-top:3px solid #fff;border-bottom:3px solid #fff}
table.vys{background:url(../images/vysledky-bg1.gif) top left repeat-y}
table.vys tr.blue th, table.vys tr.blue td{background:#ecf6fb}
table.vys tr.red th, table.vys tr.red td{background:#ffe4e1}
table.vys th{width:450px}
table.vys td{text-align:right}
table.vys th{color:#0076b4}
table.vys tr.red th{font-size:1.6em;color:#de3120}

.but-2cols p{display:block;width:45%;float:left}
.but-2cols p.r{float:right;text-align:right}

.grafy-top{position:relative;height:160px;background:url(../images/grafy-top.gif) no-repeat}
.grafy-top div{position:absolute;left:562px;top:110px;width:179px;height:34px;overflow:hidden}
.grafy-top h1{padding:29px 0 0 32px;margin:0}
.grafy-top p{padding:0 340px 0 32px;margin-top:6px}

.grafy-mid{position:relative;height:267px;background:url(../images/grafy-mid.gif) no-repeat;margin-top:2px}
.grafy-mid div.kmid-pad{padding:19px 26px}
.grafy-mid h2{margin:0;padding:20px 32px;font-size:1.8em;font-weight:normal;color:#0076b4}
.grafy-mid ul{list-style:none;margin:0 0 0 32px;padding:0}
.grafy-mid ul li{float:left;margin-right:32px}
.grafy-mid ul li p{text-align:center;margin:-6px 0 0;padding:0 0 0 16px;font-size:0.9em}
.grafy-mid ul li p a{color:#000}
.grafy-mid div{position:absolute;left:572px;top:110px}

h2.black{font-size:1.8em;margin:20px 32px;font-weight:normal}

.stazeni-top{position:relative;height:160px;background:url(../images/stazeni-top.gif) no-repeat}
.stazeni-top h1{padding:29px 0 0 32px;margin:0}
.stazeni-top p{padding:0 280px 0 32px;margin-top:6px;line-height:125%}

.stazeni-mid{height:349px;background:url(../images/stazeni-mid.gif) no-repeat;margin-top:2px}
.stazeni-mid div.kmid-pad{padding:19px 26px}
.stazeni-mid h2{margin:0;padding:20px 32px;font-size:1.8em;font-weight:normal;color:#000}
.stazeni-mid ul{list-style:none;margin:0;padding:0}
.stazeni-mid li{float:left;width:49.9%}
.stazeni-mid li.l p{text-align:center}
.stazeni-mid li.r p{padding-right:4em}

ul.botlinks{float:left;margin:12px 32px;padding:0;list-style:none}
ul.botlinks li{float:left;margin-right:7px}

#kont-l{float:left;width:467px}
#kont-r{float:right;width:428px}
#kont-l .pad{padding:29px 32px 16px 32px}
#kont-r div{height:337px;background:url(../images/bg-kontakty-top.gif) no-repeat;position:relative}
#kont-r h3{font-size:1.6em;font-weight:normal;color:#0076b4;margin:0;padding:29px 24px 0 24px}
#kont-r p{margin:10px 24px}

table.kon-top{width:100%}
table.kon-top th, table.kon-top td{padding:1px 2px}
table.kon-pic th, table.kon-pic td{padding:1px 2px;vertical-align:top}
table.kon-pic p{margin:0;padding:0 0 0 12px;line-height:150%}

.kbox-1{float:left;width:336px;height:268px;overflow:hidden;background:url(../images/kbox1bg.gif) no-repeat}
.kbox-1 h3{margin:0;padding:22px 36px 0 36px;font-size:1.8em}
.kbox-1 ul{margin:10px 36px;padding:0;list-style:none}
.kbox-1 ul li{padding:7px;margin:0 0 3px 0;background:url(../images/pdf.png) center left no-repeat;padding-left:34px}
.kbox-1 ul li a{color:#000}

.kbox-2{float:right;width:553px;height:268px;overflow:hidden;background:#e8f5fb url(../images/kbox2bg.gif) no-repeat}
.kbox-2 h3{margin:0;padding:22px 36px 0 36px;font-size:1.8em}

form.k{margin-top:12px;padding-left:32px}
form.k table{width:450px}
form.k th{width:120px;padding-right:5px;text-align:left;font-weight:normal}
form.k .t{background:url(../images/inputbg.gif) top left no-repeat;padding:1px 2px;border:1px solid #9ab2c0;width:310px}
form.k textarea.t{height:65px}
form.k th, form.k td{vertical-align:top}
form.k th{padding-top:2px}

div.tabulky{padding:0 32px}
div.tb{float:left;margin:0 24px 8px 0}
div.tb-pad{width:230px;height:180px}
div.tb-pad p{font-size:0.9em;margin:4px 0;padding:0 20px;text-align:center}
div.tb-pad a{color:#000}

.tinfo-top{position:relative;height:221px;background:url(../images/tinfo-top.gif) no-repeat}
.tinfo-top div{position:absolute;left:562px;top:110px;width:179px;height:34px;overflow:hidden}
.tinfo-top h1{padding:29px 0 0 32px;margin:0}
.tinfo-top p{padding:0 340px 0 32px;margin-top:6px}

.tinfo-mid{background:url(../images/tinfo-mid.gif) no-repeat;margin-top:2px}
.tinfo-mid div.kmid-pad{padding:19px 26px}
.tinfo-mid h2{margin:0;padding:20px 32px;font-size:1.8em;font-weight:normal;color:#000}

ul.tinf{margin:0 0 12px 48px;padding:0 0 8px 0}
ul.tinf li{margin:0 0 4px 0}



.faq-top{position:relative;height:161px;background:url(../images/faq-top.gif) no-repeat}
.faq-top div{position:absolute;left:562px;top:110px;width:179px;height:34px;overflow:hidden}
.faq-top h1{padding:29px 0 0 32px;margin:0}
.faq-top p{padding:0 410px 0 32px;margin-top:6px}

.dcaptcha{width:90px;float:left}
.dcaptcha table { width:90px !important; border-collapse: collapse; font-size: 1px; line-height: 0; width: auto; }
.dcaptcha td { padding: 0 !important; width: 2px; height: 2px; }

table.vymena{width:100%;margin-bottom:2em;border-collapse:collapse}
table.vymena th{width:50%;padding:10px;text-align:right}
table.vymena td{padding:10px 30px 10px 10px;vertical-align:top}
table.vymena img{padding:1px;border:1px solid #aaa}
table.vymena h3{color:#067dbb;font-size:1.9em;margin-bottom:0.1em}