/****************************************************************************************/
/*                                                                                      */
/* Version:         2010-02-03 10:00                                                    */
/* Last changed by: Jana Tomsu                                                   */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/



html, body 
{
    background: #e7f5fb;    
    font-family:  Arial, sans-serif;
    font-size: 100%;
    text-align: left;
    color: #858787;
    font-weight: normal;
    margin: 0; 
    padding: 0;
}


*
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, input, select, textarea, sub, sup
{
	font-size: 100%;
}

form {margin-top: 0px; margin-bottom: 0px;}
   

a
{
	cursor: pointer;
	text-decoration: underline;
	color: #858787;
}

img
{
     border: 0;
}

label
{
	cursor: pointer;
}

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}



.floatright
{
     float: right;
}

.alignRight
{
	text-align: right;
}

.addText
{
	padding: 0 10px 0 15px;
	color: #b8bbc0;
	font-size: 70%;
	line-height: 20px;
	background: url(images/ico-advert.png) no-repeat right center;
}

.blue
{
	color: #00a6e2;
}
.blueloginstatus, .blueloginstatus a
{
    color: #00a6e2 !important;
}
.violet
{
	color: #a52fa1;
}

h1{
    margin: 12px 0 0 0;
	height: 30px;
	padding: 0 15px 0 20px;
	display: inline-block;
	background: url(images/tab.png) no-repeat left -30px;
	color: #fff;
    position: relative;
    top: 4px;
    left: 0;
    line-height: 28px;
    font-size: 15px;
}

h1 span{
    display: block;
    width: 5px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 0;
    background: url(images/tab.png) no-repeat right -30px;
}

.nodisplay{
    display: none;
}

/*======================================================================================*/

#page
{
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	background: url(images/image-background.jpg) no-repeat center top;	
}

	#page #naseptavacLightBox
	{
		display: none;
	}

/**/

#main
{
	width: 1000px;
	padding: 88px 0 0 0;
	margin: 0 auto;
	position: relative;
}

#content
{
	width: 1000px;
	margin: 8px 0 7px 0;
	position: relative;
	background: url(images/main-bg.png) repeat-y center top;
}

#content .contentTop,
#content .contentBottom
{
	width: 1000px;
	height: 8px;
	position: absolute;
	left: 0;
}

#content .contentTop
{
    height: 6px;
	top: -6px;
	background: url(images/main-top.png) no-repeat center top;
}

#content .contentBottom
{
	bottom: -8px;
	background: url(images/main-bottom.png) no-repeat center top;
}

#top_advert
{
	width: 970px;
	padding: 10px 15px 5px 15px;
	margin: 0 auto;
}

.leftPanel
{
	width: 707px;
	float: left;
	padding: 0 0 0 7px;
} 

.rightPanel
{
	width: 270px;
	padding: 0 0 0 12px;
	float: left;
} 

/*======================================================================================*/
/* topPanel                                                                      */
/*======================================================================================*/

#topPanel
{
	width: 100%;
	height: 88px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/eso.png) no-repeat 338px top;
}

#topPanel a.logo
{
	width: 338px;
	height: 87px;
	display: block;
	float: left;
	background: url(images/logo.png) no-repeat left top;
}

#topPanel a.logo strong
{
	display: none;
}

/*======================================================================*/

#topPanel .addAdvertBox,
#topPanel .addRequestBox,
#topPanel .userLoginBox, #topPanel .userLoggedBox
{
	height: 43px;
	float: right;
	padding: 7px 5px 0 5px;
	text-align: center;
	margin: 0 0 0 7px;
	font-size: 15px;
	line-height: 18px;
	position: relative;
	top: 20px;
	left: 0;
}

#topPanel .addRequestBox
{
	width: 102px;
	color: #1688b9;
	position: relative;
	background: url(images/bg-request.png) no-repeat left top;
}

#topPanel .addRequestBox a
{
	color: #1688b9;
	width: 115px;
    height: 43px;
    padding: 7px 0 0 0;
     position: absolute;
    left: 0;
    top: 0;
    display: block;
	text-decoration: none;
}
	
#topPanel .addAdvertBox
{
	width: 115px;
	color: #c143bb;
	position: relative;
	background: url(images/bg-offer.png) no-repeat left top;
}

#topPanel .addAdvertBox:hover,
#topPanel .addRequestBox:hover
{
    background-position: left -50px;
}

#topPanel .addAdvertBox a
{
    width: 115px;
    height: 43px;
    padding: 7px 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
	color: #c143bb;
	text-decoration: none;
}

#topPanel .userLoginBox,#topPanel .userLoggedBox
{
	width: 167px;
	color: #8bceeb;
	font-size: 12px;
	background: url(images/bg-login.png) no-repeat left top;
}
#topPanel .userLoggedBox
{
   background: url(images/bg-login-loged.png) no-repeat left top;
   text-align:left;
}
#topPanel .userLoggedBox .loginName
{
    font-size:13px;
    color:#406E8B;
    
}
#topPanel .userLoggedBox .logout
{
    float:right;
    text-align:right;
    margin-right:8px;
}

