body {
margin: 0 auto;
padding: 0;
font-family: 'Taviraj', serif;
color: #4d4d4d;
font-size: 17px;
font-weight: 400;
background: url(../img/background.png) right bottom 60px no-repeat;
}

b, strong {
font-weight: 700;
}

form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

.srodek {
margin: 0 auto;
margin-top: 0;
padding-bottom: 20px;
width: 1120px;
overflow: hidden;
position: relative;
}

    .srodek .jezyk {
      position: absolute;
      top: 20px;
      right: 0;
      border: 1px #006775 solid;
    }

        .srodek .jezyk img {
          border: 0;
          padding: 0;
          margin: 0;
          display: block;
        }

    .srodek .lewo {
      padding: 82px 0 0 0;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      text-align: left;
      width: 320px;
    }

    .srodek .lewo h1 {
      margin: 0 auto;
      padding: 0;
      text-align: left;
      display: block;
    }

        .srodek .lewo h1 img {
          text-align: left;
          display: block;
        }

        .srodek .lewo p {
        margin: 0;
        padding: 0;
        font-size: 17px;
        line-height: 25px;
        clear: both;
        display: block;
        }
        
        .srodek .lewo p:first-of-type {
          padding: 45px 0 0 2px;
        }

        .srodek .lewo p:last-of-type {
          padding: 10px 0 0 2px;
          color: #4d4d4d;
        }
               
	        .srodek .lewo p a {
	          color: #4d4d4d;
	          text-decoration: none;
	          font-weight: 700;
	        }
	        
	        .srodek .lewo p a:hover {
	          text-deocration: underline;
	        }		 
	        
	        .srodek .lewo div {
	        margin: 20px 0 0 0;
	        background: #006775;
	        font-size: 22px;
	        padding: 30px 5px;
	        text-align: center;
	        color: #fff;
	        }
	        .srodek .lewo a.tel {
	        margin: 20px 0 0 0;
	        background: #006775;
          display: block;
          text-decoration: none;
	        font-size: 22px;
	        padding: 30px 5px;
	        text-align: center;
	        color: #fff;
          transition: 0.2s ease-in background-color;
	        }
          .srodek .lewo a.tel:hover {
            background-color: #4d4d4d;
          } 

        .ua .srodek .lewo p:nth-child(1) {
          padding: 15px 0 0 2px !important;
        }

        .ua .srodek .lewo p:nth-child(2) {
          padding: 20px 0 5px 2px !important;
        }

        .ua .srodek .lewo p:nth-child(3) {
          padding: 15px 0 0 2px !important;
        }
	                                
        .srodek .prawo {
		float: right;
		padding: 52px 0 0 0;
		width: 726px;    
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
        }

            .srodek .prawo h2 {
              margin: 0;
              padding: 20px 0 0 0;
              display: block;
              font-size: 28px;
              font-weight: 400 !important;
              color: #006775;
            }

            .srodek .prawo p {
              margin: 0;
              padding: 14px 0 14px 0;
              text-align: justify;
              font-size: 17px;
              line-height: 22px;
            }
.footerLong {
	margin: 40px 0 0 0;
padding: 5px 0;
width: 100%;
background: #006775;
min-height: 60px;
}

.footer {
margin: 0 auto;
width: 1120px;
overflow: hidden;
color: #fff;
font-size: 14px;
}

    .footer .logo {
      float: left;
    }
    
    	.footer .logo img {
    	margin: 0;
    	padding: 5px 0 0 0;
    	display: block;
    	}
    
    .footer .lewo {
      float: left;
      overflow: hidden;
      width: 190px;
    }
    
	    .footer .lewo {
	      float: left;
	      padding: 0 0 0 30px;
	    }
	    
		    .footer .lewo p {
		      margin: 0;
		      padding: 20px 0;
		      line-height: 20px;
		    }

 	    .footer .dane {
	      float: left;
	      padding: 0 0 0 20px;
	      text-transform: uppercase;
	      width: 650px;
	    }
	    
		    .footer .dane p {
		      margin: 0;
		      padding: 20px 0;
		      line-height: 20px;
		    }
		    
		    .footer .dane span {
		      white-space: nowrap;
		    }
		    
 	    .footer .realizacja {
	      float: right;
	      text-align: right;
	    }
	    
		    .footer .realizacja p {
		      margin: 0;
		      padding: 20px 0;
		      line-height: 20px;
		    }
		    
		    .footer .realizacja p a {
		      color: #fff;
		      text-decoration: none;
		    }
		    
		    .footer .realizacja p a:hover {
		      text-decoration: underline;
		    }

.formularz {
margin: 10px 0 0 0;
overflow: hidden;
max-width: 460px;
}

    .formularz input[type=text],
    .formularz input[type=email],
    .formularz input[type=password],
    .formularz input[type=tel] {
    margin-bottom: 5px;
    padding: 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    border: 1px #f2f2f2 solid;
    font-family: 'Taviraj', serif;
    font-size: 17px;
    }

    .formularz textarea {
    margin-bottom: 0;
    padding: 14px 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    line-height: 22px;
    border: 1px #f2f2f2 solid;
    resize: vertical;
    font-family: 'Taviraj', serif;
    font-size: 17px;
    }

    .formularz .blad {
    margin: 0 0 20px 0;
    color: red;
    font-size: 13px;
    display: none;
    }

    .formularz .submit {
    position: relative;
    }

        .formularz .submit img {
        position: absolute;
        left: 4px;
        top: 4px;
        display: none;
        }

        .formularz .submit input[type=submit] {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px;
        line-height: 50px;
        border: 1px #f2f2f2 solid;
        text-align: center;
        color: #fff;
        cursor: pointer;
        background: #006775;
        font-weight: 300;
        font-family: 'Taviraj', serif;
        font-size: 17px;
        }

