@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Karma:400,300,600&subset=latin,latin-ext);

html { 
  width: 100%;
  height: 100%;
  font-family: 'Karma', sans-serif;
  margin: 0px;
  padding: 0px;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;

}

body{
  background-color: #f5f3f2;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  height: 100%;
  color:#404041;
  min-width:980px;
}

a{
  color: #10527d;
  text-decoration: underlin;
}

a:hover{
  color: #59863c;
  text-decoration: none;
}

a:active{
  color: #000;
}

h1{
  width:980px;
  display:block;
  color:#10527d;
  font-size: 40px;
  text-transform:uppercase;
  font-weight: 300;
  padding: 40px 0px 0px 0px;
  line-height: 1em;
  margin: 0px auto 0px auto;
}

h2{
  width:auto;
  display:block;
  margin: 0px auto 0px auto;
  color:#10527d;
  font-size: 30px;
  text-transform:uppercase;
  font-weight: 300;
  padding: 40px 0px 20px 0px;
  line-height: 1em;
}

iframe{
  margin: 0px 0px 0px 0px;
}

.clearing{
  display:block;
  height:0px;
  clear:both;
}

a.btn{
  display:block;
  border:2px solid #8b7768;
  color:#8b7768;
  width:300px;
  clear:both;
  margin:50px auto 0px auto;
  padding: 19px 0px 15px 0px;
  text-transform:uppercase;
  font-weight:600;
  text-decoration:none;
  transition: box-shadow .15s ease-in-out;
  -moz-transition: box-shadow .15s ease-in-out;
  -webkit-transition: box-shadow .15s ease-in-out;
  -o-transition: box-shadow .15s ease-in-out;
}

a.btn:hover{
  border:2px solid #8b7768;
  -moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

.clearing{
  display:block;
  height:0px;
  clear:both;
}

#map-canvas{
	display:block;
	width:100%;
	height: 600px;
    z-index:299;
}


/*Top menu--------------------------------------------------------------------*/

#top{
  display:block;
  width:100%;
  height:106px;
  background: #FFF;
  padding: 0px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  position:absolute;
  top:0px;
  z-index:500;
  min-width:980px;
}

#top ul{
  margin: 0px auto 0px auto;
  list-style: none;
  width: 980px;
  display: block;
  padding:0px;
  z-index: 50;
  text-transform:uppercase;
  top: 0px;  
}  

#top ul li{
  display: block;
  float: left;
}

#top ul li strong{
  font-size: 17px;
  font-weight:400;
  display: block;
  color: #FFF;
  height: 46px;
  padding: 60px 19px 0px 19px;
  background: #175d95 url(../img/active.png)
}

#top ul li a{
  font-size: 17px;
  font-weight:400;
  color: #404041;
  padding: 60px 19px 0px 19px;
  text-decoration: none;
  display: block;
  height: 46px;
  transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -webkit-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
}

#top ul li a:hover{
  background: #d3d1d0 url(../img/hover.png);
  padding: 55px 19px 0px 19px;
  height: 51px;
}

#top ul li a:active{
  color:#000;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  -o-opacity: 0.50;
  opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);
  padding: 60px 19px 0px 19px;;
  height: 46px;
}

#top ul li h1{
  width:auto;
  padding:0px;
  margin:0px 92px 0px 0px;
}

#top ul li h1 a{
  background: #FFF url(../img/logo.png) no-repeat 0 0px;
  width: 253px;
  height: 106px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
  -moz-transition-property: none;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

#top ul li h1 a:hover{
  background: #FFF url(../img/logo.png) no-repeat 0 -106px;
  padding: 0px;
  height: 106px;
}

#top ul li strong{
  font-size: 17px;
  font-weight:400;
  display: block;
  color: #FFF;
  height: 46px;
  padding: 60px 20px 0px 20px;
  background: #175d95 url(../img/active.png)
}

#top ul li strong{
  font-size: 17px;
  font-weight:400;
  display: block;
  color: #FFF;
  height: 46px;
  padding: 60px 20px 0px 20px;
  background: #175d95 url(../img/active.png)
}

#top ul li strong a{
  background:none;
  width: auto;
  height: auto;
  display:inline-block;
  text-indent: 0px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding: 0px;
  color: #FFF;
}

