body { 
margin: 0px; 
padding: 0px; 
margin-top: -25px;
color: #000;
font-family: 'Arial', sans-serif;
font-size: 17px;
background-color: #f6f6f6;
}

a { text-decoration: none; color: #fff;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }

hr { 
color: #666;
margin: 12px 0px 12px 0px;
}


/* ------- bootstrap - rozwijana tabela w ogłoszeniu nieruchomośic ---------------------------------------- */
.accordion-button:focus, .accordion-button:not(.collapsed) 
{ box-shadow: none; outline: none; background-color: transparent; color: inherit;}




/* ------- MENU ------------------------------------------------------ */
#logo1
{
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
color: #666;
text-shadow: 2px 2px 1px #CECECE; 
padding: 5px 0px 5px 0px;
margin: 0;
width: 100%;
}

nav
{
text-align: center;	
}



.menuA2 
{
list-style-type: none;
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
color: #333;
letter-spacing: 0.9px;
}

.menuA2 > li
{
display: inline-block;
padding: 0px 8px 0px 8px;
}	

.menuA2 a
{
color: #222;
}

.menuA2 a:hover
{
color: #aaa;
}





.menuB1 
{
list-style-type: none;
color: #777;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
padding: 0;
margin: 0;
margin-left: auto; 
margin-right: auto;
display: inline-block;
}

.menuB1 > li
{
display: inline-block;
padding: 10px 12px 0px 12px;
}

.menuB1 > li:last-child
{
display: inline-block;
padding: 10px 0px 0px 12px;
}




.menuB1 a
{
color: #333;
}
.menuB1 a:hover 
{
/*color: #5588bb; 
 color: #4169E1; 
color: #0071e3;*/
color: #0070c9;
}



div.menuB2a 
{
color: #777;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.8px;
border-radius: 25px; 
border: 2px solid #999;
display: inline-block;
padding: 8px 18px 8px 18px;
margin: 0px;
}

div.menuB2a:hover 
{
/* color: #4169E1; */
color: #fff;
background-color: #777;
border-color: #777;
}


div.menuB2b
{
color: #fff;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 0.8px;
border-radius: 25px; 
border: 2px solid #777;
display: inline-block;
padding: 8px 18px 8px 18px;
margin: 0px ;
background-color: #777;
}





p.m-iko1
{
margin: 5px 0px 5px 0px;
}


.menuN1 
{
list-style-type: none;
font-family: Arial, sans-serif;
font-size: 21px;
letter-spacing: 0.6px;
line-height: 160%;
margin: 0;
padding: 0;
color: #fff;
}

.menuN1 > li
{
display: inline-block;
padding: 5px 10px 5px 10px;	
}	

.menuN1 a
{
color: #fff;
}

.menuN1 a:hover
{
color: #99ccff;
}





.menuC1 
{
list-style-type: none;
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
color: #aaa;
letter-spacing: 0.4px;
}

.menuC1 > li
{
display: inline-block;
padding: 10px 10px 10px 10px;	
}	

.menuC1 a
{
color: #757575;
}

.menuC1 a:hover
{
color: #444;
}








/* ------- KONIEC MENU ------------------------------------------------------ */



/* ------- STRONA STARTOWA ------------------------------------------------------ */


.textop1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 600; 
font-size: 36px;
line-height: 1.07143;
letter-spacing: -.005em;
color: #111;
margin: 50px 0px 15px 0px;
}
	
.textop2
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 600;
font-size: 34px;
line-height: 1.07143;
letter-spacing: -.005em;
color: #fff;
margin: 50px 0px 15px 0px;
text-shadow: 2px 2px 0 #333;
}
	
.tex1
{
color: #111;
margin: 0px 0px 15px 0px;
font-size: 22px;
line-height: 1.33349;
font-weight: 400;
letter-spacing: .009em;
font-family: 'Open Sans', Lato, Arial, sans-serif;
}
	
.tex2
{
color: #fff;
margin: 0px 0px 15px 0px;
font-size: 22px;
line-height: 1.33349;
font-weight: 400;
letter-spacing: .009em;
font-family: 'Open Sans', Lato, Arial, sans-serif;
text-shadow: 2px 2px 0 #333;	
}
	
.link1
{
font-size: 19px;
line-height: 1.38105;
font-weight: 400;
letter-spacing: .011em;
font-family: Lato, 'Open Sans', Arial, sans-serif;	
padding: 0px 10px 0px 10px;	
color: #0070c9;
}
	
.link1:hover 
{ 
text-decoration: underline;
}



	

/* ------- KONIEC STRONA STARTOWA ----------------------------------------------- */


