@import url('general.css');
@import url('common.css');

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {    
	text-align:center;
	_behavior: url("scripts/csshover.htc");
	background:url(../images/body_bg.png) repeat-x top #FFF; 	
	text-align:center; 
	padding:0px 0px 50px 0px;    
} 

img { 
    border: none;
} 

/*--LAYOUT----------------------------------------------------------------*/

#contaner{
	text-align:center;
} 

#main {
	margin:0px auto 0px auto;
    text-align: left;
	width:900px; 
	position:relative;  
}

#page {
	padding:313px 0px 0px 0px;  
	position: relative;
	text-align: left; 
}

#promo{
	width:900px;
	height:182px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	top:104px; 
	left:0px; 
} 

#promoLeft{
	width:336px; 
	height:182px;
	overflow:hidden;
	float:left;
}

#promoRoght{
	width:564px;
	height:182px;
	overflow:hidden; 
	float:left; 
}


/****** MENU */
#menu{
	/*
	padding:0px;
	margin:0px;
	position:absolute; 
	top:95px;  
	left:-11px;
	*/ 
	padding:0px;
	margin:0px;
	position:relative;
	top:44px;
	left:00px;
}

#menu li{
	background:url(../images/mm_line.png) no-repeat center right;
}

#menu li.last{
	background:none;
} 


#menu li, #menu li a{
	display:block;
	float:left;
	padding:0px;
	margin:0px; 
	font-family:Verdana, Geneva, sans-serif; 
	
}

#menu li a{
	padding:4px 14px 4px 12px; 
	position:relative;
	color:#da251d; 
	font-size:15px;   
	text-decoration:none;
}

#menu li a span{
	text-decoration:underline;
} 

  
#menu li a:hover, #menu li a.active{
	color:#1f1a17;
}

#langSelector {
    width: 107px; 
    position: absolute;
    right: -7px; 
    top: 51px;  
}

ul#langSelector li {
    padding: 0;
	margin:0px; 
    float: left;
	list-style:none !important;
	background:none;
}

#langSelector li a {
    width: 20px; 
    height: 17px;
	line-height:17px;
    display: block;
    float: left;
	padding:0px 0px 0px 25px;
	text-decoration:none;
	margin:0px 0px 0px 7px;
	font-size:11px;
	color:#da251d; 
}

#langSelector li a:hover{
	text-decoration:underline;
} 

#langSelector li a span {
	position:relative;
}

#langSelector li a.cze {
    background:url(../images/flag_cz.png) no-repeat 0px 0px;
}

#langSelector li a.cze:hover, #langSelector li.active a.cze  {
    background:url(../images/flag_cz.png) no-repeat 0px -17px;
}

#langSelector li a.rus {
    background:url(../images/flag_ru.png) no-repeat 0px 0px;
}

#langSelector li a.rus:hover, #langSelector li.active a.rus  {
    background:url(../images/flag_ru.png) no-repeat 0px -17px; 
}  

#langSelector li a.eng {
    background:url(../images/flag_en.png) no-repeat 0px 0px;
}

#langSelector li a.eng:hover, #langSelector li.active a.eng  {
    background:url(../images/flag_en.png) no-repeat 0px -17px; 
}  
 

/*--CENTER-PART-----------------------------------------------------------*/

/*--ABSOLUTE----------------------------------------------------------------*/
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	height:125px; 
	width:900px; 
} 

#logo{
	background:url(../images/logo2.png) no-repeat;
	width:194px; 
	height:73px;
	display:block; 
	float:left;
	text-decoration:none;
	margin:20px 0px 0px 0px; 
}

#logo:hover{
	text-decoration:none;  
}

#breadCrumbs{
	position:absolute;
	top:300px;
	left:20px;
	font-size:9px; 
	color:#929292;
} 

#breadCrumbs a{ 
	color:#929292;
}

#breadCrumbs a.home{
	background:url(../images/home.png) no-repeat left center;
	padding:0px 4px;
} 

/*--FOOTER---------------------------------------------------------------*/

#footer{
	text-align: left;
	position:relative;
	border-top:1px solid #9e9e9e; 
	margin:20px 0px 10px 0px;
	padding:10px 0px;
	font-size:11px;
	color:#636363;
}

#footer a{ 
	text-decoration:none;
	color:#da0020;
}

#footer p.copy{
	color: #c4c4c4; 
	font-size:10px;
	float:right;  
}

#footer p.copy a {
	color: #c4c4c4;
	text-decoration:none;
}

#footer p.copy a:hover{
	color:#000000; 
}

#fm{
	padding:0px;
	margin:0px;
	position:relative;
	top:28px; 
	left:215px;   
}

#fm li{
	display:inline;
	padding:0px 9px 0px 11px;  
	background:url(../images/fm-space.gif) 0px 3px no-repeat;  
}

#fm li.first{ 
	background:none; 
}


#fm li a {
	color:#002859;
} 

/* page */
#content{
	min-height:250px;
} 

/* home */
#home {
	position:relative;
	top:-30px; 
	padding:15px 0px 15px 10px;
	color:#666666;
	margin:0px 0px -20px 0px; 
} 

