@charset "utf-8";

body {
	background: #e6e6e6 url(../images/bgr-body.jpg) top center repeat-y;
	margin: 0 auto;
	padding: 0;
	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	font-size: 70%; line-height: 1.3; color: #000;
	text-align:center;
	color: #000;
}
a {
 	border: none;
}
p {
	margin: 0 0 1em; padding: 0;
}
ul {
	margin: 0 0 1em 0;
	list-style-position:outside;
}
ol {
	margin: 0 0 1em 7px; =margin: 0 0 1em 40px;
	
}
li {
	margin: 0 0 0 -10px; padding: 0; =margin: 0 0 0 30px;
}
ol ul {
	=margin-left: 50px !important;
}

img {
	border: 1px solid #1874fd;
	margin: 0.6em 0;
}
#header {
	background: url(../images/bgr-header.jpg) top center no-repeat;
	margin: 0 auto;
	padding: 0;
	height: 120px;
	position:relative;
}
#header a.button {
	display: block;
	width: 254px;
	height: 20px;
	background: #fff url('../images/bgr-mail.gif') left top no-repeat;
	position: absolute; top: 26px; left:517px;
}
#header a.button span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 254px; 
	height: 20px;
	margin: 0; padding: 0;
	background: #fff url('../images/bgr-mail.gif') left top no-repeat;
	cursor: pointer;
}
#header a.button2 {
	background: url('../images/bgr-telefon.gif') left top no-repeat;
	position: absolute; top: 48px;
}
#header a.button2 span {
	background: url('../images/bgr-telefon.gif') left top no-repeat;
}
#header a.button3 {
	background: url('../images/bgr-online.gif') left top no-repeat;
	position: absolute; top: 70px;
}
#header a.button2 span { /*klasicky kursor nad polozkou telefon*/
	cursor: default;
}
#header a.button3 span {
	background: url('../images/bgr-online.gif') left top no-repeat;
}
#logo {
	width: 770px;
	margin: 0 auto;
	position:relative;	
}
a {
	color: #1070ff;
	text-decoration: none;
}
a:hover, a.active {
	color: #cc0000;
}
h1, .h1 { /*logo webu*/
	width: 150px;
	height: 120px;
	position: absolute; left: 0; top: 0;
	margin: 0; padding: 0;
	_cursor: hand;
	font-size: 1em; 
	overflow: hidden;
	background: url('../images/logo.jpg') left top no-repeat;
}
h1 a span, h1 a:link span, h1 a:active span, h1 a:visited span,
.h1 a span, .h1 a:link span, .h1 a:active span, .h1 a:visited span{
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 150px; 
	height: 120px;
	margin: 0; padding: 0;
	background:  url('../images/logo.jpg') left top no-repeat;
	cursor: pointer;
}

h3 {
	font-size: 1em;
	color: #003f7e;
	margin: 1em 0 0 0;
}
h3.odsadit {
	padding: 8px 0 0 0;
	margin: 1em 0;
	border-top: 1px dashed silver;
}
h3.noborder {
	border-top: none;
}
h3.odsadit2 {
	padding: 12px 0 0 0;
	margin: 14px 0 0 0;
	border-top: 1px dashed #999;
}
h3.odsadit3 {
	padding: 0 0 8px 0;
	margin: 0;
	border-bottom: 1px solid #00ccff;
}
h3.mapawebu {
	margin: 0.8em 0 0 0;
	padding: 0 0 0.8em 0;
	border-bottom: 1px dashed #999;
}
h3.mapawebu a, .nounderline a {
	text-decoration: none !important;
}
h4 {
	font-weight: normal;
	font-style:italic;
	font-size: 1em;
	margin: 1em 0 0 0; padding: 0;
}
.noborder {
	border: none !important;
}
.bordertop {
	border-top: 1px dashed #999;
	padding-top: 8px !important;
}
#navlist-null {
	background: #e6ecf2 url(../images/bgr-navlist.gif) repeat-x;
	padding:10px 0 10px 0;;
	border-top: 1px solid #fff;
	
}
#navlist {
	width: 760px; 
	margin: 0 auto; padding: 0 15px;
	text-align: left;
	font-weight: bold;
}
#navlist a {
	margin: 0 0 0 20px;
}
#headline-null { /*grafika v hlavicce s nejakym priblblym textem*/
	margin: 0 auto;
	width: 100%;
	background: #fff;
	height: 199px; _height: 200px;
}
#headline {	
	width: 769px;
	border-top: 1px solid #0099ff;
	border-right: 1px solid #0099ff;
	border-left: 1px solid #0099ff;
	margin: 0 auto; padding: 0;
	position: relative;
	text-align:left;
}