/* -------  DZIAŁY ----------------------------------------------------- */

.textop-d1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 600; 
font-size: 44px;
line-height: 1.05;
letter-spacing: .008em;
color: #111;
margin: 60px 0px 15px 0px;
}

.tex-d1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 1.4;
letter-spacing: .009em;
color: #111;
margin: 0px 0px 40px 0px;
}




.textop-d2
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 500; 
font-size: 40px;
line-height: 1.05;
letter-spacing: .008em;
color: #222;
margin: 30px 0px 25px 0px;
}

.textop-d3
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 500; 
font-size: 30px;
line-height: 1.05;
letter-spacing: .008em;
color: #222;
margin: 40px 0px 20px 0px;
}

.textop-d4
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 500; 
font-size: 24px;
line-height: 1.05;
letter-spacing: .008em;
color: #222;
margin: 45px 0px 20px 0px;
}



.tex-d2
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.5;
letter-spacing: .009em;
color: #222;
margin: 0px 0px 15px 0px;
}

.tex-d3
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.5;
letter-spacing: .009em;
color: #555;
margin: 0px 0px 40px 0px;
}


.link-d1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.5;
letter-spacing: .009em;
color: #222;
color: #0070c9;
}
	
.link-d1:hover 
{ 
/* color: #99ccff; */
text-decoration: underline;
}

ul.tex-du2
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.5;
letter-spacing: .009em;
color: #222;
padding-left: 30px;
}

.tex-du2 > li
{
padding-bottom: 8px;
padding-left: 10px;
}

/* przycisk -Kontakt- konsultacje index, działy  */
.link-d2 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.6px; 
border-radius: 25px; 
background-color: #dbf6ff;
display: inline-block; 
padding: 6px 20px 6px 20px;
color: #2F4A65;
border: 3px solid #dbf6ff;
opacity: 0.8;
}

.link-d2:hover 
{
background-color: #2F4A65;
border: 3px solid #dbf6ff;
color: #dbf6ff;
}

/* przycisk -Zobacz wszystko- reklamy modułu ogłoszeń nieruchomości  */
.link-d3 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.5px; 
border-radius: 25px; 
background-color: #333;
display: inline-block; 
padding: 6px 20px 7px 20px;
color: #aaa;
border: 3px solid #333;
}

.link-d3:hover 
{
color: #eee;
}

/* przycisk -Umów spotkanie- działy  */
.link-d4 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.5px; 
border-radius: 25px; 
background-color: #336699;
display: inline-block; 
padding: 8px 22px 8px 22px;
color: #fff;
border: 3px solid #336699;
}

.link-d4:hover 
{
color: #EDF6FF;
}


/* przycisk - index KB i użytkowanie  */
.link-d5 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.6px; 
border-radius: 25px; 
background-color: #fff;
display: inline-block; 
padding: 8px 20px 10px 20px;
color: #000;
border: 1px solid #666;
opacity: 0.7;
}

.link-d5:hover 
{
background-color: #666;
color: #fff;
opacity: 0.9;
}


/* przycisk - index projektant i pośrednik  */
.link-d6 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.6px; 
border-radius: 25px; 
background-color: #fff;
display: inline-block; 
padding: 8px 20px 10px 20px;
color: #0071e3;
border: 1px solid #0071e3;

}

.link-d6:hover 
{
background-color: #0071e3;
color: #fff;
}


/* ------- KONIEC DZIAŁY ----------------------------------------------- */

/* ------ NIERUCHOMOŚCI 0071e3 ------------------------------------------------------ */





.textop-n1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 500; 
font-size: 30px;
line-height: 1.05;
letter-spacing: .008em;
color: #222;
padding-top: 20px;
margin: 15px 0px 20px 0px;
display: inline-block;
}


div.mod1a 
{
border: 4px solid #fff; 
}

div.mod1a:hover 
{
border: 4px solid #0071e3; 
}



.topn1
{
float:right; 
display: inline-block;
width: 22px; 
height: 22px; 
background-image: url(/g-gryf3/top-gora.gif); 
margin: 40px 30px 30px 0;	
}



/* --- mapa nieruchomości  ----------------- */

.mapan1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 500; 
font-size: 30px;
line-height: 1.05;
letter-spacing: .008em;
color: #222;
padding-top: 20px;
margin: 50px 0px 20px 0px;
}


.mapan2
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 20px;
font-weight: 800;
color: #222;
margin: 40px 0px 15px 0px;
}


.mapan3
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 14px;
color: #222;
margin: 15px 0px 0px 0px;
}


