/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, div {
	display: block;
}
@font-face {
	font-family:Roboto-Bold;
	src: url('Roboto-Bold.TTF') format('truentype');
    font-weight: normal;
}
@font-face {
	font-family:Roboto-Regular;
	src: url('Roboto-Regular.TTF') format('truetype');
    font-weight: normal;
}
html{
	}
body {
    font-family:Roboto-Regular, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color:#fff; 
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* end clearfix */

/*slider*/
#slider{
width: 90%;
margin: 130px auto auto auto;
clear: both;
}

.mainImg{
	display: block;
	width:100%;
 
 }

#container {
	width: auto;
	margin:0 auto;
}

.content{
width:100%;
margin: 130px auto 50px auto;
}

.content-index{
width:100%;
margin: 30px auto auto auto;
}

.logoContainer{
display: inline-block; 
	width:7%;
margin-top:26px;
margin-left:20px;
}

.logo{
    display: block;
	width:350px;
	margin-right: 3%;
}

.header{
	position: fixed;
	top:0;
width:100%;
padding-bottom:20px;
z-index: 9; 
border-bottom:1px solid #000; 
background-color: #f9f8f4;
}

.nav{
	display: inline-block;
 width:70%;
 margin-right:5%;
 text-align:right;
 float: right;
margin-top:15px;
}

.nav ul{
 width:100%;
 float:right;
 margin:0;
 display:block;
 list-style:none;
}

.nav li{  
display:inline-block;
text-align:center; 
border:none;
margin-left: 5em;
}

.nav a{
display:block;
padding:20px 10px; 
font-weight: normal;
color:#000;
text-decoration:none;
font-size:1.9em;
line-height:1em;
font-weight:normal;
text-transform:uppercase;

}

.nav li:hover a {
	color:#fff;
	background: url(../img/li_hover_4.png)no-repeat;
 background-repeat:no-repeat;
 background-position: center bottom;
} 



.title{
width:70%;
margin:10px auto auto auto;
}

.title h3{
color:#000;
text-decoration:none;
font-size:4em;
line-height:1.5em;
font-weight:normal;
text-transform:uppercase;
text-align:center; 
}

.title p{
font-weight: normal;
color:#000;
font-size:1.5rem;
line-height:2rem;
margin-top:20px;
text-align:center;  
}

.title p span{
font-weight:bold;
color:#000;
font-size:1.8rem;
text-align:center;  
}

.title p span a {
text-decoration:none;
color: #ad8dce;
}

.title p strong{
font-weight: bold;
color:#000;
text-decoration:none;
font-size:2rem;
margin-top:0px;
text-align:center;  
}

ul.houses{
width:70%;
list-style:none;
margin: 0 auto auto auto;
}

ul.houses li{
display:inline-block;
background-color:#fff;
border:1px solid #d5d5d5;
width:30%;
padding-bottom:10px;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
margin-left:1%;
margin-right:1%;
margin-bottom:20px;
overflow: hidden;
}

ul.houses li:hover{
background-color:#f4f3ec;
border: 1px solid #d5d5d5;
}

ul.houses li h3{
font-weight:normal;
color: #fff;
font-size: 2.5em;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
/*background-color:#c1b7e9; */
background: url('../img/boxes_ribbon.png') no-repeat;
background-size: 100%;
height: 2.7em;
}

ul.houses li a img{
border: none;
width: 100%;
margin-top:-30px;
}

ul.houses li .txt{
	color: #000;
	width: 80%;
	margin: 0 auto; 
}	

ul.houses li .txt p{
font-size:2.5em;
line-height:1.5em;
text-align:center;
}

ul.houses li .txt p span{
font-size:2rem;
line-height:1.5em;
text-align:center;
}

.houses li a.btn{
outline:none;
display:block;
background: url('../img/a_btn_1.png') no-repeat; width:100%; height:100%;
font-weight:bold;
color: #000;
text-decoration:none;
font-size:1.8em;
line-height:3em;
text-align:center;
margin: 0 auto;
width:171px;
height:43px;
}


/*complex lozen*/

.komplex-lozen{
max-width:1664px;
height:695px;
margin:20px auto 0;
background: url('../img/large_img.png') no-repeat;
}
.komplex-lozen .big-img{
border:none;
width:50%;
float:left;
display:block;
margin-left:30px;
margin-top:30px;
}

.komplex-lozen .text{
border:none;
width: 48%;
margin-left:auto;
margin-top:20px;
}


.komplex-lozen h3{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:25px;
line-height:44px;
font-weight:normal;
text-transform:uppercase;
padding-left:30px;
text-align:left; 
}


.komplex-lozen .text p {
font-weight: normal;
color:#000;
text-decoration:none;
font-size:18px;
line-height:25px;
font-weight:normal;
padding-left:30px;

}
.komplex-lozen.text p span{
color:#000;
text-decoration:none;
font-size:18px;
line-height:25px;
font-weight:bold;
}