#topPanel .userLoginBox:hover
{
	background: url(images/bg-login.png) no-repeat left -50px;
}

#topPanel .userLoginBox a
{
	color: #1688b9;
	padding: 0 3px 0 3px;
	text-decoration: none;
}

#topPanel .userLoginBox a:hover
{
    color: #26ADDF;
}

#topPanel .userLoginBox a.login
{
	padding: 0 3px 0 18px;
	background: url(images/ico-user.png) no-repeat left center;
}

#topPanel .userLoginBox a.facebookLogin
{
	width: 112px;
	height: 22px;
	line-height: 22px;
	padding: 0 65px 0 0;
	display: block;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	text-decoration: none;
}

#topPanel .userLoginBox a.facebookLogin:hover
{
    background: url(images/bg-login.png) no-repeat left bottom;
}


#topPanel .userLoginBox a.facebookLogin span
{
	display: none;
}

/*======================================================================*/

#topPanel ul.menu
{
	width: 1000px;
	height: 30px;
	margin: 5px 0;
	line-height: 30px;
	background: url(images/menu-background.png) no-repeat left top;
}

#topPanel ul.menu li
{
	height: 30px;
	padding: 0 21px;
	display: block;
	float: left;
	list-style-type: none;
	color: #06405f;
	font-weight: bold;
	background: url(images/menu-separator.png) no-repeat right center;
}

#topPanel ul.menu li.last
{
	background: none;
}