#top ul li strong a:hover{
  background:none;
  width: auto;
  height: auto;
  display:inline-block;
  text-indent: 0px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding: 0px;
  color: #FFF;
}

#top ul li.lng a{
  width: 24px;
  height: 106px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding: 0px 5px 0px 5px;

}

#top ul li.lng a:hover{
  background:none;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter:alpha(opacity=75);
}

#top ul li#cz strong{
  background: url(../img/cz.png) no-repeat center;
  margin: 0px 0px 0px 15px;
}

#top ul li#cz a{
  background: url(../img/cz.png) no-repeat center;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);
}

#top ul li#cz a:hover{
  background: url(../img/cz.png) no-repeat center -2px;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter:alpha(opacity=75);
}

#top ul li#cz a:active{
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -o-opacity: 0.25;
  opacity: 0.25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter:alpha(opacity=75);
}

#top ul li#en a{
  background: url(../img/en.png) no-repeat center;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);
}

#top ul li#en a:hover{
  background: url(../img/en.png) no-repeat center -2px;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter:alpha(opacity=75);
}

#top ul li#en a:active{
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -o-opacity: 0.25;
  opacity: 0.25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter:alpha(opacity=75);
}

#top ul li#ru a{
  background: url(../img/ru.png) no-repeat center;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);
}

#top ul li#ru a:hover{
  background: url(../img/ru.png) no-repeat center -2px;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter:alpha(opacity=75);
}

#top ul li#ru a:active{
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -o-opacity: 0.25;
  opacity: 0.25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter:alpha(opacity=25);
}


/*Slider--------------------------------------------------------------------*/

.main{
  max-width:100%;
  height:auto;
  margin-top: 106px;
  min-width:980px;
}

.main2{
  width:100%;
  height:200px;
  margin-top: 106px;
  background:#edeae6 url(../img/narrow_view-01.jpg) no-repeat center center;
  display:block;
}


/*Byty--------------------------------------------------------------------*/

#byty{
  width:930px;
  margin: -118px auto 90px auto;
  position:relative;
  clear:both;
  padding: 0px 0px 0px 0px;
}

#byty::before{
  content:"";
  background:url(../img/down.png) no-repeat center center;
  display:block;
  width:59px;
  height:30px;
  clear:both;
  margin: 0px auto 0px auto;
}

#byty::after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#byty h1{
  width:980px;
  display:block;
  margin: 0px 0px 40px -25px;
  color:#10527d;
  font-size: 40px;
  text-transform:uppercase;
  font-weight: 300;
  padding: 40px 0px 0px 0px;
  line-height: 1em;
  background:#f5f3f2;
  z-index:100px;
  position:relative;
}

#byty div#free{
  background:#59863c url(../img/green.png)no-repeat 0 0px;
  display:block;
  padding:70px 20px 50px 20px;
  width:140px;
  height:60px;
  border-radius: 50%;
  color:#FFF;
  font-size:100px;
  position:absolute;
  right:20px;
  top:-50px;
  font-weight:600;
  line-height:0.3em;
  transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
}

#byty div#free strong{
  font-size:17px;
  font-weight: 300;
}

div.flat{
  display:inline-block;
  position:relative;
  width:300px;
  background-color:#FFF;
  text-align:left;
  font-size:17px;
  font-weight:300;
  margin: 0px 3px 10px 3px;
  transition: transform .15s ease-in-out;
  -moz-transition: transform .15s ease-in-out;
  -webkit-transition: transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out;
}

div.flat:hover{
  -moz-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
  -o-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
  box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
  -ms-transform: scale(1.05,1.05);
  -webkit-transform: scale(1.05,1.05);
  -o-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05);
}

div.flat span{
  position:absolute;
  height: 25px;
  top:0px;
  right: 0px;
  padding: 6px 15px 1px 15px;
  margin: 0px 20px 0px 0px;
  font-size:15px;
  color:#FFF;
  text-transform:uppercase;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}

div.flat span:after{
  content:"";
  position:absolute;
  top:0;
  right:-20px;
  bottom: 0;
  width: 30px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}