a.mapana1 
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 14px;
color: #222; 
margin: 5px 0px 5px 0px;
display: inline-block;
}

a.mapana1:hover 
{
color: #aaa; 
}





/* --- OGŁOSZENIE  -------------------------------------------------- */



/* --- menu opis zdjęcia mapa  ----------------- */

.menuOZM1 
{
list-style-type: none;
color: #1a73e8;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
padding: 0;
margin: 0;
margin-left: auto; 
margin-right: auto;
}

.menuOZM1 > li
{
display: inline-block;
padding: 5px 20px 0px 20px;
}

.menuOZM1 a
{
color: #1a73e8;
}
.menuOZM1 a:hover 
{
color: #000;
}


p.m-iko-ozm1
{
margin: 6px 0px 5px 0px;
}




/* --- link pod obraskiem ----------------- */
.nl-1
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
letter-spacing: .009em;
color: #336699;
clear: both;
}
	
.nl-1:hover 
{ 
text-decoration: none;
}



/* --- nieruchomość sprzesana ----------------- */
.nie_o1a
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 15px;
color: #fff;
letter-spacing: 0.5px;
padding: 4px 12px 4px 12px;
background-color: #ff6633; 
border-radius: 5px;
margin: 20px 0px 20px 0px;
display: inline-block;	
}

/* --- adres  ----------------- */
.nie_o1 { 
font-family: 'Open Sans', Lato, Arial, sans-serif;
color: #536471; 
font-size: 14px; 
line-height: 1.7;
letter-spacing: 0.9px;
margin: 0;
padding: 0; 
}

/* --- tytuł ogłoszenia duży ----------------- */
.nie_o2 { 
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 600; 
font-size: 24px;
line-height: 1.2;
letter-spacing: .01em;
color: #0f1419;
padding-top: 20px;
margin: 0px 0px 15px 0px;
padding: 0; 
}


/* --- do negocjacji ----------------- */
.nie_o3 { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 13px; 
color: #536471;
letter-spacing: 0.5px;
display: inline-block;
}

/* --- cena duża -----------#ff6633;------ */
.nie_o4 { 
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 25px;
font-weight: 800;
color: #0f1419;
padding-right: 18px;  
display: inline-block;
letter-spacing: 0.5px;
}

/* --- dane z podkreśleniem pod ceną ----------------- */
.nie_o5 {
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 14px;
color: #0f1419; 
margin: 10px 6px 0px 0px;
display: inline-block;
letter-spacing: 0.5px;
padding: 4px 12px 4px 12px;
border-radius: 5px;
border: solid 1px #999;
}






/* --- kontakt tel-cyfry ----------------- */
.nie_o6 { 
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 20px; 
color: #eee; 
letter-spacing: 0.5px;
padding: 0px 9px 0px 9px;
background-color: #0f1419;
border-radius: 5px;
margin-top: 10px;         
display: inline-block; 
margin-left: 10px;
}

/* --- kontakt tekst-zadzwoń ----------------- */
.nie_o6a { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 13px;
color: #536471;
letter-spacing: 0.5px; 
display: inline-block; 
margin-top: 16px;

}

/* --- kontakt biuro/osoba prywatna ----------------- */
.nie_o6b { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 18px;
font-weight: 600; 
color: #0f1419;
padding: 0px 0px 0px 15px;
}

/* --- data dodania ----------------- */
.nie_o6c { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 13px;
color: #536471;
padding: 2px 0px 0px 15px;
letter-spacing: 0.5px;
}

/* --- uwaga oferta nie handlowa ----------------- */
.nie_o6d { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 14px;
color: #0f1419;
padding: 15px 0px 15px 65px;
letter-spacing: .009em;
clear: both;
}

/* --- tekst ogłoszenia ----------------- */
.nie_o7 { 
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-size: 14px;
line-height: 2.2;
letter-spacing: 0.9px;
color: #0f1419;
}

/* --- tekst wyróżnienie ogłoszenia <span> ----------------- */
.nie_o7a { 
padding-bottom: 5px; 
font-weight: bold; 
display: inline-block;
font-size: 16px; 
color: #666;
}


/* --- tekst ogłoszenia linie -----------------  */
ul.nie_ou7
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
line-height: 1.8;
letter-spacing: 0.9px;
padding: 0;
color: #0f1419;
font-size: 14px; 
}

.nie_ou7 > li
{
display: flex;
border-bottom: 1px solid #e3e3e3; 
list-style-type: none; 
padding: 6px 8px 6px 8px;
}

.nie_ou7 > li:last-child 
{
border: none;
}

span.nie_ou7
{
width: 50%; 
flex-shrink: 0;
}