#topPanel ul.menu li a
{
	color: #06405f;
	font-weight: bold;
	font-size: 90%;
	font-family: Trebuchet MS, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#topPanel ul.menu li a:hover
{
	text-decoration: underline;
}


/*======================================================================================*/
/* content - left panel                                                                      */
/*======================================================================================*/

.searchBox
{
	width: 707px;
	height: 50px;
	padding: 23px 0 0 0;
	position: relative;
	background: #26b7e7 url(images/filter-panel-bg.png) no-repeat left top;
}
	
.searchBox .title
{
	width: 154px;
	padding: 0 0 0 10px;
	float: left;
	line-height: 26px;
	color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.searchBox input.searchDefault
{
	width: 410px;
	height: 16px;
	display: block;
	float: left;
	margin: 0 0 0 7px;
	padding: 5px;
	border: 0;
	color: #999;
	font-size: 13px;
	background: #fff url(images/filter-panel-input.png) no-repeat left top;
}

.searchBox a
{
	width: 97px;
	height: 26px;
	position: absolute;
	right: 10px;
	top: 40px;
	display: block;
	float: left;
	margin: 0 0 0 7px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	color: #0774a3;
	text-decoration: none;
	font-size: 13px;
	background: #dcf2fc url(images/filter-panel-submit.png) no-repeat left top;
}


.searchBox a.buton-sale
{
    top: 10px;
}

.searchBox .info
{
	padding: 0 0 0 175px;
	color: #ace2f3;
	font-size: 10px;
}

.mapDrawingBox
{
	width: 497px;
	height: 43px;
	margin: 12px 0 0 0;
	padding: 16px 125px 0 85px;
	background: #fff url(images/mapdrawing-box.png) no-repeat left top;
}

.mapDrawingBox .title
{
	color: #b327ae;
	display: inline;
	line-height: 26px;
    font-weight: bold;
}

.mapDrawingBox a
{
	width: 166px;
	height: 26px;
	display: block;
	float: right;
	text-align: center;
	color: #fff;
	line-height: 26px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	background: #fff url(images/mapdrawing-submit.png) no-repeat left top;
}
	
/*======================================================================================*/
/* links box                                                                      */
/*======================================================================================*/

.whiteBox.linksBox
{
    margin-top: 0;
}

.linksBox
{
    margin-top: 0;
	font-size: 75%;
}

.whiteBox.linksBox .middlePart
{
	padding: 5px 0;
}

.linksBox .middlePart
{
	padding: 5px 0;
}

.linksBox .column
{
	width: 230px;
	float: left;
	overflow: hidden;
}

.linksBox .column.third
{
	width: 240px;
	overflow: hidden;
}

.linksBox .column.second
{
	width: 220px;
	overflow: hidden;
}

.linksBox .section
{
	width: 155px;
	height: 80px;
	padding: 0 10px 0 65px;
	margin: 0;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
	background: url(images/searchlist-icon-home.png) no-repeat 5px 3px;
	font-family: Tahoma, Arial, sans-serif;
}

.linksBox .column.third .section
{
	width: 175px;
	padding: 0 0px 0 65px;
}

.linksBox .section.mini
{
	height: 40px;
}

.linksBox .section.icon1
{
	font-size: 11px;
}
	

.linksBox .section h3
{
	padding: 5px 0 3px 0;
}

.linksBox .section h3 a
{
	color: #9e2b9a;
	font-size: 120%;
}

.linksBox .section a
{
	font-size: 90%;
	color: #7a7979;
}

.linksBox .section a:hover
{
	text-decoration:none;
}


.linksBox .section.icon1 { background: url(images/ikona1.png) no-repeat 18px top; }
.linksBox .section.icon2 { background: url(images/ikona2.png) no-repeat 20px top; }
.linksBox .section.icon3 { background: url(images/ikona3.png) no-repeat 20px top; }
.linksBox .section.icon4 { background: url(images/ikona4.png) no-repeat 20px top; }
.linksBox .section.icon5 { background: url(images/ikona5.png) no-repeat 20px top; }
.linksBox .section.icon6 { background: url(images/ikona6.png) no-repeat 20px top; }
.linksBox .section.icon7 { background: url(images/ikona7.png) no-repeat 20px top; }
.linksBox .section.icon8 { background: url(images/ikona8.png) no-repeat 20px top; }
.linksBox .section.icon9 { background: url(images/ikona9.png) no-repeat 15px top; }
.linksBox .section.icon10{ background: url(images/ikona10.png) no-repeat 20px top; }
.linksBox .section.icon11{ background: url(images/ikona11.png) no-repeat 20px top; }
	
	
/*======================================================================================*/
/* RIGHT PANEL                                                                      */
/*======================================================================================*/
	
.rightBox
{
	width: 245px;
	margin: 5px 0 17px 0;
	padding: 38px 10px 5px 12px;
	position: relative;
	border: 1px solid #b2d9e7;
	font-size: 13px;
	color: #535353;
	line-height: 20px;
	background: #fff;
}

.rightBox.green
{
	background: #f1fbcb;
}

.rightBox h2
{
	width: 269px;
	height: 35px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: -1px;
	top: -5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 35px;
	font-family:  Trebuchet MS, Arial, sans-serif;
	background: url(images/right-box-top.png) no-repeat left top; 
}

.rightBox.green h2
{
	background: url(images/right-box-green-top.png) no-repeat left top; 
}

.rightBox.semigreen h2
{
	background: url(images/right-box-green-top.png) no-repeat left top; 
}

.rightBox h2 a
{
	color: #fff;
	text-decoration: none;
}

.rightBox .bottom
{
	width: 269px;
	height: 7px;
	position: absolute;
	left: -1px;
	bottom: -5px;
	overflow: hidden;
	background: url(images/right-box-bottom.png) no-repeat left top; 
}

.rightBox.green .bottom
{
	height: 10px;
	background: url(images/right-box-green-bottom.png) no-repeat left top; 
}

.rightBox ul li
{
	padding: 0;
	list-style-type: none;
}

.rightBox ul li a
{
	color: #535353;
	text-decoration: none;
}

.rightBox .button,.right .button.autosize
{
	width: 101px;
	height: 24px;
	margin: 6px 0 5px 0;
	display: block;
	line-height: 24px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #4d7d9a url(images/right-box-button.png) no-repeat left top; 
}
.rightBox .button.autosize
{
  
  background: #4d7d9a url(images/right-box-button-auto.png) no-repeat left top; 
  width:160px;
  padding: 0 5px;
  position: relative;
 
  
}
.rightBox .button.autosize span
{
     background: #4d7d9a url(images/right-box-button-auto-right.png) no-repeat right top; 
     width:10px;
     height:24px;
     margin:0;
     padding:0;
     right: 0;
     top: 0;
     position:absolute;
}
.rightBox .button.small
{
	width: 88px;
	float: left;
	background: #4d7d9a url(images/right-box-button-small.png) no-repeat left top; 
}

.rightBox.green .button
{
	width: 169px;
	color: #679406;
	margin: 0 0 0 5px;
	background: #eff9e2 url(images/right-box-green-button.png) no-repeat left top; 
}

.rightBox .imageHolder
{
	width: 84px;
	float: left;
	margin: 0 15px 0 0;
}

.rightBox .imageHolder img
{
	width: 84px;
}

.rightBox h3
{
	padding: 0 0 3px 0;
	color: #8fba13;
	font-weight: bold;
	font-size: 14px;
}

.rightBox.semigreen p
{
	font-size: 11px;
	padding: 3px 0;
}

.rightBox .italic
{
	font-style: italic;
}

.rightBox .textbox
{
	width: 138px;
	height: 15px;
	padding: 5px;
	float: left;
	border: 0;
	margin: 6px 3px 5px 0;
	background: #eee url(images/right-box-textbox.png) no-repeat left top; 
}



.rightBox .rightBox-button{
    display: block;
    margin: 10px auto;
    width: 188px;
    height: 26px;
    padding: 0 0 0 45px;
    line-height: 26px;
    color: #fff;
    overflow: hidden;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 1px #5b0958;
    background: #9e2b9a;
}

    

.rightBox.rightBox-violet h2{
    background: url(images/right-box-top-violet.png) no-repeat left top; 
}

.rightBox.rightBox-violet .rightBox-button {
        background:#9e2b9a url(images/button-add.png) no-repeat left top; 
    }

.rightBox.rightBox-blue h2{
    background: url(images/right-box-top-blue.png) no-repeat left top; 
}

.rightBox.rightBox-blue .rightBox-button {
        text-shadow: 1px 1px 1px #0d739b;
        background:#1b96c6 url(images/button-buy.png) no-repeat left top; 
    }

.rightBox.rightBox-green h2{
    background: url(images/right-box-green-top.png) no-repeat left top; 
}

.rightBox.rightBox-green .rightBox-button {
        text-shadow: 1px 1px 1px #557103;
        background:#89b214 url(images/button-howmuch.png) no-repeat left top; 
    }

/*======================================================================================*/
/* searchList                                                                      */
/*======================================================================================*/

.searchList
{
	width: 600px;
	float: left;
	padding: 5px 20px 0 10px;
	font-size: 80%;
	z-index: 500;
}

.searchList ul
{
	width: 123px;
	margin: 5px 0 0 0;
	float: left;
	position:  relative;
}

.searchList ul li
{
	width: 123px;
	height: 25px;
	padding: 0;
	display: block;
	list-style-type: none;
	cursor: pointer;
}

.searchList ul li a
{
    width: 113px;
    height: 25px;
    padding: 0 0 0 5px;
	margin: 0 0 0 5px;
    position:  relative; 
	left: 0;
	top: 0;
    display: block;
	line-height: 25px;
	color: #fff;
	text-decoration: none;
	z-index:  10;
}


.searchList ul li.current
{
	background: url(images/searchlist-tab.png) no-repeat left top;
}

.searchList ul li.current a
{ 
	color: #1fa9e7;
	background: #fff;
	font-weight: bold;
}

.searchList ul li.back 
{
	background:  url(images/searchlist-tab-hover.png) no-repeat left top;
	z-index:  8;
	position: absolute;
	float: left;
}

/*===================================================================*/

.searchList .searchLinks
{
	width: 477px;
	float: left;
}

.searchList .searchLinks .top
{
	height: 10px;
	background:  url(images/searchlist-top.png) no-repeat left top;
}

.searchList .searchLinks .bottom
{
	height: 34px;
	background:  url(images/searchlist-bottom.png) no-repeat left top;
}

.searchList .searchLinks .middle
{
	width: 477px;
	height: 345px;
	padding: 0 0 10px 0;
	background: #fff url(images/searchlist-middle.png) no-repeat left bottom;
}


/*===================================================================*/

.searchList .searchLinks .private
{
	width: 410px;
	height: 30px;
	padding: 0 20px;
	margin: 0 0 0 13px;
	overflow: visible;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size:110%;
	text-transform: uppercase;
	background: #b63bb1 url(images/searchlist-private.png) no-repeat left top;
}

.private_help_box
{
    width: 220px;
    height: 144px;
    padding: 20px 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #737173;
    font-size:14px;
    text-align: left;
    background: url(images/help-infobox.png) no-repeat left top;
    z-index: 500;
    font-family: Arial, Sans-Serif;
}

.linksBox .section .private_help_box
{
    font-family: Arial, Sans-Serif;
}

.private_help_box_bottom
{
    width: 250px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: url(images/help-infobox-bottom.png) no-repeat left top;
}

.private_help_box h2
{
    color: #c647c0;
    margin: 0 0 10px 0;
    padding: 3px 0;
    border-bottom: 1px solid #c647c0;
    line-height: 20px;
    font-size:15px;
}
    

.searchList .searchLinks .private input
{
	margin: 0 5px 0 0;
	padding: 5px 0;
}

.searchList .searchLinks .private .private_help
{
	width: 10px;
	height: 15px;
	padding: 0 1px 0 5px;
	margin: 7px 0 0 0;
	position: relative;
	overflow: visible;
	display: block;
	float: right;
	color: #fff;
	font-weight: bold;
	font-size:80%;
	line-height: 15px;
	cursor: pointer;
	text-transform: none;
	background: #b63bb1 url(images/searchlist-private-help.png) no-repeat left top;
}

/*===================================================================*/

.searchList .searchLinks .section
{
	width: 160px;
	height: 68px;
	float: left;
	padding: 0 0 0 45px;
	margin: 10px 0 0 20px;
	overflow: hidden;
	background: url(images/searchlist-icon-home.png) no-repeat 5px 3px;
	font-family: Tahoma, Arial, sans-serif;
}

.section.icon1 { background: url(images/ikona1.png) no-repeat left top; }
.section.icon2 { background: url(images/ikona2.png) no-repeat left top; }
.section.icon3 { background: url(images/ikona3.png) no-repeat left top; }
.section.icon4 { background: url(images/ikona4.png) no-repeat left top; }
.section.icon5 { background: url(images/ikona5.png) no-repeat left top; }
.section.icon6 { background: url(images/ikona6.png) no-repeat left top; }
.section.icon7 { background: url(images/ikona7.png) no-repeat left top; }
.section.icon8 { background: url(images/ikona8.png) no-repeat left top; }
.section.icon9 { background: url(images/ikona9.png) no-repeat left top; }

.searchList .searchLinks .section h3
{
	margin: 0 0 3px 0;
}

.searchList .searchLinks .section h3 a
{
	color: #9e2b9a;
	font-size: 120%;
}

.searchList .searchLinks .section a
{
	font-size: 85%;
	color: #7a7979;
}

.searchList .searchLinks .section a:hover
{
	text-decoration:none;
}


/*======================================================================================*/
/* attractive advert box                                                                */
/*======================================================================================*/


.attractive .middlePart h2,
.services .middlePart h2
{
	margin: 0 0 20px 0;
	padding: 0 0 0 35px;
	line-height: 34px;
	height: 34px;
	background: url(images/ico-arrow.png) no-repeat left center;
	font-family:   Trebuchet MS, Arial, sans-serif;
	color: #26addf;
	text-transform: uppercase;
}

.services .middlePart .item
{
	width: 190px;
	height: 230px;
	margin: 0 20px 0 0;
	position: relative;
	float: left;
	font-family:   Tahoma, Arial, sans-serif;
	font-size: 80%;
}

.whiteBox.attractive
{
	position: relative;
	z-index: 10;
	margin: 0;
}

.whiteBox.attractive .middlePart
{
	padding: 10px 0 10px 20px;
	position: relative;
	z-index: 10;
}

.whiteBox.attractive .middlePart .carouselHolder
{
	width: 659px;
	overflow: hidden;
}

.attractive .middlePart ul li
{
	width: 200px;
	height: 315px;
	list-style-type: none;
	display: block;
	float: left;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #dddddd;
	color: #000;
	font-size: 14px;
}

.services .middlePart .item h3
{
	margin: 10px 5px 2px 5px;
	color: #24afe0;
}

.attractive .middlePart ul li h3
{
	margin: 10px 0 5px 0;
	color: #231f20;
	font-size: 18px;
	line-height: 16px;
	
}

.attractive .middlePart ul li h3 span
{
	font-size: 10px;
	color: #939393;
	font-weight: normal;
	font-family: Tahoma, Arial, Sans-Serif;
}

.attractive .middlePart ul li h3 a,
.services .middlePart .item h3 a
{
	color: #24afe0;
	text-decoration: none;
}

.attractive .middlePart ul li h3 a
{
	color: #231f20;
}

.attractive .middlePart ul li p,
.services .middlePart .item p
{
	font-size: 85%;
	padding: 0 5px;
}
	
.attractive .middlePart ul li p.price
{
	text-align: right;
	font-weight: bold;
	margin: 5px 10px 0 0;
}

.attractive .middlePart ul li a.more,
.services .middlePart .item a.more
{
	width: 180px;
	height: 19px;
	margin: 10px 0;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 19px;
	text-decoration: none;
	color: #1298c9;
	font-weight: bold;
	font-family:  Arial, sans-serif;
	font-size: 85%;
	text-align: center;
	background: #bae5f7 url(images/attractive-button.png) no-repeat left top;
}
	
.attractive .middlePart .next,
.attractive .middlePart .prev
{
    width: 24px;
    height: 200px;
    position: absolute;
    top: 50px;
    cursor: pointer;
    z-index: 300;
}

.attractive .middlePart .next strong,
.attractive .middlePart .prev strong
{
    display: none;
}

.attractive .middlePart .next
{
    background: url(images/attractive-left.png) no-repeat center center;
    left: 0;
}
    
.attractive .middlePart .prev
{
    background: url(images/attractive-right.png) no-repeat center center;
    right: 0;
}

.attractive .middlePart .descr
{
    height: 48px;
    overflow: hidden;
    line-height: 16px;
}

.attractive .realityImage
{
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #dddddd;
	text-align: center;
}

.attractive .realityImage img
{
    height: 43px;
}


#tabLinks
{
	position: relative;
	top: 4px;
	left: 0;
	z-index: 5;
}
	
#tabLinks a
{
	height: 30px;
	margin: 0 12px 0 0;
	padding: 0 0 0 7px;
	float: left;
	line-height: 28px;
	display: inline-block;
	color: #4a7996;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background: url(images/tab.png) no-repeat left top;
}

#tabLinks a span
{
	height: 30px;
	padding: 0 20px 0 13px;
	display: inline-block;
	margin: 0 -7px 0 0;
	background: url(images/tab.png) no-repeat right top;
}

#tabLinks a.active
{
	color: #fff;
	background-position: left -30px;
} 

#tabLinks a.active span
{
	background-position: right -30px;
} 

.littleBox
{
	width: 129px;
	height: 44px;
	color: #fff;
	padding: 8px 0 0 0;
	text-align: center;
	line-height: 18px;
	position: absolute;
	right: 10px;
	top: -52px;
	text-decoration: none;
	font-size: 15px;
	background: #9d299a url(images/little-box.png) no-repeat left top;
}

.littleBox.first
{
	right: 146px;
}
	
	
/*======================================================================================*/
/* services box, whiteBox                                                               */
/*======================================================================================*/

.services,
.whiteBox
{
	width: 706px;
	margin: 12px 0 12px 0;
}
 
.services .topPart,
.whiteBox .topPart
{
	height: 7px;
	overflow: hidden;
	position: relative;
	background: url(images/services-top.png) no-repeat left bottom;
}

.services .bottomPart,
.whiteBox .bottomPart
{
	height: 7px;
	overflow: hidden;
	background: url(images/services-bottom.png) no-repeat left top;
}

.whiteBox.linksBox .bottomPart{
    background: url(images/whitebox-bottom.png) no-repeat left top;
}

.services .middlePart
{
	padding: 0 0 0 35px;
	background: #fff url(images/services-bg.png) repeat-y left top;
}

.whiteBox .bottom-text{
    color: #2d2d2d;
    line-height: 18px;
    padding: 13px 20px 5px 20px;
    background: #fff url(images/services-bg-bottom.png) repeat-y left top;
}

.whiteBox .middlePart
{
	background: #fff url(images/services-bg.png) repeat-y left top;
}

.services .middlePart
{
	padding: 10px 0 10px 35px;
}

.services .middlePart .item
{
	position: relative;
	height: 170px;
	margin: 0px 20px 0 0;
}

.services .middlePart .item a.more
{
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 5px;
	color: #a52fa1;
	background: #bae5f7 url(images/services-button.png) no-repeat left top;
}

.services .middlePart .item p
{
	height: 110px;
	overflow: hidden;
	text-align: justify;
	line-height: 14px;
}

.services .middlePart h2
{
	margin: 0 0 2px 0;
	font-size: 110%;
    padding-left: 31px;
}

.services .middlePart .line
{
	height: 25px;
	overflow: hidden;
	clear: both;
	background: url(images/services-hr.png) no-repeat center 15px;
}


/*======================================================================================*/
/* links                                                                */
/*======================================================================================*/

.links
{
	width: 272px;
	float: left;
	margin: 5px 0 10px 0;
}

.links h2
{
	height: 42px;
	background: #9ec81d url(images/links.png) no-repeat left top;
}

.links h2 .edge
{
    width: 100%;
	height: 5px;
	display: block;
	position: relative;
	top: -5px;
	left: 0;
	background: url(images/links-edge.png) no-repeat left top;
}

.links h2 strong
{
	display: none;
}

.links ul
{
	width: 272px;
	padding: 10px 0 0 0;
	background: #f1fbcb;
}
	

.links ul li
{
	list-style-type: none;
	display: block;
	height: 34px;
	overflow: hidden;
}

.links ul li a
{
    width: 232px;
    height: 34px;
	padding: 0 20px;
	display: block;
	position: relative;
	font-size: 95%;
	font-weight: bold;
	font-family:  Calibri, Arial, sans-serif;
	line-height: 34px;
	color: #7da509;
	text-decoration: none;
	background: url(images/links-separator.png) no-repeat center bottom;
}

.links ul li a.last
{
	background: none;
}

.darkBox .links .bottom
{
	width: 272px;
	height: 10px;
	background: url(images/links-bottom.png) no-repeat left top;
}
	
.advertBox
{
	width: 270px;
	float: left;
	padding: 0 0 10px 10px;
    position: relative;
}
	
.big-facebook-ico
{
    width: 270px;
    height: 70px;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    background: url(images/facebook-big.png) no-repeat left top;
}

/*======================================================================================*/
/* FOOTER                                                                               */
/*======================================================================================*/

#footer
{
	color: #3a5055;
	font-size: 70%;
	margin: 0;
    padding: 20px;
	position: relative;
    background: url(images/footer-bg.png) repeat left top;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}	

#footer a
{
	color: #3a5055;
}

#footer img
{
	margin: 0 0 5px 0;
}

#footer .footerBlock{
    display: inline-block;
    padding: 0 20px;
    float: left;
    max-width: 180px;
    border-right: 1px solid #9cacb0;
}

#footer .footerBlock.first{
    width: 170px;
    padding: 0 20px 0 0;
}