div.flat b{
  position:absolute;
  top:0px;
  right: 0px;
  padding: 6px 15px 1px 15px;
  font-size:15px;
  color:#FFF;
  text-transform:uppercase;
}

div.flat span.volny{
  background: #59863c url(../img/volny.png) no-repeat top left;
  width: 30px;
}

div.flat span.volny:after{
  background-color:#59863c;
}

div.flat span.konci{
  background: #10527d url(../img/konci.png) no-repeat top left;
  width: 120px;
}

div.flat span.konci:after{
  background-color:#10527d;
}

div.flat span.pronajaty{
  background: #8b7768 url(../img/pronajaty.png) no-repeat top left;
  width: 70px;
}

div.flat span.pronajaty:after{
  background-color:#8b7768;
}

div.flat p{
  padding:0px 20px 20px 20px;
  display:block;
}

div.flat p strong::after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

div.flat p strong{
  color:#59863c;
  font-size:20px;
}

div.flat p b{
  position:relative;
  padding: 0px;
  font-size:15px;
  font-weight:600;
  color:#574b4c;
}

div.flat p a{
  background:#f5f3f2;
  display:block;
  width: 109px;
  margin: 10px 1px 20px 0px;
  float:left;
  text-transform:uppercase;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  text-align:center;
  padding: 12px 10px 8px 10px;
  transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -webkit-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
}

div.flat p a:hover{
  color:#fff;
  background: #1b5d88;
}

div.nedostupny{
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter:alpha(opacity=70);
}

div.nedostupny strong{
  visibility:hidden;
}

div.nedostupny a{
  visibility:hidden;
}


/*Vyhody--------------------------------------------------------------------*/

div#oprojektu{
  font-size: 15px;
  width:100%;
  display:block;
  background-color:#fff;
  padding:40px 0px 40px 0px;
  width:100%;
}

div#oprojektu p{
  width:810px;
  display:block;
  margin: 20px auto 0px auto;
}


/*Vyhody--------------------------------------------------------------------*/

div#benefits{
  background:url(../img/benefits.jpg) no-repeat center center;
  width:100%;
  display:block;
  background-color:#fff;
  margin:0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:1056px;
}

div#benefits div{
  width:980px;
  margin: 0px auto 0px auto;
  position:relative;
}

div#benefits div div.benefit{
  height:300px;
  width:300px;
  position:absolute;
  display:block;
  font-weight:300;
  text-transform:uppercase;
}

div#benefits div div#b1{
  color:#FFF;
  background:#357dc0 url(../img/benefit1.png) no-repeat top left;
  top: 40px;
  left: 340px;
  font-size:60px;
  line-height:30px;
  padding: 130px 0px 0px 0px;
  height: 170px;
}

div#benefits div div#b1 strong{
  font-size:30px;
}

div#benefits div div#b2{
  color:#FFF;
  background: #10527d url(../img/benefit2.png) no-repeat bottom right;
  top: 375px;
  left: 0px;
  font-size:40px;
  line-height:30px;
  padding: 110px 0px 0px 0px;
  height: 190px;
}

div#benefits div div#b2 strong{
  font-size:20px;
  line-height:0px;
}

div#benefits div div#b3{
  color:#FFF;
  background: #175d95 url(../img/benefit3.png) no-repeat top right;
  top: 715px;
  left: 680px;
  font-size:40px;
  line-height:30px;
  padding: 110px 0px 0px 0px;
  height: 190px;
}

div#benefits div div#b3 strong{
  font-size:20px;
  line-height:0px;
}


/*Sdileni--------------------------------------------------------------------*/

div#sdileni{
  width:980px;
  height:100px;
  padding: 20px 0px 0px 0px;
  display:block;
  margin: -130px auto 0px auto;
  background: #1b5d88 url(../img/bottom.png) repeat center 0px;
  color:#FFF;
  text-transform:uppercase;
  font-weight:300;
  z-index:402;
  position:relative;
}

div#sdileni div{
  display:block;
  margin: 0px auto 0px auto;
  width: 210px;
}

