/* 0) globalni classy */
.nurJS{display: none}
a img{border: 0}
.fright{float: right !important}
.fleft{float: left !important}
.clear{clear: both}
	.cleft{clear: left}
	.cright{clear: right}
/* 0.1) subglobalni classy (pouzivane v modulech */
/* img class */
.detailFfoto, .detailfoto, .itemBkg{padding: 1px; background: #b2a793; font-size: 0; text-align: center;  border: 1px solid #756959}

/* a href class */
#breadcrumbs a,       #rightTags .tagLoc a,       .formDef a,       #footer a,       .searchPerex a, #langChoice a{text-decoration: none;}
#breadcrumbs a:hover, #leftTags .tagLoc a:hover, .formDef a:hover, #footer a:hover, .searchPerex a:hover{text-decoration: underline}

/* handlovani zprav */
.flash{margin: 5px; color: #909090; padding: 20px 10px 20px 80px; font-size: .8em; border: solid 1px #f9c1b8}
.flash a{color: firebrick !important}
.flash.warning{background: #fbe2d6 url('../images/msgErr.png') 15px 50% no-repeat;}
.flash.info {background: #e4f0fc url('../images/admin/msgInfo.png') 15px 50% no-repeat; border-color: #abd1f5}

/* 1) property */
/* 1.1) right menu */
#rightPanel{width: 200px; float: right; background: url('../images/rightPanelTop.png') repeat-x #8d806b;}
#rightPanel ul{margin: 0; border-bottom: 1px solid #746958; padding: 20px 10px 10px 10px; _padding-top: 30px; list-style: none; }
#rightPanel li{_margin-top: -15px;}
#rightPanel li a:hover{border-bottom-color: #dcd0c0 !important}
#rightPanel li a{display: block; padding: 0 0px 3px 10px; border-bottom: solid 1px #9d917b ; background: url('../images/rightPanelListStyle.png') #8d806b 0 50% no-repeat; color: #eee2cc; text-decoration: none; font-size: .8em }

/* 1.1.1) right panel >> tagy */
#rightTags {background: #a1927a; font-size: .8em; padding: 20px 0; }
	.tagBorder{border: solid 1px #4c4a4b; border-width: 0 1px 1px 1px;/*background: #b7aa97/*#807361*/}
	#rightTags .item{width: 158px; margin: 0 auto 15px auto; background: url('../images/tagItemBkgBottom.png') no-repeat 0 100%; color: #726757}
	#rightTags .item .tagImg{min-height: 75px; background: #726757 no-repeat 3px 95%; padding: 1px 1px 1px 0; border-left: 1px solid #4d4b49; font-size: 0; line-height: 0}
	#rightTags .item .tagImg span{display: block; clear: both}
	#rightTags .item .tagImg a{float: right; display: block; width: 120px; text-align: center; }
	#rightTags .item .tagLoc a{margin-left: 3px; color: #efe2cc; font-weight: bold}
	#rightTags .item .tagPrice{display: block; float: right; font-size: .8em; padding: 3px 2px 0 0}
	#rightTags .item p{margin: 0; padding: 0 5px 5px 5px; clear: right; color: white; font-size: 9px}
	#rightTags #tagHome-cs .tagImg {background-image: url('../images/tagImgHome.png')}
	#rightTags #tagLuxury-cs .tagImg {background-image: url('../images/tagImgInvestment.png')}
	#rightTags #tagInvestment-cs .tagImg {background-image: url('../images/tagImgLuxury.png')}
	#rightTags #tagNew-cs .tagImg {background-image: url('../images/tagImgNew.png')}

	#rightTags #tagHome-en .tagImg {background-image: url('../images/tagImgHome-en.png')}
	#rightTags #tagLuxury-en .tagImg {background-image: url('../images/tagImgInvestment-en.png')}
	#rightTags #tagInvestment-en .tagImg {background-image: url('../images/tagImgLuxury-en.png')}
	#rightTags #tagNew-en .tagImg {background-image: url('../images/tagImgNew-en.png')}

/* 1.2) drobecky */
#breadcrumbs{margin: -15px 0 10px 0; font-size: 0.75em; color: white}
#breadcrumbs a{color: #ece9e0; font-size: 1em}
/* 1.2) textdata - greenbox */
.textData{width: 690px; padding: 15px; margin-bottom: 20px; background: url('../images/greenBoxTL.png') no-repeat #86aa28; color: #fefffd; font-size: .8em; text-align: justify}
.textData h1{margin: 0 0 15px 0; padding: 0; font-size: 1.3em; color: #fffffd}
.textData p{margin: 0 0 10px 0}


/* 1.2) search form */
#searchForm{position: relative; width: 703px; background: white url('../images/searchBkgTop.png') repeat-x; padding: 5px 8px 5px 8px; margin-bottom: 20px; color: #7b7b7b}
#searchForm form{margin: 0 ;}
	#searchForm h2{font-size: 1.1em; margin: 0; padding: 0}
#searchForm form{background: url('../images/lupa.png') no-repeat 100% 100%}
.formDef{float: left; border-right: 1px solid #7b7b7b; width: 160px; height: 65px; margin: 5px 0; padding: 0 7px; font-size: .8em; }
	.formDef strong{display: block}
	.formDef input {display: block; float: left; clear: both;}
	.formDef label{display: block; font-size: 11px; padding: 4px 0 1px 0; &padding-bottom: 2px; _padding: 4px 0 3px 0;  _font-size: .88em}
	.formLCol{float: left; width: 80px}
	.formRCol{float: right; width: 80px}

.formMore{position: relative;}
.more{width: 100%; height: 10px; background: #72981d url('../images/searchFormExpand.png') no-repeat 100% 50%; clear: both; color: white; font-size: 8px; line-height: 8px; }
.more span{padding-left: 10px;}
.moreInner{display: none; position: absolute; top: 54px; /*top: 16px; */left: 7px; width: 160px; background: white; border-bottom: solid 1px black; z-index: 30}
#moreType{padding: 3px 0; margin: -3px 0 0 0; }
#formTag label{font-size: 11px !important}


#moreLocation{width: 175px !important;}
#moreLocation .formLCol{width: 86px;}
#moreLocation .formRCol{position: relative; right: 10px; width: 86px}
#formPrice label{width: 50px; float: left; clear: left}
#formPrice input{clear: none; width: 80px}

/*#formSize strong{padding-bottom: 10px}*/
#formSize label{width: 35px; float: left; text-align: right; margin-right: 5px; clear: left}
#formSize input{clear: none; width: 20px; float: left; text-align: right}
#formSize span{float: left; margin: 0 4px}

#formTag label{font-size: 12px; padding-top: 4px;_font-size: 11px; _padding-top: 4px}
#formTag .formLCol{width: 92px;}
#formTag .formRCol{width: 68px;}
#buildingType label{font-size: 11px; padding-top: 3px}


#formBottom{clear: left; margin-top: 5px; padding-top: 5px; border-top: solid 1px #e0e0e0; height: 25px}
#includeSL{float: left; width: 500px; font-size: 0.8em; }
#includeSLinput{margin-right: 40px}
#uniqId{width: 20px}
#includeSL input{margin-left: 10px}
#formSearch{float: right; margin-right: 10px; width: 100px; height: 25px; border: 0; background: url('../images/formSubmit.png') repeat-x; font-weight: bold; font-size: 12px; }
#formCloak{position: absolute; right: 0; top: 0; width: 11px; height: 80%; background: white url('../images/searchBkgTop.png') repeat-x; z-index: 20}

/* 1.3) show search results*/
#searchResult{}
/* nic nenalezeno */ #noSearchData{background: url('../images/searchBkgTop.png') white repeat-x; padding: 20px; color: #7B7B7B; font-size: 1em}
.SRheader{ width: 465px; font-size: .7em; padding: 0 10px; height: 20px; line-height: 20px; &margin-bottom: 4px}
.SRheader{ background: white; color: #9a8d7a;}
.SRheader a{color: #716555}

.paging{float: right; }
.searchOrder{float: left; margin-right: 20px}
.searchOrderType{float: left; }
.searchOrderType img{margin-top: 2px}
.searchOrderType:hover img{visibility: hidden}
.searchOrderType:hover{background: url('../images/desc.png') 0 50% no-repeat}
.desc:hover{background: url('../images/asc.png') no-repeat 0 50% !important}

.searchItem{cursor: pointer; /* todo: curosr jen pro JS!!!*/ font-size: .7em; /*/ font-size: 11px; /* */float: left; clear: left; padding: 7px 0; border-bottom: solid 1px #706555; position: relative; width: 485px; height: 80px; background: #8d816b url('../images/searchItem.png'); overflow: hidden; color: white}
.searchId, .searchIdAdmin, .editProperty{position: absolute; top: 35px; left: 5px; width: 27px; height: 28px; background: url('../images/searchItemId.png') no-repeat; line-height: 27px;text-align: center; color: #beb19e; font-family: Helvetica; }
.searchIdAdmin{z-index: 10}
/* pro admina */
div.searchIdAdmin {top: 10px}
a.editProperty {display: block; top: 50px }

.itemImg{float: left; width: 80px; height: 80; margin: 0 0 0 44px; _margin-left: 20px; text-align: center; font-size: 0}
.searchPerex {width: 215px; _width: 218px; overflow: hidden; float: left; padding: 0 6px; height: 100%; }
.searchPerex strong{font-size: 1.2em}
.searchPerex a{color: #DDD;/*#beb19e; */font-family: Helvetica}
.searchPerex p{margin:0; text-align: justify}
.searchData {float: left; width: 134px; margin-top: -3px; height: 100%; font-size: 9px}
.searchData th{text-align: left}
.activeItem {margin-top: -1px; border-top: solid 1px #706555; width: 505px; background: white url('../images/searchItemActive.png') repeat-y; color: #8d816b}
.activeItem a{color: gray /*#8d816b*/}
.activeItem .searchId, .activeItem .searchIdAdmin, .activeItem .editProperty{background-image: url('../images/searchItemIdActive.png'); color: #908678}

/* 1.4) detail info */
/*211px; */
#detailInfoTop{width: 231px; _width: 228px; background: url('../images/detailInfoBottomBkg.png') repeat-y #99b64a; padding: 10px; color: white}
#ajax-property-loader{text-align: center; height: 74px}
#jsid-detail{float: right; width: 435px; background: white; color: #8d816b; font-size: .8em;  margin-top: -1px}
#propertyDetail, #ajax-property-loader{border: 1px solid #706555; padding: 10px; border-width: 1px 0;}
#propertyDetail h2{color: #8c806a; font-size: 1.1em}
#detailFotos{float: right; width: 184px; /*204px;*/ padding-bottom: 10px;}
	.detailfoto{float: left; margin: 5px 0 0 5px; width: 30px; height: 30px}
#detailInfoTop{margin-bottom: 10px}
	#detailInfoTop .detailFirstTd{}
#detailContact{border: solid 1px #99B64A; padding-bottom: 10px}
#detailContact th{background: #99B64A url(/etc/images/detailInfoBottomBkg.png) repeat-y; width: 211px;color: white; }
#detailContact td{}
/*background: url('../images/detailInfoBottomBkg.png') repeat-y #99b64a;}*/
#detailContact td{padding: 0 4px}
#detailText{text-align: justify}
.detailInfoBottom{width: 100%; background: #ece9e4;}
	.detailInfoBottom td, .detailInfoBottom th{padding: 3px 5px; border-bottom: 1px solid #dedbd4; text-align: left}
	.detailInfoBottom th{width: 120px}
	.detailInfoBottom tr:hover td {background: #99b64a; color: white}
	.detailInfoBottom tr:hover th{background: url('../images/detailInfoBottomBkg.png') repeat-y #99b64a; color: white}


/* 1.5) property ADD (sell / rent) */

#PApage{clear: both; position: relative; _border-top: solid 1px #b7aa97; padding-left: 175px; }
#PAcontent{color: #7B7B7B}
#adminNotes {margin: 20px}
/* pravy div - img */
#PAuploadImg{position: absolute; left: 0; _left: -175px; height: 100%; width: 160px; background: #8D806B; text-align: center}
#PAuploadImg h3{color: white; font-size: 1em; margin: 0; padding: 20px 0}
#divUpload{padding: 10px; border-top: 1px solid #746958}
#divUpload img{}
#PAuploadImg div{clear: left; float: left; margin: 10px; position: relative}
#PAuploadImg img{font-size: 0; line-height: 0}
#PAuploadImg .PAimgUp{position: absolute; top: 5px; left: 5px; }
#PAuploadImg .PAimgDown{position: absolute; bottom: 5px; left: 5px; }
#PAuploadImg .PAimgDel{position: absolute; top: 5px; right: 5px; }


#frm-admin_notes{width: 100%}
/* "boxy" plavouci na strance */ #PAcontent{_height: 50px;  padding: 10px 0; background: white ;margin-bottom: 40px;  }
/* jednotlive inputy */          .PAblock{width: 170px; height: 195px; padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0; border-right: 1px solid black; float: left}
/* styl jednotlivych boxiku */
#PAcloak{position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: white}


.PAblock{font-size: 10px}
.PAblock label.header, .nativeHeaders label {margin: 3px 0 1px 0; display: block; font-weight: bold;}
.PAblock input, .PAblock select{margin-left: 10px}

#PAcity{clear: both;position: relative; &position: static}
/*position: relative; /*clear: both; margin-bottom: 2px; background: red}
margin: -30px 0 0 0; _margin-top: -25px
/*#PAcity select{position: absolute; left: -10px; top: 15px}*/

#PAcity-inner{}
#PAcity select {position: absolute; top: 15px; &position: static; margin: 0; _margin-top: -25px; }
#PAaddress .fright, #PAaddress .fright input{text-align: right}

#PAreconstructed{}
#PAreconstructed label, #PAreconstruct_year label{float: left; clear: both; margin-top: 5px}
#PAreconstructed input, #PAreconstruct_year input{margin:0; float: right; }
#PAreconstruct_year {clear: both}
#PAreconstruct_year input{width: 35px}

.selectUniformWidth select{width: 100px}

#PAvisible{font-weight: bold; padding-bottom: 25px;margin-bottom: 5px; border-bottom: solid 1px gray}
#PAvisible input{clear: right}
#PAvisible .header{display: none}
#PATags label{float: left; clear: left; padding: 4px 0 3px 0}
#PATags input{float: right; }
#PATags a{display: block; clear: both}


.PAsmallLabelR, .PAsmallLabelR input {text-align: right}

							#PAcontactInfo strong{display: block; text-align: center; font-size: 11px; }

/* sklepy, garaze etc...*/
.toggleItem{float: left; height: 25px; width: 100%;}
.toggleItem .fleft{ line-height: 20px}
.toggleItem .fleft label{display: block; float: left; width: 70px;}
.toggleItem input{margin-left: 5px}


.PAchoose br{display: none}
.PAchoose input {margin-left: 10px; &margin-left:5px}
.PAchoose label {font-size: 10px; margin: 0 !important}

#PAfurnish textarea{width: 160px}

/* furnish desc*/
.PALI ul{float: right; padding: 0; margin: 0 15px 0 0}
.PALI li{list-style: none; float: left; line-height: 19px; margin-right: -7px; text-align: center; }
.PALI li a{display: block; width: 68px; height: 19px; float: left; text-decoration: none; color: white; background: url('../images/langInactiveInvert.png'); _background: url('../images/langInactiveInvert.gif')}
.PALI .LIActive a{height: 23px; background: url('../images/langActiveInvert.png'); _background: url('../images/langActiveInvert.gif'); color: black}

/*
#PAfurnish label{font-size: .9em}

.PAchoose strong{font-size: 1.3em}
.PAchoose{font-size: .7em} */

#frm-beds{text-transform: lowercase} /* todo: udelat to asi lepe, toto je nette generated*/

/*
#PAfurnish{height: auto; min-height: 150px;}

/*
.preSch label {display: block; float: left}
.preSch input {display: block; float: left}
.preSch label.header{}
*/
.PAlang{}
.PAlang{border-top: solid 1px black; margin: 50px 10px 5px 10px; }
/* ouška */
.PAlang ul{float: right; padding: 0; margin: 0 15px 0 0}
.PAlang li{list-style: none; float: left; line-height: 19px; margin-right: -7px; text-align: center; }
.PAlang li a{font-size: 10px; display: block; width: 68px; height: 19px; float: left; text-decoration: none; color: white; background: url('../images/langInactiveInvert.png'); _background: url('../images/langInactiveInvert.gif')}
.PAlang .PALActive a{height: 23px; background: url('../images/langActiveInvert.png'); _background: url('../images/langActiveInvert.gif');color: black}


/*
#pLangChoice{float: right; position: relative; bottom: 22px}
#pLangChoice               {width: 250px; list-style: none; padding: 0; margin:0;}
#pLangChoice li            {float: right; width: 65px; margin: 4px 0 0 -10px;}
#pLangChoice li.langActive {width: 64px; margin: 0 3px 0 -10px}
#pLangChoice a             {position: relative; display: block; float: right; width: 65px; height: 17px;  font-size: .65em; text-align: center; background: url('../images/langInactive.png') no-repeat; _background-image: url('../images/langInactive.gif'); line-height: 17px; color: white; text-decoration: none}
#pLangChoice a:hover       {height: 19px; margin-top: -2px}
#pLangChoice li.langActive a:hover{height: 21px; margin-top: 0}
#pLangChoice li.langActive a{display: block; float: right; width: 68px; height: 21px; margin-top: 0; background: url('../images/langActive.png') no-repeat; _background-image: url('../images/langActive.gif');  line-height: 21px; color: black; }
.langLast a{z-index: 20 !important}

*/
.PAlang h3{border-bottom: solid 1px #bdbdbd; padding-left: 13px; font-size: 14px}
.PAlang label{display: block; font-weight: bold; margin-left: 30px; font-size: 12px}
.PAlang select, .PAlang input, .PAlang textarea{margin-left: 40px; margin-bottom: 10px}
.PAtext textarea{width:90%}




.textDataArea textarea{ width: 90%; }
.textDataArea label{width: 99%; padding-top: 5px}
/*.textDataArea{margin: 10px 0 0 0}*/
.textDataFormat{padding: 3px 15px 3px 10px; &padding: 0 5px 0 5px; margin-bottom: 10px; height: 23px; background: #EEE; font-size: .8em !important; }
.textDataFormat br{display: none}
.textDataFormat label{width: auto !important; margin: 0 0 0 20px; float: right; font-weight: normal !important;}
.textDataFormat label.header{float: left}
.textDataFormat input{float: right; margin: 5px 0 0 5px !important; &margin-top: 0 !important; }


/* 1.6) texty na property
#body-perex{width: 645px; background: #86aa28 url('../images/greenBoxTL.png') no-repeat; padding: 15px; margin: 0 0 15px 0}

/* 1.7) content */
/* viz textData */

/* 1.7) contact form */
#contactPage {background: white url(images/searchBkgTop.png) repeat-x ; padding: 10px; margin-bottom: 40px; margin-right: 220px}


/*  3) CSS daneho designu  */
html, body{margin: 0; width: 100%; position: relative; font-family: Verdana}
body{background: #dcd0c0; }
#whole-page {position: relative; width: 980px; margin: 0 auto; }

#header{position: relative; background: url('../images/subheaderBkg.png') #95b443 no-repeat 50% 0; height: 101px; }

#logo{position: absolute; top: 0px; left: 0px; width: 184px; height: 67px; background: url('../images/logo.png') no-repeat}/**/
#header h1{margin: 0; padding: 35px 0 0 35px;  color: white; font-size: 1.38em; font-weight: normal}
#header h1 strong{font-weight: bold}
#header #promoLine{float: right; margin-right: 20px; padding-left: 15px; background: url('../images/dum.png') 0 50% no-repeat; _background-image: url('../images/dum.gif'); color: #c8d6a4; font-size: .8em; }
#langChoice{float: right; clear: right; margin-right: 10px; &margin-top: 20px}
#langChoice li{display: block; float: left; padding: 1px; margin: 0 10px}
/*#langActive {background: #726656}/**/
#langChoice a{color: #eee1ce; padding: 2px;}
#langChoice a:hover{background: #726656}
#menu{position: absolute; top: 77px; left: 0px; margin: 0; padding: 0 0 0 16px; width: 940px}
#menu li{display: block; float: left; margin: 0 2px; font-size: .9em;}
#menu li a{display: block; color: #fefefc; text-decoration: none; padding: 0 16px 6px 16px; }
#menu li a:hover, #menuActive a{background: url('../images/menuActive.png') repeat-x 0 100%}
#document{_overflow: hidden; position: relative; width: /*894px; */940px ;padding: 20px; margin: 0 auto; background: #b7aa97}

#footer{background: #86aa28 /*#6d9920*/; border-top: solid 1px #7b7368; width: 940px; margin: 0 auto 20px auto; padding: 10px 20px;}
	#logoBottom{float: left; margin-top: -5px; margin-right: 20px; width: 66px; height: 32px; background: url('../images/logoBottom.png') 0 0 no-repeat; color: #86aa28 !important}
	#logoBottom:hover{background-position: 0 -32px}
	#footer a, #footer span{line-height: 25px; font-size: .8em; color: #bdd9a6;float: right; margin-left: 10px }
#creditsAdmin, #creditsClevis{color: #9FBB63 !important}

/*  1.1) news  * /
.news {margin: 10px 20px; padding: 10px; background-color: #EEE; border: 1px dashed #BBB; color: #222; }
.news ul {margin: 0 0 0 0px; padding: 0px; list-style-type: none; font-size: .8em; }
.news li {margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px #a7cddd dashed; }
.hiddenNews {color: #BBB !important; font-size: .9em; font-style: italic; }
.news h4 {margin: 0px; }
.news h4 a {display: block; float: right; margin-top: -3px; padding-right: 2px; }
.news p {margin: 0px; text-align: right; font-style: italic; }
#archiveLink {text-align: right; }
#archiveLink a {text-decoration: none; }
*/

#frm-city {left:14px;width:80px!important;}
#frm-address_number {width:60px;}
#sellPriceBox {}
#frm-bills {width:35px;margin-top:3px;}
#frm-price {width:35px;}
#frm-rental_price {width:35px}


sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;

}

sup {
bottom: 1ex;
}

sub {
top: .5ex;
}