/*	Resets ------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, #footer, header, nav, #section, summary, time, mark, audio, video , a img{ margin: 0;padding: 0;border: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, header, nav, audio, video, #section, #footer{ display: block; }
/*	Typography presets */
h1 {font-size: 25px;	line-height: 26px; letter-spacing: -1px; border: 1px solid #CBC7C7;	border-radius: 4px; padding:0 5px;  margin:0 5px; 
		background-color:rgb(229, 199, 78); }
h2 {	font-size: 22px; line-height: 22px;	background-color: #E8E3E3; margin-bottom: 3px;	padding-top: 0; padding-right: 5px; padding-bottom: 0;
	padding-left: 5px; border: 4px double #A3A0A0; margin-top: 1px; border-radius: 7px; }
h3 {	font-size: 20px; line-height: 20px;	margin: 3px 5px; border: 1px solid #6F7070; border-radius: 5px; padding-top: 2px; padding-right: 7px; padding-bottom: 2px;	padding-left: 7px; }
h4 {	font-size: 19px;line-height: 19px;margin-top: 10px;}
h5 {	font-size: 18px;line-height: 18px;margin: 10px;}
h6 {	font-size: 17px;line-height: 17px;margin: 10px;}
.kat{ font-size:16px;color:black;font-weight:normal; }
.kat3{ font-size:16px;color:#454545;font-weight:bold;TEXT-DECORATION:underline; }
.kat2:link {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:none;}
.kat2:visited {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:none;}
.kat2:hover {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:underline;}
.kat7:link {   font-size:16px;color:#606060; font-weight:bold; TEXT-DECORATION:none;}
.kat7:visited {   font-size:16px;color:#606060; font-weight:normal; TEXT-DECORATION:none;}
.kat7:hover {   font-size:16px; color:#606060; font-weight:normal; TEXT-DECORATION:underline;}
.lewo {text-align: left; margin: 0 0 0 15px;}
.prawo{text-align: right; margin: 0 15px 0 0;}
.small{ font-size: 13px; line-height: 18px; }
.pomarancz{ color: #FF8802; }
.zielony{ color: #07B84D; }
.mniejsze {font-size: 12px;color: #A5A5A5}
.ciemniejszy {font-weight: bold;}
.podkreslony {text-decoration: underline; }
.red {color: red;}
.dwukropek2 {  color:#FF9900; font-size:16px;   padding-left: 2px; font-weight:bold; }
.g3 {	padding:0px 0px 0px 2px; font-size:18px;color:#008000;font-weight:bold;	font-family:  "DejaVu Sans","Lucida Grande", Verdana, sans-serif;	text-align: left; }
.g33 {	padding:0px 0px 0px 12px; font-size:20px;color:#FF3300;font-weight:bold;font-family:"Times New Roman", arial; }
.g4 {	padding:0px 0px 0px 2px;font-size:20px;color:black;font-weight:bold;font-family:arial;FONT-STYLE: italic; }
.errorform2 {border: solid 1px #009900;	background-color: #EFFFEF; text-align: center;	font-size:15px;color:black;font-weight:normal;	font-family:tahoma; }
.errorform {	border: solid 1px #FF8383;	background-color: #FFEFEF; text-align: center;	font-size:15px;color:black;font-weight:normal;	font-family:tahoma; }
.pakiety{ text-align:center; }
.a_pakiety:link {font-size: 16px; color: #004891; font-weight: bold; TEXT-DECORATION: none; background-color: #CDF5F5; display: block; margin: 20px; 	padding: 5px; border-radius: 5px;}
.a_pakiety:visited {color:#878787;}
.a_pakiety:hover {color: #CDF5F5;background-color: #004891;TEXT-DECORATION: underline;}
.link_firmy:hover {	background-color:hsla(200,78%,81%,1.00); -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear;}
.opis_link_firmy { font-size: 15px; text-align: right; color: hsla(358,98%,65%,1.00); font-weight: bold;}
.link_firmy {border: 1px solid hsla(0,1%,46%,1.00); padding: 8px 15px; border-radius: 8px; background-color: hsla(201,59%,92%,1.00);	display: inline-block;	font-size: 16px; color: #004891; font-weight: bold;	TEXT-DECORATION: none;}
.dodaj_koment {	border: 1px solid hsla(0,1%,46%,1.00); padding: 2px 15px; border-radius: 8px; background-color: #D4FFFF; display: inline-block;	font-size: 10px; color: #787878; font-weight: bold;	TEXT-DECORATION: none;}	
.dodaj_koment:hover { background-color:hsla(200,78%,81%,1.00); -webkit-transition: all .8s linear; -moz-transition: all .8s linear;	-ms-transition: all .8s linear;	-o-transition: all .8s linear;	transition: all .8s linear;}
/* przycisk powrotu do poprzedniej strony */	
.powroty:link {   font-size:14px; color:#0C0C0C; font-weight:normal;TEXT-DECORATION:none; background-color: #DEFFF9; border-radius: 5px; display:inline-block; 	padding:5px 5px;  margin:0 5px; width:auto; text-align:left;}
.powroty:hover {TEXT-DECORATION:underline;background-color: hsla(201,59%,92%,1.00);} 
/* artykuły*/
.jeden {background-color:#C7F8BF; border-radius: 7px; padding:5px;  margin:7px 10px;}
.dwa {background-color:#EBF3FF; border-radius: 7px; padding:5px; margin:7px 0;}
.trzy {background-color:#FFFFAA; border-radius: 7px; padding:5px;  margin:7px 0;}
.jeden_koment2 {background-color:#C7F8BF; border-radius: 7px; padding:5px;  margin:7px 0 7px 40px;}
.fb-page {float: left; margin:7px 40px 7px 7px;}
.seo {margin:0 10px; background-color:#C3C3C3; border-radius: 10px;}
#art_polecane amp-img{float: left; margin: 5px; padding: 5px;}
#art_polecane div{float: left; height:150px; max-width:550px; min-width:400px; background-color:#EBF3FF; margin: 5px; padding: 5px;}
/* Selection colours (easy to forget) */
body {-webkit-tap-highlight-color: rgb(255,255,158);}
/*	Default Layout: 992px */
html{background:url(strona_img/gplaypattern.png) top left repeat; margin:0 0 0 30px;}
h1,h2,h3,h4,h5,h6{ font-family:'PT Serif', Georgia, "Times New Roman", Times, serif;	font-style:italic; color:#3B4A59;}
body {	width: 90%;	padding: 1px 15px 10px 15px; margin:2px 20px 10px 20px; background-color:#ffff99; -webkit-text-size-adjust: 100%; }
body{font-family: Verdana, Geneva, sans-serif;	color:#444444;	-webkit-box-shadow:  0px 1px 4px 2px #cccccc; box-shadow:  0px 1px 4px 2px #cccccc;}
/* górne menu*/
div#menu_gora{height:30px; margin:0 5px 5px 5px; text-align:left; }
div#menu_gora ul {	display: block;	margin: 0 0 30px 0;	padding: 0 0 20px 0; list-style: none; }
div#menu_gora ul li {display: block;  float:right;  clear:none;  padding:5px 10px;  margin:0px; }
div#menu_gora ul li:hover {	background-color: #E8E8E8; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear;
-o-transition: all .8s linear; transition: all .8s linear; }	
div#menu_gora a{	font-size: 11px; color: #878787; font-weight: bold; }
div#menu_gora a:hover{text-decoration:underline; font-size:11px; color:#4875A8;}
#header{ text-align:center; background:url(strona_img/tlo.jpg) top left repeat; margin:1px 5px; padding: 1px 0; border-radius: 10px;}
div#logo {height: 60px;	background-repeat: no-repeat;background-image: url('strona_img/logo.jpg');	margin: 1px 0px 2px 0px;	background-position: center center;	background-color: hsla(0,0%,98%,1.00);	border-radius: 10px; border:solid 1px hsla(0,0%,46%,1.00);}
div#logo_text {background-color: #597897; border-radius: 7px; -moz-border-radius: 7px; -webkit-border: 7px; width: 450px;  padding: 2px 10px 2px 10px;
  margin: 10px; position:relative;  top:0px;}
#logo a { font: normal 220% arial, sans-serif;  border-bottom: 0; text-transform: none; margin: 0;}
#logo_text a, #logo_text a:hover { padding: 0; color: #FFF; text-decoration: none;}
#logo_text a span { color: #09D4FF;}
#logo_text a span:hover { color: #FFF;}
div#banery_top a amp-img{	width:100%;	height:auto; margin:5px 0; max-width:467px;	-webkit-box-shadow:  0px 1px 4px 2px #cccccc; box-shadow:  0px 1px 4px 2px #cccccc;}
#nav{border-top:1px solid #ccc;	border-bottom:1px solid #ccc;margin:24px 0;}
#nav ul {text-align:center; margin:0;}
#nav ul li{display:inline;	text-align:center; border-left:1px dotted #ccc;	padding-left:6px;}
#nav ul li:first-child{	border-left:none;}
#nav ul li a{display:inline-block;	text-align:center; font-size: 40px;	padding:12px 6px;text-decoration:none; font-weight: normal;	margin:0; color:#3B4A59;}
#nav ul li a:hover{color:#36d900; text-decoration: underline;}
#nav ul li.activ {color:#418261; background-color:#08CAE8; border-radius: 7px; padding:5px}
#section .obraz{ margin: 10px auto; border: 2px solid #5fd1cb; padding: 10px; max-width:600px;}
#content #section{margin:0 0 0 0; padding:0 16px 0 0; text-align:center;}
#content #section p{margin:10px;}
#content #section div.index div{margin:5px 15px 5px 10px; padding:0 20px 0 0; text-align:left; border: solid #D4D3D3 1px; min-height: 60px;	border-radius: 7px; background:url(strona_img/tlo.jpg) top left repeat;}
#content #section div.index div amp-img{float: left; width:40px; -webkit-box-shadow: 0px 1px 4px 2px #cccccc; box-shadow: 0px 1px 4px 2px #cccccc; margin: 10px;}
#content #section div.index a:link {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:none;}
#content #section div.index a:visited {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:none;}
#content #section div.index a:hover {   font-size:16px;color:#004891;font-weight:bold;TEXT-DECORATION:underline;}
#content #section hr{	border: none; height: 1px; color: #B3AFAF;	background-color: #333;	margin: 10px auto;	width: 90%;}
#wpis { text-align: center; background-color:#FFFFAA; border-radius: 7px; padding:0 5px;  margin:0 0 7px 0;}
#wpis #opis_dlugi{ background-color:#DEFF89;}
#opis_dlugi amp-img.duzy{ margin: 10px auto; border: 2px solid #5fd1cb; padding: 10px; max-width:700px;}
#opis_dlugi amp-img.lewo{ float: left; margin: 10px; padding: 10px;}
#komentarze {margin:35px 0;}
/*lewakol*/
div#sidebar{width:25%;margin-left:10px;float:right;line-height: 18px; background-color:#f0f0e1; border-radius: 6px; border: 3px solid #CBC7C7;}
div#sidebar div#ostatnio, div#sidebar, div#sidebar div#polecamy{margin-left:5px;font-size: 16px;}
/*nowe firmy*/	
div#sidebar div#ostatnio {padding: 0px;	margin-top: 0px;margin-bottom: 0px;}
div#sidebar div#ostatnio ul{list-style-position: inside;list-style-type: none;}
div#sidebar div#ostatnio li{padding: 5px 0;	list-style-image: url(strona_img/arrow.png); background-position: 0px 100%; background-repeat: repeat-x; background-image: url('strona_img/border_bkg.gif');	margin-left: 5px;}
div#sidebar div#ostatnio li a{text-decoration: none;color: #454545;font-weight: normal;}
div#sidebar div#ostatnio li a:hover{text-decoration: underline;} 
/*koniec nowe firmy  */
/* stopka*/		
#footer{ clear:both;}
#stopa{	text-align:center;	border-top:1px solid #ccc;	border-bottom:1px solid #ccc; margin:48px 0 0 0; font-size:16px; font-family:'PT Serif', Georgia, "Times New Roman", Times, serif;	font-style:italic;}
#stopa p{ margin:10px;}
#stopa a{text-decoration: none;	color: #444444;	margin:10px;}
#stopa a:hover{	color:#FFA100;}
/* formularz*/
.contact_form{margin:10px 0;}
.contact_form label{font-size:14px;display:block;color:#3B4A59;}
.contact_form label img{ margin:0; }
.contact_form input[type=text]{height:24px; width:80%; max-width:300px; border:1px solid #3B4A59;	line-height:24px; padding-left:12px; color:#242029;	margin:0 0 10px 0;}
.contact_form input.cyfry[type=text]{width:40px;}
.contact_form input[type=submit]{	clear:left;	display:block; height:36px;	line-height:36px; text-align:center; background-color: #85F4F2;	border-radius: 4px;	color: #060000;	border:0; cursor:pointer; font-size:14px; margin: 10px auto; padding:0 30px; font-weight: bold;}
.contact_form textarea { height:60px;	width:80%;	border:1px solid #3B4A59; line-height:14px;	padding-left:12px; color:#242029; margin:0 0 10px 0;}
.contact_form textarea.dlugi{ height:620px;	width:80%;	border:1px solid #3B4A59; line-height:14px;	padding-left:12px; color:#242029; margin:0 0 10px 0;}
/* formularz admin*/
.form_admin {margin:10px 0;}
.form_admin label{font-size:14px;display:block;color:#3B4A59;}
.form_admin label img{ margin:0; }
.form_admin input[type=text]{height:24px; width:80%; max-width:300px; border:1px solid #3B4A59;	line-height:24px; padding-left:12px; color:#242029;	margin:0 0 10px 0;}
.form_admin input.cyfry[type=text]{width:40px;}
.form_admin input[type=submit]{	clear:left;	display:block; height:36px;	line-height:36px; text-align:center; background-color: #85F4F2;	border-radius: 4px;	color: #060000;	border:0; cursor:pointer; font-size:14px; margin: 10px auto; padding:0 30px; font-weight: bold;}
.form_admin textarea { height:60px;	width:80%;	border:1px solid #3B4A59; line-height:14px;	padding-left:12px; color:#242029; margin:0 0 10px 0;}
.form_admin textarea.dlugi{ height:620px;	width:80%;	border:1px solid #3B4A59; line-height:14px;	padding-left:12px; color:#242029; margin:0 0 10px 0;}

/*	Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {	
body {	width: 90%; padding: 5px 20px 60px 20px;}	
#content #section{width:100%;float:none;}	
div#sidebar{width:100%;float:none;margin-left:0;}
}
/*	Mobile Layout: 320px. */
@media only screen and (max-width: 479px) {
html{ margin:0 0 0 10px;}
body {	width: 80%;padding: 3px 10px 60px 10px;}	
#content #section{width:100%;float:none;}	
div#sidebar{width:100%;float:none;margin-left:0;}
div#sidebar div#ostatnio, div#sidebar {margin-left:5px;}
#content #section .kat7, #content #section .kat3, #content #section .kat {display:none;}
#content #section .kat2 {font-size:20px;}
div#logo_text {width: 80%;}
div#logo { height: 150px;}
#logo a { font-size: 35px;}
div#menu_gora{height:60px;}
#art_polecane div{ min-width:180px; height:180px;}
#art_polecane amp-img{ display:none;}
.fb-page {max-width=320px; height:400px;}
}
/*	Wide Mobile Layout: 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
html{ margin:0 0 0 10px;}	
body { width: 90%;padding: 3px 22px 48px;text-align: left;margin-bottom: 20px;}	
#content #section{width: 100%;float: none;border-radius: 6px;}	
div#sidebar{width:100%;float:none;margin-left:0;}
#content #section .kat7, #content #section .kat3, #content #section .kat {display:none;}
#content #section .kat2, #content #section .dwukropek2{font-size:20px; vertical-align:-20px;}
div#sidebar div#ostatnio li{ margin:12px 0 12px 0; }
div#logo_text {width: 90%;}
}