/****** reguły ogólne **********/

html,body {
	background-color: #ffffff;
	margin:0;
	padding:0;
	color:#aaaaaa;
	text-align:center;	
	font-family:Arial, Arial CE, Sans-Serif, Verdana;
	height:100%;	
	margin-top:0px;
}

img{
	border: 0;
}


img.lb2-obraz {
	border: 0px;
	width: 100%;
	max-height: 550px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	margin: auto;
}

img.lb2-obraz-x3 {
	border: 0px;
	/*width: 100%;*/
	padding: 0px 0px 0px 0px;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	margin: auto;
}


img.logo {
	border: 0px;
	width: 100%;
	padding: 0 auto;
	margin: 0 auto;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
}

img.obraz {
	border: 0px;
	float: right;
	margin: 5px 0px 0px 0px;
	max-width: 100%;
}





a.lb2-link {
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	}

/****** DIV - treść strony **********/
#wrap {
	text-align: center;
	height: 100%;
}

#content {
	max-width: 700px; /* można użyć % */
	min-width: 345px;	
	display: block;
	margin: 0 auto;
	padding: 5px;
	background-color: #ffffff;
	text-align: left;
	min-height: 100%;
}

/****** DIV - nagłówek **********/
#wrap_n {
	text-align: center;
}

#content_n {
	max-width: 700px; /* można użyć % */
	min-width: 345px;	
	display: block;
	margin: 0 auto;
	padding: 5px;
	background-color: #eeeeee;
	text-align: left;
}


/****** DIV - podstawowy pełna szerokość strony **********/
#modul {
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
	background-color: #ffffff;	
}

#obraz {
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
	background-color: #ffffff;
	text-align: right;
}

/*
#adres {
	max-width: 700px; //można użyć %//
	min-width: 345px;	
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
	background-color: #eeeeee;	
}*/

/****** DIV - przycisk podstawowy kwadrat **********/
#kwadrat {
	max-width: 115px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	background-color: #ffffff;	
	text-align: center;
}
/****** DIVy - do treści: ikona i tekst **********/
#kwadrat_link_ikona {
	width: 115px;
	/*margin-bottom: 10px;*/
	/*position: relative;*/
	/*padding: 0px 0px 0px 0px;*/
	/*float: left;*/
    background-color: #ffffff;	
	text-align: center;
	vertical-align: middle;
	display: table-cell
}

#kwadrat_link_ikona50 {
	width: 50px;
	/*margin-bottom: 10px;*/
	/*position: relative;*/
	/*padding: 0px 0px 0px 0px;*/
	/*float: left;*/
    background-color: #ffffff;	
	text-align: center;
	vertical-align: middle;
	display: table-cell
}

#kwadrat_link_txt {
	/*max-width: 580px;*/
	/*margin-bottom: 10px;*/
	/*position: relative;*/
	/*padding: 0px 0px 0px 0px;*/
	/*float: left;*/
	/*width: 100%;*/
	margin-left: 120px;
	background-color: #ffffff;	
	text-align: left;
	vertical-align: middle;
	display: table-cell
}

/****** DIV - menu projekty i realizacje **********/
#kwadrat_140 {
	max-width: 115px; /* można użyć % */
	height: 115px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	background-color: #ffffff;	
	text-align: center;
}

/****** DIV - galerii miniatura i opis **********/
#kwadrat_gal {
	max-width: 113px; /* można użyć % */
		height: 220px;
	margin-bottom: 10px;
	padding: 0px 1px 0px 1px;
	float: left;
	width: 100%;
	background-color: #ffffff;	
	text-align: center;
}

/****** DIV - NAGŁÓWEK **********/
#kwadrat_logo {
	max-width: 114px; /* można użyć % */
	/*margin-bottom: 10px;*/
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	background-color: #ffffff;	
	text-align: center;
}

#kwadrat_logo_wstecz {
	padding: 0px 0px 0px 0px;
	float: right;
	width: 92px;
	background-color: #ffffff;	
	text-align: right;
}

#kwadrat_logo_txt {
	/* max-width: 190px; */
	/* margin-bottom: 10px; */ 
	padding: 0px 0px 0px 0px;
	float: right;
	width: 200px;
	background-color: #ffffff;	
}

#kwadrat_fbprzyciski {
	padding: 0px 0px 10px 0px;
	float: right;
	width: 200px;
	background-color: #ffffff;	
	text-align: right;
}

/****** DIV - MEDIA.HTM **********/
#naglowek_logo {
	padding: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
	background-color: #ffffff;	
}


/****** DIV - BLOG **********/
#kwadrat_poprzedni {
	max-width: 114px; /* można użyć % */
	/*margin-bottom: 10px;*/
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	background-color: #ffffff;	
	text-align: center;
}

#kwadrat_nastepny {
	padding: 0px 0px 0px 0px;
	float: right;
	width: 92px;
	background-color: #ffffff;	
	text-align: center;
}

