﻿body
{
margin: 0;
padding: 0;
margin-top: -25px;
color: #000;
font-family: 'Arial', sans-serif;
font-size: 17px;
background-color: #fafafa;
}

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; }



/* ------- MENU ------------------------------------------------------ */
#logo1
{
font-family: 'Arial, Verdana', sans-serif;
font-weight: 400;
font-size: 16px;
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;	
}


.menuA1 
{
font-family: 'Arial', sans-serif;
font-size: 21px;
letter-spacing: 0.6px;
line-height: 160%;
margin: 0;
display: inline-block;
padding: 3px 10px 2px 10px;
}


.menuA1 a
{
list-style-type: none;
color: #fff;
}

.menuA1 a:hover
{
color: #99ccff;
}


.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;
}

.menuB1 > li
{
display: inline-block;
padding: 5px 10px 0px 10px;
}

.menuB1 a
{
color: #333;
}
.menuB1 a:hover 
{
/*color: #5588bb; 
 color: #4169E1; */
color: #0070c9;
}




div.menuB2a 
{
color: #555;
font-family: 'Arial', sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
border-radius: 15px; 
border: 2px solid #777;
display: inline-block;
padding: 2px 10px 2px 10px;
margin: 0px 15px 15px 15px;
}

div.menuB2a:hover 
{
/* color: #4169E1; */
color: #fff;
background-color: #555;
border-color: #555;
}

div.menuB2b 
{
color: #fff;
font-family: 'Arial', sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
border-radius: 15px; 
border: 2px solid #555;
display: inline-block;
padding: 2px 10px 2px 10px;
margin: 0px 15px 15px 15px;
background-color: #555;
}

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: 16px;
margin: 0;
padding: 0;
color: #999;
}

.menuC1 > li
{
display: inline-block;
padding: 5px 5px 5px 5px;	
}	

.menuC1 a
{
color: #999;
}

.menuC1 a:hover
{
color: #333;
}








/* ------- 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;
}


.link-d2 
{
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5; 
letter-spacing: 0.5px; 
border-radius: 15px; 
border: 1px solid #dbf6ff; 
display: inline-block; 
padding: 2px 12px 2px 12px;
margin-bottom: 20px;
color: #dbf6ff;
}

.link-d2:hover 
{
color: #222;
background-color: #f6f6f6;
border-color: #222;
}



/* ------- KONIEC DZIAŁY ----------------------------------------------- */

/* ------ NIERUCHOMOŚCI ------------------------------------------------------ */





.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;
}

div.mod1a 
{
width: 100%; 
display: block; 
float: left;
color: #333;
background-color: #444; 	
}

div.mod1a:hover 
{
color: #0056b3;	
background-color: #336699;
}


div.mod2a 
{
height: 206px;
width: 100%;
display: block; 	
background-image: url(../g-gryf3/mod_oferta3.gif); 
background-repeat: no-repeat; 
background-color: #444; 
border-bottom: 6px solid #444;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

div.mod2a:hover 
{
border-color: #ff6633;	
}

.mod2b 
{
height: 206px;
width: 100%;
display: block;	
text-align: center; 
font-family: 'Arial, Verdana', sans-serif; 
font-size: 28px; 
color: #E8F2FC;
font-weight: bold;
letter-spacing: 0;
padding-top: 30px;
text-shadow: 4px 4px 4px #111;
line-height: 130%;	
}

.topn1
{
float:right; 
width: 22px; 
height: 22px; 
background-image: url(/g-gryf3/top-gora.gif); 
margin: 40px 15px 0 0;	
}



/* --- OGŁOSZENIE  -------------------------------------------------- */

/* --- link pod obraskiem ----------------- */
.nl-1
{
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 14px;
line-height: 1.5;
letter-spacing: .009em;
color: #0070c9;
letter-spacing: 0.7px;
clear: both;
}
	
.nl-1:hover 
{ 
text-decoration: none;
}



/* --- nieruchomość sprzesana ----------------- */
span.nie_o1
{
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 16px;
background-color: #ff6633; 
color: #fff; 
text-align: center;
letter-spacing: 1px;
margin: 5px 0px 15px 0px;
display: block;
}

/* --- adres  ----------------- */
.nie_o1 { 
font-family: 'Open Sans, Lato, Arial', sans-serif;
color: #555; 
font-size: 15px; 
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: 500; 
font-size: 28px;
line-height: 1.05;
letter-spacing: .008em;
color: #111;
padding-top: 20px;
margin: 7px 0px 15px 0px;
padding: 0; 
}


/* --- do negocjacji ----------------- */
.nie_o3 { 
font-family: 'Open Sans, Lato, Arial', sans-serif; 
font-size: 14px; 
color: #999;
letter-spacing: 0.9px;
display: inline-block;
}

/* --- cena duża ----------------- */
.nie_o4 { 
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 30px;
color: #000;
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: 17px;
font-weight: 500; 
color: #777;
margin-right: 8px;
display: inline-block;
letter-spacing: 0.5px;
border-bottom: 2px solid #ddd;
}






/* --- kontakt tel-cyfry ----------------- */
.nie_o6 { 
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 22px; 
color: #fff; 
letter-spacing: 0.5px;
padding: 0px 12px 0px 12px;
background-color: #336699; 
border-radius: 3px;
margin-top: 10px;         
display: inline-block; 
float: right;
margin-left: 10px;
}

/* --- kontakt tekst-zadzwoń ----------------- */
.nie_o6a { 
font-family: 'Open Sans, Lato, Arial', sans-serif; 
font-size: 16px;
font-weight: 600;
color: #aaa;
letter-spacing: 1px; 
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: #333;
padding: 0px 0px 0px 15px;
}

/* --- data dodania ----------------- */
.nie_o6c { 
font-family: 'Open Sans, Lato, Arial', sans-serif; 
font-size: 14px;
color: #999;
padding: 2px 0px 0px 15px;
letter-spacing: 0.7px;
}

/* --- uwaga oferta nie handlowa ----------------- */
.nie_o6d { 
font-family: 'Open Sans, Lato, Arial', sans-serif; 
font-size: 14px;
color: #333;
padding: 15px 0px 15px 65px;
letter-spacing: 0.7px;
clear: both;
}








/* --- tekst ogłoszenia ----------------- */
.nie_o7 { 
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-size: 17px;
line-height: 1.5;
letter-spacing: .009em;
color: #333;
margin: 0px 0px 15px 0px;
}



/* --- atuty ----------------- */
ul.nie_ou8
{
font-family: 'Open Sans, Lato, Arial', sans-serif;
font-weight: 400;
line-height: 1.5;
letter-spacing: .009em;
padding: 0;
margin: 25px 0px 30px 0px;
}

.nie_ou8 > li
{
font-size: 15px; 
color: #444;
border-bottom: 1px solid #e0e0e0; 
list-style-type: none; 
padding: 6px 8px 6px 8px;
}

.nie_ou8 > li:first-child {
background-color: #333; 
color: #fff; 
padding: 4px 8px 4px 8px; 
letter-spacing: 1px;
font-size: 18px;
}



/* --- zdjęcia ----------------- */
img.zdjecia1
{
margin: 0 0 3px 0; 
max-width: 100%;
height: auto;
}





/* ------ 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 ------------------------------------------------------ */