#home h2{
	background:url(../images/log.png) no-repeat 0px 2px;
	padding:2px 0px 2px 20px;
	color:#606060;
	font-size:14px; 
}
 

#col1{
	float:left;
	width:325px;
	min-height:150px;
}

#col1 a.project{
	display:block;
	background:url(../images/p_bg.png) no-repeat 0px 0px;
	width:243px;
	height:88px;
	font-size:15px;
	color:#da251d;
	text-decoration:none;
}

#col1 a.project:hover{
	background:url(../images/p_bg.png) no-repeat 0px -88px; 
}

#col1 a.project span.img{
	display:block;
	width:77px;
	height:77px;
	overflow:hidden;
	text-align:center;
	position:relative;
	left:5px;
	top:6px; 
	float:left;
	margin:0px 19px 0px 0px; 
}

#col2{
	float:left;
	width:250px;  
	padding:0px 30px 0px 0px;
	min-height:150px;
} 

a.more{
	color:#da251d;
	font-size:16px; 
	text-decoration:none;
	float:right; 
} 
 
 
#col2 span.date{
	float:left;
	font-size:10px;
}

#col2 p{
	padding:0px;
	margin:0px 0px 3px 0px;
} 

#col1 strong{
	position:relative;
	top:4px; 
	font-weight:normal;
} 


#col3{ 
	float:left;
	width:270px;  
	min-height:150px; 
}

/* PROJEKT */
#leftPart{
	float:left;
	width:280px;
	padding:10px 0px 10px 19px;
}

 

.projectImage{
	float:right;
	margin:0px 0px 10px 15px;
	border:1px solid #cecbb7; 
} 

#projects{
	padding:10px 0px 0px 0px;  
}
 
.projectOverview{
	width:422px;    
	margin:0px 10px 10px 0px;  
	height:180px;
	padding:10px;
	background:#F9F9F9; 
	float:left;
	overflow:hidden; 
}

.projectOverview:hover{
	background:#FFF2F2;
} 

.projectOverview.last{
	margin-right:0px;
} 

.leftPhoto{
	display:block;
	float:left;
	height:77px; 
	width:120px;  
	overflow:hidden; 
	margin:0px 13px 13px 0px; 
}

a.poImage{
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
	width:137px;
	height:137px; 
	overflow:hidden; 
}

.poImage{
	border:1px solid #FFF;
}

.poImage:hover{
	border:1px solid #da251d; 
} 

/* byty */
table.flats{
	border-collapse:collapse;
	width:100%;
}

table.flats tr td{
	margin:0px;
	padding:6px 0px 6px 9px;
	border-bottom:3px solid #FFF;
}
   
table.flats tr.free td{
	background:#fffacf;
}

table.flats tr.free:hover td{
	background:#fff6ad; 
}

.sold{
	font-weight:bold;
	color:#898989;
} 

#flatLeft{
	float:left;
	width:228px;
}

#flatLeft .price{
	color:#da251d;
	font-size:19px; 
	font-weight:bold; 
} 

#flatLeft table{
	border-collapse:collapse;
}

#flatLeft table td{
	padding:3px 4px 3px 0px;
	font-weight:bold;
}

#flatLeft table td.key{
	width:70px; 
	font-weight:normal; 
} 


#flatRight{ 
	float:right;
	width:332px; 
}

#detailContainer{
	display:block;
	text-align:center;
	width:330px;
	height:260px; 
	overflow:hidden;
	border:1px solid #ebe9e6;
	margin:0px 0px 10px 0px; 
}  

.imgBorder{
	display:block;
	width:103px;  
	float:left;
	height:75px;
	overflow:hidden;
	border:1px solid #ebe9e6; 
}

.imgBorder.first{
	text-align:left;
	margin:0px 10px 10px 0px;
}

.imgBorder.second{
	text-align:center;
	margin:0px 10px 10px 0px;
}

.imgBorder.third{
	text-align:right; 
	margin:0px 0px 10px 0px; 
}

 

.but{
	padding:7px 15px; 
	background:#ededed;
	color:#4d4946;
	font-weight:bold;
}

.but:hover{
	background:#da251d;
	color:#ededed;
	text-decoration:none; 
}
 
.ico{
	padding:2px 7px 2px 20px;
	color:#4d4946;
	font-size:11px;
} 

.ico:hover{
	color:#da251d;
	text-decoration:none;
} 


#print{
	background:url(../images/ico_print.png) no-repeat 2px 4px;
} 

#send{
	background:url(../images/ico_send.png) no-repeat 2px 4px; 
} 

#contactForm, #friendsForm{
	overflow:hidden;
	margin:-18px 0px 0px 0px;
	font-size:11px;
	color:#333;
	padding:2px; 
} 

#friendsForm{
	margin:0px 0px 0px 0px;
} 

#contactForm input, #contactForm textarea, #friendsForm input, #friendsForm textarea{
	font-size:11px;
	padding:2px 4px;
	font-family:Verdana, Geneva, sans-serif; 
} 