#kwadrat_obrazek_kontener {
	padding: 10px 0px 0px 0px;
	clear: both;
	width: 100%;
	background-color: #ffcd00;	
	text-align: center;
	margin: 0px 0px 35px 0px;	
	/*white-space: nowrap;
	font-size: 20px;
	letter-spacing: 35px;
	line-height: 12px;
	overflow: hidden; */
	}

#kwadrat_obrazek3 {
	width: 226px;
	/* height: 130px; */
	/* border: solid 1px #ccc; */
	display: inline-block;
	/* letter-spacing: normal; */
	/* font-size: normal; */
	/* white-space: normal; */
	text-align: center;
	/* vertical-align: middle; */
}

#kwadrat_obrazek2 {
	width: 345px;
	/* height: 130px; */
	/* border: solid 1px #ccc; */
	display: inline-block;
	/* letter-spacing: normal; */
	/* font-size: normal; */
	/* white-space: normal; */
	text-align: center;
	/* vertical-align: middle; */
}

/****** DIV - POZOSTAŁE **********/
#thumb_img {
	padding: 0px 0px 0px 0px;
	width: 120px;
	float: left;
	overflow: hidden;
	background-color: #fff;
}

#thumb_txt {
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	}

/****** P - akapity **********/
p	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana; 
	font-size: 16px;
	text-align: justify; /* left; */
	color: #9D9D9D;
	}
	
p.info	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana; 
	font-size: 14px;
	text-align: left;
	color: #9D9D9D;
	}
	
p.prawy	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana; 
	font-size: 16px;
	text-align: right;
	color: #9D9D9D;
	}
	
p.center	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 16px;
	text-align: center;
	color: #9D9D9D;
	}
	
p.podpis	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 16px;
	text-align: center;
	color: #9D9D9D;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

p.podpis_l	{
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 16px;
	text-align: left;
	color: #9D9D9D;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

	
p.stopka {
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 11px;
	color: #9D9D9D;
	text-align: center;
	}
	
p.spaminfo {
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 11px;
	color: #9D9D9D;
	text-align: justify;
	}

p.logo {
	font-family: Arial, Arial CE, Sans-Serif, Verdana;
	font-size: 12px;
	color: #9D9D9D;
	text-align: right;
	padding: 0px 0px 0px 0px;
	}

p.navi {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	/* font-weight: 700; */
	text-align: right;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
p.obraz_blog {
	font-family: Arial, Arial CE, Sans-Serif, Verdana; 
	font-size: 14px;
	text-align: center;
	color: #000000;
	padding: 8px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	}
	

/****** H - nagłówki **********/
h1	{
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	text-align: justify;
	color: #9D9D9D;
	}

/****** UL - wypunktowania **********/
ul	{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #9D9D9D;
	}

a	{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	border: 0px;
	}

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

a:visited	{
		color: #000000;
		text-decoration:none;
		}

a:active	{
		color: #FF0000;
		text-decoration:none;
		}





a.navi	{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	/* font-weight: 700; */
	text-align: left;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}	
	
a.navi:link 		{
		color: #000000;
		text-decoration:none;
		}

a.navi:visited	{
		color: #000000;
		text-decoration:none;
		}

a.navi:active	{
		color: #000000;
		text-decoration: none;
		}
a.navi:hover		{
		color: #FF0000;
		text-decoration:none;
		}

p.adres	{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	/* font-weight: 700; */
	text-align: right;
	color: #aaaaaa;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a.adres	{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	/* font-weight: 700; */
	text-align: right;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	}	
	
a.adres:link 		{
		color: #000000;
		text-decoration:none;
		}

a.adres:visited	{
		color: #000000;
		text-decoration:none;
		}

a.adres:active	{
		color: #000000;
		text-decoration:none;
		}
a.adres:hover		{
		color: #FF0000;
		text-decoration:none;
		}
		
		

		
		
p.menu	{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #aaaaaa;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a.menu	{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
a.menu:link 		{
		color: #000000;
		text-decoration:none;
		}

a.menu:visited	{
		color: #000000;
		text-decoration:none;
		}

a.menu:active	{
		color: #000000;
		text-decoration:none;
		}
a.menu:hover		{
		color: #FF0000;
		text-decoration:none;
		}

a.gal	{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}


a.a16	{
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

a.a16:link 		{
		color: #000000;
		text-decoration:none;
		}

a.a16:visited	{
		color: #000000;
		text-decoration:none;
		}

a.a16:active	{
		color: #000000;
		text-decoration:none;
		}
a.a16:hover		{
		color: #FF0000;
		text-decoration:none;
		}
		
a.a14	{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

a.a14:link 		{
		color: #000000;
		text-decoration:none;
		}

a.a14:visited	{
		color: #000000;
		text-decoration:none;
		}

a.a14:active	{
		color: #000000;
		text-decoration:none;
		}
a.a14:hover		{
		color: #FF0000;
		text-decoration:none;
		}