#baba {
	background:url(../images/bgr-headline-baba.jpg) no-repeat;
	height: 199px;
}
.none {
	background: none !important;
}
#baba img{float:left;padding:0;margin:0;border:none;}
#baba img.last{margin-right:-20px;}
.bgr-baba-smartuver {
	background:url(../images/bgr-baba-smartuver.jpg) top right no-repeat !important;
}
.bgr-baba-prace {
	background:url(../images/bgr-baba-prace.jpg) top right no-repeat !important;
}
.bgr-baba-online {
	background:url(../images/bgr-baba-online.jpg) top right no-repeat !important;
}
.bgr-baba-kontakty {
	background:url(../images/bgr-kontakty.jpg) top right no-repeat !important;
}
#flash {

	position: absolute; right: 0; top: 0; padding: 0; margin: 0;

}
.mapa {
	background:url(../images/bgr-mapa.jpg) no-repeat !important;
	
}
#online { /*odkaz na atranku online*/
	width: 254px;
	height: 199px;
	position: absolute; left: 0; top: 0;
	margin: 0; padding: 0;
	_cursor: hand;
	font-size: 1em; 
	overflow: hidden;
	background: url('../images/online.jpg') left top no-repeat;
}
#online a span, #online a:link span, #online a:active span, #online a:visited span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 254px; 
	height: 199px;
	margin: 0; padding: 0;
	background:  url('../images/online.jpg') left top no-repeat;
	cursor: pointer;
}
.oramovany {/*carkovany blok kolem obrazku na strance kontakty*/
	border: 1px dashed silver;
	border-bottom: none;
	float: left; 
	width: auto; 
	margin: 10px 15px 1em 0; =margin: 10px 12px 1em 0; padding: 0;
}
#baba a {
	color: #fff; 
	text-decoration:underline;
}
#viceinformaci a {
	color: #fff;
	background: url(../images/sipka.gif) right center no-repeat;
	padding-right: 22px;
	position: absolute; top: 172px; right: 430px;
	text-decoration: none;
}
.oramovany img {	
	margin: 6px 7px 0 7px;
}
.oramovany p {
	background:url(../images/bgr-sipka.gif) right bottom no-repeat;
	margin: 0; padding: 5px 8px 8px 8px;
	color: #666666;
	text-transform:uppercase;
}
#baba h2 {
	color: red;
	width: 300px;
	position: absolute; top: 10px; left: 15px;
	padding: 7px 10px;
	background: #ffff99;
	font-size: 1em;
}
#baba div {
	color: #fff;
	width: 300px;
	position: absolute; top: 55px; left: 15px;
	padding: 7px 10px;
	background: #e9341e url(../images/bgr-baba-div.jpg) bottom left repeat-x;
	border-top: 1px solid #fff;
	font-weight: bold;
}
#content-null {
	width: 100%;
	margin: 0 auto; padding: 0;
	background: #e6e6e6 url(../images/bgr-content.gif) top center repeat-x;
	
	}
#content {
	width: 769px;
	margin: 0 auto; padding: 0;
	background: #fff;
	position: relative; top: 3px;
	}
.block { /*barevny blok o sirce tretiny stranky na titulce*/
	width: 246px;
	height: 195px;
	border-left: 1px solid #999;	
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: url(../images/bgr-block.gif) center bottom no-repeat;
	float: left;
	margin: 0 0 0 6px; padding: 0;
	position:relative; left: 1px; top: 10px; _left: -5px;
	color: #000;
	text-align: left;
}
.block2 {
	background: url(../images/bgr-block2.gif) center bottom no-repeat;
}
.text_uvod {
	padding-left: 15px;
	padding-top: 15px;
	color: #333333;
}
.smart_barva {
	color: #CC0033;
}


.block3 {
	
	background: url(../images/bgr-block3.gif) center bottom no-repeat;
}

