body	
			{ 
	 			font-family: arial, helvetica;
	 			font-size: 12px; 
	 			background-color: white; 
	 			background-image: url(classic_white/background2.gif);
	 			color: black;
	 			margin: 0;
	 			padding: 0;
	 		}
	 		
	/* ohranicuje profil celej firmy (mesta, nehnutelnosti), tu nemen nic */
	#firm, #city, #property { 
		clear: both;
		margin: auto;
		width: 503px;  /* 503 je maximum */
		overflow: hidden;
		background-color: white;
		padding: 15px;
	}
	
	/* ked pride profil mailom je zobrazene graficke logo */
	#snlogo { height: 84px; background-image: url(classic_white/logo_with_bg.jpg); background-repeat: no-repeat; background-position: 320px 0px; }
	
	/* nahravaci iframe, mal by byt display:none, ale v opere je potom nefunkcny, tak je len skryty mimo obraz */
	#loadframe { position: absolute; width: 10px; height: 10px; left: -20px; top: -20px; }  /* nemenit, iframe pre nahravanie */
	
	/* pomocne oddelovace, iba pomocka na formatovanie (alebo prvky co sa nemaju defaultne zobrazit, napr. NOVE ELEMENTY, ktore sa nemaju zobrazit uz v nadefinovanych styloch roznych firiem) */
	.breaker { font-size: 1px; display: none; }
	
	#snlink { color: #555; font-size: 10px; margin-top: 25px; padding-top: 5px; border-top: 1px solid gray; }
	
	/* zobrazuje sa iba ked nieje otvoreny profil v supernavigatore, ale priamo (obsahuje napr volbu jazyku) */
	#snheader
	{ 
		display: none;
		width: 534px;
		height: 25px;
		margin: auto;
		background-color: white;
		border-bottom: 1px solid #EEE;
	}


		/* napis SUPERNAVIGATOR by mal byt v inych styloch skryty */
		#snheader h2
		{
			display: block;
			background-image: none;
			border: 0;
			background-color: transparent;
			float: left;
			margin-left: 8px;
			margin-top: 7px;
			font-weight: normal;
		}
		
		#snheader h2,
		#snheader h2 a
		{
			text-decoration: none;
			color: gray;
		}
		
		#snheader h2 a:hover
		{
			text-decoration: underline;
			color: #4C72FF;
		}
		
		/* jazyky sa zobrazuju iba ako textove linky, tu ich stylom prepisem na obrazky */
		/* mozes si vybrat ktore jazyky nezobrazovat (aj tak sa zobrazuje prepinanie jazykovej verzie iba ak nebol profil otvoreny zo Supernavigatora) */
		#langs	{ margin-top: 10px; width: 120px; float: right; }
		#langs a {
					display: block;
					float: left;
					margin-right: 0px;
					margin-left: 6px;
					width: 16px;
					height: 10px;
					text-indent: -120px;
					overflow: hidden;
				}
		#flag_sk:hover,
		#flag_sk.active { background-image: url(classic_white/flag_sk_a.gif); }
		#flag_sk        { background-image: url(classic_white/flag_sk.gif); }
		#flag_cz:hover,
		#flag_cz.active { background-image: url(classic_white/flag_cz_a.gif); }
		#flag_cz        { background-image: url(classic_white/flag_cz.gif); }
		#flag_en:hover,
		#flag_en.active { background-image: url(classic_white/flag_en_a.gif); }
		#flag_en        { background-image: url(classic_white/flag_en.gif); }
		#flag_de:hover,
		#flag_de.active { background-image: url(classic_white/flag_de_a.gif); }
		#flag_de        { background-image: url(classic_white/flag_de.gif); }
		#flag_hu:hover,
		#flag_hu.active { background-image: url(classic_white/flag_hu_a.gif); }
		#flag_hu        { background-image: url(classic_white/flag_hu.gif); }
	
	
	/* ak ma firma zapnuty banner, tu je jeho styl */
	#banner {
				display: block;
				margin: auto;
				width: 534px;
				border: 0;
			}
	#banner img { border: 0; }
	 	
	 	
	 	
	 			
	/* nazov firmy */
	h1		{	
				font-size: 20px;
				margin-bottom: 10px;
				margin-top: 0;
			}
		
	/* nazov otvaracich hodin (hlavicka tabulky) a popiska informacii (napr. adresa:,  telefon:, atd...) */
	caption,	
	h2		{
				padding-top: 0px;
				margin-top: 0px;
				margin-bottom: 5px;
				font-size: 13px;
				font-weight: bold;
				background-color: #F6F5F5;
				background-image: url(classic_white/light_gray_gradient.gif);
				background-repeat: repeat-y;
				border-bottom: 1px solid #E2E2E2;
				text-align: left;
			}
	
		
	/* kde chyba jazykovy preklad je pridany tento styl */
	.missing { color: gray; font-style: italic; }   
	
	/* da sa nadefinovat aj styl pre parne a neparne riadky, napr. v kontaktoch, alebo v otvaracich hodinach */
	.p { }  /* parne riadky */
	.n { }  /* neparne riadky */
	
	/* vsetky linky na stranke */
	a { color: #4C72FF }
	
	.zapisana { display: block; margin-bottom: 16px; }
	
	/* kazda popiska informacie sa da vypnut, napr. tu, aby sa nezobrazovalo pri logu "Logo:" a pri fotkach "Fotografie:" */
	#logo h2,
	#fotografie h2	{ display: none; }		

	
	#logo   
			{
				display: block;
				float: right;
				background-color: white;
				padding-left: 15px;
				padding-bottom: 15px;
			}
	/* tento tag obsahuje kompletnu adresu */
	address {
				font-style: normal;
				white-space: pre; /* ak chcem aby sa adresa zalamovala do dvoch riadkov */
			}					
	#adresa
			{
				margin-bottom: 20px;
			}

	/* poznamka k pozicii */		
	#adresa #poznamka
			{
				display: block;
				margin-top: 10px;
				font-style: italic;
				font-size: 13px;
			}

	#adresa #pobox  {  
				font-style: normal;
				display: block; 
			}

	#kontakty
			{
				clear: right;
			}
						
			#kontakty #telefon		{ margin-bottom: 10px; }
			#kontakty #telefon h2	{ }
			
			#kontakty #fax			{ margin-bottom: 10px; }
			#kontakty #fax h2		{ }
			
			#kontakty #email		{ margin-bottom: 10px; }
			#kontakty #email h2		{ }
			
			#kontakty #url			{ margin-bottom: 10px; }
			#kontakty #url h2		{ }
			
			#kontakty #telefon,
			#kontakty #fax,
			#kontakty #email,
			#kontakty #url		{ float: left; width: 47%; }
			
			#kontakty #telefon,
			#kontakty #email	{ margin-right: 30px; }
			
			#fax_email_break    { clear: both; font-size: 1px; height: 1px; display: block; }
			
			/* kontakty su robene pomocou "definition list" pozri do kodu */
			
			#kontakty #telefon dl,
			#kontakty #fax dl,
			#kontakty #email dl,
			#kontakty #url dl		{
										margin-top: 0;
									}
			#kontakty #telefon dt,
			#kontakty #fax dt,
			#kontakty #email dt,
			#kontakty #url dt		{
										float: left;
										clear: left;
									}
			#kontakty #telefon dd,
			#kontakty #fax dd,
			#kontakty #email dd,
			#kontakty #url dd		{
										text-align: right;
										margin-left: 0;
										padding-right: 5px;
									}
									
			#kontakty_break { clear: both;  display: block; }
			
	#popup { clear: both; padding-top: 15px; margin-bottom: 25px; }
	
	#footer { margin-top: 20px; margin-bottom: 5px; text-align: right; }
	
	#pobocky { margin-bottom: 20px; }
	#pobocky h2 { margin-bottom: 15px; }
	
	#pobocky a { display: block; float: left; padding-top: 4px; padding-bottom: 0px; }
	
	#pobocky a span,
	.button:hover { color: red; }
	
	#pobocky a,
	#footer a,
	#popup a 
	{
	}

	.button
	{ 
		background-color: #F6F5F5;
		border: 1px solid #CCCBCB;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		font-size: 11px;
		font-weight: bold;
		padding: 3px;
		padding-left: 18px;
		padding-right: 10px;
		background-image: url(classic_white/red_arrow_menu.gif);
		background-repeat: no-repeat;
		background-position: 0% 40%;
		height: 18px;
		margin-bottom: 10px;
		margin-right: 3px;
		color: black;
		text-decoration: none;
		white-space: nowrap;
	}

	#ico { clear: both; }
	#ico, #dic, #obrat, #bankove { width: 47%; float: left; margin-bottom: 20px; text-align: right; }
	#ico p, #dic p, #obrat p, #bankove p { margin: 0; }
	#ico, #obrat { margin-right: 30px; }
	
	#platobne_karty {  clear: both; margin-bottom: 20px; }
	#platobne_karty dl,
	#platobne_karty dt  { display: inline; }
	#platobne_karty dd  { display: none; }
	#platobne_karty img { margin-right: 15px; }
	
	#otvaracie { clear: both; padding-top: 10px; margin-bottom: 25px; }
	#otvaracie table   { 
						
						border-collapse: collapse;
						border: 1px solid #E2E2E2;
						margin-bottom: 20px;
						margin-right: 20px;
						font-size: 12px;  /* musi tu byt velkost fontu kvoli IE 5.5 (nededi od body neviem preco) */
						}
	#otvaracie caption { white-space: nowrap; padding-right: 5px; }
	#otvaracie th { text-align: left; font-weight: normal; }
	#otvaracie td { text-align: right; padding-left: 15px; padding-right: 5px; }
	
	#dalsie_sluzby { margin-bottom: 20px;  clear: both; }
	#dalsie_sluzby dl,
	#dalsie_sluzby dt  { display: inline; }
	#dalsie_sluzby dd  { display: none; }
	#dalsie_sluzby img { margin-right: 10px; margin-bottom: 5px; filter: Gray(); }
				
	#fotografie
			{
				clear: both;
				padding-top: 10px;
				margin-bottom: 15px;
				width: 101%;
				overflow: hidden;
			}
			
			#fotografie img { border: 1px solid #6C6C6C; margin: 1px; }
			
	#popis
			{
				clear: both;
				margin-bottom: 15px;
				text-align: justify;
			}
	
	#popis h2.popis /* nadpis v popise je ako trieda, aby sa dal vypnut a pouzit vlastny <h2> */
			{ margin-bottom: 10px; }
			
			

