/* CSS Document by sladek*logiq.cz */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	display: block;
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
}
*:focus {
    outline: none;
   }
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}






/* BASIC STYLING */

* {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;

}
strong {
  font-weight: 700;
}


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



.header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 1000;
	background-color: #fff;
	width: 100%;
	text-transform: lowercase;
}
.header h1 a {
  display: block;
  height: 140px;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
}
.header h1 span {
	display: none;
}
.menu {
  text-align: center;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/menu.png);
	margin: 0 0 20px 0;
}
.menu p {
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
}
.menu a {
	  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}
.menu a:hover {
  color: #c6151c;
}
.intro {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100px;
  overflow: hidden;
}
.introslide {
  width: 100%;
  min-height: 100px;
  overflow: hidden;
}

.intro img {
  display: block;
   width: 100%;
  margin: 0;
}
a.next {
  display: block;
  width: 64px;
  height: 36px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -32px;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/next.png);
	z-index: 100;
	  -webkit-transition: 600ms ease-out;
  transition: 600ms ease-out;
}
a.next:hover {
  background-color: #fff;
}
#map {
  position: relative;
  height: 550px;
}
#map-lokalita {
  position: relative;
  height: 360px;
}




.index {
  width: 90%;
  margin: 0 auto;
}
.index1 {
  float: left;
  padding: 200px 0 0 0 ;
  width: 50%;
  position: relative;
}
.index2 {
  float: right;
  padding: 200px 0 0 0 ;
  width: 45%;
  position: relative;
}
.index3 {
  float: left;
  padding: 200px 0 0 0 ;
  width: 45%;
  position: relative;
}
.index4 {
  float: right;
  padding: 200px 0 0 0 ;
  width: 50%;
  position: relative;
}
.index5 {
  padding: 150px 0 10px 0 ;
text-align: center;
  position: relative;
}
.index6 {
  padding: 0 0 0 0 ;
  width: 100%;
max-width: 860px;
	margin: 0 auto;
  position: relative;
}

.index h1 {
  font-size: 22px;
  font-weight: 700;
  padding: 30px 0;
  text-transform: uppercase;
}
.index h2 {
  font-weight: 700;
  padding: 0 0 30px 0;
  text-transform: uppercase;
}
.index p {
  padding: 0 0 30px 0;
}
.index img {
  display: block;
  width: 100%;
  margin: 0;
}
a.download {
  padding: 18px 0 18px 70px;
  background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url(../img/download.png);
	font-weight: 700;
	text-decoration: underline;
	display: inline-block;
}
a.download:hover {
	text-decoration: none;
}



.sale {
  width: 100%;
  min-height: 100px;
  /*overflow: hidden;*/
  margin: 0 0 0 0;
}
.sale img {
  display: block;
  max-width: 100%;
  margin: 0;
}
.sale1 {
  float: left;
  margin: 200px 0 0 5%;
  width: 35%;
  position: relative;
}
.sale1active {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-inde: 100;
}
a.sale1activebutt {
	display: block;
	/*border: 1px solid #000;*/
	position: absolute;
}
a.active1 {
	width: 72%;
	left: 14%;
	bottom: 0;
	height: 12%;
}
a.active2 {
	width: 30%;
	left: 14%;
	bottom: 12%;
	height: 12%;
}
a.active3 {
	width: 30%;
	right: 14%;
	bottom: 12%;
	height: 12%;
}
a.active4 {
	width: 14%;
	right: 14%;
	bottom: 24%;
	height: 14%;
}
a.active5 {
	width: 42%;
	right: 28%;
	bottom: 24%;
	height: 14%;
}
a.active6 {
	width: 14%;
	left: 14%;
	bottom: 24%;
	height: 14%;
}
a.active7 {
	width: 14%;
	right: 14%;
	bottom: 38%;
	height: 14%;
}
a.active8 {
	width: 42%;
	right: 28%;
	bottom: 38%;
	height: 14%;
}
a.active9 {
	width: 14%;
	left: 14%;
	bottom: 38%;
	height: 14%;
}
a.active10 {
	width: 14%;
	right: 14%;
	bottom: 52%;
	height: 14%;
}
a.active11 {
	width: 42%;
	right: 28%;
	bottom: 52%;
	height: 14%;
}
a.active12 {
	width: 14%;
	left: 14%;
	bottom: 52%;
	height: 14%;
}
a.active13 {
	width: 14%;
	right: 14%;
	bottom: 66%;
	height: 14%;
}
a.active14 {
	width: 42%;
	right: 28%;
	bottom: 66%;
	height: 14%;
}
a.active15 {
	width: 14%;
	left: 14%;
	bottom: 66%;
	height: 14%;
}
a.active17 {
	width: 15%;
	right: 14%;
	top: 4%;
	height: 14%;
}
a.active18 {
	width: 21%;
	right: 29%;
	top: 4%;
	height: 14%;
}
a.active19 {
	width: 20%;
	left: 29%;
	top: 4%;
	height: 14%;
}
a.active20 {
	width: 15%;
	left: 14%;
	top: 4%;
	height: 14%;
}