@media screen and (max-width:1279px) {

.srodek {
width: 980px;
}

    .srodek .lewo {
      padding: 82px 0 0 0;
      width: 320px;
    }

    .srodek .lewo h1 {
      text-align: left;
    }

        .srodek .lewo h1 img {
          text-align: left;
        }
        
        .srodek .lewo p:first-of-type {
          padding: 115px 0 0 2px;
        }     
        
        .srodek .lewo p:last-of-type {
          padding: 10px 0 0 2px;
        }
              
	        .srodek .lewo div {
	        margin: 20px 0 0 0;
	        }  
	                                
        .srodek .prawo {
		padding: 52px 0 0 0;
		width: 600px;    
        }

.footer {
width: 980px;
}

    .footer .logo {
      float: left;
      padding-left: 355px;
    }
    
    	.footer .logo img {
    	padding: 5px 0 0 0;
    	}
    
    .footer .lewo {
      float: left;
      overflow: hidden;
    }   
    
	    .footer .lewo {
	      float: left;
	    }        
	    
		    .footer .lewo p {
		      margin: 0;
		      line-height: 20px;
		    }	  

 	    .footer .dane {
 	    padding: 0;
	      margin: 0 auto;
	      clear: both;
	      text-align: center;
	      float: none;
	    }        
	    		    
 	    .footer .realizacja {
 	    margin: 0 auto;
      float: none;
      text-align: center;
      clear: both;
	    }        
}

@media screen and (max-width:1023px) {
	
.srodek {
width: 748px;
}

    .srodek .lewo {
      padding: 82px 0 0 0;
      width: 320px;
    }

    .srodek .lewo h1 {
      text-align: left;
    }

        .srodek .lewo h1 img {
          text-align: left;
        }
        
        .srodek .lewo p:first-of-type {
          padding: 115px 0 0 2px;
        }     
        
        .srodek .lewo p:last-of-type {
          padding: 10px 0 0 2px;
        }
              
	        .srodek .lewo div {
	        margin: 20px 0 0 0;
	        }  
	                                
        .srodek .prawo {
		padding: 52px 0 0 0;
		width: 380px;    
        }

.footer {
width: 748px;
}

    .footer .logo {
      float: left;
      padding-left: 239px;
    }

    	.footer .logo img {
    	padding: 5px 0 0 0;
    	}
    
    .footer .lewo {
      float: left;
      overflow: hidden;
    }   
    
	    .footer .lewo {
	      float: left;
	    }        
	    
		    .footer .lewo p {
		      margin: 0;
		      line-height: 20px;
		    }	  

 	    .footer .dane {
 	    padding: 0;
	      margin: 0 auto;
	      clear: both;
	      text-align: center;
	      float: none;
	    }        
	    		    
 	    .footer .realizacja {
 	    margin: 0 auto;
      float: none;
      text-align: center;
      clear: both;
	    } 
}

@media screen and (max-width:767px) {
.srodek {
width: 460px;
}

    .srodek .lewo {
      padding: 42px 0 0 0;
      width: 460px;
    }

    .srodek .lewo h1 {
      text-align: center;
    }

        .srodek .lewo h1 img {
        margin: 0 auto;
          text-align: center;
        }

        .srodek .lewo p {
          text-align: center;
        }

        .srodek .lewo p:first-of-type {
          padding: 20px 0 0 0;
          text-align: center;
        }     
        
        .srodek .lewo p:last-of-type {
          padding: 20px 0 0 0;
          text-align: center;
        }
              
	        .srodek .lewo div {
	        margin: 20px 0 0 0;
	        }  
	                                
        .srodek .prawo {
		padding: 30px 0 0 0;
		width: 460px;    
        }
        
        	.srodek .prawo h2 {
        	text-align: center;
        	}

.footer {
width: 460px;
}

    .footer .logo {
      padding-left: 95px;
    }
    
    	.footer .logo img {
    	padding: 5px 0 0 0;
    	}
    
    .footer .lewo {
      float: left;
      overflow: hidden;
    }   
     	    .footer .dane {
 	    padding: 0;
	      margin: 0 auto;
	      clear: both;
	      text-align: center;
	      float: none;
	      width: 460px;
	    }        
}

@media screen and (max-width:479px) {
.srodek {
width: 300px;
}

    .srodek .lewo {
      width: 300px;
    }

	                                
        .srodek .prawo {
		padding: 30px 0 0 0;
		width: 300px;    
        }
        
        	.srodek .prawo h2 {
        	text-align: center;
        	}

.footer {
width: 300px;
}

    .footer .logo {
      padding-left: 15px;
    }
   
    
    .footer .lewo {
      float: left;
      overflow: hidden;
    }   
     	    .footer .dane {
 	    padding: 0;
	      margin: 0 auto;
	      clear: both;
	      text-align: center;
	      float: none;
	      width: 300px;
	    }   	

		    .footer .dane span {
		      white-space: normal;
		    }	
}