/* ~-~-~-~-~-~ Liberal reality (www.liberalreality.cz) ~-~-~-~-~-~ */
/* ~-~-~-~-~-~ gfix via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 80% Calibri, 'Trebuchet MS', 'Geneva CE', 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	color: #fff;
	background: #283346 url("body.png");
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 { margin: 0; padding: 0; color: #fff; }

a { text-decoration: none; color: #b1cefd; outline: none; cursor: pointer; } :focus { outline: none; }
a:visited { color: #734cbf; }
a:hover, a:active { text-decoration: underline; color: #fff; }

p {
	margin: .2em 0 .5em 0;
	padding: 0;
	line-height: 140%;
}

strong { font-weight: bolder; }

ul, ol { margin: .2em 0 .5em 2em; padding: 0; line-height: 150%; }

hr, .hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.under { text-decoration: underline; }
.up { text-transform: uppercase; }

img { border: none; }

address { padding: 0 0 1em 0; font-style: normal; line-height: 145%; }
abbr { cursor: help; border-bottom: 1px dotted #2a1670; }
sup { font-variant: small-caps; }

/* ~-~ lej-aut-ta" ~-~ */
/* ~-~ http://www.alistapart.com/articles/holygrail ~-~ */
#main {
	margin: auto;
	width: 971px;
	position: relative; z-index: 1;
	text-align: left;
	background: url("main.png") repeat-y; 
}

/* ~-~ hlavicka ~-~ */
#header { width: 958px; height: 208px; margin: 0 0 28px 0; background: url("header.png") 13px 0 no-repeat; }
#header-in { margin: 0; padding: 0; width: 245px; height: 187px; background: url("header-in.png") no-repeat; }
/* ~-~ fotky http://www.sxc.hu/ ~-~ */

#logo-1 { position: absolute; top: 102px; left: 81px; width: 151px; height: 68px; }
#logo-1 a, #logo-1 a span { display: block;	width: 151px; height: 68px; overflow: hidden; background-image: url("logo-1.png"); }
#logo-1 a span { position: absolute; top: 0; left: 0; background-image: url("logo-1.png"); }
#logo-2 { position: absolute; top: 71px; right: 29px; width: 152px; height: 64px; }
#logo-2 a, #logo-2 a span { display: block;	width: 152px; height: 65px; overflow: hidden; background-image: url("logo-2.png"); }
#logo-2 a span { position: absolute; top: 0; left: 0; background-image: url("logo-2.png"); }

.accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ hlavni obsah ~-~ */
#container { padding-left: 202px; }
#container .column { position: relative; float: left; }

#center { margin-right: 9px; padding: 0 15px 20px 15px; width: 535px; color: #283346; background-color: #fff; }
#center h1 {
	margin-top: 15px; padding-bottom: .25em;
	font: normal 2em/1em Calibri, 'Helvetica CE', Helvetica, Geneva, 'Arial CE', Arial, sans-serif;
	letter-spacing: -1px; color: #2a1670; border-bottom: 1px dotted #b1cefd; text-shadow: #949494 0 0 2px;
}
#center h2 { margin: .2em 0; color: #283346; text-shadow: #b6b6b6 0 0 2px; }

#center a { text-decoration: underline; color: #2a1670; }
#center a:visited { color: #734cbf; }
#center a:hover { color: #658ac6; }

