

/*******************************************************************************
 ******************* MAPA S REGIONY ********************************************
 ******************************************************************************/

#mapsContent{
min-height:400px;
_height:400px;
position:relative;
padding-top: 20px;
}

#chooseMap{
float:left;
width: 650px;
/*height: 372px;*/
}
#chooseMap img{
border:0px;
}
#chooseMap #selectedRegion{
margin:25px 0px 0px 0px;
line-height:1.8em;
}
#chooseMap #selectedRegion strong {
font-weight:bold;
color:#003772;
}

.chooseRegion{
float:right;
width:260px;
display:none;
}
.chooseRegionBlock{
display:block;
position:relative;
}
#chooseRegionStart {
float:right;
width:260px;
}
.chooseRegionStartNone{
display:none;
}
.chooseRegion .chooseRegionHeader,
#chooseRegionStart .chooseRegionHeader{
width:260px;
height:86px;
background: #2185b9 url(../img/chooseRegionHeader-bg.gif) repeat-x;
text-align:left;
}
.chooseRegion .chooseRegionHeader .in_chooseRegionHeader{
padding:20px 20px 12px 20px;
}
#chooseRegionStart .chooseRegionHeader .in_chooseRegionHeader{
line-height:1.8em;
color:white;
padding:10px 20px;
}
#textArea .chooseRegion .chooseRegionHeader a.close:link,
#textArea .chooseRegion .chooseRegionHeader a.close:visited,
#textArea .chooseRegion .chooseRegionHeader a.close:hover{
position:absolute;
right:10px;
top:10px;
width:30px;
height:30px;
background: url(../img/chooseRegionShow-close-bg.gif) no-repeat;
}
#textArea .chooseRegion .chooseRegionHeader a:link,
#textArea .chooseRegion .chooseRegionHeader a:visited,
#textArea .chooseRegion .chooseRegionHeader a:hover{
color:white;
text-decoration: none;	
}
#textArea .chooseRegion .chooseRegionHeader h2{
margin:0px 0px 10px 0px;
padding:0px;
font-weight:normal;
color:white;
font-size:150%;
}
.chooseRegion .chooseRegionContent{
background: #003874;
padding:10px 10px 20px 20px;
color:white;
text-align:left;
}
.chooseRegion .chooseRegionContent div{
margin:0px 0px 12px 0px;
}
.chooseRegion input{
margin:2px 15px 0px 0px;
vertical-align:middle;
}
.chooseRegion label{
vertical-align:middle;
}
.chooseRegion .chooseRegionContent a:link,
.chooseRegion .chooseRegionContent a:visited,
.chooseRegion .chooseRegionContent a:hover{
color:white;
text-decoration: none;
}
.chooseRegion .chooseRegionContent a.close:link,
.chooseRegion .chooseRegionContent a.close:visited,
.chooseRegion .chooseRegionContent a.close:hover{
width:78px;
height:30px;
background: url(../img/chooseRegionShow-close2-bg.gif) no-repeat;
display:block;
border:0px;
float:right;
margin:25px 0px 0px 0px;
}
.chooseRegionContentScroll {
overflow: auto;
height:235px;
}
.chooseRegionShow{
position:absolute;
right:0px;
top:350px;
margin: 0px;
}
.chooseRegionShow input{
width:260px;
height:53px;
border:0px;
cursor:pointer;
margin:0px;
}
 
 
 /***************************************************************************************
 ******************************* VÝBĚR VLASTNOSTÍ NEMOVITOSTI **************************
 **************************************************************************************/
 
#textArea a#showHideFilter:link,
#textArea a#showHideFilter:visited,
#textArea a#showHideFilter:hover {
display:none;
}

#textArea .selectProp {
width: 940px;
background: #f2f2f2;
margin:0px;
}
#textArea .selectProp .in_selectProp {
padding: 22px 20px;
background: #f2f2f2;
font-size: 90%;
}

#textArea .selectProp table tr td ul {
margin: 0px;
padding: 0px;
} 
#textArea .selectProp .leftCol {
width: 110px;
float: left;
}
#textArea .selectProp .leftColInput {
padding:5px 0px 7px 0px;
}
#textArea .selectProp .leftColInput strong {
padding:0px;
}
#textArea .selectProp .rightCol {
float: right;
width: 780px;
}
#textArea .selectProp .rightColInput {
padding:0px 0px 10px 0px;
}
#textArea .selectProp div.rightCol input {
vertical-align: top;
margin: 0px 10px 0px 0px; 
}
#textArea .selectProp div.rightCol label {
float: left;
width: 130px;
height: 35px;
}   
#textArea .selectProp div.rightCol label input {
float: left;
margin: 0px;
padding: 0px;
position:relative;
top:2px;
left:0px;
}

