﻿body {
    font-family: 'Oxygen', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 0 !important;
    min-width: 1000px;
}

.wrapper{
    width:100%;
}


.logo{
    margin-left:auto;
    margin-right:auto;
    font-size:32px;
    width:800px;
    text-align:center;
    padding:50px;
}

.nav {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    opacity: 0.8;
    background-color: #ffffff;
}


.stopka{
    font-size:12px;
    text-align:center;
    border-top:1px solid #bebebe;
    color:#bebebe;
    margin-top:3px;
}


.rodo{
    font-size:12px;
    text-align:center;
    border-top:1px solid #bebebe;
    margin-top:50px;	
}

.object1 {
    margin-top: 50px;
    margin-bottom: 50px;
    /*background-image: url("img/obj1.jpg");*/
    height: 370px;
    width: 100%;
    max-width: 1920px;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
}

#obj1text {
    padding: 100px;
    text-align: center;
    color: #ffffff;
}

#obj1text > h1 {
    font-weight:300;
    font-size: 32px;
    letter-spacing: 3px;
}

.object2 {
    text-align: right;
    width: 287px;
    height: 371px;
    float:right;
}

.object2:hover{
    opacity:0.8;
}

.object3 {
    text-align: center;
    width: 287px;
    height: 371px;
    margin-left:auto;
    margin-right:auto;
}

.object3:hover {
    opacity: 0.8;
}

.object4 {
    text-align: left;
    width: 287px;
    height: 371px;
    float:left;
}

.object4:hover {
	opacity: 0.8;
}

.object5 {
	text-align: right
}

.onethird {
    width: 33.33%;
    height: 371px;
    float: left;
}

.sticky {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline;
    font-size: 18px;
    height: 35px;
    line-height: 200%;
    display: inline-block;
}

ol a {
    color: #606060;
    text-decoration: none;
    display: block;
 }

ol >li{
    float:left;
    width:150px;
    height:40px;
    border-right:1px dashed #bebebe
}

ol > li:first-child{
	border-left: 1px dashed #bebebe;
}

ol >li:hover >a{
    color:#31e233;
}

ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	display: none;
}

ol>li:hover>ul{
    display:block;
}

ol>li>ul>li{
    
    background-color:#ffffff;
    opacity:0.9;
    z-index:100;
    border-top:1px dashed #bebebe;
    
}

ol>li>ul>li:hover>a{
    color:#31e233;
}

.content{
    width:50%;
    margin-left:25%;
    margin-top:50px;
    margin-bottom:100px;
    font-size:15px;
}

/*
.gama {
    height: 25px;
    width: 25px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}
*/

#title_kontakt {
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color: #505050;
    border-top-style: solid;
    border-top-color: #bebebe;
    border-top-width: 1px;
}

.object5 {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 50%;
    float: left;
    text-align: center;
    background-color: #ffffff;
}

.object6 {
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    width: 50%;
    text-align: center;
    
}

.formularz {
   height:600px; 
}

.dane_kontakt {
    padding-left: 50px;
    text-align: left;
    color: #808080;
    line-height: 200%;
}
.dane_kontakt > h1{
    color:#505050;
    font-size:24px;
    font-weight:400;
}

a.linkedin_link {
    color: #808080;
    text-decoration: none;
    display: block;
    height:30px;
    width:300px;
}

.linkedin_link:hover {
    color: #0e76a8;
}


#title_kalendarium {
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color: #505050;
    border-top-style: solid;
    border-top-color: #bebebe;
    border-top-width: 1px;
}

.kalendarium_table {
    font-size: 14px;
    color: #808080;
    width: 100%;
    max-width: 1500px;
    min-width: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border-collapse: collapse;
    border-color: #000000;
    font-family: 'Lato', sans-serif;
}

th {
    padding: 20px;
    font-size: 20px;
    border: solid 1px #7fe39d;
}

tr {
    border: solid 1px #c0c0c0;
    height:100px;
}

td{
    padding:20px;
    border-right:dashed 1px #e0e0e0;
}

.kalendarium_table_header{
    background-color:#5dc17b;
    color:#ffffff;
    text-align:left;
    height:50px;
}

.kary{
    font-weight:700;
}

#title_pomiary {
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color:#ffffff;
    background-image: url("img/pomiary-background.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

#title_pomiary2{
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color: #ffffff;
    background-image: url("img/organic.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

#title_pomiary3{
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color: #ffffff;
    background-image: url("img/01-heading.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

.oferta_body{
    width:100%;
    min-width:1000px;
    
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.oferta_photo{
    float:left;
    margin-left:25%;
    margin-top:50px;
    margin-right:70px;

}

.oferta_content {
    float: left;
    margin-left: 70px;
    margin-right: auto;
    margin-top: 20px;
    font-size:14px;
    max-width:500px;
    letter-spacing:1px;
    line-height:150%
}



.oferta_content > h3{
    color:#505050;
    font-size: 28px;
    font-weight:400;
}



a.outsorsing_link {
    color: #10c011;
    text-decoration: none;
}

#title_bdo {
    padding: 50px 0px 50px 20%;
    font-size: 28px;
    color: #ffffff;
    background-image: url("img/bdo-background.jpg");
    background-repeat: no-repeat;
    background-position: center;
}