/* CSS Document - eBanky.sk */

html, body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: url(images/bg.gif) repeat;
	background-color: #f58220;
	color:#000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 100%;
}

a {
	color: #000000;
	text-decoration:none;
}

a:hover {
	color:#FF0000;
	text-decoration: underline;
}

.solo {
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
	position:relative;
	top: 5px;
	margin: 0px;
	font-size:18px;
	font-weight:bold;
}

.hr {
	color:#f58220;
	border-width:1px;
	border-style: solid;
	border-color:#f58220;
	width: 400px;
	height: 0px;
	position:relative;
	top: 0px;
	left: 80px;
	margin: 4px;
}

.bold1 {
	font-weight:bold;
	font-size:12px;
}

.h1 {
	font-size:14px;
	font-weight:bold;
	margin: 0px;
	padding-top: 0px;
	line-height:15px;
}

h1 {
	margin: 0px;
	font-size:18px;
	font-weight:bold;
}

h1:hover {
	color:#FF0000;
	text-decoration: underline;
}

h3 {
	margin: 0px;
	font-size:20px;
	font-weight:bold;
}

h3:hover {
	color:#FF0000;
	text-decoration: underline;
}

h4 {
	margin: 0px;
	font-size:12px;
	font-weight:bold;
}

.h2 {
	text-decoration: none;
}

p {
	font-size:12px;
}


img {
	border-width: 0;
}

/* CSS Basic - eBanky.sk */
#stranka {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#main {
	position: relative; 
	width: 800px; 
	top: 0px; 
	left: 0px; 
	text-align:center;
}

#header {
	width: 800px;
	height: 201px;
	background:url(images/header.png) center;
	margin: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center; 
}

#wrap {
	width: 800px;
	background:url(images/wrap.png) center repeat-y;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	width: 800px;
	height: 81px;
	background:url(images/footer.png) center;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
}

#infooter {
	width: 630px;
	height: 20px;
	position:relative;
	top: 50px;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
}

#down {
    width: 100%; 
	height: 81px;
	clear:both;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#ib {
	width: 320px;
	height: 48px;
	background:url(images/butt_ib.png) center no-repeat;
	position: relative;  
	top: 0px; 
	left: 45px; 
	text-align: center;
}

#butt_ib {
	width: 200px;
	height: 48px;
	background:url(images/butt_ib.png) center;
	position:relative;
	top: -5px;
	left: 50px;
	margin: 0px;
}

#butt_iu {
	width: 200px;
	height: 48px;
	background:url(images/butt_iu.png) center;
	position:relative;
	top: -5px;
	left: 50px;
	margin: 0px;
}

#column {
	width: 220px;
	position: absolute;  
	top: 201px; 
	left: 527px; 
	text-align: center
}

#column1 {
	width: 320px;
	position: absolute;  
	top: 261px; 
	left: 385px; 
	text-align: center;
}

#kurz {
	width: 220px;
	height: 190px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	margin-top: 5px;
	padding-top: 10px;
	background:#d7d7d7;
}

#kurz1 {
	width: 220px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding-top: 5px;
	margin-top: 5px;
	background:#f58220;
	color:#FFFFFF;
}

#calc1 {
	width: 220px;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding-top: 4px;
	margin-top: 10px;
	background:#f58220;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}

#calc {
	width: 200px;
	height: 15px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding:10px;
	margin-top: 5px;
	background:#d7d7d7;
	font-weight:bold;
}

#kalku1 {
	width: 220px;
	height: 25px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding-top: 8px;
	margin-top: 10px;
	background:#f58220;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

#kalku {
	width: 200px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding:10px;
	margin-top: 5px;
	background:#d7d7d7;
	font-weight:bold;
	font-size:10px;
	line-height:5px;
}

#goog {
	width: 200px;
	height: 37px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding:10px;
	padding-top: 5px;
	margin-top: 10px;
	background:#d7d7d7;
}

#logo {
	width: 280px;
	height: 100px;
	position:absolute;
	top: 55px;
	left: 40px;
}

#val {
	width: 180px;
	height: 20px;
	position: relative;
	top: 20px;
	background: transparent;
}

#aukro {
	width: 225px;
	height: 170px;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding-top: 5px;
	margin-top: 10px;
}

#one {
	width: 225px;
	height: 225px;
	position: relative;
	top: 10px;
	margin: 0px;
}

#info {
	width: 800px;
	height: 20px;
	position: relative;
	top: 5px;
	margin: 0px;
	font-size:9px;
}