/* ~-~ katalog nemo, texty ~-~ */
.offer { position: relative; padding-top: 7px; padding-left: 170px; min-height: 132px; border-bottom: 1px dotted #b1cefd; cursor: pointer; }
.offer h2 { margin: 0 0 .8em 0 !important; font: bold 1em Calibri, 'Helvetica CE', Helvetica, Geneva, 'Arial CE', Arial, sans-serif; text-transform: uppercase; }
.offer p { padding-bottom: .3em; }
.offer .photo { position: absolute; top: 10px; left: 5px; }
.offer img { padding: 1px; max-width: 150px; max-height: 112px; border: 2px solid #b1cefd; }
.offer:hover img, .offer.hover img { border: 2px solid #86b4ff; }
.offer:hover h2 a, .result:hover p a, .item.hover h2 a, .texty .result:hover a, .texty .even:hover a, .texty .result.hover a, .texty .even.hover a { color: #6492dd !important; }
.offer:hover, .offer.hover, .result:hover, .result.hover, .texty .result:hover, .texty .even:hover, .texty .result.hover, .texty .even.hover { background: #f5f8fb url("ico-set-2.png") 99% 96% no-repeat; cursor: pointer; }

.result, .result-2 { clear: both; position: relative; padding: 2px 10px; border-bottom: 1px dotted #b1cefd; }
.even { background-color: #f6f6f6; }
.result p, .result-2 p { margin: .2em 0; }

.contact img { margin: 0; padding: 2px; border: 1px solid #b1cefd; }

.price { padding: 2px 0 2px 22px; background: url("ico-set-1.png") 0 -495px no-repeat; }
.state { padding: 2px 0 2px 22px; background: url("ico-set-1.png") 0 -857px no-repeat; }
.s-1, .s-2, .s-3, .s-4, .s-5 { padding: 2px .5em 2px 20px; background: #edfaf0 url("ico-set-1.png") 0 -706px no-repeat; } /* aktivni */
.s-2 { background: #eff6fd url("ico-set-1.png") 0 -736px no-repeat; } /* pozastaveno */
.s-3 { padding-left: 22px; background: #e4ecf5 url("ico-set-1.png") 0 -767px no-repeat; } /* pronajato */
.s-4 { background: #f8eef7 url("ico-set-1.png") 0 -797px no-repeat; } /* rezervovano */
.s-5 { background: #fff7d9 url("ico-set-1.png") 0 -828px no-repeat; } /* prodano */

.col { overflow: auto; margin-bottom: 1em; }
.col #fo1 { float: left; margin-right: 5px; }

.col p { margin-bottom: 0; }
.col ul { margin-top: 0; }

/* ~-~ strankovani ~-~ */
.listing { padding: .3em 0; font-size: .9em; border-bottom: 1px dotted #b1cefd; }
.listing a, .listing strong { width: auto; padding: .1em .5em; background-color: #f0f4f9; }
.listing a:visited { color: #2a1670 !important; } .listing a:hover { color: #658ac6 !important; }
a.l-1 { padding-left: 17px; background: #f0f4f9 url("ico-set-1.png") 0 -585px no-repeat; } /* prvni */
a.l-2 { padding-left: 14px; background: #f0f4f9 url("ico-set-1.png") 0 -615px no-repeat; } /* predchozi */
a.l-3 { padding-right: 14px; background: #f0f4f9 url("ico-set-1.png") right -645px no-repeat; } /* dalsi */
a.l-4 { padding-right: 17px; background: #f0f4f9 url("ico-set-1.png") right -675px no-repeat; } /* posledni */

/* ~-~ detail nemo ~-~ */
#list-bek { padding: .2em 0 .5em 0; text-transform: uppercase; font-size: .85em; overflow: auto; }

.detail { margin: 0 0 1em 0; text-align: left; font-size: .9em; border-collapse: collapse; }
.detail th { text-align: left; font-weight: normal; } .detail td { font-weight: bold; } /* heh? */
.detail th, .detail td { padding: 4px 2px; border-bottom: 1px solid #ccc; }
.detail th { min-width: 11.5em; }

#d-1 { float: left; width: 265px; }
#d-2 { float: right; margin-top: 5px; width: 252px; /*background-color: #e1e1e1;*/ }

#d-2 .photo { float: right; }
#d-2 .photo p { margin-top: -3px; max-width: 115px; text-align: center; }
#d-2 .photo img { margin: 0 0 3px 3px; padding: 2px; width: 115px; height: 86px; border: 1px solid #b1cefd; }
#d-2 .photo img:hover { border: 1px solid #86b4ff; }

/* ~-~ hlavni nabidka - vlevo ~-~ */
#main-nav { width: 181px; margin-left: -763px; /*background-color: #099;*/ }
#main-nav h2, #right h3 { padding: 10px 0 8px 7px; font-size: .95em; text-transform: uppercase; background-color: #283346; }

#logo-rj { position: relative; width: 181px; height: 65px; }
#logo-rj a, #logo-rj a span { display: block; width: 181px; height: 65px; overflow: hidden; background-image: url("logo-rj.png"); }
#logo-rj a span { position: absolute; top: 0; left: 0; background-image: url("logo-rj.png"); }

#logo-lr { position: relative; width: 181px; height: 80px; }
#logo-lr a, #logo-lr a span { display: block; width: 181px; height: 80px; overflow: hidden; background-image: url("logo-lr.png"); }
#logo-lr2 a span { position: absolute; top: 0; left: 0; background-image: url("logo-lr.png"); }
#logo-lr2 { position: relative; width: 181px; height: 80px; }
#logo-lr2 a, #logo-lr2 a span { display: block; width: 181px; height: 80px; overflow: hidden; background-image: url("realitynovopacko.png"); }
#logo-lr a span { position: absolute; top: 0; left: 0; background-image: url("logo-lr.png"); }
#f-key { margin: 0 5px; padding: 0 7px 7px 7px; overflow: auto; font-size: .9em; }
#f-key p { padding-bottom: .2em; }
#f-key .field { padding: 0; margin-bottom: 3px; width: 150px; /*font-size: .85em;*/ }
#f-key .button { font-size: 1em; }
#f-key a { text-decoration: underline; } #f-key a:visited { color: #b1cefd; } #f-key a:hover { color: #fff; }

/* ~-~ drop down menu http://www.alistapart.com/d/horizdropdowns/horizontal2.htm ~-~ */
/* ~-~ drop down menu http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/ ~-~ */
#nav, .list { margin: 7px; margin-top: 4px; padding: 0; font-size: .85em; }
#nav li, .list li { position: relative; display: block; list-style-type: none; }
#nav li a, .list li a {
	position: relative;
	display: block;
	padding: 4px 5px;
	border-top: 3px solid #445878;
	border-bottom: 1px solid #6d81a2;
	background-color: #283346;
}
#nav li ul { position: absolute; margin: -26px 0 0 0; padding-left: 11px; left: 164px; width: 220px; display: none; opacity: .95; }
#nav li li a { border: none; border-bottom: 1px solid #6d81a2; }
#nav ul li a { display: block; background: #283346; }
#nav ul li a:hover { color: #fff; }
#nav li:hover ul, #nav li.hover ul { display: block; }

#nav a:visited, .list li a:visited { color: #b1cefd; }
#nav a:hover, .list li a:hover { color: #fff; }

#nav li.star a { color: #f6e163 !important; background: #283346 url("ico-set-1.png") right -915px no-repeat; }

/* ~-~ logotypy ~-~ */
.logos { margin: 11px; overflow: auto;  }
.logos span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }
.logos a { display: block; margin-bottom: 5px; background: url("logos.png") no-repeat; }
.logos div { float: left; }
#l-hb a { width: 156px; height: 37px; }
#l-hc a { margin-left: 55px; width: 45px; height: 44px; background-position: 0 -37px; }
#l-csob a { width: 56px; height: 44px; background-position: 0 -87px; }
#l-cs a { margin: 10px 20px 0 0; width: 79px; height: 36px; background-position: 0 -138px; }
#l-r a { width: 79px; height: 23px; background-position: 0 -174px; }
#l-sr a { width: 79px; height: 20px; background-position: 0 -197px; }
#l-rm a { margin-left: 10px; width: 136px; height: 40px; background-position: 0 -341px; }
#l-gp a { margin-left: 11px; width: 134px; height: 50px; background-position: 0 -266px; }
#l-hr a { margin-left: 12px; width: 133px; height: 49px; background-position: 0 -217px; }
#l-scr a { width: 156px; height: 24px; background-position: 0 -317px; }

/* ~-~ doplnkova nabidka - vpravo ~-~ */
#right { width: 182px; margin-right: -182px; }
/* ~-~ ostatni jako "#nav" /\ ~-~ */

/* ~-~ nabidky - horizontalni navigace + jazyky \/ ~-~ */
#top-nav { position: absolute; z-index: 2; top: 10px; right: 13px; height: 32px; }
#top-nav ul { margin: 0; padding: 0; list-style-type: none; }
#top-nav li { display: inline; }
#top-nav li a {
	margin: 0; padding: 9px 8px 5px 30px;
	float: left; display: block;
	text-transform: uppercase; font-size: .9em; font-weight: bold;
	background: url("ico-set-1.png") no-repeat;
}
#top-nav #t-1 a { background-position: 0 -192px; }
#top-nav #t-2 a { background-position: 0 -224px; }
#top-nav #t-3 a { background-position: 0 -256px; }
#top-nav #t-4 a { background-position: 0 -288px; }
#top-nav #t-5 a { background-position: 0 -320px; }
#top-nav #t-6 a { background-position: 0 -352px; }
#top-nav #t-1 a:hover { background-position: 0 0; }
#top-nav #t-2 a:hover { background-position: 0 -32px; }
#top-nav #t-3 a:hover { background-position: 0 -64px; }
#top-nav #t-4 a:hover { background-position: 0 -96px; }
#top-nav #t-5 a:hover { background-position: 0 -128px; }
#top-nav #t-6 a:hover { background-position: 0 -160px; }
/* ~-~ ikonky http://www.famfamfam.com ~-~ */

#bottom-nav { position: absolute; z-index: 2; top: 208px; margin-left: 13px; width: 945px; height: 36px; background: url("bottom-nav.png") repeat-x; }
#bottom-nav ul {  margin-left: 3px; margin: 0; padding: 0; list-style-type: none; }
#bottom-nav li { display: inline; }
#bottom-nav li a {
	margin: 0; padding: 5px 8px 3px 15px;
	float: left; display: block;
	text-transform: uppercase; font-size: .85em; font-weight: bold;
	background: url("ico-set-1.png") 0 -384px no-repeat;
}
#bottom-nav li a span { text-transform: lowercase; }

#top-nav a { text-decoration: underline; color: #b1cefd; }
#top-nav a:visited { color: #b1cefd; }
#top-nav a:hover, #top-nav a:active { text-decoration: underline; color: #fff; }
#bottom-nav a { text-decoration: underline; color: #fff; }
#bottom-nav a:visited { color: #fff; }
#bottom-nav a:hover, #bottom-nav a:active { text-decoration: underline; color: #b1cefd; }

#translate { position: absolute; z-index: 2; top: 216px; right: 13px; width: 100px; height: 11px; padding: 0; list-style-type: none; font-size: .65em; }
#nl a, #en a, #cz a { margin-left: 10px; float: left; display: block; width: 16px; height: 11px; overflow: hidden; background: url("ico-set-1.png") 0 -412px no-repeat; }
#en a { background-position: 0 -423px; }
#cz a { background-position: 0 -434px; }
#nl span, #en span, #cz span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ fin ~-~ */
#footer { position: relative; margin: auto; width: 971px; padding-bottom: 17px; background: url("footer.png") bottom no-repeat; }
#footer-in { padding: 0 13px; text-align: center; font-size: .9em; background: url("footer-in.png") repeat-y; }
#footer .linka { padding-top: 7px; border-top: 2px solid #bfc2c8; }
#footer a { text-decoration: underline; }
#footer a:visited { color: #b1cefd; }
#footer a:hover { color: #fff; }

#top { 	position: absolute; top: 2px; right: 20px; width: 50px; padding: 2px 0 3px 10px;
		text-transform: uppercase; font-size: .85em;
		background: #374660 url("ico-set-1.png") 0 -555px no-repeat; border-bottom: 1px solid #6d81a2;
}

#tile-1 { position: absolute; z-index: 0; top: 0; width: 100%; height: 170px; background: url("tile-1.png") repeat-x; }

/* ~-~ CSS sprajty http://www.alistapart.com/articles/sprites ~-~ */

#flash { z-index: +3; position: absolute; top: 52px; margin: auto; width: 100%; height: 154px; }
#flash-in { margin: auto; width: 971px; height: 154px; }
#flash-in object { width: 544px; height: 154px; margin-left: 37px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font-size: .9em; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* ~-~ detailni vyhledavani - na hlavni strance ~-~ */
.content-switch { padding-top: 145px !important; }
#f-detail { position: absolute; top: 0; width: 542px; margin: 0 -23px; padding: 0 20px; font-size: .9em; border: none; }
.bg-shadow { background: #283346 url("bg-shadow.png") repeat-y; }
#f-detail p { color: #fff; text-transform: uppercase; padding: 0; }
#f-detail p a { color: #fff; }
#f-detail p a:visited { color: #fff; }
#f-detail p a:hover { color: #9ecefd; }
#f-detail p.head { margin: 11px 0 0 -2px; padding: 0 0 2px 23px; font-weight: bold; background: url("ico-set-1.png") 0 -467px no-repeat; }
#f-detail label { display: block; color: #b1cefd; text-transform: uppercase; font-size: .95em; }
#f-detail .field { margin-bottom: 5px; font-size: .95em; }
#f-detail input.field { padding: 0; font-size: 1em; }
#f-detail .button { float: right; margin: 0 -1px 9px 0; font-size: 1em; }
#f1 { margin-top: 5px; }

/* ~-~ formulare ~-~ */
.mail-form { padding: 0; margin-bottom: 1em; }
.mail-form label { margin-top: .2em; font-size: .9em; }
.mail-form .linka { padding-top: 7px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { margin-right: 5px; }
.mail-form .linka span.pole { display: block; }
.mail-form .posun {}

form.valid label.error, form.valid strong { margin-left: 5px; font-size: 1em; font-weight: bold; color: #a73640; }
form.valid strong { margin-left: 0; }

.fotka		{ float: left; width: 152px; height: 102px; margin: 8px; border: 1px solid #be2327 }
.fotka .obr	{ width: 150px; height: 100px; border: 1px solid #fff }