@charset "utf-8";
/* CSS Document */

/** SZKIC GLOWNY STRONY */

img{
    max-width: 100% !important;
    height: auto;
    display: block;
	border:none;
}

#img-responsive{
    max-width: 100% !important;
    height: auto;
    display: block;
	border:none;
}

.img-responsive-oferta{
    max-width: 100% !important;
    height: auto;
    display: block;
	border:none;
	clear:both;
}

html {
	/*color: #000;*/

}

a{
	/*color:green;*/
	text-decoration: none;
	color:#9f9f9f;
}


a:hover
{
	/*text-decoration:underline;*/
	color:#0990e8;
}

h1{
	
	font-size:16px;
	font-weight:normal;
	color:#000000;
	margin:0px;
	padding:0px;
	
	/*line-height:20px;*/
}

h1:hover{
	color:#0990e8;
	/*text-decoration:underline;*/
}

h2{
	font-size: 16px;
	color:#534d4c;
	margin:0px;
	padding:0px;
	
	font-weight:400;
}

h2 a:hover{

	color:#e2e2e2;

}

h3{
	font-size:14px;
	color:#9f9f9f;
	
	line-height:12px;
	margin:0px;
	padding:0px;
}

h4{
	font-size:15px;
	color:#1d1615;
	
	line-height:12px;
	margin:0px;
	padding:0px;
}



h5{
	font-family: 'Dosis', sans-serif; font-weight: 300;
	font-size: 14px;
	color:#395999;
	font-weight:400;
	text-decoration:none;
	text-shadow:white;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	
}

body {
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;

	background-color:white;
	
	font-family: 'Dosis', sans-serif; font-weight: 300;
	font-size: 16px;
	/** kolor szary jak w content lewa strona*/
	color:#9f9f9f;

}

img{
	border:none;	
}

p{font-size:14px; font-weight:400; color:#000000;}

/*
a{
	color:#e8e8df;
	text-decoration: none;
}


a:hover
{
	color:#CCC;
	text-decoration:underline;
}
*/

#STOPKA__2{
	padding:0px;
	padding-top:0px; 
	float:right; 
	text-align:right; 
	max-width:380px; 
	background-color:none; 
	color:#000000;
}

#STOPKA__{
	float:left; 
	padding:20px; 
	padding-top:15px;
	padding-right:0px;
	padding-left:0px;
	text-align:left; 
	max-width:500px; 
	background-color:none; 
	color:#000000;

}



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

#STOPKA__ a:hover{
	color:#0990e8;
	text-decoration: none;
}

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

div.a1 a
{
	font-size:15px;
	color:#7e7e7e;
	text-decoration: none;
}


div.a1 a:hover
{
	color:#0990e8;
	text-decoration:none;
}

div.aa1 a
{
	font-size:11px;
	color:#545454;
	text-decoration: none;
}


div.aa1 a:hover
{
	color:#a21108;
	text-decoration:underline;
}

.ba1
{
	font-size:14px;
	color:#9f9f9f;
	text-decoration: none;
}


.ba1:hover
{
	color:#a21108;
	text-decoration:underline;
}

.hr{
	max-width: 100%;
	/*background: url(moja_kreska.gif) 50% 50% no-repeat;*/
	background-color:none;
	color:#CCC;
	height: 1px;
	font-size: 0;

}

#KONTENER_TOP{
	max-width: 1024px;
	height:86px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(./gfx/grzejnikihoss_tlo__01.webp);
	background-repeat:none;
	background-color:none;*/
}

#KONTENER_TOP_KOLKA{
	max-width: 1024px;
	height:915px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(./gfx/grzejnikihoss_tlo__01.webp);
	background-repeat:none;
	background-color:none;*/
}

#TOP {

	background-color:white;
	height:1001px;
	
	background-image:url(./gfx/tworzeniestronwarszawa_01.webp);
	background-repeat:no-repeat;
	background-position:center;

}

#KONTENER_TOP_2{
	max-width: 1024px;
	height:87px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#TOP_2 {
	background-color:white;
	height:87px;
}

#TOP_3 {
	background-image:url(./gfx/tworzeniestronwarszawa_tlo2_02.webp);
	background-repeat:repeat-y;
	background-position:center;
	

}

#KONTENER_NAGLOWEK {
	max-width: 1024px;
	height:215px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;

}

/*.zaufaj_najlepszym_portfolio_home{margin-top:-41px; margin-left:683px; max-width:341px; padding-top:-10px;}*/
.zaufaj_najlepszym_portfolio_home{ float:right; background-color:none; z-index:999; margin-top:-42px; margin-right:0px; padding-right:0px;}

#NAGLOWEK {
	height:215px;
	background-color: none;
	margin-top:-15px;

	/*background-image:url(./gfx/tworzeniestronwarszawa_02.webp);
	background-repeat:no-repeat;
	background-position:center;*/
}

#NAGLOWEK_2 {
	clear:both;
	
	margin-top:0px;
	height:100%;

	/*background-image:url(./gfx/tworzeniestronwarszawa_tlo2_02.webp);
	background-repeat:repeat-y;
	background-position:center;*/
}

#KONTENER_PODNAGLOWEK {
	max-width: 1024px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	
}

.NAGLOWEK_2_PTASZKI {
	/*margin-left:auto;
	margin-right:auto;
	margin-right:1000px;
	height:1643px;
	max-width:595px;
	
	background-image:url(./gfx/tworzeniestron_tlo_ptaki.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;*/


	
}

#OFERTA_CONTENT{
	max-width:739px;
	min-height:2879px;
	
	background-image:url(./gfx/tworzeniestron_2B_content2.webp);
	background-repeat:no-repeat;
}

.oferta_tworzenie_stron_internetowych{
	height:493px;
	color:#0e1b1a;
	
	background-color:none;
	text-align:center;
	line-height:normal;
}