#textArea .selectProp div.rightCol label span {
margin: 0px 0px 0px 10px;
/*
display: block;
width: 105px;
float: left;
*/
}
#textArea .selectProp div.rightCol label  span sup {
font-size: 70%;
}
#textArea .selectProp .rightColInput span.left{
display:block;
padding:5px 0px 0px 0px;
}

#textArea .selectProp div.rightCol input.selectPropInput {
_height:22px;
padding:4px 0px;
margin:0px;
width:150px;
border:1px solid #bbbbbb;
}
#textArea .selectProp div.rightCol select {
height:25px;
padding:2px 0px 2px 0px;
width:150px;
border:1px solid #bbbbbb;
}
#textArea .selectProp div.rightCol select.smallSelect {
width:50px;
}

.highLightResult {
font-size: 110%;
font-weight: bold;
}

#textArea .sortDiv {
width: 940px;
line-height:1.5em;
}
#textArea .sortDiv .in_sortDiv {
padding:30px 15px 20px 15px;
}
#textArea .sortDiv .in_sortDiv div.left{
position:relative;
top:-10px;
left:0px;
}
#textArea .sortDiv .in_sortDiv span.left {
display:block;
line-height:2.0em;
}
#textArea .sortDiv .in_sortDiv a.showmap:link,
#textArea .sortDiv .in_sortDiv a.showmap:visited,
#textArea .sortDiv .in_sortDiv a.showmap:hover {
float:left;
margin:0px 0px 0px 0px;
/*font-weight:bold;*/
text-align:left;
line-height:1.1em;
}
#textArea .sortDiv .in_sortDiv span.showmapDisable {
float:left;
margin:0px 0px 0px 0px;
/*font-weight:bold;*/
color:gray;
text-align:left;
line-height:1.1em;
}
#textArea .sortDiv .in_sortDiv span.showmapDisable a:link,
#textArea .sortDiv .in_sortDiv span.showmapDisable a:visited,
#textArea .sortDiv .in_sortDiv span.showmapDisable a:hover{
color:gray;
}

#textArea .sortDiv .in_sortDiv div.right span{
color:black;
margin: 0px 0px 0px 30px;
}
#textArea .sortDiv .in_sortDiv select{
border:1px solid #bbbbbb;
color:black;
/*padding:3px 0px; MICHAL*/
margin:0px 5px;
_height:22px;
vertical-align:middle;
}
#textArea .sortDiv .in_sortDiv a:link,
#textArea .sortDiv .in_sortDiv a:visited,
#textArea .sortDiv .in_sortDiv a:hover{
color:#006194;
}

#textArea .sortDiv .in_sortDiv strong{
font-size:140%;
color:black;
vertical-align:middle;
}




#textArea .sortDiv .rightPadding {
padding: 0px 30px 0px 0px;
}
#textArea .showTable,
#textAreaHome .showTable {
width: 100%;
margin: 0px;
padding: 0px;
border-bottom:2px solid #003874;
}
#textArea .showTable tr th,
#textAreaHome .showTable tr th {
background: #003874;
color: #fff;
padding: 12px 20px;
font-weight:normal;
}
#textArea .showTable tr th a:link,
#textArea .showTable tr th a:visited,
#textArea .showTable tr th a:hover,
#textAreaHome .showTable tr th a:link,
#textAreaHome .showTable tr th a:visited,
#textAreaHome .showTable tr th a:hover{
color:white;
text-decoration:underline;
}
#textArea .showTable tr th a:hover,
#textAreaHome .showTable tr th a:hover{
text-decoration:none;
}

#textArea .showTable tr td,
#textAreaHome .showTable tr td {
text-align: center;
border-bottom:1px solid #003874;
vertical-align:top;
padding:10px 10px;
}
#textArea .showTable tr td a:link,
#textArea .showTable tr td a:visited,
#textArea .showTable tr td a:hover,
#textAreaHome .showTable tr td a:link,
#textAreaHome .showTable tr td a:visited,
#textAreaHome .showTable tr td a:hover{
font-size:110%;
color:#006194;
}

#textArea .selectProp .showNemovitost{
background: url(../img/chooseRegionShow-button-bg.gif) no-repeat;
width:260px;
height:53px;
border:0px;
cursor:pointer;
margin:0px;
float:right;
}



#textArea .selectProp #AvailableEstatesCount{
text-align:center;
color:#003772;
float:right;
padding: 0px 0px 10px 0px;
}


 /***************************************************************************************
 **************************************** SEZNAM POBOCEK ********************************
 ****************************************************************************************/

