/* Okno przeglądarki o szerokości pomiędzy 800px a 1280px */ 


html, body {
	font-family: "Source Sans Pro",sans-serif;
	font-size: 14px;
	margin:0px;
	color:#000;
	height:100%;
	background:#FFF
	
}
h1 {
  clear: none;
  display: inline;
  font-size: 17px;
  font-weight: 100;
  margin: 0;
  padding: 5px 5px 5px 10px;
}
h2, h3, h4, strong{font-family: Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin:0px;
	color:#f4f4f4;clear:none;display:inline;
	font-weight:normal;
	color:inherit;
	}
a{text-decoration:none;color:inherit}
#steps{background: transparent url('img/steps-bg.png') no-repeat scroll center 46px / contain ;  float: left;  margin: 10px 15%;  width: 70%;}
#steps .step-icon {
  background: transparent url('img/grad-grey.png') repeat-x scroll left top / auto 100%;
  border: 1px solid #c7c7c8;
  border-radius: 4px;
  color: #0082d5;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 37px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  text-align: center;
  width: 102px;
  margin:0px auto;
  float:none
}
.step		{width:20%;margin:2%;float:left}
.step-icon	{float:left;}

.step .heading{margin:10px 0;width:100%;float:left;text-align:center;font-size:16px;color:#444}
.step .content{
	margin: 10px 0;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #0082d5;
}

.und_mot{font-size:12px;color:grey}
.rybaki		{width:100%;background-image: url('img/tlo2.PNG');height:498px;float:left;padding:none;}
.wrybakach	{float:left; width:auto; margin-left:15%;margin-top:38px;}
.wryb_tit	{float:left;width:90%;color:#fff;font-size:26px;padding:10px 5px}
.wryb_blue	{float:left;min-width:200px;min-height:150px;background:rgba(0, 130, 213, 0.9); border-radius:6px; padding:8px}

.zarow_txt	{width:70%;margin:10px 15%;float:left;color:grey;font-size:13px;}
.zarow_img	{float:left;margin:0 10px}
.midtit		{font-family: sans-serif;width:70%;margin:30px 15%;float:left;color:grey;font-size:24px;text-align:center;font-weight:regular;}
.motur		{width:100%;background-image: url('img/tlo1.PNG');height:447px;float:left;padding:none;}
.inmotur	{float:left; width:auto; margin-left:15%;margin-top: -72px;}
.zlozwnio	{float:left;width:100%;color:#fff}
.hhold {
  background: #0082d5 none repeat scroll 0 0;
  border-radius: 0 8px 8px 0;
  color: #fff;
  height: 153px;
  padding: 23px 0 0 29px;
  position: relative;
  right: -526px;
  top: 203px;
  width: 325px;
}
.rekin2		{width:320px;float:left;background:#fff; border-radius:6px; padding:8px}
.tfiefocie	{width:70%;float:left;margin:30px 15%;text-align:center; }
.in_tf		{float:left;width:49.9%;text-align:center; }
.in_tf > img {  border-radius: 15px 15px 0 0;width:90%}
.tf_under	{float:left;width:80%;margin:10px 10% }
.tf_num		{width:10%;color:#0082d5;float:left;font-size:30px  }
.tf_opis	{width:90%;float:left;font-size:12px;text-align:left;padding:0px }
.thr_focie	{width:70%;float:left;margin:30px 15%;text-align:center; }
.comment	{float:left;width:33.33%;text-align:center; }
.com_img	{width:50%;border-radius:100%; }
.com_dane	{float:left;width:80%;margin:10px 10% }
.com_imie	{width:100%;color:#000;float:left;font-size:18px }
.com_data	{width:100%;color:#0082d5;float:left;font-size:14px }
.com_opis	{width:100%;float:left;font-size:15px;padding:0px }
.footer		{font-family: sans-serif;width:70%;margin:30px 15%;float:left;color:grey;font-size:18px;text-align:center;font-weight:regular; }

#trudne		{width:70%;float:left;color:grey;margin:30px 15%;padding:28px 0;text-align:center;background-color:#EEEEEE}
#trud1		{float:left;font-size:29px;width:84%;margin:7px 8%;font-family: "Source Sans Pro",sans-serif;text-align:left}
#trud2		{float:left;font-size:29px;width:84%;margin:7px 8%;font-family: "Source Sans Pro",sans-serif;text-align:left}

#trudne ul {  float: left;  list-style-image: url("img/shield.png");  margin: 15px 0 0 6%;  text-align: left;  width: 35%;}
#trudne	ul li{margin:5px 0 ;font-size:18px;float:left;width:100%;}

@media screen and (max-width: 700px) {
#trudne ul {float: left;  list-style-image: url("img/shield.png");  margin:0px 0 0 6%;  text-align: left;  width: 70%;}
#trudne	ul li{margin:5px 0 ;font-size:18px;float:left;width:100%;}
}
@media screen and (max-width: 600px) {
.in_tf		{width:100%;}
.comment	{width:100%;}
#steps		{background:transparent url('img/pion.png') no-repeat scroll 55px center / contain;  width:100%;margin:0;}
.step		{width:100%;}
.step-num   {width:35%;float:left}
.step_data  {width:65%;float:left}
#steps .step-icon {   width: 78px}
.rekin2		{width:100%;margin:0;overflow:hidden}
.rekin2 img {width:100%}
.in_tf img {width:90%}
.in_tf		{width:100%;text-align:center; }
.step .heading{margin:2px 0;text-align:left;font-size:15px}
.step .content{margin:2px 0;text-align:left;font-size:15px;}
.tfiefocie	{width:100%;float:left;margin:10px 0;text-align:center; }
.tf_under	{float:left;width:100%;margin:3px 0; }
.inmotur	{margin-left:0;margin-top:10px}
.hhold		{display:none}
.wrybakach	{margin-left:2px}
}