.oferta_tworzenie_stron_internetowych a:hover{
	color:white;

}

.oferta_tworzenie_sklepow_internetowych{
	height:270px;
	color:#0e1b1a;
	
	background-color:none;
	text-align:left;
	line-height:normal;
}

.oferta_tworzenie_sklepow_internetowych a:hover{
	color:#d52943;

}

.oferta_inteligentne_strony_www{
	height:614px;
	color:#0e1b1a;
	
	background-color:none;
	text-align:left;
	line-height:normal;
}

.oferta_inteligentne_strony_www a:hover{
	color:#ed7016;

}

.oferta_projektowanie_graficzne{
	height:378px;
	color:white;
	
	background-color:none;
	text-align:center;
	line-height:normal;
}

.oferta_projektowanie_graficzne a:hover{
	color:#fcd201;

}

.oferta_systemy_cms{
	height:234px;
	color:#0e1b1a;
	
	background-color:none;
	text-align:left;
	line-height:normal;
}

.oferta_systemy_cms a:hover{
	color:white;

}

.oferta_biznes_plan{
	height:230px;
	color:#a7a7a7;
	
	background-color:none;
	text-align:left;
	line-height:normal;
	
}

.oferta_biznes_plan a:hover{
	color:#0e1b1a;

}

.oferta_mobilne_strony_internetowe{
	height:123px;
	color:white;
	
	background-color:none;
	text-align:center;
	line-height:normal;
}

.oferta_mobilne_strony_internetowe a:hover{
	color:#e9c589;

}

.oferta_marketing_internetowy{
	height:123px;
	color:white;
	
	background-color:none;
	text-align:left;
	line-height:normal;
}

.oferta_marketing_internetowy a:hover{
	color:#657a8e;

}


.oferta_formularz_kontaktowy{
	height:414px;
	color:#0e1b1a;
	
	background-color:none;
	text-align:center;
	line-height:normal;
}

#KONTENER_NAGLOWEK_2_OFERTA {
	margin-left:auto;
	margin-right:auto;
	min-height:1591px;
	
	background-image:url(./gfx/tworzeniestronwarszawa_tlo2_01_2.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	
}

#KONTENER_NAGLOWEK_2 {
	margin-left:auto;
	margin-right:auto;
	min-height:138px;
	
	background-image:url(./gfx/tworzeniestronwarszawa_tlo2_01.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	
}

#KONTENER_NAGLOWEK_2_INSIDE{
	max-width: 1024px;
	
	margin-left:auto;
	margin-right:auto;

}

.KONTENER_CONTENT{float:left; max-width:738px;}
.KONTENER_MENU_LEFT{float:left;  max-width:280px;}
.KONTENER_MENU_LEFT_A{font-size:24px; font-weight:700; color:#000000; padding-left:25px; padding-top:52px;}
.KONTENER_MENU_LEFT_B{font-size:18px; font-weight:400; color:#000000; padding-left:37px; padding-top:17px;}
.KONTENER_MENU_LEFT_C{font-size:14px; font-weight:400; padding-left:45px; padding-top:15px; line-height:5px;}

#PODNAGLOWEK {
	min-height:657px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_03_.webp);
	background-repeat:no-repeat;
	background-position:center;
}

#PODNAGLOWEK_2 {
	height:2px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_03_2.webp);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
}

#KONTENER_PODPODNAGLOWEK_2 {
	max-width: 1024px;
	min-height:68px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#PODPODNAGLOWEK_2 {
	min-height:68px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_04.webp);
	background-repeat:no-repeat;
	background-position:center;
}

#KONTENER_PODPODNAGLOWEK_2b {
	display:none;
}

#PODPODNAGLOWEK_2b {
	display:none;
}

#KONTENER_PODPODPODNAGLOWEK_3 {
	max-width: 1024px;
	min-height:518px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#PODPODPODNAGLOWEK_3 {
	/*height:1536px;*/
	min-height:518px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_05_b_01.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#f3f3f3;
}

#PODPODPODNAGLOWEK_3B {
	height:1018px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_05_b_02.webp);
	background-repeat:no-repeat;
	background-position:center;
	
}

#KONTENER_PODPODPODNAGLOWEK_3B {
	max-width: 1024px;
	height:1018px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}



#PODPODPODNAGLOWEK_3_2 {
	height:1093px;
	background-color: none;
	background-image:url(./gfx/tworzeniestronwarszawa_05_2.webp);
	background-repeat:no-repeat;
	background-position:center;
}

#KONTENER_PODPODPODNAGLOWEK_3_2 {
	max-width: 1024px;
	height:1093px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#KONTENER_PODNAGLOWEK_PRODUKTY {
	max-width: 1024px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(./gfx/o_produkty_menu_top.webp);
	background-repeat:repeat;
	
	height:36px;
}

#PODNAGLOWEK_PRODUKTY {
	background-color:#d7d7d7;
	height:36px;
		
	
}



#NAGLOWEK_INTRO {
	/*background-color: #888;*/
	height:0px;
}

#NAGLOWEK2 {
	/*background-color: red;*/
	max-width: 1024px;
	height:367px;
	background-image:url(./gfx/o_02.webp);
	background-repeat:none;
}

#NAGLOWEK2_ {
	/*background-color: red;*/
	height:37px;
	background-image:url(./gfx/content_top2.webp);
	background-repeat:none;
}

#CENTER {
	max-width: 1024px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
}

#KONTENER_CENTER_{
	max-width: 1024px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	
	background-color:white;
	min-height:174px;
	
	background-image:url(./gfx/oil4you_08.webp);
	background-repeat:none;
	
}

#KONTENER_CENTER_FORMULARZ{
	max-width: 1024px;
	margin:0px;
	padding:0px;

	margin-left:auto;
	margin-right:auto;
	
	background-color:white;
	min-height:328px;
	
	/*border-top:1px #dcdcdc solid;*/
	background-image:url(./gfx/artykuly-do-biura_background_formularz.webp);
	background-repeat:repeat-y;
	
}