#footer .footerBlock.last{
    border: 0;
}

#footer .footerBlock a{
    display: block;
    padding: 2px 0;
}

#footer .facebook-bottom{
    width: 166px;
    height: 34px;
    display: block;
    font-size: 1px;
    text-indent: -1000px;
    color: #fff;
    overflow: hidden;
    background: url(images/facebook-bottom.png) no-repeat left top;
}

#footer .social
{
	width: 180px;
	float: right;
}

#footer .social .fb_like
{
	float: left;
	width: 85px;
}
#footer .social strong
{
	display: none;
}
	
#footer .social .twitter,
#footer .social .facebook,
#footer .social .email,
#footer .social .rss
{
	width: 17px;
	height: 18px;
	float: left;
	margin: 0 0 0 5px;
	background: url(images/ico-twitter.png) no-repeat left top;
}

#footer .social .facebook
{
	background: url(images/ico-facebook.png) no-repeat left top;
}

#footer .social .email
{
	background: url(images/ico-mail.png) no-repeat left top;
}

#footer .social .rss
{
	background: url(images/ico-rss.png) no-repeat left top;
}

/*======================================================================================*/
/* footerContact                                                                               */
/*======================================================================================*/

#footerContact
{
	width: 100%;
	font-size: 70%;
	position: relative;
    top: -20px;
}