/*
	[CENNIK]
	vracia tabulku, nazov je v <caption> kazda polozka je v samostatnom riadku, jej nazov v <th>
	dalsie udaje v <td>, stlpec mnozstvo (.mnozstvo)
	stlpec cena (.cena)
	a stlpec valuty (.valuty)
	riadok moze byt aj ako popiska (kategoria) skupiny cien (ak ma polozka cenu 0), vtedy je triedy (th .header)
	a este moze byt popiska triedy (.special), ak zacina hviezdickou (*), napr. ceny benzinu su nahradene obrazkom
*/
	#cennik { margin-top: 25px; margin-bottom: 25px; width: 100%; }
	#cennik caption { margin: 0; padding: 0; }
	#cennik th { text-align: left; width: 55%; font-size: 11px; font-weight: bold; }
	#cennik td { width: 15%; white-space: nowrap; }
	#cennik .mnozstvo { text-align: center; padding-left: 20px; font-style: italic; }
	#cennik .cena,
	#cennik .valuty { text-align: right; padding-left: 20px; }
	#cennik .cena small { font-size: 9px; color: gray; }
	#cennik .header { font-size: 12px; color: red; }
	#cennik .special img { filter: Gray(); }


	#pozicia
			{
				clear: both;
				padding-top: 15px;
				margin-bottom: 15px;
				text-align: center;
			}
	#pozicia h2	{ text-align: left; }
		#map	{
					margin: auto;
					margin-top: 15px;
					position: relative; /* pozicia musi byt relativna, lebo prvky v mape su pozicovane absolutne */
					width:  444px;   /* rozmer nemenit */
					height: 368px;	 /* rozmer nemenit */
					border: 1px solid #6C6C6C;
					overflow: hidden;
				}
		
		#mainmap, #gizmomap, #mapobjects, 
		#selectmap, #distanceDiv, #here
		{
			position: absolute;
			cursor: url(../css/classic_white/cursor_zoom.cur), url(classic_white/cursor_zoom.cur), hand;
		}
		
		#gizmomap
		{
			font-size: 16px;
			font-weight: bold;
			color: black;
			text-align: center;
		}
		
		#distanceDiv {
			left: -500px;
			top: -500px;
			background-image: url(classic_white/distance.gif);
			background-repeat: no-repeat;
			color: white;
			filter:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand'), Alpha(Opacity=50);
			width: 41px;
			height: 31px;
			padding-top: 16px;
			padding-right: 20px;
			text-align: right;
			font-size: 10px;
			z-index: 5;
		}
		#mapobjects { z-index: 10; left: 0; top: 0; }
		#selectmap { border: 1px solid red; left: -300px; top: -300px; font-size: 1px; }
		#map img { border: 0; }
		/* ak chces mat na mape aj ikonu (ja som ju tu vypol) */
		#map .ikona { position: absolute; border: 0; display: none;  }
		/* sipka ukazujuca na mape poziciu */
		#map #here  { position: absolute; border: 0; cursor: hand; filter: Alpha(opacity=80); -moz-opacity:0.8; }
		/* navod pod mapkou (mozes vypnut) */
		#pozicia p {
			color: #666; font-size: 10px;
			margin: auto; margin-top: 0; 
			padding: 5px; background-color: #F3F3F3; 
			width: 434px; 
			border-left: 1px solid #6C6C6C; 
			border-right: 1px solid #6C6C6C; 
			border-bottom: 1px solid #6C6C6C; 
			clear: both;
			}
		/* pre tlac (kriz) */
		.printposition { display: none; }
		
		#gizmomap   { z-index: 1; }
		#mainmap    { z-index: 2; }
		
		#mapobjects .city { cursor: url(../css/classic_white/cursor_in.cur), url(classic_white/cursor_in.cur), hand; }  
		
		#mapobjects a 	    { position: absolute; font-size: 10px; display: block; }
		#mapobjects a img	{ border: 0; }
		
		#mainmap img { border: 0;  }
		
	
	#vkategorii { clear: both; margin-top: 25px; margin-bottom: 15px; }
	#vkategorii ol 
	{
		list-style-type: decimal; 
		list-style-position: outside;
		margin-left: 30px;
		margin-top: 10px;
		font-size: 11px;
		padding: 0;
	}
	#vkategorii li { clear: both; }
	
	/* .f1 .f2 .f3 ....  prvy druhy treti */
	/* .b1 .b2 .b3 ....  posledny predposledny prepredposledny */
	/* pomocou tohoto sa da zobrazit povedzme iba posledne dve urovne kategorii */
	
	#vkategorii strong,
	#vkategorii span 
	{
		display: inline-block;
		padding-top: 1px;
		white-space: nowrap;
	}
	
	
	#vkategorii span
	{
	 	background-image: url(classic_white/menu_red_full.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 8px;
	}
	
	#stat
	{
		position: absolute;
		left: -100px;
		top: -100px;
	}

	#price {  clear: both; margin-bottom: 30px; }
	#price p { font-size: 14px; font-weight: bold; color: red; }

	#rooms, #code { width: 47%; float: left; margin-bottom: 10px; }
	#rooms p, #code p { text-align: right; margin-top: 5px; }
	#rooms{ margin-right: 30px; }

	.realinfo { display: block; clear: both; }
	
	.reality_properties
	{
		display: block;
		clear: both; 
		padding-bottom: 20px;
	}
	.reality_properties h2 { width: 500px; }
	
	.reality_properties div.property { float: left !important: width: 47%; display: block; padding-top: 5px; height: 20px; overflow: hidden; padding-left: 20px; }
	
	.reality_properties .property h3 { font-size: 12px; margin: 0; display: inline; margin-right: 10px; }
	.reality_properties .property p { font-size: 12px; margin: 0; display: inline; }

	#sendbymail { display: none; margin-top: 25px; margin-bottom: 0px; }
	#sendbymail h2 { margin-bottom: 10px; }
	#sendbymail form { margin:0; padding:0;  }
	#sendbymail #fromto { float: left; margin-right: 10px; }
	#sendbymail #comment { float: right; }
	#sendbymail p { margin: 10px 0 0 0; }
	#sendbymail input { display: block; width: 200px; }
	#sendbymail textarea { width: 270px; height: 65px; font-family: arial; font-size: 13px; }
	#sendbymail .breaker { display: block; clear: both; height: 3px; }
	#sendbymail #submit { clear: both; }
	#sendbymail .button { float: right; width: auto; height: 23px; margin: 10px 0 0 0; background-position: 0% 30%; }
	#sendbymail #complete { display: none; clear: both; font-weight: bold; color: red; font-size: 15px;  }
	
/** FOTKA FIRMY - styl ked otvoris vacsiu fotografiu **/
	body.firm_photo { background-image: none; background-color: white; margin: 15px; }
		
	#firm_photo,
	#firm_photo h1,
	#firm_photo h2,
	#firm_photo p
	{
		text-align: center;
		background-image: none;
		background-color: transparent;
		border: 0;
	}
	
	#firm_photo img { border: 1px solid #6C6C6C; margin: 10px; }
	
	
	#firm_photo #print:hover,
	#firm_photo #close:hover { color: red; }
	
	#firm_photo #print,
	#firm_photo #close 
	{ 
		display: inline-block;
		background-color: #F6F5F5;
		border: 1px solid #CCCBCB;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		font-size: 11px;
		font-weight: bold;
		color: black;
		padding-top: 3px;
		padding-left: 18px;
		padding-right: 10px;
		background-image: url(classic_white/red_arrow_menu.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		height: 18px;
		color: black;
		text-decoration: none;
	}
	
	.item { display: block; margin-top: 10px; margin-bottom: 10px; }
	.item h2
	{
		display: inline;
		background-color: transparent;
		background-image: none;
		border: 0;
		margin-right: 10px;
	}
	.item p { display: inline; }
	
	span.euro
	{
		font-size: 85%;
	}
	
	span.sk_info
	{
		font-size: 80%;
		position: relative; left: 0; top: 0;  width: 100px; height: 10px; filter: alpha(opacity=50); opacity: 0.5; margin-left: 5px; 
	}