#CENTER_ {

	background-color:none;

}

#KONTENER_CENTER_PRODUKTY{
	max-width: 1024px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	min-height:446px;
	
}

#CENTER_PRODUKTY {

	background-color:none;
	background-image:url(./gfx/grzejnikihoss_tlo__02.webp);
	background-repeat:repeat-x;	

}

#CENTER_PRODUKTY_ {

	background-color:white;

}

#MENU {
	max-width: 260px;
	float: left;
	overflow: hidden;
	/*background-color: blue;*/
	
	padding:0px;
	padding-left:0px;
	padding-right:0px
}

#TRESC {
	/**max-width: 722px;*/
	
	min-height:300px;
	float: left;
	overflow: hidden;
	/*background-color: silver;*/
	
	/** kolor szary jak w content prawa strona
	color:#3a3a3b;*/
	padding:0px;
	margin-left:5px;
	/**margin-right:17px*/
}

/** do home.tpl */
#HOME_TRESC {
	min-height:300px;
	overflow: hidden;
	/*background-color: silver;*/
	
	/** kolor szary jak w content prawa strona*/
	color:#3a3a3b;
	padding:0px;
	margin:0px;
	padding-left:30px;
	padding-right:30px;
}

/** do glowna_home.tpl */
#GLOWNA_TRESC {
	min-height:165px;
	overflow: hidden;
	/*background-color: silver;*/
	/** kolor szary jak w content prawa strona*/
	color:#3a3a3b;
	padding:0px;
	margin:0px;

}

#HACZYK{
	clear: both;
	margin:0px;
	padding:0px;
}


#STOPKA {
	clear: both;
	max-width: 100%;
	/*background-color: #888;*/
	height:41px;
}

#STOPKA_ {
	clear: both;
	max-width: 100%;
	/*background-color: #888;*/
}

#KONTENER_STOPKA2 {
	max-width: 1024px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top:0px;
	color:#5e5d5b;

	background-color:none;
	min-height:43px;
	
}

#STOPKA2 {	
	margin-top:-65px;
	min-height:50px;
	clear: both;
	max-width: 100%;	
}

/** RESZTA STRONY */

/* ------------ menu css -------------- */
#menu_top{
	background-color:none;
	width:535px;
	
	
	float: right;
	text-align:right;

	padding-top:22px;
	

}

.menu_top_odstep{padding-right:20px;}


li#menu_top{

}

#logo_top{
}

#title{
	font-size:14px;
	/*color:#323c46;*/
	color:#534d4c;
	
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-bottom:10px;
}

#tresc_left{
	/*max-width: 722px;*/
	
	max-width: 690px;
	min-height:165px;
	float: left;
	overflow: hidden;
	/*background-color: silver;*/

	/** kolor szary jak w content prawa strona
	color:#3a3a3b;*/
	padding:0px;	

	padding-left:10px;
}

#tresc_left_glowna{
	/*max-width: 690px;*/
	
	max-width: 1024px;
	min-height:313px;
	float: left;
	overflow: hidden;
	background-image:url(./gfx/grzejnikihoss_05.webp);
	background-repeat:no-repeat;
	background-color:#d7d9d8;
	/** kolor szary jak w content prawa strona
	color:#3a3a3b;*/
	padding:0px;
}

#tresc_left_glowna_2{
	/*max-width: 690px;*/
	
	max-width: 1024px;
	min-height:313px;
	float: left;
	overflow: hidden;
	background-image:url(./gfx/grzejnikihoss_05c.webp);
	background-repeat:repeat-y;
	background-color:#d7d9d8;
	/** kolor szary jak w content prawa strona
	color:#3a3a3b;*/
	padding:0px;
}

#tresc_left_sklep{
	/*max-width: 447px;*/

	/*max-width: 693px;*/
	float: left;
	overflow: hidden;
	/*background-color: silver;*/

	/** kolor szary jak w content prawa strona
	color:#3a3a3b;*/
	padding:0px;
	padding-right:0px;
}

#tresc_right{
	max-width: 256px;
	float: right;
	overflow: hidden;
	/*background-color: blue;*/
	
	padding-right:10px;
	
}

#bottom_content{
	max-width: 739px;
	min-height:1219px;
	
	background-image:url(./gfx/tworzeniestron_2B_content.webp);
	background-repeat:no-repeat;
}

.koszyk {
	color:white;
 	font-size: 19px;
	font-weight:300;
	line-height:22px;
}
.koszyk a:hover{color:red;}

.form
{
	color:#9f9f9f;
	background-color:#e8e8df;
	font-size:11px;
	border:1px #565e64 solid;
	
	background-image:url(./gfx/null.webp);
	background-repeat:repeat;	
}

.search{
	font-family: 'Dosis', sans-serif; 
	font-weight: 300; 
	/*color:white;
	color:#0990e8;*/
	color:#d5d5d5;
	border:0px; 
	max-width:150px; 
	font-size:17px;

	background-color:transparent;
}

.form_
{
	border: 0px; 
	TEXT-DECORATION: none; 
	background-color:none;
	background-image:url(./gfx/null.webp);
	background-repeat:repeat;
	background-color: transparent;
	
	height:28px;
	max-width:141px;
	margin:0px;
	padding:0px;

	font-size:14px;
	color:#9f9f9f;
	font-family: 'Dosis', sans-serif; font-weight:300;
	/*height:24px;
	max-width:177px;*/
	/*padding-left:3px;
	border:1px #323c46 solid;*/
	/*margin-right:5px;
	border:1px #cacaca solid;*/
	text-align:left;	
}