#footerContact .contactHolder
{
	width: 100%;
    height: 500px;
	color: #fff;
	text-align: left;
}

#footerContact .contactHolder .contact
{
	width: 230px;
	margin: 0 0 30px 0;
	float: right;
}

#footerContact .contactHolder .contact h2
{
	height: 36px;
	margin: 0 0 10px 0;
	background: url(images/contact-us.png) no-repeat center top;
}

#footerContact .contactHolder .contact h2 strong
{
	display: none;
}

#footerContact .contactHolder .contact span
{
	width: 50px;
	padding: 5px 0 0 0;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
}

#footerContact .contactHolder .contact input.textInput
{
	width: 164px;
	height: 27px;
	margin: 0 0 5px 0;
	padding: 0 5px;
	line-height: 27px;
	background: url(images/contact-mail.png) no-repeat center top;
	border: 0;
}

#footerContact .contactHolder .contact textarea
{
	width: 164px;
	height: 92px;
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: 12px;
	background: url(images/contact-text.png) no-repeat center top;
	border: 0;
	overflow: auto;
}

#footerContact .contactHolder .contact input.submitInput
{
	width: 82px;
	height: 21px;
	float: right;
	line-height: 23px;
	color: #166709;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	background: url(images/contact-send.png) no-repeat center top;
	margin-right: 8px;
	cursor: pointer;
}
	

