@import url(https://fonts.googleapis.com/css?family=Montserrat&subset=latin,latin-ext);



/*Author: Beata Samonek www.netata.pl
Created on: 04.2023*/
/*dla IE*/
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

audio, canvas, embed, keygen, meter, progress, video {
	display: inline-block;
}

[hidden] {
	display: none;
}


html{height:100%;}

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

html, body{
margin:0;
padding:0;
text-align:center;
}



body{
background-color:#ffffff;
text-align:center;
font-family:  'Montserrat', Arial, Verdana,sans-serif;
font-size:16px;
color:#404041;
}



#content{
max-width:960px;
text-align:center;
margin:auto;
clear:both;
}




/*pierwsza strona*/

#galeria{
clear:both;
padding-top:40px;
width:100%;

}

#baner{
width:100%;
text-align:center;
margin:auto;
}

.pasek1{
background-color:#197562;
padding-top:20px;
padding-bottom:20px;
color:#ffffff;
font-size:20px;
font-family:  'Montserrat', Arial, Verdana,sans-serif;
margin-top:-10px;
}

.pasek{
clear:both;
background-color:#197562;
padding-top:20px;
padding-bottom:20px;
color:#ffffff;
font-size:20px;
font-family:  'Montserrat', Arial, Verdana,sans-serif;
width:100%;
margin-top:-10px;
}

.gora{
width:100%;
margin:20px 0px 0px;
padding:0px;
}

a{
text-decoration:none;
outline:none;
color:#404041;
}

/*do galeri*/

.carousel-container {
  
  position: relative;
  margin: 0 auto;

}

.navigation-buttons .previous {
  position: absolute;
  z-index: 10;
  font-size: 25px;
  top: 50%;
  margin-left: 10px;
  font-weight: 700;
}

.navigation-buttons .next {
  right: 10px;
  position: absolute;
  font-size: 25px;
  z-index: 10;
  top: 50%;
font-weight: 700;
}

.navigation-buttons .nav-btn {
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.navigation .nav-btn:hover {
  background: white;
}

.slider-carousel {
  margin-top: 20px;
  transition: all 0.3s ease;

}
.slider-carousel img {
  width: 100%;
  transition: all 0.3s ease;
}

.images {
  display: none;
}

.main {
  display: block;
}

/*menu*/

#top{
max-width:960px;
margin:auto;
text-align:center;
display:block;
}


#logo{
float:left;
text-align:left;
outline:none;
margin-top:30px;
}

img .img_no_border{
border: 0px;
padding: 0px;
}

#logo a{
text-decoration: none;
outline: none;
}

#logo a:visited{
outline: none;
text-decoration: none;
}


@media (max-width:880px){
nav{
font-family:  'Montserrat', Arial, Verdana,sans-serif;
width:200px;
text-align:center;
padding:0;
margin-top:40px;
float:right;
z-index:9;
position:relative;
margin-right:30px;
}

ol{
 list-style-type:none;
 font-size:16px;
background-color:#ffffff;
  text-align:center;
}

ol > li{
width:180px;
border-bottom:1px solid #197562;
padding-top:5px;
padding-botom:5px;
}

ol a {
  display:block;
  color:#000000;
  text-decoration:none;
}

ol > li > ul {
  list-style-type:none;
display:none;
position:absolute;
}

 ol > li > ul > li {
background-color:#ffffff;
width:180px;
      }

ol > li:hover > ul {
  display:block;
}

ul{
 list-style-type:none;
display: block;
  padding:0;
  margin:0;
  font-size:16px;
}

ul li{
padding:10px 0 10px 0;
border-bottom:1px solid #197562;
}

ul li:first-child {
border-top:1px solid #000000;
}

ul a:link, ul a:visited{
text-decoration: none;
outline: none;
color: #000000;
}

ul li a:hover, ul li .nav-activ{
text-decoration: none;
outline: none;
color: #bd955a;
}

}

@media(min-width:880px){

nav{
display:inline;
text-align:right;
margin-top:45px;
margin-bottom:45px;
font-family:'Montserrat', Arial, Verdana,sans-serif;
outline: none;
width:630px;
font-size:14px;
float:right;
}

.namobilne {
display:none;
}

ol{
 list-style-type:none;
 font-size:14px;
background-color:#ffffff;
  text-align:center;
}

ol > li{
border:0px;
padding-top:5px;
padding-botom:5px;
}

ol a {
  display:block;
  color:#000000;
  text-decoration:none;
}

ol > li > ul {
  list-style-type:none;
}

 ol > li > ul > li {
background-color:#ffffff;
display:inline;
      }





ul{
 list-style-type:none;
display: inline;
  padding:0;
  margin:0;
  font-size:14px;
}

ul li{
float:left;
padding:3px 8px 3px 8px;
border-left:2px solid #197562;
}

ul li:first-child {
border-left:0px;
}

ul a:link, ul a:visited{
text-decoration: none;
outline: none;
color: #000000;
}

ul li a:hover, ul li .nav-activ{
text-decoration: none;
outline: none;
color: #bd955a;
}

}



/*do slidera*/
a, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}


#zdjecia1{
max-width:960px;
margin:0 auto;
padding:0;
text-align:center;
}

@media (max-width:960px){

#galeria1{
clear:both;
background-color:#ffffff;
width:100%;
max-height:600px;
}

#galeria4{
clear:both;
margin:0;
padding:0;
background-color:#ffffff;
width:100%;
max-height:600px;
}

