body
{
	background:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif, tahoma;	
	font-size:12px;  /* Base font size 11pt */
}

.center
{
	margin:0 auto;
	text-align:center;
}

.right{text-align:right;}
.left{text-align:left;}
.fLeft{float:left;}
.red{ color: #FF0000;}           
.bgcolorEEE{ background-color:#eee;}
.clear{clear:both;}
.hide{display:none;}

#all
{
	position: relative;
	margin-bottom:50px;	
}
	#all.biggerMargin{margin-bottom:125px;}
	#all.biggerMargin.warningMargin{margin-bottom:170px;}

	/*#upper_line
	{
		background-color: #262520;
		width:100%;
		height:10px;
	}*/
	#header
	{
		background:#262520;
		margin:0 auto;
		padding:10px 0;
		width:900px;
		color: #fff;
	}
		#header a{float:right; margin-right:20px;}
    #mainMenu
	{
		position:relative;
		background:#262520;
	}
		#mainMenu ul.primNav
		{
			position:absolute;
			bottom: 0;
		}
		#mainMenu ul.primNav li
		{
			float:left;
			line-height:42px;
			font-variant: small-caps;
			font-size: 18px;
			text-align: center;
		}
			#mainMenu ul.primNav li a
			{
				float: left;
				width: 100%;
				text-decoration: none;
				/*padding-left: 20px;*/
			}
				#mainMenu ul.primNav li a.active{background:url(../i/menu_highlight_left.png) no-repeat left top;}
				
				#mainMenu ul.primNav li a span
				{
					float:left;
					width: 100%;
					height: 42px;
					/*padding-right: 20px;*/
					font-size: 18px;
				}
					#mainMenu ul.primNav li a.active span
					{
						background: url(../i/menu_highlight_right.png) no-repeat right top;
						background-color: inherit;
						color:#262520;
						
					}

			#mainMenu ul.primNav li a:link, 
			#mainMenu ul.primNav li a:visited{ background-color:inherit; color: #FFFFFF;}
			
			#mainMenu ul.primNav li a:hover{ background-color:inherit; color: #daba76;}
			/*#mainMenu ul.primNav li a.active:hover{ color: #FFFFFF;}*/
	#content
	{   
		margin:0 auto;
		width:900px;
		margin-top:10px;
		margin-bottom:120px; 
	}
		/*#content img{ margin:10px;}*/
		#content .middle
		{
			position: relative;
			width: 900px;
			display:block;
			font-size:12px;
			
		}
			
			#content #zakladne,
			#content #rozsirene,
			#content #mimoriadna1
			{
				cursor:pointer;
				font-family: "Century Gothic","Avant Garde",Futura,Helvetica,sans-serif;
				font-size: 16px;
				background: transparent url(../i/minus_sign.gif) no-repeat left center;
				padding-left: 20px;
			}
			#content span#rozsirene.uncheck,
			#content span#mimoriadna1.uncheck
			{
				background: transparent url(../i/plus_sign.gif) no-repeat left center;
				padding-left: 20px;
			}
			#content #rozsirene:hover,
			#content #mimoriadna1:hover
			{
				text-decoration: underline; 
			}
			#content #zakladne{cursor: default;}
			#content .middle fieldset input,
			#content .middle select,
			#registerBox input[type=text],
			#registerBox input[type=password],
			#loginBox input[type=text],
			#loginBox input[type=password]
			{
				background: #fff;
				border: 1px solid #72716a;
				font-size:12px;
				height:16px;
				width: 150px;
				text-align:right;
				color: inherit;
			}
			#content .middle select
			{
				height:20px;
				width: 158px;
				margin-right:2px;
			}
				#content .middle select#time_mimo1_to,
				#content .middle select#time_mimo1_from
				{
					width: 4em;
				}
				#content .middle select#choice_bank
				{
					text-align: left;
					width: 200px;
				}
			label.do_space{margin-left: 23px;}
			#content .middle select option
			{
				padding: 0 3px;
			}
				#content .middle fieldset input[type=text]
				{
					margin-right:5px;
					padding: 0 3px;
				}   
				input[type=submit],
				button
				{
					cursor:pointer;
					margin:5px;
				}
				#content .middle fieldset input[type=checkbox],
				#content .middle fieldset input[type=radio]
				{
					width:23px;
					height:13px;
					border: none;
				}
				#content .middle fieldset input#SP_percent,
				#content .middle fieldset input#SP_rate
				{
					width: 3em;
				}
				#content .middle .floatLeft{float:left;}

			        
					#content .middle fieldset input:hover,
					#content .middle fieldset textarea:hover,
					#content .middle fieldset select:hover{border-color:#000;}
					
					#content .middle fieldset input:focus, 
					#content .middle fieldset input:active,
					#content .middle fieldset textarea:focus,
					#content .middle fieldset select:focus,
					#registerBox input[type=text]:focus,
					#registerBox input[type=password]:focus,
					#loginBox input[type=text]:focus,
					#loginBox input[type=password]:focus
					{
						border-color: #72716a;
						background-color:#eee;
					}
					
					#content .middle fieldset input[type=text].redBg,
					#content .middle fieldset select.redBg{background-color:#FF4400;}
					
					#content .middle fieldset input[type=text].redBg:focus,
					#content .middle fieldset input[type=text].redBg:active,
					#content .middle fieldset select.redBg:active,
					#content .middle fieldset select.redBg:focus
					{
						border-color: #72716a;
						background-color:#eee;
					}
					
			#content .middle #note
			{
				clear:both;
				font-size:10px;
			}
			#content .middle dl
			{
				clear:both;
				width:460px;
				margin:10px 0;
			}
			#content .middle dl dt
			{
				float:left;
				width:170px;
				line-height:16px;
				text-align:right;
				margin:2px 0;
				margin-right:10px;
				
			}
			#content .middle dl dd
			{
				float:left;
				width:250px;
				text-align:left;
				margin:2px 0;
			}
		#content .middle #leftContent
		{
			float: left;
			width: 230px;
			font-size: 12px;
			text-align: center;
			/*background: #eee;*/
			margin-right: 10px;
		}
			#content .middle #leftContent .caption
			{
				background: url(../i/stripLeftPart.png) no-repeat center top;
				line-height: 30px;
				height:30px;
			}
				#content .middle #leftContent .caption h1,
				#content .middle #leftContent .caption h5
				{
					font-size:16px;
					color:#FFF;
					background-color: inherit;
				}
				#content .middle #leftContent table.statistics  
				{
					text-align:right;
					width:185px;
					border:none;
					margin:10px auto;
					
				}
				#content .middle #leftContent h2,
				#content .middle #leftContent h3
				{
					text-align: left;
					font-size: 14px;
					font-weight: normal;
				}
				#content .middle #leftContent table.statistics tr td{border:none;}
					#content .middle #leftContent table.statistics tr td.strings{width:120px;}
					#content .middle #leftContent table.statistics tr td.numbers{width:60px;}
			#content .middle #leftContent ul,
			#content .middle #leftContent ul li{text-align:right;}
			#content .middle #leftContent ul li{border-bottom:1px #000 dotted;}			
			
				#content .middle #leftContent ul li a
				{
					display:block;
					font-size: 12px;
					vertical-align: middle;
					text-decoration: none;
					color: #000;
					line-height: 20px;
					padding-right:30px;
				}
					#content .middle #leftContent ul li a:hover{background-color: #daba76;}
					#content .middle #leftContent ul li.active a{ background:url(../i/menuActive.png) #FFF no-repeat 92% center;}
				
		#content .middle #rightContent
		{
			position: relative;
			width:650px;
			float: left;
			background: url(../i/stripRightPart.png) no-repeat left top;
			padding:30px 0px 0px 0px;  
		}
			#content .middle .marginContent
			{
				padding: 10px 5px;
			}
				#content .middle #rightContent .article
				{
					padding: 11px 16px;
					background-color:#fff;
					line-height: 16px;
					/*border:1px solid #fff;*/
					border: none;
				}
					#content .middle #rightContent .article:hover
					{
						padding: 10px 15px;
						background-color:#eee;
						border:1px solid #ddd;
					}
					#content .middle #rightContent .article h2 a
					{
						color: #000;
						font-size: 16px;
						font-family: Verdana,"Geneva CE",lucida,sans-serif;	
						text-decoration: none;
					}
				#content .middle #rightContent .article h2 a:active, 
				#content .middle #rightContent .article h2 a:hover
				{
					font-size: 16px;
					text-decoration: underline;				
				}
					#content .middle #rightContent .article .content a
					{
						color:#000;
						text-decoration: none;
						font-weight: bold;
					}
					#content .middle #rightContent .article .content a:hover{text-decoration:underline;}
				#content .middle #rightContent .article .signatures
				{
					font-size: 10px;
					margin:3px 15px;
				}
		#content .middle #adContent
		{
			
		}
	#footer
	{                             
		position: fixed;
		bottom:0;
		width:100%;
		clear:both;
		background-color: #262520;
	}
	#footerContainer
	{
		width:900px;
		margin:0 auto;
	}
		#footer #footerContainer ul
		{
			width:600px;
			height:35px;
			float: left;
		}
		#footer #footerMenu li
		{
			float:left;
			line-height:16px;
			margin: 10px;
			padding-left: 20px;
			font-variant: small-caps;
			font-size: 16px;
			vertical-align: middle;
			border-left: solid 1px #BBBBBB; 
		}
			#footer #footerMenu li.first{border: none}
			#footer #footerMenu li span
			{
				text-decoration: none;
				color: #BBBBBB;
				cursor: pointer;	
			}
 
			#footer #footerMenu li span:visited{ color: #BBBBBB; background-color: inherit;}
			#footer #footerMenu li span:hover{ color: #FFFFFF; text-decoration: underline; background-color: inherit;}
		
		#footer span.copyrights
		{
			position: relative;
			color:#BBBBBB;
			font-size: 10px;
			margin-right:15px;
		}
		#footer .close
		{
			float:right;
			margin-top: -3px;
			position:relative;
		}
	        #footer .close a
	        {
				font-size: 20px;
				color: #cacfd1;
				font-weight: bold;
				text-decoration: none;
			}
				#footer .close a:hover{color:#daba76; background-color: inherit;}
	/* CONTACT FORM */
		.footerWindow
	    {
			clear:both;
	    	position:relative;
	    	font-variant: normal;
	    	font-size: 11px;
	    	background: #262520;
	    	width:100%;
	    	color:#BBBBBB;
	    	/*text-align:center;*/
	    }
	    	.footerWindow .inner,
	    	.footerWindow form.contact
	    	{
				width:900px;
				margin:3px auto;
			}
	    
			.footerWindow form.contact
			{
		    	height:72px;
			}
	    
			.footerWindow form.contact div
			{
				position: relative;
				float:left;
				height:72px;
				/*margin:0 5px;*/
				margin-right: 10px;
				color:#BBBBBB;
				width: 256px;
			}
				.footerWindow form.contact div .btSendMail
				{
					position: absolute;
					right: 0;
					bottom: 0;
				}
				
				.footerWindow form.contact div .messageSent
				{
					position: absolute;
					display:none;
					bottom: 3px;
					left: 0;
				}
		    .footerWindow input,
			.footerWindow textarea	    
		    {
		    	width: 250px;
		    	padding:0 3px;
		    	border: 1px solid #4d4c47;
		    	background-color: #373632;
		    	color:#BBBBBB;
		    	font-size: 11px;
		    }  
		    .footerWindow input{margin: 1px 0;}
		    .footerWindow textarea{height:56px;}
			  
		    .footerWindow input[type=submit]
		    {
		    	position:absolute;
				width:70px;
				height:23px;
				cursor:pointer; 
				bottom:0;  
		    }         
			    .footerWindow input:hover,
				.footerWindow textarea:hover{border-color:#72716a;}
				
				.footerWindow input:focus,
				.footerWindow input:active,
				.footerWindow textarea:focus
				{
					border-color: #72716a;
					background-color:#45443f;
				}
				.footerWindow input.warning,
				.footerWindow textarea.warning
				{
					background-color: #ff9966;
					color: #373632; 
				}
		/*eurokalkulacka*/
		#footer #euroCalc input
		{
			width: 70px;
		}
		
		/*o stranke*/
		#authors .block
		{
			position: relative;
			float: left;
			margin-right: 30px;
			width:150px;
		}
		#authors .block h3
		{
			padding-left: 0;
			text-align: left;
			font-size: 16px;
			font-weight: normal;
			text-align: center;
		}
		#authors .block p
		{
            text-align: center;
		}

/*
CLANKY
*/

#clanok{margin:10px;}

	#clanok h2
	{
		color: #000;
		font-size: 18px;
		font-family: Verdana,"Geneva CE",lucida,sans-serif;
		text-align: center;	
	}
	#clanok h3
	{
		font-size: 12px;
		margin: 5px 0;
	}
	#clanok p
	{
		margin:10px 0;
		text-align: justify;
	}

/*
 UROKY,POPLATKY
*/
table.view
{
	background-color:transparent;
	border:1px solid #ccc;
	border-collapse:collapse;
	font-size: 12px;
	margin:0 auto; 
	text-align:center;
	width:auto;
}

	table.view td,
	table.view th
	{
		border:1px solid #ccc;
		height: 22px;
		vertical-align: middle;
		padding: 0 5px;
	}	
		table.view td a
		{
			color: #00f;
			text-decoration: none; 
		}
			table.view td a:hover{text-decoration:underline;}
		table.view td img{margin:0;}
	
	table.view th
	{
		width: 115px;
		color:#000;
		background-color:#f5f5f5;
	}
.show {display: block}
.hidden { display: none; border: none}
col.widthTime, 
col.widthTime{width:20px;}
	a.tooltip
	{
	    position:relative; /*this is the key*/
	    z-index:24;
	    text-decoration:none
	}
	
	div.tooltip
	{
	    position:absolute;
	    width:15em;
	    border:1px solid #ddd;
	    background-color:#eee; color:#000;
	    text-align: center;
	}
/*
LAVA STRANKA: TABULKA POSLANYCH HODNOT
*/
table.sentValues td
{
	width: 110px;
	height: 18px;	
}

/*
PRAVA STRANKA: BANKY, TYPY HYPOTEK
*/
.bank
{ 
	background-repeat: no-repeat;
	background-position: center 50px;
}

#csob{ background-image: url('../i/logoCSOB.gif');}
#dexia{ background-image: url('../i/logoDexia.gif');}
#slsp{ background-image: url('../i/logoSLSP.gif');}
#vub{ background-image: url('../i/logoVUB.gif');}
#unicredit{ background-image: url('../i/logoUnicredit.gif');}
#otp{ background-image: url('../i/logoOTP.gif');}
#tatra{ background-image: url('../i/logoTatra.gif'); min-height: 530px;}
#mbank{	background-image: url('../i/logoMbank.gif');}
#volksbank{	background-image: url('../i/logoVolksbank.gif');}

	#rightContent .bank select.typeHypo,
	#rightContent .bank select.typeHypo option{text-align:left;} 
	
	#rightContent .bank h2,
	#rightContent .bank caption
	{
		text-align: left;
		margin-bottom: 10px;
		font-size: 16px;
	}
	#rightContent .bank h3
	{
		text-align: left;
		font-size: 16px;
		text-decoration: none;
		font-style: italic;
		font-weight: normal;
		margin-bottom: 5px;
	}
	#rightContent .bank .purpose,
	#rightContent .bank .advantage{margin-bottom:15px;}
	#rightContent .bank .condition{margin-bottom:5px;}
	#rightContent .bank ul.first
	{ 
	 	list-style: disc;
	 	margin-left: 20px;
	}
	#rightContent .bank ul.sec
	{ 
	 	list-style: circle;
	 	margin-left: 20px;
	}
	
	#rightContent .bank p.zdroj 
	{
		font-size: 10px;
	}
	#rightContent .bank p.info{margin-left:0px;}
	
		#rightContent .bank p.zdroj a,
		#rightContent .bank p.info a 
		{
			color: #00f;
			text-decoration: none;
		}
			#rightContent .bank p.zdroj a:hover,
			#rightContent .bank p.info a:hover{text-decoration:underline;}


/*
TABLE1
*/
table#table1
{
	/*background-color:transparent;*/
	border-collapse:collapse;
	font-size: 12px;
	margin:0 auto;
	text-align:center;
}
	table#table1 td,
	table#table1 th
	{
		border:1px solid #ccc;
		padding: 0 3px;
		vertical-align: middle;
	}
	table#table1 th
	{
		color:#000;
		background-color:#f5f5f5
	}
		table#table1 th.widthCol, 
		table#table1 td.widthCol{ width:85px;}
		table#table1 col.widthTime, 
		table#table1 col.widthTime{width:20px;}
/* LIKE facebook, google, twitter, ... */

.sharer
{
	background: transparent url(../i/share.png) right center no-repeat;
	min-width: 140px;
	position: absolute;
	position: fixed;
	left: -106px; top: 300px;
	cursor: pointer;
}

	.sharer .content
	{
		background-color: #eee;
		border: 3px #133671 solid;
		border-left: none;
		padding: 3px 0;
		margin-right: 34px;
		text-align: center;
		min-height: 90px;
	}
		.sharer .content div.share{margin:5px 0;}

.warningOnError
{
	text-align: right;
	padding: 10px 10px;
}
	.warningOnError img{vertical-align:bottom;}
	.warningOnError a
	{
		font-size: 10px;
		color: #bbb;
		text-decoration: none;
	}
		.warningOnError a:hover{text-decoration:underline;}
	
h4
{
	font-size: 16px;
	color: #bbb;
}
	p.locality
	{
		color: #bbb;
		padding: 5px 0;
		font-size: 12px;
	}
		p.locality span.locality{ text-decoration: underline;}

	#content .middle fieldset input[type="text"].defaultTextActive { color: #999; }


/* info v mediach */

#content .middle #leftContent ul.media li a{
	padding-right: 10px;
}

ul li.Sme a
{
	padding-left: 55px;
	background: url(../i/logo-sme.JPG) left top no-repeat;
}

ul li.Pravda a
{
	padding-left: 75px;
	background: url(../i/logo-pravda2.gif) left top no-repeat;
}

ul li.eTREND a
{
	padding-left: 75px;
	background: url(../i/etrend.gif) left top no-repeat;
}

.article.Pravda
{
	background: url(../i/logo-pravda2.gif) right 15px no-repeat;
}
.article.Sme
{
	background: url(../i/logo-sme.JPG) right 15px no-repeat;
}
.article.eTREND
{
	background: url(../i/etrend.gif) right 15px no-repeat;
}
	.article.Pravda:hover,
	.article.Sme:hover,
	.article.eTREND:hover
	{
		background-position: right 14px;
	}

/* Login */
#content .middle #rightContent.login
{
	padding-top: 0px;
	min-height: 100px;
}
	#login
	{
		position: relative;
		height: 18px; 
		float: right; 
		padding: 6px 10px 6px 10px;
		color: #fff;
	}
		#login a
		{
			color: #fff;
			font-size: 14px;
		}
			#login a:hover
			{
				text-decoration: none;
			}
	#loginBox
	{
		position: absolute;
		right: 0px; top: 30px;
		background: url(../i/bgLoginBox.png) no-repeat -23px top;
		padding: 0px 10px 5px 10px;
		z-index: 1000;
	}
		#loginBox input[type=text],
		#loginBox input[type=password]
		{
			margin: 3px 0;
			width: 160px;
			text-align: left;
			color: #000;
		}

		#loginBox input.btn
		{
			float: right;
			margin: 3px 0;
		}
		
span.required
{
	font-size: 20px;
	color: #f00;
}
/* registerBox */
#registerBox
{
	width: 310px;
	margin: 15px 120px;
}
	#registerBox label
	{
		position: relative;
	}
	
	#registerBox span.required
	{
		float: left;
		margin-top: 2px;
	}
	#registerBox span.text
	{
		font-size: 14px;
		display: block;
		width: 100px;
		float: left;
		line-height: 25px;
		text-align: right;
		padding-right: 3px;
	}
	
	#registerBox form#register input
	{
		float: left;
		width: 160px;
		margin: 3px 5px;
		text-align: left;
	}
		#registerBox form#register input.email
		{
			margin-left: 13px;
		}
		#registerBox form#register input.btn
		{
			width: 130px;
			margin: 3px 30px;
			float: right;
			text-align: center;
		}
	#registerBox span.valid,
	#registerBox span.invalid
	{
		position: absolute;
		display: block;
		width: 110px;
		height: 16px;
		background: url(../i/invalid.gif) left top no-repeat;
		left: 0px;
		top: 5px;
		padding-left: 20px
	}
	#registerBox span.valid
	{
		background-image: url(../i/valid.gif);
	}