#footerContact .bottomText
{
	width: 1000px;
	margin: 0 auto;
    padding: 3px 0;
	color: #000;
	text-align: center;
	font-size: 10px;
	clear: both;
    background-color:rgba(255, 255, 255, 0.5);
      -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#footerContact .bottomText a
{
	color: #000;
}

textarea {
    resize: none;
}


#skySRec
{
    width:120px;
	position:absolute;
	top:0;
	right:-130px;
	overflow: hidden;
}

#skySRec img
{
    max-width: 120px;
}

#skySRec .addText{
    color: #858787;
    padding: 0;
}

.hpAtractImgBox
{
    height:135px; 
    overflow:hidden;
}

#sqrBox.advertBox
{
    text-align: center;
    overflow: hidden;
    padding: 0;
    background: #fff;
    position: relative;
}

/* ============ articles ========== */

.services.articles .middlePart ul li
{
	width: 191px;
	height: 350px;
	list-style-type: none;
	display: block;
	float: left;
	padding: 0 20px 0 10px;
	text-align: left;
	border-right: 0;
	color: #000;
	font-size: 14px;
    overflow: hidden;
}

.services.articles .middlePart h2{
    background: none;
    padding: 5px 0 0 0;
    line-height: 20px;
    height: auto;
    font-size: 20px;
    color: #be42b9;
    text-transform: none;
}