.form_2
{
	border: 1px #9f9f9f solid;
	margin:0px;
	padding:0px;
	color:#9f9f9f;
	background-color:white;
	font-size:14px;
	font-family: 'Dosis', sans-serif; font-weight: 300;
	/*height:24px;
	max-width:177px;*/
	/*padding-left:3px;
	border:1px #323c46 solid;*/
	/*margin-right:5px;
	border:1px #cacaca solid;*/
	text-align:left;
}

.form_2a
{
	border: 1px #9f9f9f solid;
	margin:0px;
	padding:4px;
	color:#9f9f9f;
	background-color:white;
	font-size:14px;
	font-family: 'Dosis', sans-serif; font-weight: 300;
	/*height:24px;
	max-width:177px;*/
	/*padding-left:3px;
	border:1px #323c46 solid;*/
	/*margin-right:5px;
	border:1px #cacaca solid;*/
	text-align:left;
}

.form_3
{
	height:28px;
	max-width:60px;
	border: 1px #9f9f9f solid;
	margin:0px;
	padding:0px;
	color:#9f9f9f;
	background-color:white;
	font-size:14px;
	text-align:left;
}

.color{
	color:#e8e8df;
}

.color_{
	/*color:534d4c;*/
	color:#395999;
}

.menu_left_kategoria{
	color:#e8e8df;
	padding-left:10px;
	padding-bottom:3px;
	text-decoration:none;
}

.menu_left_kategoria:hover{
	text-decoration:underline;
}

.menu_left_podkategoria{
	padding-left:40px;
	padding-bottom:2px;
	font-size:12px;
	text-decoration:none;
}

.menu_left_wyszukiwarka{
	/*border: 0px; TEXT-DECORATION: none; background-color:none; background-image:url(./gfx/artykuly-do-biura_05.webp); background-repeat:none;*/
	max-width:260px;
	height:50px;
	
	font-size:24px;
	font-weight:400;
	color:black;
}

.menu_left_sklep{
	border: 0px; 
	background-color:none;
	
	/*background-image:url(./gfx/artykuly-do-biura_background_menu_left.webp);
	background-repeat:repeat-y;*/
	
	max-width:260px;
	min-height:100px;
	
	font-size:15px;
	font-weight:300;
	color:#9f9f9f;
	
	clear:both;
}
/*
.menu_left_podkategoria:hover{
	text-decoration:underline;
}
*/

/* menu_left (acordian menu jquery) */
/* -------------------------------------------------------------------------- */
.menu_list {	
	/*max-width: 150px;*/
}
.menu_head {
	/*padding: 0px 25px;*/
	padding: 0px 35px;
	cursor: pointer;
	position: relative;
	margin:0px;
    /*font-weight:bold;
    background: #eef4d3 url(left.webp) center right no-repeat;*/
}
.menu_head:hover{
  color: #0990e8;
  /*color: #999999;
  text-decoration:underline;*/
  }
.menu_body {
	display:none;
}
.menu_body a{
	display:block;
	/*color:#006699;
	background-color:#EFEFEF;*/
	padding-left:5px;
	/*font-weight:bold;*/
	text-decoration:none;
}
.menu_body a:hover{
  /*color: #000000;*/
  text-decoration:underline;
  }
  
.menu_stopka{
	font-size:14px;
	font-weight:500;
	color:#848484;
}

.menu_stopka:hover{
	color:#0990e8;
}

#stopka_kontakt{color:#000000; padding-top:205px;}

.menu_stopka_class{ line-height:16px; min-height: 20px; padding: 4px 0px !important;}