#leftMapContent{
float:left;
width:680px;
margin-top: 145px;
}
#leftMapContent h2{
color:#525252;
font-size:140%;
margin:0px 0px 0px 0px;
padding:20px 0px 5px 0px;
line-height:1em;
font-weight:normal;
}
#leftMapContent h3{
color:#003874;
font-size:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 5px 0px;
line-height:1em;
font-weight:bold;
}
#leftMapContent ul{
margin:0px;
padding:0px;
}
#leftMapContent ul li{
margin:0px;
padding:2px 0px 2px 30px;
background: url(../img/leftMapContent-li.gif) 15px 7px no-repeat;
list-style-type:none;
}
#leftMapContent ul li a:link,
#leftMapContent ul li a:visited,
#leftMapContent ul li a:hover{
color:#006194;
}

#leftMapContent img.greyBorder {
border:3px solid #e6e6e6;
}



#googleMap {
width:680px;
height:370px;
}
#googleMap .googlemaps{
padding:0px 5px;
}
#googleMap .googlemaps p{
margin:0px;
padding:0px;
}

a.branchShowOrder:link,
a.branchShowOrder:visited,
a.branchShowOrder:hover {
width:151px;
height:30px;
background: #2185b9;
display:block;
float:left;
text-align:center;
color:white;
font-weight:bold;
position:relative;
}
a.branchShowOrder:link span,
a.branchShowOrder:visited span,
a.branchShowOrder:hover span{
width:151px;
height:30px;
background: url(../img/branchShowOrder-bg.gif) no-repeat;
display:block;
position:absolute;
left:0px;
top:0px;
}


a.branchShowMaps:link,
a.branchShowMaps:visited,
a.branchShowMaps:hover {
width:208px;
height:30px;
background: #2185b9;
display:block;
float:left;
text-align:center;
color:white;
font-weight:bold;
position:relative;
margin:0px 0px 0px 10px;
}
a.branchShowMaps:link span,
a.branchShowMaps:visited span,
a.branchShowMaps:hover span{
width:208px;
height:30px;
background: url(../img/branchShowMaps-bg.gif) no-repeat;
display:block;
position:absolute;
left:0px;
top:0px;
}






#leftMapContent .brokerInfo{
width:340px;
float:left;
line-height:1.8em;
margin:0px 0px 20px 0px;
}
#leftMapContent .brokerInfo div.left{
float:left;
margin:0px 0px 0px 15px;
}
#leftMapContent .brokerInfo img{
margin:3px 0px 0px 0px;
}

#leftMapContent .brokerInfo h3{
color:#525252;
font-size:120%;
margin:0px 0px 0px 0px;
line-height:1em;
}




























.selectBox50{
float:left;
margin:0px 0px 0px 10px;
}



.jquery-selectbox {
	position: relative;
	border: 1px solid #bbbbbb;
	background: white;
	z-index: 0;
	float: left;
	display: inline;
	padding: 0;	
}
.selectBox150 .jquery-selectbox {
width:150px;
height:23px;
}
.selectBox50 .jquery-selectbox {
width:50px;
height:23px;
}


.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 23px;
	padding: 0px;
	left: 0px;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #bbbbbb;
}
.selectBox150 .jquery-selectbox .jquery-selectbox-list {
width:150px;
height:120px;
margin-left:-1px;
}
.selectBox50 .jquery-selectbox .jquery-selectbox-list {
width:50px;
height:120px;
margin-left:-1px;
}



.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url(../img/jquery-selectbox-moreButton.gif) center 9px no-repeat;
	cursor: pointer;
}
.selectBox150 .jquery-selectbox .jquery-selectbox-moreButton, 
.selectBox50 .jquery-selectbox .jquery-selectbox-moreButton {
width:25px;
height:25px;
}


.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #F2F2F2;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	font-size:100%;
	padding: 3px 5px 3px 5px;
	position:relative;
	z-index:1000;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}
















.tree ul {
background: url(../img/tree-ul.gif) repeat-y 4px 0;
padding:0px;
margin:0px 0px 0px 20px;
}
.tree ul ul {
margin:10px 0px 0px 0px;
}
.tree ul li{
background: url(../img/tree-ul-li.gif) no-repeat 0px 3px;
list-style-type:none;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
}

.tree ul li{
font-size:120%;
font-weight:bold;
}
.tree ul li ul li{
font-size:90%;
font-weight:normal;
}
.tree ul li ul li ul li{
font-size:100%;
}