.sale1over {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: none;
}
.sale2 {
  float: none;
  padding: 200px 0 50px 0 ;
  width: 90%;
  max-width: 1070px;
  position: relative;
  margin: 0 auto;
}
.tablecon {
	width: 100%;
	min-height: 100px;
	overflow: hidden;
}
.table {
  display: table;
  width: 100%;
	min-width: 620px;
}
.tr1, .tr2 {
  display: table-row;
  width: 100%;
}
.tr0 {
  display: table-row;
  width: 100%;
}
.tr0 div {
  padding: 0 20px;
  display: table-cell;
}
.tdright {
	text-align: right;
}
.tr2 {
-webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}
.tr1 div, .tr2 div {
  display: table-cell;
}
.tr1 div span {
  display: none;
}
.tr1 div {
  font-size: 20px;
  font-weight: 700;
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;

}
.tr2 div {
  padding: 3px 20px;
  border-bottom: 5px solid #fff;
}

.tr2:hover, .tr2s {
 background-color: #f8f8f8;
 color: #d40000;
}
.tr21 {
  background-color: #e8e8e8;
}
.tr22, .tr25 {
  background-color: #5e5e5e;
  color: #fff;
}
.tr2 a {
  display: block;
  width: 100%;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/sale-next.png);
}
.tr22 a {
	background-image: url(../img/sale-next0.png);
}
.tr22:hover a {
	background-image: url(../img/sale-next.png);
}




.sale3 {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  display: none;
  padding: 0 0 0 0;
}
.sale31 {
  width: 45%;
  float: left;
}
.sale32 {
  width: 40%;
  float: right;
  padding: 0 5% 0 0;
} 
.sale3 h2 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  width: 45%;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
}
.sale3 h3 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 30px 0;
}
.sale3 table {
	width: 100%;
}
.sale3 table td {
  padding: 0 20px 5px 0;
}
#flat1 table tr:last-child, #flat2 table tr:last-child, #flat3 table tr:last-child,
#flat4 table tr:last-child, #flat5 table tr:last-child, #flat6 table tr:last-child,
#flat7 table tr:last-child, #flat8 table tr:last-child, #flat9 table tr:last-child,
#flat10 table tr:last-child, #flat11 table tr:last-child, #flat12 table tr:last-child,
#flat13 table tr:last-child, #flat14 table tr:last-child, #flat15 table tr:last-child {
	border-top: 1px solid #000;
}

a.sale3close {
float: right;
display: block;
width: 44px;
height: 44px;
margin: 0 5% 0 0;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/sale3close.png);
}