div#sdileni div a{
  width:45px;
  height:45px;
  display:block;
  border-radius: 50%;
  float:left;
  margin: 10px;
  border:2px solid #fff;
  text-decoration:none;
  transition: box-shadow .15s ease;
  -moz-transition: box-shadow .15s ease;
  -webkit-transition: box-shadow .15s ease;
  -o-transition: box-shadow .15s ease;
}

div#sdileni div a:hover{
  border:2px solid #fff;
  -moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
  box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
  -o-box-shadow: 0 0 0 5px rgba(255,255,255,0.3);
}

div#sdileni div a#fb{
  background: url(../img/facebook.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}

div#sdileni div a#tw{
  background: url(../img/twitter.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}

div#sdileni div a#g{
  background: url(../img/google.png) no-repeat left bottom;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}


/*Bottom--------------------------------------------------------------------*/

div#bottom{
  background: #1b5d88 url(../img/bottom.png) repeat center -120px;
  width:100%;
  padding: 20px 0px 40px 0px;
  margin: -4px 0px 0px 0px;
  color:#FFF;
  text-transform:uppercase;
  font-weight:300;
  min-width:980px;
  z-index:403;
  position:relative;
}


/*Vnitrní--------------------------------------------------------------------*/

#Container{
  width:930px;
  margin: -110px auto 180px auto;
  position:relative;
  clear:both;
  padding: 0px 25px 0px 25px;
}

#Container::before{
  content:"";
  background:url(../img/down.png) no-repeat center center;
  display:block;
  width:59px;
  height:30px;
  clear:both;
  margin: 0px auto 0px auto;
}

#Container::after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#Container h1{
  width:980px;
  display:block;
  margin: 0px 0px 40px -25px;
  color:#10527d;
  font-size: 40px;
  text-transform:uppercase;
  font-weight: 300;
  padding: 40px 0px 0px 0px;
  line-height: 1em;
  background:#f5f3f2;
  z-index:100px;
  position:relative;
}

#Container .mix{
	display: none;
	margin: 0px 0px 0px 0px;
}

#Container p{
	padding: 20px 20px 20px 20px;
	background:#FFF;
	display:block;
	margin:0px;
	text-align:left;
}
#Container p::before{
	content:"";
	background:url(../img/uparoww.png) no-repeat center center;
	display:block;
	width:34px;
	height:15px;
	clear:both; 
	margin: -35px auto 20px auto;
}


/*Byty--------------------------------------------------------------------*/

#Filters{
	width:920px;
	text-align: left;
	margin: 0px 10px 20px 10px;
	border-bottom: 1px solid white;
	padding: 0px 0px 20px 0px;
}

#Filters div{
	display:inline-block;
	margin: 0px 19px 0px 0px;
}

#Filters div div.filter{
	display:inline-block;
	width:auto;
	padding:10px 10px 5px 10px;
	background:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:600;
	text-decoration:none;
	transition: box-shadow .15s ease-in-out;
	-moz-transition: box-shadow .15s ease-in-out;
	-webkit-transition: box-shadow .15s ease-in-out;
	-o-transition: box-shadow .15s ease-in-out;
	font-size:12px;
	margin: 0px;
}

.filter:hover{
  -moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

#Filters div div.active{
	background:#1b69b3;
	color:#FFF;
}

#Filters a{
	display:inline-block;
	width:auto;
	padding:10px 10px 5px 10px;
	background:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:600;
	text-decoration:none;
	transition: box-shadow .15s ease-in-out;
	-moz-transition: box-shadow .15s ease-in-out;
	-webkit-transition: box-shadow .15s ease-in-out;
	-o-transition: box-shadow .15s ease-in-out;
	font-size:12px;
	margin: 0px;
	float:right;
}

#Filters a:hover{
	-moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

#Filters a:active{
	background:#1b69b3;
	color:#FFF;
}

/*Kontakt--------------------------------------------------------------------*/

#kontakt_info{
	background:#FFF;
	width:50%;
	min-width:450px;
	position:absolute;
	z-index:500;
	margin: 0px auto 0px auto;
	top:26%;
	right:0px;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);
	-moz-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
	-webkit-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
	-o-box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
	box-shadow: 0 0 10px 0 rgba(139,119,104,0.3);
	font-size: 15px;
	font-weight:300;
	text-align:left;
	padding: 0px 0px 20px 20px;
}