#galeria3{
clear:both;
max-height:600px;
background-color:#ffffff;
width:100%;
}

#galeria2{
clear:both;
background-color:#ffffff;
width:100%;
max-height:600px;
}
}

@media (min-width:961px){

#galeria1{
clear:both;
background-color:#e5d3bb;
width:100%;
max-height:600px;
}

#galeria4{
clear:both;
margin:0;
padding:0;
background-color:#dadbdc;
width:100%;
max-height:600px;
}

#galeria3{
clear:both;
max-height:600px;
background-color:#c6d5ec;
width:100%;
}

#galeria2{
clear:both;
background-color:#d1e3df;
width:100%;
max-height:600px;
}
}



/*pozostale tresci*/

#tresci{
padding-bottom:50px;
}

.opis{
padding:5px;
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:16px;
color:#404041;
margin:30px 0px;
text-align:left;
}

.opispozostale{
padding:3px;
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:16px;
color:#404041;
margin:30px 0px 50px;
text-align:justify;
}

.tytuly1{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:30px;
color:#404041;
font-weight:bold;
}

.pogrubiony{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:20px;
color:#404041;
font-weight:bold;
}

.oferta{
text-align:center;
margin:auto;
max-width:960px;
clear:both;
}

.apofert{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:15px;
color:#404041;
max-width:430px;
text-align:left;
float:left;
margin:10px;
}

@media (max-width:430px){
.apofertimg{
width:100%;
}
}

@media (min-width:431px){
.apofertimg{
width:430px;
}
}

.apofert h2{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:18px;
color:#404041;
}

.doaparts{
text-decoration:none;
background-color:#dadbdc;
color:#404041;
padding:5px 10px;
font-size:15px;
font-weight:bold;
border-radius:8px; 
}

.doapartn{
text-decoration:none;
background-color:#c6d5ec;
color:#404041;
padding:5px 10px;
font-size:15px;
font-weight:bold;
border-radius:8px;
}

.doapartz{
text-decoration:none;
background-color:#d1e3df;
color:#404041;
padding:5px 10px;
font-size:15px;
font-weight:bold;
border-radius:8px;
}

.doapartb{
text-decoration:none;
background-color:#e5d3bb;
color:#404041;
padding:5px 10px;
font-size:15px;
font-weight:bold;
border-radius:8px;
}

.apartamenty{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:20px;
color:#bd955a;
font-weight:bold;
text-align:left;
margin-top:30px;
}

.aparopis{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:16px;
color:#404041;
text-align:left;
}

#infoapartament{
text-align:center;
max-width:750px;
margin:auto;
padding:5px;
}

.lista{
text-align:left;
list-style-type:none;
max-width:750px;
margin-left:-25px;
margin-top:-10px;
}


#kwadrat{

}

@media(min-width:368px){
.kwadrat{
max-width:367px;
}
}

@media(max-width:367px){
.kwadrat{
max-width:100%;
}
}

#udogodnienia{
margin:40px 0px;
}


/*część rozwijana*/

#informacje{
clear:both;
text-align:center;
margin:auto;
max-width:735px;
position:relative;
padding-left:3px;
}

#wiersz{
max-width:735px;
padding:30px 0px;
text-align:center;
}

.ikonki{
width:70px;
float:left;
margin-right:50px;
}

#rozwijane{
border-bottom: solid 2px #bd955a;
text-align: left;
max-width:500px;
margin-left:100px;
}

.nazwa{
font-family:'Montserrat', Arial, Verdana,sans-serif;
font-size:20px;
color:#404041;
font-weight:bold;
}

.wopisie{
margin-left:19px;
}



/*dom klikalny na podstronie apartamenty*/

@media(min-width:910px){
.dom{
background:url(img/dom.png) no-repeat #ffffff;
background-position:center;
margin:50px 0px;
}
.aparprzycisk{
max-width:50%;
height:auto;
}
}

@media(min-width:601px) and (max-width:909px){
.dom{
background:url(img/dom530.png) no-repeat #ffffff;
background-position:center;
margin:50px 0px;
}
.aparprzycisk{
max-width:45%;
height:auto;
}
}

@media(max-width:600px){
.dom{
background:url(img/dom320.png) no-repeat #ffffff;
background-position:center;
margin:30px 0px;
display:none;
}
.aparprzycisk{
display:none;
}
}


/*kontakt*/

#kontakt{
margin-top:50px;
margin-bottom:50px;
display:block;
text-align:center;

}



.klikalna{
margin-left:38%;
padding:0;
text-align:center;
clear:both;

}

.wklikalna{
padding-top:5px;
float:left;
}

.ikonkontakt{
float:left;
}

@media(min-width:801px){

#mapamala{
display:none;
clear:both;
}

#mapasrednia{
display:none;
clear:both;
}

#mapaduza{
clear:both;
}
.klikalna{
margin-left:38%;
padding:0;
text-align:center;
clear:both;

}
}

@media(min-width:571px) and (max-width:800px){
#mapaduza{
display:none;
clear:both;
}

#mapasrednia{
clear:both;
} 

#mapamala{
clear:both;
display:none;
}
.klikalna{
margin-left:28%;
padding:0;
text-align:center;
clear:both;

}
}

@media(max-width:570px){

#mapaduza{
display:none;
clear:both;
}

#mapasrednia{
display:none;
clear:both;
} 

#mapamala{
clear:both;

}
.klikalna{
margin-left:28%;
padding:0;
text-align:center;
clear:both;

}
}

#stopka{
clear:both;
}