.contact {
  width: 90%;
  max-width: 1070px;
  margin: 0 auto;
}
.contact1 {
  float: left;
  padding: 200px 0 150px 0;
  width: 50%;
}
.contact10 {
  border-right: 1px solid #000;
  background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url(../img/ca_praha2.png);
	background-size: auto 100%;
	padding: 0 0 0 180px;
}
.contact h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 0 20px 0;
}
.contact h2 {
  font-weight: 700;
}
.contact p {
  padding: #333;
  padding: 0 0 10px 0;
}
.contact a {
  font-weight: 700;
}
.contact a:hover {
  color: #d40000;
}
.contact2 {
  float: right;
  width: 45%;
  padding: 200px 0 150px 0;
}
.inputmidi, .inputmaxi {
	font-family: 'Open Sans', sans-serif;
  width: 95%;
  padding: 5px 2.5%;
  border: 1px solid #666;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.inputsubmit {
  background-color: #1d1d1d;
  color: #fff;
  	font-family: 'Open Sans', sans-serif;
  	font-weight: 700;
  	  font-size: 14px;
  	  margin: 0 0 0 auto;
  	  float: right;
  	  border: none;
  	  padding: 5px 35px;
  	  	  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
  cursor: pointer;
}
.inputsubmit:hover {
  background-color: #d40000;
}



.thumbs {
	text-align: center;
	max-width: 1400px;
	margin: 0 auto;
}
.thumbs a {
	display: inline-block;
	width: 30%;
	margin: 0 5px 10px 5px;
}
.thumbs4 a {
	width: 20%;
}
.thumbs5 a {
	width: 15%;
}
.thumbs6 a {
	width: 10%;
}









@media screen and (min-width: 1px) and (max-width: 1640px) {
.sale1 {
  width: 25%;
}
.sale2 {
  width: 65%;
}
}

@media screen and (min-width: 1px) and (max-width: 1440px) {
.tr1 div {
  padding: 5px 10px 30px 10px;
}
.tr2 div {
  padding: 5px 10px;
}
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
.sale1 {
  display: none;
}
.sale2 {
  float: none;
  width: 90%;
  margin: 0 auto;
}
.index1, .index2, .index3, .index4, .contact1, .contact2, .contact10 {
  float: none;
  width: auto;
  border: none;
}
.index1, .index4 {
  padding: 20px 0 0 0 ;
}

.contact1 {
  padding: 200px 0 0 0;
}
.contact2 {
  padding: 20px 0 50px 0;
}

.tr1 div {
  font-size: 14px;
}

.thumbs a {
	width: 45%;
}


}

@media screen and (min-width: 1px) and (max-width: 600px) {
.header h1 a {
  height: 80px;
	background-size: auto 40px;
}
.sale31 {
  width: 95%;
  padding: 0 0 30px 0;
}
.sale32 {
  width: 95%;
  padding: 0 0 30px 0;
} 
.header {
  font-size: 14px;
}
.tablecon {
	overflow: auto;
	overflow-y: scroll
}
/*.tr1 {
  display: block;
  border-bottom: 1px solid #000;
}
.tr1 div {
  display: inline-block;
  width: 30%;
  padding: 10px 1.5%;
  border: none;
}
.tr2 {
  display: block;
  border-bottom: 1px solid #ccc;
}
.tr2 div {
  display: inline-block;
  width: 30%;
  padding: 10px 1.5%;
  border: none;
}

.tr1 div span {
  display: block;
}
.tr2 div:last-child, .tr1 div:last-child {
  display: none;
}*/
.slideinfo {
	height: 80px;
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../img/slideinfo.png);
	background-size: auto 100%;
}
.index2, .index3, .index5, .contact1, .sale1, .sale2 {
  padding: 100px 0 0 0 ;
  }
  .sale3 {
  top: 100px;
  }

.thumbs a {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
}
.contact10 {
  background-position: 50% 0;
	background-size: auto 200px;
	/*padding: 220px 0 0 0;*/
	text-align: center;
}
}