#kontakt_info h1{
	font-size:30px;
	font-weight:600;
	margin:30px 0px 0px 0px;
	padding:0px;
	width:auto;
}

#kontakt_info h2{
	padding:20px 0px 5px 0px;
	font-size:20px;
	font-weight:400;
}

#kontakt_info span{
	font-size:13px;
}

#kontakt_info p{
	padding:0px;
	margin:0px;
}

#map{
	min-height:700px;
	height:80%;
	top: 106px;
	clear:both;
	margin: 0px 0px 110px 0px;
	min-width:980px;
}

form{
	margin: -30px 0px 0px 0px;
}

textarea{
	font-family: 'Karma', sans-serif;
	width:896px;
	height: 200px;
	border: 1px solid #8b7768;
	padding:10px;
	font-size:15px;
	margin: 0px 5px 0px 5px;
}

input{
	font-family: 'Karma', sans-serif;
	display:inline-block;
	width: 275px;
	height: 40px;
	border: 1px solid #8b7768;
	margin: 10px 5px 15px 5px;
	padding: 5px 10px 5px 10px;
	font-size:15px;
}

input#jmn{
	background:#FFF url(../img/name.png) no-repeat center right;
}

input#mil{
	background:#FFF url(../img/mail.png) no-repeat center right;
}

input#tel{
	background:#FFF url(../img/tel.png) no-repeat center right;
}

inputs:-webkit-input-placeholder {
    color: #b5b5b5;
}

inputs-moz-placeholder {
    color: #b5b5b5;
}

.inputs{
    font-weight: 400;
    font-size: 14px;
    color: #9D9E9E;
    background: #FFF;
	transition: box-shadow .15s ease-in-out;
	-moz-transition: box-shadow .15s ease-in-out;
	-webkit-transition: box-shadow .15s ease-in-out;
	-o-transition: box-shadow .15s ease-in-out;
}

.inputs:focus {
	-moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

.inputs:hover {
	-moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
	-o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

.button{
	border:none;
	color:#FFF;
	font-weight:600;
	text-transform:uppercase;
	background:#10527d;
	padding:10px 0px 5px 0px;
}

.button:hover{
	background:#1b69b3;
}

.button:active{
	background:#10527d;
	padding:15px 0px 5px 0px;
}

#contact_form{
  width:930px;
  margin: 0px auto 180px auto;
  position:relative;
  clear:both;
  padding: 0px;	
}

#Container #contact_form{
  margin: 0px auto 0px auto;
}


/*O nas--------------------------------------------------------------------*/

div.gallery{
	margin: 60px -20px 0px -20px;
}

div.gallery a{
	display:inline-block;
	margin: 0px 30px 22px 0px;
}

div.gallery a.last{
	margin: 0px 0px 22px 0px;
}

div.gallery img{
	margin:0px;
	padding:0px;
}

.fluidbox-overlay{
	width:100%;
}

#timeline{
	background:#FFF url(../img/timeline-bg.png) repeat-y center top;
	width:100%;
	padding: 40px 0px 200px 0px;
	margin: -120px 0px 0px 0px;
}

#timeline{
	background:#FFF url(../img/timeline-bg.png) repeat-y center top;
	width:100%;
	padding: 80px 0px 240px 0px;
	margin: -120px 0px 0px 0px;
	text-align:left;
}

#timeline div{
	width:980px;
	margin:0px auto 0px auto;
}

#timeline div div#left{
	background: url(../img/bg-left.png) repeat-y center top;
	float:left;	
	width:617px;
	height:160px;
}

#timeline div div#left div{
	float:left;	
	width: 336px;
	display:block;
	padding: 15px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#timeline div div#left div h3{
	margin:0px;
	padding:0px;
	color:#10527d;
}

#timeline div div#left span{
	float:right;
	color:#FFF;
	padding:10px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#timeline div div#right{
	background: url(../img/bg-right.png) repeat-y center top;
	float:right;	
	width:617px;
	height:160px;
}

#timeline div div#right div{
	float:right;
	width: 336px;
	display:block;
	padding: 15px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#timeline div div#right div h3{
	margin:0px;
	padding:0px;
	color:#10527d;
}