.stopka_navi{color:#000000;}
.stopka_navi:hover{color:#0990e8;}

.stopka2_navi{color:#000000; font-weight:600; padding-left:20px;}
.stopka2_navi:hover{color:#0990e8;}

.logo{color:#000000; font-weight:400; font-size:14px;}
.logo:hover{color:#0990e8;}

#kolko_top{
	background-image:url(./gfx/tworzeniestronwarszawa_stworzylismy_ponad_250_projektow.webp);
	width:258px;
	height:258px;
}

.kolko_top_kolor{padding-top:56px; padding-left:3px; margin-left:8px; color:white; text-shadow:0px 0px 4px black;}
.kolko_top_kolor:hover{/*color:#0990e8;*/ color:#fafba8;}

/*#kolko_google_partner{float:left; position:absolute; background-color:none; z-index:999; margin-left:772px; margin-top:119px;}*/
#kolko_google_partners_top{background-color:none;}
#kolko_google_partners{ float:right; background-color:none; z-index:999; margin-top:70px; margin-right:0px; padding-right:0px;}

/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/** przyciski */
.przyciski_dodaj{
	margin:0px;
	/*margin-bottom:-6px;*/
	padding:0px;
	/*padding-top:5px;*/
	height:38px;
	max-width:100px;
	border: 0px; 
	TEXT-DECORATION: none; 
	background-color:none;
	background-image:url(./gfx/null.webp);
	background-repeat:repeat;
	background-color:transparent;

	
}

.wyslij_zapytanie {
	margin:0px;
	padding:0px;
	height:33px;
	max-width:184px;
	background-image:url(./gfx/pompycieplamontaz_wyslijzapytanie.webp);
	border:none;
}

/*
.dodaj_do_koszyka {
	margin:0px;
	padding:0px;
	margin-left:250px;
	height:32px;
	max-width:162px;
	background-image:url(./gfx/dodaj_do_koszyka.webp);
	border:none;"
	
}
*/
.dodaj_do_koszyka {
	height:55px;
	max-width:257px;
	background-image:url(./gfx/o_dodaj_do_koszyka.webp);
	border:none;
	
}

.wyslij_wiadomosc {
	margin:0px;
	padding:0px;
	height:23px;
	max-width:160px;
	/*background-image:url(./gfx/o_wyslij_wiadomosc.webp);*/
	background-image:url(./gfx/anerkakel_wyslij_wiadomosc.webp);
	border:none;
}

.kupuje{
	max-width:98px;
	height:29px;
	background-image:url(./gfx/o-kupuje.webp);
	border:none;
}

.usun_wszystko{
	max-width:121px;
	height:29px;
	background-image:url(./gfx/o-usun-wszystko.webp);
	border:none;
}

.kontynuuj_zakupy{
	max-width:146px;
	height:29px;
	border:none;
}
/** formularz */
.kontynuuj{
	max-width:146px;
	height:29px;
	background-image:url(./gfx/o-kontynuuj.webp);
	border:none;
}

.powrot_do_koszyka
{
	max-width:146px;
	height:29px;
	background-image:url(./gfx/o-powrot-do-koszyka.webp);
	border:none;
}

.powrot_do_formularza
{
	max-width:170px;
	height:29px;
	background-image:url(./gfx/powrot_do_koszyka.webp);
	border:none;
}

.potwierdzenie_zamowienia
{
	max-width:229px;
	height:29px;
	background-image:url(./gfx/o-potwierdzenie-zamowienia.webp);
	border:none;
}

.powrot_do_informacje_o_dostawie
{
	max-width:229px;
	height:29px;
	border:none;
}

#podstrona{padding-left:0px; padding-top:18px; padding-bottom:0px; font-size:20px; color:#ec2529; font-weight:bold;}


      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */

      /* wygląd głównego elementu - ol */
      #menu_top ol {
        list-style-type:none;
        padding:0;
        margin:0;
        background-color:none;
        font-size:18px;
        height:2em;
        line-height:2em;
        text-align:center;
      }

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
      #menu_top ol a {
        display:block;
        text-decoration:none;
        color:#000;
        padding:0 5px;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
      #menu_top ol > li {
        float:left;
        /*max-width:250px;*/ /** -------------------------------------------------------------- */
		
        margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px; /** -------------------------------------------------------------- */
        background-color:none; /** -------------------------------------------------------------- */
        height:auto;
      }

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      #menu_top ol > li:first-child {
        margin-left:0;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu_top ol > li:hover {
        background-color:none; /** -------------------------------------------------------------- */
      }

      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu_top ol > li:hover > a {
        color:none;  /** -------------------------------------------------------------- */
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu_top ol > li:hover > ul {
        display:block;
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      #menu_top ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
      }

      /* wygląd elementu - li - w części rozwijanej */
      #menu_top ol > li > ul > li {
        position:relative;
        background-color:none; /* ------------------------ zmiana koloru menu wyskakującego ------------------------ */
      }

      /* wygląd elementu - a - w części rozwijanej */
      #menu_top ol > li > ul > li > a {
        border-top:1px solid #ebebeb;
      }

      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
      #menu_top ol > li > ul > li:hover {
        background-color:none; /* ------------------------ zmiana koloru menu wyskakującego PO KLIKNIĘCIU ------------------------ */
      }

      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      #menu_top ol > li > ul > li:hover > a {
        color:#09C;
      }
	  
/* ---------------------------------------------------------- */
.menu_right{
	color:#000000;
}  

.menu_right:hover{
	
} 

/* ---------------------------------------------------------- */ 

.kafelek1{
	padding-top:134px;
	width:25%;
	background-color:none;
	float:left;
	margin-left:0px;
}

.kafelek2{
	padding-top:134px;
	width:25%;
	background-color:none;
	float:left;
	margin-left:0px;
}

.kafelek3{
	padding-top:134px;
	width:25%;
	background-color:none;
	float:left;
	margin-left:0px;
}

.kafelek4{
	padding-top:134px;
	width:25%;
	background-color:none;
	float:left;
	margin-left:0px;
}

.kafelki_home_top1{
	padding-top:78px; 
	width:20%; 
	background-color:none; 
	float:left; 
	padding-right:6%;

}

.kafelki_home_top2{
	padding-top:78px; 
	width:20%; 
	background-color:none; 
	float:left; 
	padding-right:6%;
}

.kafelki_home_top3{
	padding-top:78px; 
	width:20%;  
	background-color:none; 
	float:left; 
	padding-right:6%;

}

.kafelki_home_top4{
	padding-top:78px; 
	width:20%; 
	background-color:none; 
	float:left; 
}

.kafelki_home_top5{
	padding-top:78px; 
	width:20%; 
	background-color:none; 
	float:left; 
	clear:both;
	padding-right:6%;
}

.kafelki_home_top6{
	padding-top:78px; 
	width:25%; 
	background-color:none; 
	float:left; 

}

#content_dynamiczne_bxm_article{padding-left:0px; padding-top:13px; font-size:14px; font-weight:400; color:#000000; padding-right:40px; background-color:white;}
#content_dynamiczne_naglowek{font-size:30px; font-weight:800; color:#000000; padding-left:0px; padding-top:45px; background-color:white;}
#content_dynamiczne_portfolio{ background-color:white; color:black; font-size:14px;}
#content_dynamiczne_all{ background-color:white;}

.juz_10_lat_home{float:left; position:absolute; background-color:none; z-index:999; margin-left:605px; margin-top:755px;}

.naglowek_1{font-size:92px; font-weight:800;}
.naglowek_2{font-size:51px; font-weight:800; margin-top:-15px;}
.naglowek_3{font-size:24px; font-weight:800; margin-top:5px;}

.zadzwon_footer_bottom{padding-bottom:11px; float:left; padding-left:10px; padding-right:20px;}
.email_footer_bottom{font-size:18px; font-weight:800; float:left; padding-left:10px;}

#menu_stopka2_navi_2{display:none;}

.zostaw_nam_swoj_numer_stopka{ clear:both; padding-top:1px; padding-right:10px;}

.kafelki_home_top7{display:none;}

/* ========================================
   MOBILE HAMBURGER MENU STYLES
   ======================================== */

/* Hamburger Menu Toggle Button */
.mobile-menu-toggle {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(9, 144, 232, 0.9);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.mobile-menu-toggle:hover {
    background: rgba(9, 144, 232, 1);
    transform: scale(1.05);
}

/* Hamburger Lines */
.hamburger-line {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 3px 0;
    transition: all 0.3s ease;
    border-radius: 2px;
}

/* Hamburger Animation when Active */
.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
    transform: rotate(-45deg) translate(-6px, 6px);
}

.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
    transform: rotate(45deg) translate(-6px, -6px);
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
}

