html, body {margin: 0; padding: 0; font-size: 16px; font-weight:300; height: 100%;    background: #fff; color:#666; }
body, button, input, select, textarea {font-family: "open sans", "Arial", Tahoma, sans-serif;}
.index {background: #fff;}
.wrapper {position: relative; min-height: 100%;}

a {color: #78caed; text-decoration:none;}
a:hover {color:#78caed;}
a:focus, a:active {outline: none;}

img {border: 0;}
.joinus {max-width:800px;}

.blocks > div {

    float: left;
    text-align: center;
    font-size: 18px;
    line-height: 1.6em;
}
.blocks > div h3 {margin-bottom: 0px;}

.sekcja .blocks > div h3 {font-size: 18px;line-height: 21px;margin-top: 20px;}

.sekcja .blocks > div {margin-top: 20px;color: #4f4f4f;}

.rel {position: relative;}

form > div {position: relative;}

.formularz { text-align:center;}
.promo img {float:left;}

.button {background-color: #78caed; margin-left:10px;
    border: 0 none;
border-radius: 3px;
    color: #fff;
    font-size: 26px;
    margin: 0;
    padding: 14px 30px;
    text-align: left;}

.button:hover {background-color:#85eb7a; transition: all 0.5s ease;}

.button:active {background-color:#85eb7a; transition: all 0.5s ease;}

.landing.new .cont {line-height: 1.6; color: #4c4c4c;}

.header {padding: 0;    height: 700px;    background: url("../images/header_bg.jpg") no-repeat; background-attachment: fixed;  }

#info {float:right; color:#fff; font-size:16px;letter-spacing: -1px;}


  #scrollheader { width:100%;
                background-color:    #000;
                padding:            10px 0;
                position:            fixed;
                text-align:            center;
                top:                0;        // można zmienic na bottom zeby pojawialo sie na dole
                z-index:            99999;
                display:            none;}

#info a {text-decoration:none; color#fff;}
#info a:link {color:#fff;}
.promo {color:#fff;
margin-top:180px;
overflow: hidden;
position: relative;}

#ryczalt {width:270px; height:270px; background: url("../images/blue-g.gif") no-repeat; display:block;margin:0 auto;}

#kpir {width:270px; height:270px;background: url("../images/blue-r.gif") no-repeat; display:block;}

#pelna-ksiegowosc {width:270px; height:270px;background: url("../images/blue-j.gif") no-repeat;  display:block;border-radius:0%;transition: all 0.5s ease;}



#hours h3 {font-size:22px; font-weight:bold;}
#hours { float:left; font-size:18px; text-align:left;margin-top:100px;}

.end {text-align:right !important; width:100% !important; border-top:1px solid #ddd; padding-top:20px; color:#000 !important;}


#monit {width:564px; height:500px; background: url("../images/286h.jpg") no-repeat; float:right; margin-left:10px;}

#umbrella {width:667px; height:546px; background: url("../images/umbrella.gif") no-repeat; float:right; margin-right:20px;}

#kontakt { background-color: #fff;
    margin-left: 0px;
    margin-top: 0px;
 float:left;
    padding: 10px;
  font-size:16px; line-height:1.6em;
width:500px;}
#mapa { text-align:left; width:1200px; float:left; 
}

.google-maps {float:right;    }
    .google-maps iframe {  float:right  }


#kontakt a {color:#3869a4;}

a#f:hover {background-color:#da242b;}
a#g:hover {background-color:#da242b;}

#f {border: 2px solid #e6e6e6;
    border-radius: 1.875rem;
    display: block;
    height: 36px;
    text-indent: -9999px;
    width: 36px; float:left; margin-right:5px;
  background: rgba(0, 0, 0, 0) url("/images/f.png") no-repeat scroll center center;}

#g {border: 2px solid #e6e6e6;
    border-radius: 1.875rem;
    display: block;
    height: 36px;
    text-indent: -9999px;
    width: 36px;float:left;
  background: rgba(0, 0, 0, 0) url("/images/g.png") no-repeat scroll center center;}

.offers h2 {
    margin: 40px 0 40px 0;}


.sekcja {overflow: hidden;   position: relative;}

.sekcja3 {background-color:#ededed; background: #f8f8f8; border-top: 1px solid #eee;}
.sekcja4 {background-color:#fff;}
.sekcja5 {background-color:#ededed; background: #f8f8f8; border-top: 1px solid #eee;border-bottom: 1px solid #eee;}


h1,h2,h3,h4 { font-weight: 400; color: #333}

.promo h1 {
    font-size: 28px;
    margin: 35px 0 0;
    color: #ededed;}

h2 { margin: 50px 0 0 0;
    font-size: 44px;
    letter-spacing: -3px;
    line-height: 56px;  
    padding: 0;}


h3 {clear: both;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 0;}

h4 {
    margin-top: 0;
    font-size: 18px;}

.joinus h1 {color:#fff !important;}
.joinus h2 {color:#fff !important;}
.joinus h3 {color:#fff !important;}


.partners {font-weight:400; text-align:left; font-size: 18px;}

.partners span {  line-height: 28px; margin-bottom: 30px;}  

.references img {margin:0px 90px 0px 90px;}

button {
    padding: 0;
    border: 0;
    overflow: visible;
    width: auto;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    outline: none;
}
p {margin: 10px 0;}

.c_centered {text-align: center}



.clear:after {
  content: "";
  display: table;
  clear: both;
}


.centered {text-align:center; max-width: 1100px; margin: auto;}

.e-mail {
    border-radius: 3px;
border:1px solid #78caed;
       color: #505050;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    height: 65px;
    margin: 0 !important;
    padding: 0 30px;
    position: relative;
    top: -3px;
    width: 456px;}

.header {
    overflow: hidden;
    padding-top: 20px;
}

.header-scroll {
display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #000;
  background: #4d4740;
opacity:0.9;
  z-index: 1;
padding-top:20px;
padding-bottom:20px;
}

.logo {
    display: block;
    width: 301px;
    height: 50px;
    float: left;
    background: url('/logo.png') no-repeat;
    outline: none;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}


.promo .cont {padding: 0 0 0 20px;}

/* popup */

.hidden {display: none;}




.divmargin {margin:0px 50px 0px 50px;}

.umbrella {float:right;margin-left:80px; width:400px;}
.h2-1 { padding-bottom: 15px;padding-top:80px;margin-bottom:0;
    text-align: center;}


@media screen and (min-width: 300px) and (max-width: 1024px) 


{body {font-size:13px;} 
.centered {max-width:320px;}
.blocks > div {margin:0 auto; clear:both; margin:0 auto; margin-bottom:20px;float:none; font-size:13px;}
.square { width:270px}
.promo { margin-top: 10%;}
.references img {margin: 0 5px; width:90px; }
.umbrella {float:right;margin-left:20px; width:200px;}
h2 {font-size:20px; margin: 10px 0 0 0;    
    letter-spacing: 0px;
    line-height: 35px;  
    padding: 0;}

.h2-1 { padding-bottom: 5px;padding-top:20px;margin-bottom:0;}


.logo {
    background: rgba(0, 0, 0, 0) url("images/logo2.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 46px;
    outline: medium none;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 200px;
}



	
#hours { font-size:13px;}

h3 {clear: both;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;}

.e-mail {
    border-radius: 3px;
border:1px solid #78caed;
       color: #505050;
    display: inline-block;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    height: 35px;
    margin: 0 !important;
    padding: 0 30px;
    position: relative;
    top: -3px;
    width: 250px;}


.button {
    background-color: #78caed;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 7px 20px;
    text-align: left;
}

.header {
    background: rgba(0, 0, 0, 0) url("../images/header_bg.jpg") no-repeat fixed 0 0;
    height: 430px;}

#monit {width:300px; height:266px; background: url("../images/286h-2.jpg") no-repeat; float:none; clear:both;margin-left:0px;}



#info {
    color: #fff;
    float: right;
    font-size: 13px;
  
}

	

#kontakt {
    background-color: #fff;
    float: left;
    font-size: 16px;
    line-height: 1.6em;
    margin-left: 0;
    margin-top: 0;
    padding: 10px;
    width: 300px;

#mapa {width:320px;}
.google-maps {float:none; clear:both;   }
    .google-maps iframe {  float:none; clear:both;   }

.end {font-size:12px  !important;}

}