.block h2 {
	display: block;
	width: 246px;
	height: 94px;
	position: relative;
	margin: 0; padding: 0;
	_cursor: hand;
	font-size: 1em; 
	overflow: hidden;
	background: #fff url(../images/bgr-smartuver2.gif) no-repeat;
}
.block h2 a span, .block h2 a:link span, .block h2 a:active span, .block h2 a:visited span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 246px; 
	height: 94px;
	margin: 0; padding: 0;
	background: #fff url(../images/bgr-smartuver2.gif) no-repeat;
	cursor: pointer;
	border-bottom: 1px solid #0066ff;
}
.block p {
	padding: 0 0 0 12px;
	margin: 0 0 1em 0;
	width: 70%;
	position:absolute; bottom: 103px; 
}
.block3 p {	
	position: absolute; top: 12px;
	width: 170px;
}
.block2 h2, .block2 h2 a span, .block2 h2 a:link span, .block2 h2 a:active span, .block2 h2 a:visited span {
	background: #fff url(../images/bgr-smartuver3.gif) no-repeat;
}
.block3 h2, .block3 h2 a span, .block3 h2 a:link span, .block3 h2 a:active span, .block3 h2 a:visited span {
	background: #fff url(../images/bgr-smartuver4.gif) no-repeat;
}
.bottomline {
	border-bottom: 1px dashed #ccc;
	margin: 0; padding: 8px 0;
}
#leftnavlist { /*leva navigace, kterou pouzivame treba na strance kontakty*/
	width: 248px; _width: 244px;
	float: left;
	margin: 0 0 30px 6px; padding: 0;
	position:relative; left: 1px; =left: -2px;
	text-align: left;
}
#leftnavlist ul { /*odrazkovy seznam prevedeny na tlacitka*/
	margin: 0 0 15px 0; padding: 0;
	list-style-type:none;
}
#leftnavlist ul li { 
	margin: 0 8px 0 2px; padding: 0 10px; height: 2.5em; line-height:2.5em;
	border-bottom: 1px solid #999999;
	font-weight:bold;
	
}
#leftnavlist.bgr { 
	padding-top: 21px !important;
	
}
ol li {
	margin: 1em 0;
}
#rightcol-null { /*pravy blok, kde se nachazi hlavni obsah stranky*/
	width: 506px;
	margin: 10px 0; padding:0;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	float: left;
	min-height: 250px; _height: 250px; /*IE fix*/
}
#rightcol-null.formular-uver { 
		padding-top: 78px;
		border-right: 1px solid #45b5b5;
		border-left: 1px solid #45b5b5;
		background:  url('../images/bgr-formular-uver.jpg') center top no-repeat;
}
#rightcol a { 
		text-decoration: underline;
}
#smartuverobr { 
		width: 149px; height: 81px; border: 1px dashed #999; border-top: none !important;
		position: absolute; right: 0; top: 25px;
		background:  url('../images/smartuver.gif') center top no-repeat;
}
.zivnostnici  {  /*cerveny blok smart hypo v hlavicce hlavniho bloku*/
		border-right: 1px solid #cc0000 !important;
		border-left: 1px solid #cc0000 !important;
		background:  url('../images/bgr-uver-zivnostnici.gif') center top no-repeat !important;
		padding-top: 52px !important;
}
.zamestnanci  {  
		border-right: 1px solid #ff9900 !important;
		border-left: 1px solid #ff9900 !important;
		background:  url('../images/bgr-uver-zamestnanci.gif') center top no-repeat !important;
		padding-top: 52px !important;
}
.nemovitosti  {  
		border-right: 1px solid #003f7d !important;
		border-left: 1px solid #003f7d !important;
		background:  url('../images/bgr-uver-nemovitosti.gif') center top no-repeat !important;
		padding-top: 52px !important;
}
.uvermain  {  
		border-right: 1px solid #00ccff !important;
		border-left: 1px solid #00ccff !important;
		background:  url('../images/bgr-uver.gif') center top no-repeat !important;
		padding-top: 58px !important;
}
.prace  {  
		border-right: 1px solid #00ccff !important;
		border-left: 1px solid #00ccff !important;
		background:  url('../images/bgr-prace.gif') center top no-repeat !important;
		padding-top: 72px !important;
}
.prace-formular  {  
		border-right: 1px solid #00ccff !important;
		border-left: 1px solid #00ccff !important;
		background:  url('../images/bgr-prace-formular.gif') center top no-repeat !important;
		padding-top: 72px !important;
}
.bgr-online  {  
		border-right: 1px solid #00ccff !important;
		border-left: 1px solid #00ccff !important;
		background:  url('../images/bgr-online2.gif') center top no-repeat !important;
		padding-top: 72px !important;
}
/*leva navigace v produktech*/
.info {/*zakladni informace*/
	position: relative; left: 10px;
	font-weight: bold;
}
.uver, .uverb {

	display: block;
	width: 244px;
	height: 30px;
	position: relative; top: 10px;
	margin: 0; padding: 0;
	_cursor: hand;
	font-size: 1em; 
	overflow: hidden;
	background: url('../images/smartuver-zamestnanci.gif') 0 0 no-repeat;
}

