/*
9px  - .750em          
10px - .833em
11px - .917em
12px - 1em
13px - 1.083em
14px - 1.167em
15px - 1.250em
16px - 1.333em
17px - 1.417em
18px - 1.500em
19px - 1.583em
20px - 1.667em
21px - 1.750em
22px - 1.833em
23px - 1.917em
24px - 2.000em
*/   
html{
font-size:100.01%;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.750em;
font-family:arial,trebuchet ms,verdana;
color:#000;
margin:0;
padding:0;
text-align:center;
background:#fff;
height:100%;
width:100%;
border:0;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#666633;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#all{
width:100%;
height:100%;
position:relative;
}
#pageBg{
width:100%;
height:582px;
margin:0;
padding:0;
position:absolute;
top:50%;
left:0;
margin-top:-291px;
background:url(../images/page-bg.gif) repeat-x;
}
#page{
width:1000px;
height:582px;
margin:0px auto;
text-align:left;
position:relative;
}
#header{
width:1000px;
height:89px;
position:relative;
}
#header h2 a{
width:100px;
height:61px;
position:absolute;
top:28px;
left:23px;
}
#header h2 a span{
width:100px;
height:61px;
background:url(../images/header-logo-mastercard.gif);
}
#header h3{
width:340px;
height:28px;
position:absolute;
top:28px;
right:0;
}
#header h3 span{
width:340px;
height:28px;
background:url(../images/header-slogan.gif);
}

#content{
width:1000px;
height:350px;
background:url(../images/content-bg.gif) no-repeat;
position:relative;
}
body#hp #content{
background:url(../images/content-bg-hp.jpg) no-repeat;
}
#mainCol{
position:absolute;
top:31px;
left:25px;
width:719px;
height:270px;
padding:10px 10px;
overflow:auto;
}
#mainCol h1{
color:#000;
font-size:20px;
font-weight:bold;
padding:0 0 12px;
width:550px;
}
body#faq #mainCol h1{
width:500px;
}
body#vyberKarty #mainCol h1{
width:500px;
}
#mainCol h2{
color:#b01414;
font-size:14px;
font-weight:bold;
padding:0 0 8px;
}
body#vyhody #mainCol h2,body#typy #mainCol h2{
color:#000;
font-size:20px;
font-weight:bold;
padding:0 0 12px;
}
body#vyhody #mainCol h3,body#typy #mainCol h3{
color:#b01414;
font-size:14px;
font-weight:bold;
padding:0 0 8px;
}
body#typy #mainCol h4{
color:#000;
font-size:12px;
font-weight:bold;
padding:0 0 6px;
}
#mainCol ol{
margin:0 0 14px 19px;
&margin:0 0 14px 23px;
}
#mainCol ol li{
padding:0 0 4px;
}
#mainCol ul{
padding:0 0 14px;
}
#mainCol ul ul,#mainCol ul ol{
padding:6px 0 0;
}
#mainCol ul li{
padding:0 0 4px 19px;
background:url(../images/li-black.gif) no-repeat 2px 4px;
position:relative;
}
#mainCol ol li{
background:none;
list-style-type:decimal;
padding-left:0;
margin-left:19px;
}
#mainCol p{
padding:0 0 18px;
}
a.external{
background:url(../images/a-external.gif) no-repeat right 2px;
padding:0 14px 0 0;
}
table.tabBanks{
margin:0 0 15px;
}
table.tabBanks th,table.tabBanks td{
text-align:left;
padding:0 20px 3px 0;
}
#rightCol{
position:absolute;
top:35px;
left:804px;
width:161px;
height:282px;
}

ul#menu{
position:absolute;
top:439px;
left:7px;
}
ul#menu li{
float:left;
}
ul#menu li a{
color:#116186;
text-decoration:none;
border-left:1px solid #dedbc7;
display:block;
height:23px;
padding:8px 10px 0;
float:left;
}
ul#menu li a:hover{
text-decoration:none;
color:#fff;
background:url(../images/menu-hover.gif) repeat-x;
}
ul#menu li a.active{
background:url(../images/menu-active.gif) repeat-x;
color:#fff;
}
ul#menu li.first a{
border:0;
}


/*SLOVNICEK begin*/
a.goBack{
position:absolute;
top:17px;
left:510px;
width:200px;
text-align:right;
}
ul.alphabetList{
padding:0px 0 30px !important;
}
ul.alphabetList li{
float:left;
background:none !important;
padding:0 18px 0 0 !important;
}
ul.alphabetList li a{
background:none;
font-weight:bold;
color:#0101ff;
text-decoration:none;
}
ul.alphabetList li a:hover{
text-decoration:underline;
}
/*SLOVNICEK end*/

ul.vyberList{
top:-10px;
position:relative;
padding:0 0 0 8px !important;
}
ul.vyberList li{
float:left;
background:none !important;
padding:0 !important;
width:170px;
text-align:center;
}
ul.vyberList li h2{
font-size:12px !important;
font-weight:normal !important;
color:#000 !important;
}
ul.vyberList li h2 a{
color:#000 !important;
text-decoration:none;
}
ul.vyberList li h2 a:hover{
text-decoration:underline;
}
ul.vyberList li.vyberListSlevy span.image{
width:169px;
height:169px;
display:block;
background:url(../images/vyber-slevy.jpg) no-repeat left top;
}
ul.vyberList li.vyberListBezurocne span.image{
width:170px;
height:169px;
display:block;
background:url(../images/vyber-bezurocne.jpg) no-repeat left top;
}
ul.vyberList li.vyberListOnline span.image{
width:170px;
height:169px;
display:block;
background:url(../images/vyber-online.jpg) no-repeat left top;
}
ul.vyberList li.vyberListPrestizni span.image{
width:170px;
height:169px;
display:block;
background:url(../images/vyber-prestizni.jpg) no-repeat left top;
}
h2.h2Typy{
margin:0 0 0 15px;
display:inline;
float:left;
}
h2.h2Prehled{
margin:0 35px 0 0;
display:inline;
float:right;
}
.cardBox{
position:relative;
border-bottom:1px solid #7ec3e0;
margin:0 0 10px;
padding:0 0 10px;
font-size:11px;
}
.cardBox img{
float:left;
margin:-5px 0 0 0;
}
.cardBox h2{
padding:0 !important;
position:relative;
left:5px;
}
.cardBox ul{
padding:5px 10px 0 5px !important;
float:left;
width:275px;
}
.cardBox ul li{
background:none !important;
padding:0 !important;
}
.cardBoxLast{
border-bottom:0 !important;
}
ul.cardDetail li{
padding-bottom:8px !important;
color:#595987;
}
ul.cardDetail li strong{
color:#000;
font-weight:normal;
}
img.cardDetailImg{
float:right;
margin:-3px 0 5px 10px;
}
#logos{
position:absolute;
top:475px;
left:0;
width:1000px;
height:54px;
border-bottom:1px solid #aeada7;
}
#footer{
position:absolute;
top:542px;
right:14px;
color:#838383;
}