/* Mobile Slide Menu */
.mobile-slide-menu {
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100%;
    background: white;
    z-index: 9999;
    transition: right 0.3s ease;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.mobile-slide-menu.active {
    right: 0;
}

/* Mobile Menu Header */
.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #0990e8;
    color: white;
    position: sticky;
    top: 0;
}

.mobile-menu-title {
    font-size: 20px;
    font-weight: 600;
}

.mobile-menu-close {
    font-size: 30px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.mobile-menu-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Mobile Menu Content */
.mobile-menu-content {
    padding: 0;
}

.mobile-menu-info {
    padding: 20px;
    background: #0990e8;
    color: white;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Mobile Menu List */
.mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-list li {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-menu-list li:last-child {
    border-bottom: none;
}

.mobile-menu-list a {
    display: block;
    padding: 18px 20px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}

.mobile-menu-list a:hover {
    background: #f8f9fa;
    color: #0990e8;
    padding-left: 30px;
}

.mobile-menu-list a::after {
    content: '→';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-menu-list a:hover::after {
    opacity: 1;
}

/* Mobile Menu Highlight */
.mobile-menu-highlight {
    padding: 20px;
    background: #fffeb0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    margin: 20px;
    border-radius: 8px;
    border-left: 4px solid #0990e8;
}

.menu_mobile_top{display:none;}
.header{}

#OFERTA_CONTENT2 { display:none;}
#bottom_content2 { display:none;}

@media only screen and (max-width: 1050px) {
	.kafelki_home_top1{
		padding-left:10px;
	}
	
	.kafelki_home_top5{
		padding-left:10px;
	}
	
	#KONTENER_NAGLOWEK{padding-left:10px;}
	.zaufaj_najlepszym_portfolio_home{ float:right; background-color:none; z-index:999; margin-top:-33px; margin-right:0px; padding-right:0px;}
	
	#KONTENER_PODPODPODNAGLOWEK_3{padding-left:10px;}
	
	/*#PODPODNAGLOWEK_2 {
		background-image:url(./gfx/tworzeniestronwarszawa_04_.webp);
	}*/
	
	#PODPODNAGLOWEK_2 {
		display:none;
	}
	
	#KONTENER_PODPODNAGLOWEK_2b {
		display:block;
		max-width: 1024px;
		min-height:38px;
		margin:0px;
		padding:0px;
		margin-left:auto;
		margin-right:auto;
		background-color:none;
	}
	
	#PODPODNAGLOWEK_2b {
		display:block;
		max-height:38px;
		background-color: none;
		background-image:none;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.KONTENER_PODPODNAGLOWEK_LOGO_1{ width:32%; float:right; margin: auto 0;}
	.KONTENER_PODPODNAGLOWEK_LOGO_2{ width:32%; float:right; margin: 0 auto;}
	.KONTENER_PODPODNAGLOWEK_LOGO_3{ width:32%; float:right; margin: 0 auto;}
	.KONTENER_PODPODNAGLOWEK_LOGO_1b{ width:2%; float:right; margin: 0 auto;}
	
}

@media only screen and (max-width: 950px) {
	/*#KONTENER_MENU_LEFT{float:left;}*/
	.KONTENER_MENU_LEFT_A{font-size:24px; font-weight:700; color:#000000; padding-left:15px; padding-top:52px;}
	.KONTENER_MENU_LEFT_B{font-size:16px; font-weight:400; color:#000000; padding-left:15px; padding-top:17px;}
	.KONTENER_MENU_LEFT_C{font-size:14px; font-weight:400; padding-left:15px; padding-top:15px; line-height:5px;}
	
	.zaufaj_najlepszym_portfolio_home{ float:right; background-color:none; z-index:999; margin-top:-33px; margin-right:0px; padding-right:0px;}
	
	.kafelki_home_top2{
		width:20%; 
		padding-right:2%;
	}
	
	#STOPKA2 {	
		margin-left:10px;
		margin-right:10px;
	}
	
}
@media only screen and (max-width: 895px) {

}

@media only screen and (max-width: 917px) {
	.KONTENER_MENU_LEFT{ display:none;}   
	#OFERTA_CONTENT2 { display:block; width:auto;}
	#bottom_content2 { display:block;}
	
	.KONTENER_CONTENT { float:none; margin-left:auto; margin-right:auto; max-width:1000px;}
	
	#content_dynamiczne_bxm_article{padding-right:0px;}

	#NAGLOWEK_2 {}
	
	#TOP_3 {background-image:none;} 
	 
	#KONTENER_NAGLOWEK_2_OFERTA {background-image:none;} 
	#KONTENER_NAGLOWEK_2 {background-image:none;} 
	.KONTENER_CONTENT{}
	
	.kafelki_home_top5{
		padding-top:42px; 
	}
	
	.kafelki_home_top6{
		padding-top:42px; 
	
	}
	
	#OFERTA_CONTENT{
		display:none;
	}	
	
	#bottom_content{
		display:none;
	}
	
	#tresc_left{
	/*max-width: 722px;*/
	
	width: 1000px;
	}
	
.bottom_content_czlowiek_kontakt{ clear:both; width:100%;}
.bottom_content_czlowiek_kontakt_left{ width:40%; float:left;}
.bottom_content_czlowiek_kontakt_right{ width:60%; float:left;}

.bottom_content_2_stopka{ width:100%; height:100%; clear:both; background-color:#e2f0fd;}
.bottom_content_2_stopka2{ width:40%; float:left; background-color:#e2f0fd;}
.bottom_content_2_stopka3{ width:60%; float:left; background-color:#e2f0fd;}

.bottom_content_3_stopka{ width:100%; height:100%; clear:both; background-color:#1a719e;}
.bottom_content_3_stopka2{ width:40%; float:left; background-color:#1a719e;}
.bottom_content_3_stopka3{ width:60%; float:left; background-color:#1a719e;}

	
}

@media only screen and (max-width: 855px) {
	.menu_top_odstep{padding-right:10px;}
}

@media only screen and (max-width: 810px) {
	.menu_top_odstep{padding-right:4px;}
}

	@media only screen and (min-width: 790px) {
		#logotyp_tworzeniestronwarszawa2{ display:none;}
	}

@media only screen and (max-width: 790px) {
	
	#logotyp_tworzeniestronwarszawa{ display:none;}
	
}


@media only screen and (max-width: 800px) {
	.kafelki_home_top5{
		padding-top:22px; 
	}
	
	.kafelki_home_top6{
		padding-top:22px; 
	
	}	
	.kafelki_home_top2{
		width:18%; 
		padding-right:2%;
	}
	.kafelki_home_top4{
		width:22%; 
		padding-right:2%;
	}
	
	#STOPKA__{ display:none;}
	
	#menu_stopka2_navi_2{margin-top:24px; padding-bottom:10px; padding-left:0px; display:block;}
	.stopka2_navi_2{color:#000000; color:white; font-weight:600; margin-left:50px; clear:both; text-shadow:0px 0px 2px black;}
	.stopka_adres_bottom{text-shadow:0 0 3px white; }
	
	
	#STOPKA__2{

		float:left; 
		text-align:left; 

	}
}

@media only screen and (max-width: 770px) {
	/*#PODNAGLOWEK {
		min-height:657px;
		background-color: none;
		background-image:none;
	}*/
	
	#PODNAGLOWEK {
		background-color:none;
		background-image:url(./gfx/tworzeniestronwarszawa_03_b.webp);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	.juz_10_lat_home{float:left; position:absolute; background-color:none; z-index:999; margin-left:405px; margin-top:710px;}
	
	.kafelki_home_top1{
		padding-left:10px;
		padding-top:78px; 
		width:45%; 
		background-color:none; 
		float:left; 
		padding-right:6%;
	
	}
	
	.kafelki_home_top2{
		padding-top:78px; 
		width:45%; 
		background-color:none; 
		float:left; 
		padding-right:0%;
	}
	
	.kafelki_home_top3{
		padding-left:10px;
		padding-top:78px; 
		width:45%;  
		background-color:none; 
		float:left; 
		padding-right:6%;
		clear:both;
	
	}
	
	.kafelki_home_top4{
		padding-top:78px; 
		width:45%; 
		background-color:none; 
		padding-right:0%;
		float:left; 
	}
	
	.kafelki_home_top5{
		padding-left:10px;
		padding-top:78px; 
		width:45%; 
		background-color:none; 
		float:left; 
		clear:both;
		padding-right:6%;
	}
	
	.kafelki_home_top6{
		padding-left:10px;
		padding-top:78px; 
		width:45%; 
		background-color:none; 
		float:left; 
		clear:both;
	
	}
	

}

	@media only screen and (min-width: 655px) {
		.header{ display:none;}
	}

@media only screen and (max-width: 655px) {
	#menu_top{ display:none;}
	.menu_mobile_top{ display:block;}
	
	/* Show Mobile Hamburger Menu */
	.mobile-menu-toggle {
		display: flex !important;
		position: fixed !important;
		top: 20px !important;
		right: 20px !important;
		z-index: 9999 !important;
	}
	
	/* Improve touch targets for mobile accessibility - minimal spacing */
	.menu_stopka {
		display: block;
		padding: 2px 4px !important;
		min-height: 24px;
		line-height: 1.1;
		margin: 0;
	}
	
	.stopka2_navi {
		display: block;
		padding: 2px 6px !important;
		min-height: 24px;
		line-height: 1.1;
		margin: 0;
	}
	
	.stopka2_navi_2 {
		display: block;
		padding: 2px 20px !important;
		min-height: 24px;
		line-height: 1.1;
		margin: 0;
	}
	
	.logo {
		display: block;
		padding: 2px 4px !important;
		min-height: 24px;
		line-height: 1.1;
	}
	
	/* Improve touch targets for all links - minimal */
	a {
		min-height: 24px;
		min-width: 44px;
		display: inline-block;
		padding: 2px 3px;
		line-height: 1.1;
	}
	
	/* Exception for images inside links */
	a img {
		display: block;
		padding: 0;
		min-height: auto;
		min-width: auto;
	}
	
	/* Improve menu list items - minimal */
	.menu_stopka_class {
		display: block;
		padding: 4px 0px !important;
		min-height: 20px;
		line-height: 1.1;
		margin: 0;
	}
}

/* Mobile Menu - Show only when active */
.mobile-menu-overlay {
	display: none;
}

.mobile-menu-overlay.active {
	display: block !important;
}

.mobile-slide-menu {
	display: none;
}

.mobile-slide-menu.active {
	display: block !important;
}

@media only screen and (max-width: 630px) {
	.kafelek1{
		padding-top:134px;
		width:60%;
	}
	
	.kafelek2{
		padding-top:134px;
		width:40%;
	}
	
	.kafelek3{
		padding-top:34px;
		width:60%;
		clear:both;
	}
	
	.kafelek4{
		padding-top:34px;
		width:40%;
	}
	
	.zostaw_nam_swoj_numer_stopka{padding-top:1px;}
	
	.KONTENER_PODPODNAGLOWEK_LOGO_1{ width:100%; float:left; clear:both;}
	.KONTENER_PODPODNAGLOWEK_LOGO_2{ width:100%; float:left; clear:both;}
	.KONTENER_PODPODNAGLOWEK_LOGO_3{ width:100%; float:left; clear:both;}
	.KONTENER_PODPODNAGLOWEK_LOGO_1b{ display:none;}
}

@media only screen and (max-width: 390px) {
	.kafelek1{
		padding-top:134px;
		width:50%;
	}
	
	.kafelek2{
		padding-top:134px;
		width:50%;
	}
	
	.kafelek3{
		padding-top:34px;
		width:50%;
		clear:both;
	}
	
	.kafelek4{
		padding-top:34px;
		width:50%;
	}
}

@media only screen and (max-width: 330px) {
	.kafelek1{
		padding-top:134px;
		width:100%;
	}
	
	.kafelek2{
		padding-top:34px;
		width:100%;
		clear:both;
	}
	
	.kafelek3{
		padding-top:34px;
		width:100%;
		clear:both;
	}
	
	.kafelek4{
		padding-top:34px;
		width:100%;
		clear:both;
	}
}

@media only screen and (max-width: 720px) {
	.naglowek_1{font-size:90px; font-weight:800;}
	.naglowek_2{font-size:45px; font-weight:800; margin-top:-10px;}
	.naglowek_3{font-size:20px; font-weight:800; margin-top:10px;}
	
	.kafelki_home_top1{
		padding-top:78px; 
		
	
	}
	
	.kafelki_home_top2{
		padding-top:78px; 
	}
	
	.kafelki_home_top3{
		padding-top:38px; 
	
	}
	
	.kafelki_home_top4{
		padding-top:38px;  
	}
	
	.kafelki_home_top5{
		padding-top:38px; 
	}
	
	.kafelki_home_top6{
		padding-top:38px; 
	
	}
	
	.menu_stopka_class{ line-height:25px; min-height: 20px; padding: 4px 0px !important;}
	.stopka2_navi_2{ line-height:25px;}
}



@media only screen and (max-width: 630px) {
	.naglowek_1{font-size:65px; font-weight:800;}
	.naglowek_2{font-size:35px; font-weight:800; margin-top:0px;}
	.naglowek_3{font-size:25px; font-weight:800; margin-top:10px;}
	
	.zaufaj_najlepszym_portfolio_home{ float:left; background-color:none; z-index:999; margin-top:10px; margin-right:0px; padding-right:0px; max-width: 100% !important; height: auto;}
}

@media only screen and (max-width: 490px) {
	.naglowek_1{font-size:50px; font-weight:800;}
	.naglowek_2{font-size:30px; font-weight:800; margin-top:0px;}
	.naglowek_3{font-size:20px; font-weight:800; margin-top:10px;}
}


@media only screen and (max-width: 330px) {
	.naglowek_1{font-size:44px; font-weight:800;}
}

@media only screen and (max-width: 585px) {
	.zadzwon_footer_bottom{padding-bottom:11px; float:left; padding-left:10px; padding-right:0px;}
	.email_footer_bottom_ing{ clear:both;}
	.email_footer_bottom{ font-size:18px; font-weight:800; float:left; padding-left:10px;}
	
}

@media only screen and (max-width: 570px) {
	.juz_10_lat_home{float:left; position:absolute; background-color:none; z-index:999; margin-left:205px; margin-top:710px;}
}

@media only screen and (max-width: 390px) {
	.juz_10_lat_home{float:left; background-color:none; z-index:999;  margin-left:20px; margin-top:710px;}
	/*#juz_10_lat_home_jpg_kolko{float:right; margin-left:auto; margin-right:0px;}*/
}


@media only screen and (max-width: 450px) {
	.kafelki_home_top1{
		width:100%;
		padding-top:78px; 
		background-color:none; 
		padding-left:10px;
		clear:both;
		padding-right:0%;
	}
	
	.kafelki_home_top2{
		width:100%;
		padding-top:37px; 
		background-color:none; 
		padding-left:10px;
		clear:both;
		padding-right:0%;
	}
	
	.kafelki_home_top3{
		width:100%;
		padding-top:37px; 
		background-color:none; 
		padding-left:10px;
		clear:both;
		padding-right:0%;
	
	}
	
	.kafelki_home_top4{
		width:100%;
		padding-top:37px; 
		background-color:none; 
		padding-left:10px;
		clear:both;
		padding-right:0%;
	}
	
	.kafelki_home_top5{
		width:100%;
		padding-top:37px; 
		background-color:none; 
		padding-left:10px;
		clear:both;
		padding-right:0%;
	}
	
	.kafelki_home_top6{
		width:100%;
		padding-top:37px; 
		background-color:none; 
		padding-left:10px;
		clear:both; 
		padding-right:0%;
	
	}
	
	.kafelki_home_top7{width:100%; padding-top:0px; clear:both; height:345px; display:block; padding-right:0%;}
	
	#PODNAGLOWEK {
		background-color:none;
		background-image:url(./gfx/tworzeniestronwarszawa_03_c.webp);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	

	
}
@media only screen and (max-width: 378px) {
	#logotyp_tworzeniestronwarszawa2{ display:none;}
	#logotyp_tworzeniestronwarszawa3{
		min-width:243px;
		min-height:74px;
		background-color:none;
		background-image:url(./gfx/tworzeniestronwarszawa_logo_mini2.webp);
		background-repeat:no-repeat;
		
		background-color:none;
	}

}

.resize_image {
display: inline;
}

 .resize_image img {
border: 1px solid #9aa4b1;
padding: 5px;
display: inline;
margin: 0;
}

       
.resize_image p {
border: 1px solid #9aa4b1;
border-top: none;
padding: 5px;
color: #464c55;
margin: 0;
font-size: 14px;
padding: 5px;
height: 17px;
text-align: center;
}


</style>