.curvy {position:absolute; top: 200px; left: 850px; width:250px; background:#d7d7d7; color:#000; margin:5em auto;}
.ctl, .cbl, .ctr, .cbr {position:absolute; width:10px; height:10px; color:#d7d7d7; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
.ctl {top:0; left:0;}
.cbl {bottom:0; left:0;}
.ctr {top:0; right:0;}
.cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:75px; font-family:arial; color:#d7d7d7; line-height:20px; font-weight:normal;}
.ctl b {left:-4px;}
.ctr b {left:-12px;}
.cbl b {left:-4px; top:-8.5px;}
.cbr b {left:-12px; top:-8.5px;}
.curvy p {position:relative; z-index:50; padding:2.5px 5px;}

.curvo {position:absolute; top: 200px; left: 850px; width:250px; background:#f58220; color:#000; margin:5em auto;}
.otl, .obl, .otr, .obr {position:absolute; width:10px; height:10px; color:#f58220; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
.otl {top:0; left:0;}
.obl {bottom:0; left:0;}
.otr {top:0; right:0;}
.obr {bottom:0; right:0;}
.curvo em b {position:absolute; font-size:75px; font-family:arial; color:#f58220; line-height:20px; font-weight:normal;}
.otl b {left:-4px;}
.otr b {left:-12px;}
.obl b {left:-4px; top:-8.5px;}
.obr b {left:-12px; top:-8.5px;}
.curvo p {position:relative; z-index:50; padding:2.5px 5px;}

.kl {
}

/*-----Banks-----*/

#citi {
	width: 400px;
	height: 33px;
	background: url(images/bank/citi.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#csob {
	width: 400px;
	height: 33px;
	background: url(images/bank/csob.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#dexia {
	width: 400px;
	height: 33px;
	background: url(images/bank/dexia.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#ing {
	width: 400px;
	height: 33px;
	background: url(images/bank/ing.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#istro {
	width: 400px;
	height: 33px;
	background: url(images/bank/istro.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#kb {
	width: 400px;
	height: 33px;
	background: url(images/bank/kb.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#mbank {
	width: 400px;
	height: 33px;
	background: url(images/bank/mbank.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#otp {
	width: 400px;
	height: 33px;
	background: url(images/bank/otp.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#posta {
	width: 400px;
	height: 33px;
	background: url(images/bank/posta.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#privat {
	width: 400px;
	height: 33px;
	background: url(images/bank/privat.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#slsp {
	width: 400px;
	height: 33px;
	background: url(images/bank/slsp.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#tb {
	width: 400px;
	height: 33px;
	background: url(images/bank/tb.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#uni {
	width: 400px;
	height: 33px;
	background: url(images/bank/uni.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#volk {
	width: 400px;
	height: 33px;
	background: url(images/bank/volk.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#vub {
	width: 400px;
	height: 33px;
	background: url(images/bank/vub.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

/*-----accounts-----*/

#pay {
	width: 400px;
	height: 33px;
	background: url(images/bank/pay.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#mb {
	width: 400px;
	height: 33px;
	background: url(images/bank/mb.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#alert {
	width: 400px;
	height: 33px;
	background: url(images/bank/alert.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

#egold {
	width: 400px;
	height: 33px;
	background: url(images/bank/egold.png) left no-repeat;
	position:relative;
	top: 0px;
	left: 100px;
	margin: 0px;
	text-indent: 60px;
}

/* ---banky--- */

#logotext {
	padding-top: 21px;
}

#oran1 {
	width: 335px;
	position: relative;
	top: -9px;
	left: 55px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	background:#f58220;
	color:#FFFFFF;
	font-size:14px;
}

#grey1 {
	width: 335px;
	position: relative;
	top: -9px;
	left: 55px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 5px;
	background:#d7d7d7;
}

#tab {
	width: 205px;
	font-size:10px;
	position:absolute;
	left: 140px;
	top: 10px;
}

#tab0 {
	font-size:10px;
}

#oran2 {
	width: 265px;
	position: relative;
	top: -9px;
	left: 55px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-top: 5px;
	background:#f58220;
	font-size:12px;
	color:#FFFFFF;
}

#grey2 {
	width: 265px;
	position: relative;
	top: -9px;
	left: 55px;
	margin: 0px;
	padding-left: 18px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 5px;
	background:#d7d7d7;
	font-size:9px;
}

#tab1 {
	width: 170px;
	position:absolute;
	left: 120px;
	top: 10px;
}
#tab2 {
	width: 100px;
}

/* ---citi--- */
#logociti {
	width: 455px;
	height: 60px;
	background:url(bk/citi/logo.jpg) left no-repeat;
	position:relative;
	top: -5px;
	left: 55px;
	margin: 0px;
	text-indent: 130px;
}

#logo1citi {
	width: 305px;
	height: 44px;
	background:url(bk/citi/logo1.jpg) left no-repeat;
	position:absolute;
	top: 208px;
	left: 438px;
	margin: 0px;
}

#logo2citi {
	width: 305px;
	height: 139px;
	background:url(bk/citi/logo2.jpg) left no-repeat;
	position:absolute;
	bottom: 88px;
	left: 438px;
	margin: 0px;
}

/* ---csob--- */
#logocsob {
	width: 455px;
	height: 60px;
	background:url(bk/csob/logo.jpg) left no-repeat;
	position:relative;
	top: -5px;
	left: 55px;
	margin: 0px;
	text-indent: 130px;
}

#logo1csob {
	width: 305px;
	height: 44px;
	background:url(bk/csob/logo1.jpg) left no-repeat;
	position:absolute;
	top: 208px;
	left: 438px;
	margin: 0px;
}

#logo2csob {
	width: 305px;
	height: 139px;
	background:url(bk/csob/logo2.jpg) left no-repeat;
	position:absolute;
	bottom: 88px;
	left: 438px;
	margin: 0px;
}