.services.articles .middlePart .line{
    height: 20px;
    background-position: left 10px;
}

.services.articles .middlePart{
    padding: 10px 0 10px 20px;
    position: relative;
}

.services.articles .middlePart img{
    height: 105px;
    max-width: 188px;
    display: block;
    margin: 0 0 10px 0;
    border: 1px solid #acacac;
}

.services.articles .middlePart .date{
    color: #acacac;
    font-size: 12px;
}

.services.articles .middlePart h3{
    color: #24afe0;
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    padding: 0;
    margin: 5px 0;
}

    .services.articles .middlePart h3 a {
        color: #24afe0;
        text-decoration: none;
    }

.services.articles .middlePart .descr{
    color: #666666;
    font-size: 12px;
    line-height: 14px;
    text-align: justify;
}

.services.articles .middlePart .more{
    color: #24afe0;
    display: block;
    margin: 5px 0;
}

.services.articles .middlePart .taglink{
    color: #be42b9;
    display: inline-block;
    margin: 2px 5px 2px 0;
    font-size: 13px;
}

.services.articles .middlePart .next,
.services.articles .middlePart .prev
{
    width: 24px;
    height: 200px;
    position: absolute;
    top: 130px;
    cursor: pointer;
    z-index: 300;
}

.services.articles .middlePart .next strong,
.services.articles .middlePart .prev strong
{
    display: none;
}

.services.articles .middlePart .next
{
    background: url(images/attractive-left.png) no-repeat center center;
    left: 0;
}
    
.services.articles .middlePart .prev
{
    background: url(images/attractive-right.png) no-repeat center center;
    right: 0;
}

.services.articles .middlePart h2 a{
    font-weight: normal;
    font-family: Arial, sans-serif;
}