/******************************************************************
	CONTACT FORM	
*/
#recommendBG {
background-color:black;
display:none;
height:100%;
left:0px;
opacity:0.5;
position:absolute;
top:0px;
width:100%;
z-index:1;
}
#form {
width:500px;
height:440px !important;
background:white;
position:absolute;
left:0px;
top:130px;
z-index:10;
display:none;
border: 2px solid #003772;
}
#form #formHeader{
width:100%;
height:50px;
background: #2185B9 url(../img/chooseRegionHeader-bg.gif) -15px 0px repeat-x;
}
#form #formHeader span{
padding:12px 0px 0px 25px;
color:white;
font-size:140%;
display:block;
text-align:left;
}
#form #formHeader a.close:link,
#form #formHeader a.close:visited,
#form #formHeader a.close:hover{
background:transparent url(../img/chooseRegionShow-close-bg.gif) no-repeat;
height:30px;
position:absolute;
right:10px;
top:10px;
width:30px;
}
#form #in_form {
padding:15px 20px 0px 20px;
}
#form iframe {
width:460px;
height:370px !important;
}
#form #in_contactForm{
background:white;
}


#formMail {
width:500px;
height:525px !important;
background:white;
position:absolute;
left:0px;
top:130px;
z-index:10;
display:none;
border: 2px solid #003772;
}
#formMail #formHeader{
width:100%;
height:50px;
background: #2185B9 url(../img/chooseRegionHeader-bg.gif) -15px 0px repeat-x;
}
#formMail #formHeader span{
padding:12px 0px 0px 25px;
color:white;
font-size:140%;
display:block;
text-align:left;
}
#formMail #formHeader a.close:link,
#formMail #formHeader a.close:visited,
#formMail #formHeader a.close:hover{
background:transparent url(../img/chooseRegionShow-close-bg.gif) no-repeat;
height:30px;
position:absolute;
right:10px;
top:10px;
width:30px;
}
#formMail #in_form {
padding:15px 20px 0px 20px;
}
#formMail iframe {
width:460px;
height:460px !important;
}
#formMail #in_contactForm{
background:white;
}




#pageForm label{
display:block;
margin:0px;
color:#6E6E6E;
}
#pageForm label strong{
color:#003772;
}
#pageForm input{
margin:5px 0px 20px 0px;
padding:3px 0px 3px;
_height:24px;
width:50%;
border:1px solid #003772;
}
#pageForm textarea{
display:block;
width:100%;
height:80px;
border:1px solid #003772;
margin:5px 0px 0px 0px;
}

#pageForm .submitForm{
display:block;
width:78px;
height:30px;
border:0px;
cursor:pointer;
float:right;
margin:15px 0px 0px 0px;
}
#pageForm .submitFormNo{
display:block;
width:78px;
height:30px;
border:0px;
cursor:default;
float:right;
margin:15px 0px 0px 0px;
}


#grayBox{
font-size:80%;
font-family: arial, arial ce, tahoma, trebuchet ms, verdana;
color:black;
}
#grayBox a.close:link,
#grayBox a.close:visited,
#grayBox a.close:hover{
width:78px;
height:30px;
display:block;
float:right;
background: url(../img/chooseRegionShow-close2-bg.gif) no-repeat;
}




#validateSecond,
#validateFirst,
#validateThree {
float:right;
}
.red{
color:red;
}


#goodsScroll{
padding-top: 10px;
width:300px;
height:75px;
overflow:auto;
overflow-x:auto;
overflow-y:hidden;
}

.branch-gallery #goodsScroll {
width: 225px;
}

#goodsScroll div{
width:100%;
height:75px;
white-space:nowrap;
}

#goodsScroll div img{
margin-right: 10px;
border: 0px;
}

.errorLabel {
border: 1px solid red !important;
}

.denied {
background: red;
color: white !important;
border: 1px solid red;
font-weight: bold;
padding: 5px !important;
display: block;
}




/******************************************************************
	GOOGLE MAP AJAX
*/
#ajaxMap{
width:940px;
background:white;
position:absolute;
left:100px;
top:0px;
display:none;
z-index:1000;
}
#ajaxMap #in_ajaxMap{
padding:15px;
position:relative;
}
#ajaxMap #in_ajaxMap a.close:link,
#ajaxMap #in_ajaxMap a.close:visited,
#ajaxMap #in_ajaxMap a.close:hover{
position:absolute;
right:-20px;
top:-20px;
display:block;
width:40px;
height:40px;
text-indent:-9999px;
background: url(../img/close-ajaxmap-bg.png) left top no-repeat;
}
#ajaxMap #in_ajaxMap a.close:hover{
background: url(../img/close-ajaxmap-bg.png) left bottom no-repeat;
}
#ajaxMap #in_ajaxMap #map{
display:block;
width:910px;
height:470px;
background: url(../img/ajax-loader.gif) center center no-repeat;
}
#ajaxMap #in_ajaxMap #map #googleMapSearch{
display:block;
width:910px;
height:470px;
margin:0px;
}