ul.nie_ou7 li:hover {background: #f6f6f6;}


/* --- tekst ogłoszenia linie /media i informacje/ -----------------  */
ul.nie_ou7a
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
line-height: 2.2;
letter-spacing: 0.9px;
padding: 0;
color: #0f1419;
font-size: 14px; 
padding-left: 20px;
}

.nie_ou7a > li
{
/*border-bottom: 1px solid #e3e3e3; 
list-style-type: none; */
padding: 6px 8px 6px 8px;
}

.nie_ou7a > li:last-child 
{
border: none;
}



/* --- atuty ----------------- #0f1419 */
ul.nie_ou8
{
font-family: 'Open Sans', Lato, Arial, sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 0.9px;
padding: 0;
}

.nie_ou8 > li
{
font-size: 14px; 
color: #0f1419;
border-bottom: 1px solid #e3e3e3; 
list-style-type: none; 
padding: 6px 8px 6px 8px;
}

.nie_ou8 > li:first-child {
background-color: #0f1419;
font-weight: 600;
color: #fff; 
padding: 4px 8px 4px 10px; 
letter-spacing: 3px;
font-size: 15px;
border-radius: 5px 5px 0px 0px;
}

ul.nie_ou8 li:hover {background: #f6f6f6;}
ul.nie_ou8 li:first-child:hover {background: #0f1419;}


/* --- reklama ----------------- */
.nie_o9 { 
font-family: 'Open Sans', Lato, Arial, sans-serif; 
font-size: 14px;
color: #1d1d1f;
letter-spacing: .009em;
padding: 3px 10px 3px 10px;
line-height: 1.7;
clear: both;
}


/* --- zdjęcia -----------------  */
img.zdjecia1
{
max-width: 100%;
max-height: 750px;
/*  border-right: 3px solid #fff; */
margin: 4px 0px 0px 0px;
display: block;
margin-left: auto; 
}

.zdjecia1:first-child {
margin-top: 0px;
}

.zdjecia1:last-child {
margin-bottom: 4px; 
}


/* --- zdjęcia przycisk 2024 -----------------  */
img.zdjecia2
{
border-radius:10px; 
margin: 10px; 
border: none;
width: 90px;
height: 90px;
}

/* --- zdjęcia przycisk 2024 -----------------  */
button.zdjecia2p
{
border: none;  
background: none; 
padding: 0; 
cursor: pointer; 
outline: none;
}



/* ------ NIERUCHOMOŚCI-KONIEC ----------------------------------------------- */




/* ------ STOPKA ------------------------------------------------------ */
div.stopa1 
{ 
	/*font-family: Arial, Verdana, sans-serif; */
font-family: 'Open Sans', Lato, Arial, sans-serif;
text-shadow: 1px 1px 1px #333366;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 50px 0 3px 0;
color: #fff;
}

div.stopa2 
{ 
	/*font-family: 'Segoe UI Light', SegoeUILightWF, Arial, Verdana, sans-serif; */
font-family: 'Open Sans', Lato, sans-serif;
text-shadow: 1px 1px 1px #333366; 
font-size: 18px; 
font-style: normal; 
font-weight: 200; 
letter-spacing: 0.3px;
color: #fff;
width: 300px;
margin: 40px 0 0 0;
padding-left:  15px;
}

div.stopa3 
{ 
font-family: 'Open Sans', Lato, sans-serif;
font-size: 22px;
font-weight: bold; 
color: #fff;
margin: 0 0 15px 0;
height: 45px;
letter-spacing: 1px;
}

div.stopa4
{ 
font-family: 'Segoe UI Light', SegoeUILightWF, Arial, Verdana, sans-serif;
font-size: 12px;
color: #000;
text-shadow: 1px 1px 0 #ccc;
letter-spacing: 0.5px;
padding-top: 12px;
padding-bottom: 8px;
margin: 30px 0 0 0;
border-radius: 20px 20px 0px 0px;
border-style: solid; 
border-color: #225588; 
border-width: 1px 1px 0px 1px; 
width: 200px; 
background-color: #f6f6f6; 
text-align: center; 
margin-left: auto; 
margin-right: auto;
box-shadow: inset 5px 5px 5px -1px #696969;
}

a.stopa-a1
{
font-family: 'Segoe UI Light', SegoeUILightWF, Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 150%;
color: #fff;
letter-spacing: 0.5px;
}

a.stopa-a1:hover 
{ 
color: #99ccff;
text-decoration: none;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: color;
transition-timing-function: linear;
}

/* ------ KONIEC STOPKA ------------------------------------------------------ */