.large-img{
margin: 20px auto auto auto;
background: url('../img/large_img_1.png') no-repeat;
background-size: 100%;
}

.large-img img {
	width: 88%;
-webkit-box-shadow: 3px 3px 3px #7C7C7C;
box-shadow: 3px 3px 3px #7C7C7C;
}

.large-img .teren-img p{
text-align:center;
padding-top:20px;
}
.large-img  .kvadratura{
width:100%;
background-color:#dec1b2;
margin-top:20px;
}
.large-img  .kvadratura h2{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:30px;
line-height:55px;
font-weight:normal;
padding-left:20px;
text-align:left; 
}

/* finansov plan*/
.finansials{
width:90%;
margin:30px auto 0;
}
.finansials h3{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:35px;
line-height:20px;
font-weight:normal;
text-transform:uppercase;
text-align:center; 
}
.finansials p{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:25px;
line-height:20px;
font-weight:normal;
text-align:center;
padding-top:20px; 
}
ul.finansov-plan{
width:89%;
display:block;
margin:20px auto 0;
background: url('../img/one_two_1.png') no-repeat;
}
ul.finansov-plan li{
width:49%;
display:inline-block;
margin-top:211px;

}

ul.finansov-plan li p{
font-weight:bold;
color:#000;
text-decoration:none;
font-size:18px;
line-height:30px;
font-weight:normal;
text-align:center;
padding-top:20px;
}
ul.finansov-plan li p span{
font-weight:bold;
color:#ac83c2;
text-decoration:none;
font-size:30px;
line-height:40px;
font-weight:normal;
text-align:center;
padding-top:20px;
}
.wrapper-phone{
width:100%;
margin:0 auto;
background-color:#f9f8f4;
border-top:1px solid #000;
border-bottom:1px solid #000;
margin-bottom:20px;
}
.wrapper-phone .information{
width:60%;
margin:0 auto;
}

.wrapper-phone .information b{
font-weight:bold;
color:#000;
text-decoration:none;
font-size:25px;
line-height:70px;
font-weight:normal;
text-align:center;
padding-left:70px;
}
.wrapper-phone .information a.phone {
font-weight:bold;
color:#ac83c2;
text-decoration:none;
font-size:2.5em;
line-height:4em;
font-weight:normal;
text-align:center;
border:none;
}


/* lokacia*/

.location{
width:100%;
margin:0 auto;
}
.location p{
text-align:center;
text-decoration:none;
padding-bottom:20px;
}
.location img {
-webkit-box-shadow: 3px 3px 3px #7C7C7C;
box-shadow: 3px 3px 3px #7C7C7C;
}

/* contact*/

ul.contact{
list-style:none;
width:77%;
margin-left:auto;
margin-top:20px;
}
ul.contact div li.label{
width:47%;
display:inline-block;
background: url('../img/li_bg_1.png') no-repeat;
}
ul.contact div li.label h3{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:20px;
line-height:46px;
font-weight:normal;
text-transform:uppercase;
text-align:left; 
}
ul.contact-info{
width:80%;
list-style:none;
display:block;
border-top:1px solid #000;
margin-top:34px;
}

ul.contact-info li{
width:70%;
display:block;
margin-top:20px;
}

ul.contact-info  a{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:16px;
line-height:10px;
font-weight:normal;
text-align:left; 
border:none;
display:block;
}

ul.contact div li.contact-form{
width:47%;
display:inline-block;
background: url('../img/li_bg_1.png') no-repeat;
margin-bottom:20px;
}

ul.contact div li.contact-form h3{
font-weight: normal;
color:#000;
text-decoration:none;
font-size:20px;
line-height:46px;
font-weight:normal;
text-transform:uppercase;
text-align:left; 
}
#contactform {
 
width: 50%;
padding: 20px;
overflow:auto;
}
label {
display: block;
float: left;
font-weight: normal;
text-align: left;
width: 160px;
line-height: 25px;
font-size: 16px;
}
.input{
font-size: 16px;
padding: 5px;
border: 1px solid #000;
width:333px;
background-color: #f9f8f4;
padding-bottom:10px;
}
.hint{
display:none;
}
field:hover .hint {
position: absolute;
display: block;
margin: -30px 0 0 455px;
padding: 7px 10px;
background-color:#aba0d8;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.button-search a{
font-weight:bold;
font-size: 15px;
text-transform:uppercase;
text-decoration:none;
float: left;
margin-left:20px;
line-height:30px;
color: #000;
text-align: center;
background-color:#dec1b2;
border:1px solid #000;
padding-left:20px;
padding-right:20px;
}


/*footer index1*/