#timeline div div#right span{
	float:left;
	color:#FFF;
	padding:10px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#timeline div::after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}


/*Lokalita--------------------------------------------------------------------*/

#map-lokalita{
	min-height:600px;
	height:80%;
	top: 106px;
	clear:both;
	margin: -150px 0px 120px 0px;
}

/*Detail bytu------------------------------------------------------------------*/

#detail_popis{
	width: 100%;
	background: #FFF;
	padding:0px;
	margin:0px;
	text-align:left;
	position:relative;
}

#detail_popis #images{
	width:510px;
	float:left;
	margin: 10px;
	padding:0px;
	display:block;
}

#detail_popis #images img{
	margin: 0px;
	padding:0px;
}

#detail_popis #images a{
	margin: 0px;
	padding:0px;
}

#detail_popis #images div{
	margin: 0px;
	padding:0px;
}

#detail_popis a{
	display:inline-block;
}

#detail_popis img{
	display:inline-block;
}

#detail_popis span{
  position:absolute;
  height: 25px;
  top:0px;
  right: 0px;
  padding: 6px 15px 1px 15px;
  margin: 0px 20px 0px 0px;
  font-size:15px;
  color:#FFF;
  text-transform:uppercase;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}

#detail_popis span:after{
  content:"";
  position:absolute;
  top:0;
  right:-20px;
  bottom: 0;
  width: 30px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}

#detail_popis b{
  position:absolute;
  top:0px;
  right: 0px;
  padding: 6px 15px 1px 15px;
  font-size:15px;
  color:#FFF;
  text-transform:uppercase;
}

#detail_popis span.volny{
  background: #59863c url(../img/volny.png) no-repeat top left;
  width: 30px;
}

#detail_popis span.volny:after{
  background-color:#59863c;
}

#detail_popis span.konci{
  background: #10527d url(../img/konci.png) no-repeat top left;
  width: 120px;
}

#detail_popis span.konci:after{
  background-color:#10527d;
}

#detail_popis span.pronajaty{
  background: #8b7768 url(../img/pronajaty.png) no-repeat top left;
  width: 70px;
}

#detail_popis span.pronajaty:after{
  background-color:#8b7768;
}

#detail_popis ul{
	display:inline-block;
	top:0px;
	margin:0px;
	padding:50px 20px 20px 20px;
	width:360px;
	float:right;
}

#detail_popis ul li{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#detail_popis ul li b{
  position:relative;
  font-size:13px;
  text-transform:uppercase;
  color:#404041;
  padding:0px;
  width: 115px;
  display:inline-block;
  margin: 0px;
}

#detail_popis ul li strong{
  color:#59863c;
  font-size:25px;
}

#detail_popis ul li a.btn{
	width: auto;
	text-align:left;
	margin: 20px 0px 10px 0px;
	padding: 13px 15px 8px 15px;
}

#detail_popis ul li a.soc{
  width:27px;
  height:27px;
  display:block;
  border-radius: 50%;
  float:left;
  margin: 0px 5px 0px 0px;
  border:2px solid #8b7768;
  text-decoration:none;
  transition: box-shadow .15s ease;
  -moz-transition: box-shadow .15s ease;
  -webkit-transition: box-shadow .15s ease;
  -o-transition: box-shadow .15s ease;
}

#detail_popis ul li a.soc:hover{
  border:2px solid #8b7768;
  -moz-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -webkit-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
  -o-box-shadow: 0 0 0 5px rgba(139,119,104,0.3);
}

#detail_popis ul li a#fb{
  background: url(../img/facebook2.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}

#detail_popis ul li a#tw{
  background: url(../img/twitter2.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}

#detail_popis ul li a#g{
  background: url(../img/google2.png) no-repeat left bottom;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 30;
  outline: 0;
  padding:0px;
}


#rez{
	width:100%;
	background: #FFF;
	padding: 20px 0px 60px 0px;
	margin: -120px 0px 40px 0px;
}

#form-messages{
	display:block;
	clear:both;
	margin: 0px 0px 60px 0px;
	text-transform:uppercase;
	color:#59863c;
	font-size:24px;
}