.services.articles .middlePart .detaillink{
    margin: 0 20px 0 0;
    font-size: 14px;
    float: right;
    color: #be42b9;
    text-decoration: underline;
    line-height: 25px;
}

.services.articles .bulletsLinks{
    padding: 5px 10px;
    margin: 0 0 0 30px;
    background: #f4f4f4;
}

.services.articles .bulletsLinks span{
    display: inline-block;
    margin: 0 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(images/bullets.png) no-repeat right top;
    cursor: pointer;
}

.services.articles .bulletsLinks span:hover, .services.articles .bulletsLinks span.activelink{
    background-position: 2px top;
}

.serviceslink{
    display: block;
    width: 24%;
    margin: 0 1% 0 0;
    padding: 65px 0 10px 0;
    float: left;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    background: url(images/sluzby.png) no-repeat left 5px;
}

.serviceslink:hover{
    background-color: #f4f4f4;
}

.serviceslink.cenove-mapy{ width: 22%; background-position: 40px 5px; }
.serviceslink.hlidac{ width: 26%; background-position: -130px 5px; }
.serviceslink.vykup{ background-position: -310px 5px; }
.serviceslink.neplatici{ background-position: -490px 5px; }

.serviceslink strong{
    color: #00a6e2;
    padding: 10px 0;
    display: block;
    font-size: 14px;
}

.serviceslink span{
    display: inline-block;
    padding: 0 15px;
}

/*======================================================================================*/
/*ESIK                                                   */
/*======================================================================================*/
#esik
{
    position:relative
}
#esik img
{
    position:absolute;
    left:-132px;
    top: 0;
    z-index:1000;
    
}


/*======================================================================================*/
/* SEASON BACKROUNDS                                                                    */
/*======================================================================================*/


body.winter { background: #e1f2fb url(images/hp-bg-winter-repeat.jpg?v=2) repeat-x left bottom;  }
body.summer { background: #e7f5fb url(images/hp-bg-spring-repeat.jpg?v=2) repeat-x left bottom;  }
body.spring { background: #e7f5fb url(images/hp-bg-spring-repeat.jpg?v=2) repeat-x left bottom;  }
body.autumn { background: #e3f2f9 url(images/hp-bg-autumn-repeat.jpg?v=2) repeat-x left bottom;  }


body.winter #page { background: url(images/hp-bg-winter.jpg?v=2) no-repeat center bottom; }	
body.summer #page { background: url(images/hp-bg-summer.jpg?v=2) no-repeat center bottom; }	
body.spring #page { background: url(images/hp-bg-spring.jpg?v=2) no-repeat center bottom; }	
body.autumn #page { background: url(images/hp-bg-autumn.jpg?v=2) no-repeat center bottom; }	



body.winter #footerContact .contactHolder .contact h2,
body.summer #footerContact .contactHolder .contact h2,
body.spring #footerContact .contactHolder .contact h2
{ background: url(images/contact-h2.png) no-repeat left top; }

body.autumn #footerContact .bottomText { color: #000; }
body.autumn #footerContact .contactHolder .contact span { color: #dbd58f; }
body.autumn #footerContact .contactHolder .contact h2 { background: url(images/contact-h2-autumn.png) no-repeat left top; }
body.autumn #footerContact .contactHolder .contact input.textInput { background: url(images/contact-mail-autumn.png) no-repeat center top; }
body.autumn #footerContact .contactHolder .contact textarea { background: url(images/contact-text-autumn.png) no-repeat center top; }
body.autumn #footerContact .contactHolder .contact input.submitInput
{
	color: #5d5904;
	background: url(images/contact-send-autumn.png) no-repeat center top;
}

body.winter #footerContact .bottomText { color: #000; }
body.winter #footerContact .contactHolder .contact span { color: #93c1e1; }
body.winter #footerContact .contactHolder .contact h2 { background: url(images/contact-h2-winter.png) no-repeat left top; }
body.winter #footerContact .contactHolder .contact input.textInput { background: url(images/contact-mail-winter.png) no-repeat center top; }
body.winter #footerContact .contactHolder .contact textarea { background: url(images/contact-text-winter.png) no-repeat center top; }
body.winter #footerContact .contactHolder .contact input.submitInput
{
	color: #3987bf;
	background: url(images/contact-send-winter.png) no-repeat center top;
}

.captcha
{
    border-color: #625F08;
    border-style: solid;
    border-width: 1px;
    margin-left: 50px;
    width: 170px;
    margin-bottom: 5px;
}

.newCodeLink
{
    background: url(/App_Themes/Basic/styles/images/relode-code.png) no-repeat center top;
    display: block;
    height: 35px;
    float: left;
    text-decoration: none;
}


.redLabel
{
    padding: 0 10px 0 0;
    color: #f10214;
    font-weight: bold;
    text-decoration: none;
}
.frmfb2
{
  border:none; overflow:hidden; width: 100px; float: left; height:35px;
}