body
{
	margin: 0px;
	font-family: 'Signika', sans-serif;	
}

#container
{
    height: auto;
}

#content
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 4300px;
    border-radius: 6px;
}



#content2
{
    width: 90%;
    height: 820px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    background-attachment: fixed;
 
}
#content3
{
    width: 98%;
    height: 250px;
    margin-right: auto;
    border-radius: 6px;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
}
#quarter
{
    
    width: 80%;
    padding: 2%;
    height: 320px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
    
}


#quarter2
{
    
    width: 80%;
    padding: 2%;
    height: 390px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}



#quarter3
{
    
    width: 80%;
    padding: 2%;
    height: 500px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid silver;
}
#quarter4
{
    
    width: 80%;
    padding: 2%;
    height: 390px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}

#person
{
    float: left;
    width: 38%;
    margin-left: 6%;
    height: 180px;
    margin-bottom: 30px;
    padding: 2%;
}

#photo
{
    
    float: left;
    width: 40%;
    height: 180px;
    border: 2px solid silver;
    
}

#quarter4
{
    
    width: 80%;
    padding: 2%;
    height: 580px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid silver;     
    
}


#opis
{
    margin-left: 20px;
    float: left;
    width: 53%;
    height: 180px; 
}

#quarter5
{
    
    width: 80%;
    padding: 2%;
    height: 310px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid silver;
 
}

#bottomline
{
    width: 100%;
    text-align: center;
    border-top: 2px solid silver;
    height: 20px;
    padding-top: 20px;
}
#siedziba
{
 width: 5700px;
 height: 380px;
 margin-right: 40px;       
        
} 

#time
{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.zegary
{
    float: left;
    margin-left: 20px;
}

#quarter3 > img
{
    width: 48%;
    float: left;
}
    
#quarter3 > iframe
{
    float: left;
    width: 48%;
    height: 380px;
}
#logo
{
    width: 40%;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(jpg/logo.jpg);
    background-position: fixed;
    background-repeat: no-repeat;
    
}

select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin-bottom: 20px;
   margin-right: 30px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 8%;
    float: right;
}
#header{
    margin-left: 50px;
}
#novahurt{
    width:98%;
     display: flex;
    justify-content: center;
}