.uver span, .uverb span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 244px; 
	height: 30px;
	margin: 0; padding: 0;
	background:  url('../images/smartuver-zamestnanci.gif') left top no-repeat;
	cursor: pointer;
}

.uverb, .uverb span {
	background:  url('../images/smartuver-zamestnanci.gif') bottom left no-repeat;
}
.uver2, .uver2 span {
	background:  url('../images/smartuver-zivnostnici.gif') left top no-repeat;
	
}
.uver2b, .uver2b span {
	background:  url('../images/smartuver-zivnostnici.gif') bottom left no-repeat;
}

.uver3, .uver3 span {
	background:  url('../images/smartuver-nemovitosti.gif') left top no-repeat;
	height: 31px;
}

.uver3b, .uver3b span {
	background:  url('../images/smartuver-nemovitosti.gif') bottom left no-repeat;
	height: 31px;
}

/*leva navigace v produktech konec*/
#rightcol { 
	text-align: left;
	margin: 0 0 20px 10px; padding: 0 10px 0 5px;
}

#rightcol h2,
#rightcol h1{ 
	margin: 15px 0 15px 0; padding: 0 0 5px 0;
	color: #003f7e;
	font-size: 1.3em;
	border-bottom: 1px dashed #999;
	position: relative;
	background:none;
	height:auto;width:auto;
	overflow:visible;
}
#rightcol .h3{width:300px;}
#rightcol li { 
	position: relative; left: -14px;
}
form {	/*formulare*/
	margin: 0.2em 0 1em 0; padding: 0;
}
form.prace {	/*formulare*/
	
}
form table {
	width: 100%;
}
form table td, form table th {
	padding: 4px 0;
	border-bottom: 1px dashed #999;
	font-weight:normal;
}
form table h3 {
	margin: 0; padding: 0;
	color: #000;
}
td.bottomline, th.bottomline {
	border-bottom: 1px solid #33ccff;
}
tr.noborder td {
	border-bottom: none;
}
input, select {
	border: 1px solid #999999;
	width: 11em;
	background: #f0f0f0;
}
form.onlineform input, form.onlineform select  {
	width: auto;
}
select#pozice {
	width: 100%;
}
.tlacitko {
	width: auto;
	background:url(../images/odeslat.gif) right center no-repeat;
	border: none;
	font-size: 1em;
	color: #0066ff;
	padding-right: 20px;
	cursor:pointer;
	font-weight:bold;
	position: relative; left: 7.2em; _left: 6.5em;  
	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
}
.tlacitko3 {
	text-align: right; 
}
.tlacitko2 {
	width: auto;
	background:url(../images/zpet.gif) left center no-repeat;
	border: none;
	font-size: 1em;
	color: #0066ff;
	text-align:left;
	padding-left: 20px;
	cursor:pointer;
	font-weight:bold !important;
	font-family: 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
}
.tlacitko a, .tlacitko2 a {
	font-weight:bold;
	text-align:left;
}
div#steps {	/*kroky ve formulari online*/
	border-bottom: 1px solid #33ccff;
	margin: 1em 0; padding: 3px 0;
}
div#steps span.step {
	padding: 4px 20px; margin: 0; line-height:1; 
	color: #fff;
	background: #e1e1e1 url(../images/bgr-steps.gif) top left repeat-x;
	font-weight:bold;
	text-transform: uppercase;
}
div#steps span.current {
	background: #daa339 url(../images/bgr-steps-current.gif) top left repeat-x;
}
div#steps span.current2 {
	background: #fe2687 url(../images/bgr-steps-current2.gif) top left repeat-x;
}
div#steps span.current3 {
	background:  #1ad3f2 url(../images/bgr-steps-current3.gif) top left repeat-x;
}
#footer {
	clear: both;
	color: gray;
}
#footer p {
	clear:both;
	text-align: left;
	margin: 18px 10px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	position: relative; top: 20px;
	padding-bottom: 20px;
}