p.currentRegionText{
margin:0px;
padding:0px;
position:relative;
top:-12px;
left:0px;
}
h2.currentRegionH2{
padding-top:0px !important;
}






#contentDeveloper{
width:940px;
}
#contentDeveloper h1{
padding:0px 0px 0px 0px;
}
#contentDeveloper #contentDeveloperRight{
float:right;
width:200px;
background: #f5f5f5;
padding:0px 0px 15px 0px;
}
#contentDeveloper #contentDeveloperRight strong{
display:block;
padding:0px 0px 5px 20px;
font-size:140%;
font-weight:normal;
background: white;
line-height:1.1em;
}
#contentDeveloper #contentDeveloperRight ul{
padding:5px 0px 20px 0px;
margin:0px;
}
#contentDeveloper #contentDeveloperRight ul li{
padding:0px;
margin:0px;
list-style-type:none;
}
#contentDeveloper #contentDeveloperRight ul li a:link,
#contentDeveloper #contentDeveloperRight ul li a:visited,
#contentDeveloper #contentDeveloperRight ul li a:hover{
padding:5px 10px 5px 20px;
margin:0px;
display:block;
}
#contentDeveloper #contentDeveloperRight ul li a.act:link,
#contentDeveloper #contentDeveloperRight ul li a.act:visited,
#contentDeveloper #contentDeveloperRight ul li a.act:hover{
font-weight:bold;
text-decoration:none;
}
#contentDeveloper #contentDeveloperRight a.mail:link,
#contentDeveloper #contentDeveloperRight a.mail:visited,
#contentDeveloper #contentDeveloperRight a.mail:hover {
display:block;
padding: 0px 10px 10px 50px;
background: url(../img/ico-mail.gif) 20px 0px no-repeat;
} 
#contentDeveloper #contentDeveloperRight a.print:link,
#contentDeveloper #contentDeveloperRight a.print:visited,
#contentDeveloper #contentDeveloperRight a.print:hover {
display:block;
padding: 0px 10px 10px 50px;
background: url(../img/ico-print.gif) 20px 0px no-repeat;
}
#contentDeveloper #contentDeveloperRight a.quest:link,
#contentDeveloper #contentDeveloperRight a.quest:visited,
#contentDeveloper #contentDeveloperRight a.quest:hover {
display:block;
padding: 0px 10px 10px 50px;
background: url(../img/ico-quest.gif) 20px 0px no-repeat;
}
#contentDeveloper #contentDeveloperRight a.mapIco:link,
#contentDeveloper #contentDeveloperRight a.mapIco:visited,
#contentDeveloper #contentDeveloperRight a.mapIco:hover {
display:block;
padding: 0px 10px 4px 50px;
background: url(../img/ico-sitemap2.gif) 20px 0px no-repeat;
}
#contentDeveloper #contentDeveloperRight span.mapIcoNoActive {
display:block;
padding: 0px 10px 4px 50px;
background: url(../img/ico-sitemap-no-active.gif) 20px 0px no-repeat;
color: gray;
}


#contentDeveloper #contentDeveloperLeft{
float:left;
width:700px;
}
#contentDeveloper #contentDeveloperLeft h2{
font-weight:normal;
color:#525252;
line-height:1.1em;
font-size:180%;
margin:0px 0px 0px 0px;
padding:20px 0px 5px 0px;
}
#contentDeveloper #contentDeveloperLeft .leftCol{
float:left;
width:300px;
}
#contentDeveloper #contentDeveloperLeft .rightCol{
float:right;
width:380px;
}
#contentDeveloper #contentDeveloperLeft .rightCol h3{
font-weight:normal;
color:#525252;
line-height:1.1em;
font-size:150%;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}
#contentDeveloper #contentDeveloperLeft .rightCol p{
margin:0px;
padding:0px 0px 20px 0px;
}
#contentDeveloper #contentDeveloperLeft #makler {
background: #f2f2f2;
padding: 20px;
font-size: 85%;
line-height: 1.6em;
}
#contentDeveloper #contentDeveloperLeft #makler #descipt {
float: left;
width: 166px;
}
#contentDeveloper #contentDeveloperLeft #makler img {
margin: 0px 11px 0px 0px;
}