footer {
bottom:0;  
text-align: center;             
width:100%;
background: url('../img/footer_bg_9.png') no-repeat; 
margin-top:2em;
background-size: 100%;
}
.footer-content{
width:70%;
margin: auto auto 0 auto;
 background: url('../img/footer_bg_10.png') no-repeat;
 background-size: 90%; 
 background-position: center 0;
}


.footer-content ul.menu{
 list-style: none;
 height: 6em;
}

.footer-content ul.menu li{
display:inline-block;
padding:0;    
border:none;
margin-right:2em;
margin-left:2em;
}

.footer-content ul.menu a{
display:block;
padding:20px 10px; 
font-weight:normal;
color:#fff;
text-decoration:none;
font-size:1.8em;
line-height:1em;
text-transform:uppercase;
text-align:center;
}


.copyright{
width:100%;
font-weight: normal;
color:#000;
display:inline-block;
text-decoration:none;
font-size:14px;
line-height:10px;
text-transform:none;
text-align:center;
padding-top:15px;
/*border-top:3px solid #e2e864; */
}

/* media*/
/* Smartphones (portrait and landscape) ----------- */  

  
/* Smartphones (landscape) ----------- */  
@media only screen and (min-width : 321px) {  

}  
  
/* Smartphones (portrait) ----------- */  
@media only screen and (max-width : 320px) {  

}  
  
/* iPads (portrait and landscape) ----------- */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {  

}  
  
/* iPads (landscape) ----------- */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {  
  /* Styles */  
}  
  
/* iPads (portrait) ----------- */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {  
.wrapper-images,.col-left,.col-right{height: 270px;}
}  
  

}  
  
/* Large screens ----------- */  
@media only screen and (min-width : 1824px) {  

}  
  
/* iPhone 4 ----------- */  
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {  
  /* Styles */  
}  



/* Desktops and laptops ----------- */  
@media only screen and (max-width: 1400px) {  

#slider{
margin: 110px auto auto auto;
}

.logo{
    width:300px;
}

.nav{
 width:70%;
 margin-right:1.5%;
padding-top:10px;
}
.nav ul{
 width:100%;
}


.nav li{  
margin-left: 5em;
}

.nav a{
font-size:1.5em;
font-weight: bold;
line-height:1em;
padding:10px 10px; 

}

.nav li:first-child{
margin-left: 10px;
}


ul.houses{
width:80%;
}

ul.houses li h3{
font-weight:normal;
color: #fff;
font-size: 2em;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
background: url('../img/boxes_ribbon.png') no-repeat;
background-size: 150%;
height: 3em;
}


.title{
width:80%;
margin:10px auto;
}

.title h3{
font-size:3em;
line-height:1em;
}

.title p{
font-size:1.2rem;
line-height:2rem;
}

.title p span{
font-size:1.2rem;
}


.title p strong{
font-size:1.2rem;
margin-top:0px;
}

footer {
width:100%;
margin-top:2em;
}

.footer-content{
width:105%;
}

.footer-content ul.menu{
 width:75%;
 margin:0 auto auto auto;
 }
.footer-content ul.menu li{
padding:0;    
border:none;
height:2em;
margin-right:2em;
margin-left:2em;
}

.footer-content ul.menu a{
padding:10px 10px; 
font-size:1.4em;
line-height:1em;
}



@media only screen and (max-width: 1200px) {  

.logo{
	width:280px;
}


.nav{
width:75%;
}

.nav ul{
 width:100%;
}


.nav a{
font-size:1.5em;
line-height:1em;
padding:10px 0; 
}

ul.houses{
width:90%;
}

ul.houses li{
}


ul.houses li h3{
font-size: 2em;
padding-top: 5px;
/*background-color:#c1b7e9; */
background: url('../img/boxes_ribbon.png') no-repeat;
background-size: 100%;
height: 2.8em;
}

ul.houses li .txt p{
	margin-top: 5px;
font-size:2.2em;
line-height:1.5em;
}

ul.houses li .txt p span{
font-size:2rem;
line-height:1em;
text-align:center;
}


@media only screen and (max-width: 1030px) {  

#slider{
margin: 150px auto auto auto;
}

.logoContainer{
display: block;
margin-top:26px;
margin-left:20px;
}

.nav{
display: block;
width:100%;
float:none;
margin-top:10px;
text-align: center;
}

.nav ul{
 width:100%;
}

.nav a{
font-size:1.8em;
font-weight:normal;
line-height:1em;
padding:10px 10px; 
}

.title{
width:90%;
margin:10px auto;
}

.title h3{
font-size:3em;
line-height:1em;
}

.title p{
font-size:1.2rem;
line-height:2rem;
}


footer {
margin-top:2em;
}

.footer-content{
width:100%;
}

.footer-content ul.menu{
 width:70%;
 }

.footer-content ul.menu li{
height:2em;
margin-right:0.5em;
margin-left:0.5em;
}

.footer-content ul.menu a{
font-size:1.1em;
line-height:1em;
}