.footer2 p {
	border-top: 1px solid silver;
	padding-top: 8px;
	padding-bottom: 20px;
}
h3#smartpujcka, h3#smartuver, h3#reolfinancial, h3#smartfinancial { /*nadpisy s obrazkovvym pozadim na strance produkty*/
	border-top: 1px dashed silver;
	margin: 2em 0 0 0; padding: 0;
	clear: both;
}
h3#smartpujcka a, h3#smartuver a, h3#reolfinancial a, h3#smartfinancial a {
	display: block; 
	position: relative;
	height: 81px; width: 149px;
	border-left:  1px dashed silver;
	border-right:  1px dashed silver;
	margin: 0 0 15px 0; padding: 0;
	overflow: hidden;
	float: left;
	cursor: default;
}
h3#smartpujcka a span {
	display: block; 
	position: absolute; top: 0; left: 0;
	height: 81px; width: 149px;
	background: url(../images/smart-pujcka.jpg) bottom center no-repeat;
	margin: 0; padding: 0;
	z-index: 50;	
}
h3#smartuver a span {
	display: block; 
	position: absolute; top: 0; left: 0;
	height: 81px; width: 149px;
	background: url(../images/smart-uver.jpg) bottom center no-repeat;
	margin: 0; padding: 0;
	z-index: 50;	
}
h3#reolfinancial a span {
	display: block; 
	position: absolute; top: 0; left: 0;
	height: 81px; width: 149px;
	background: url(../images/reol-financial.jpg) bottom center no-repeat;
	margin: 0; padding: 0;
	z-index: 50;	
}
h3#smartfinancial a span {
	display: block; 
	position: absolute; top: 0; left: 0;
	height: 81px; width: 149px;
	background: url(../images/smart-financial.jpg) bottom center no-repeat;
	margin: 0; padding: 0;
	z-index: 50;	
}
p.produkt { /*odstavec plovouci vedle nadpisu H3 v Produktech*/
	padding: 0 40px 0 180px;
	position: relative; top: 25px;
}
p.odkaz { 
	font-size: 0.9em;
	letter-spacing: 0.1em; 
}
p.odkaz a { 
	font-size: 0.9em; 
	padding-left: 16px;
	background:url(../images/odkazven.gif) center left no-repeat;
}
.hidden {
	display:none;
}

span.online {
	color: #0066ff;
}
ul.prolozit {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #ccc;
}
ul.prolozit li {
	margin-bottom: 1em;
}
ul.acrobat { /*pdf ke stazeni*/
	list-style-type: none;
	margin: 0 0 1em 25px; _margin: 0 0 1em -14px; padding: 0;
}
ul.acrobat li {
	padding: 8px 0 0 22px;
	display:block;
	background:url(../images/pdf.gif) center left no-repeat;
}
a.acrobat {
	padding: 0 0 0 22px;
	background:url(../images/pdf.gif) center left no-repeat;
}
.floatright {
	float: right;
	border: none;
}
.doprava {
	float: right;
	position: relative; top: -1.3em; =top: -3.2em;
}

.doprava a {
	padding-left: 16px;
	margin-left: 5px;
	background:url(../images/odkazven.gif) center left no-repeat;
}
a.email {
	padding-right: 24px;
	font-weight:bold;
	position: absolute !important; top: 132px; right: 4px;
	background:url(../images/mail.gif) center right no-repeat;
}
.clear {
	clear: both;
}
.vyznacit {
	color: #cc0000;
}
.vyznacit2 {
	color: #003f7e;
	font-style: italic;
}
.vyznacit3 {
	color: #339900;
}
.vyznacitzlute {/*zluta odrazka v mape webu*/
	color: #ff9900;
}
.vyznacitmodre {
	color: #003f7e;
}
.light {
	color: #646464;
}
/*lightbox*/
#lightbox{
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;
	
 }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	color: #fff;
	}

#imageContainer{
	padding: 6px 6px 15px 6px !important;
	}
#imageContainer img {
	margin: 0 !important; padding: 0 !important; border: 1px solid gray;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}



#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	background:#fff;
	margin: 0 auto 10px auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	color:#5c5c5c;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color: f5f5f5; font-weight: bold !important; text-transform:uppercase !important; }	
/*#imageData #caption{ font-weight: normal; 	}/*/
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ height: 20px; width: 66px; float: right; position: relative; top: -5px;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
.mezera_mezi_radky {
	padding-top: 10px;
}