body{
    font-family: 'Titillium Web', arial, sans-serif !important;
    margin: 0;
    padding: 0;
}
#header {
  padding-top: 10px;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.logo{
    float:left;
    margin:10px 10px 0 0;
}
.header_text{
    display: inline-block;
    margin:30px 10px;
    
}
.text-1{
    color:#5b5b5b;
    font-weight:bold;
    font-style:italic;
    margin-bottom:5px;
}
.text-2{
    color:#d9372a;
    font-weight:bold;
    font-style:italic;
    border-bottom:2px solid #e0e0e0;
}

#content {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 1200px; 
}
.menu_black {
  width: 100%;
  padding: 20px;
  color: white;
  background-color: black;
}
.menu_black a {
  color: white;
  text-decoration: none;
  font-size: 90%;  
}
.menu_black a:hover {
  color: red;
}

#footer {
  border-top: 1px solid #e0e0e0;
  padding: 15px;
  max-width: 1000px;
  margin: 0 auto;
  color: #909090;
  font-size: 85%;
  text-align: center;
}

#srodek
{
  border-color:  #666666;
  border: groove;
  background-color: #DCDCDC;
  position: absolute;
  margin-top: 40px; 
  margin-left: 40px; 
  width: 38.5vw;
  height: 32vw;
}

#menu
{

  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  float: top;
  background-color: #666666;
  position:relative; 

  bottom: -29.4vw;
  width: 100%;

  z-index:3;
 
}


.tekst{
  position: absolute;
	margin-left:1.2vw;
	margin-top: 0.5vw;
	max-height:25vw;
	max-width: 25vw;
	z-index:1	;
}

.dp4
{
	position: absolute;
	margin-left:29.5vw;
	margin-top: 24.5vw;
	max-height:7vw;
	max-width: 7vw;
	z-index:1	;
}



.rysunek
{
	position: absolute;
	margin-left:5%;
	margin-top: 10%;
	max-height:85%;
	max-width: 85%;
	z-index:2	;
}


/* Dropdown Button */
.dropbtn {

	position: relative;
	left: 1.4vw;
    background-color: #d83627;
    color: white;
    padding-left: 0.5vw;
	padding-right: 0.5vw;
	padding-top: 0.8vw;
	padding-bottom: 0.8vw;
    font-size: 0.85vw;
    border: none;
    cursor: pointer;
	display: block;
	float:bottom;
	width: 100%;	
	z-index:2
	
	
	
}

.zamow{
background-color: #00cc00;
 padding-left: 1.5vw;
	padding-right: 1.5vw;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float:bottom;	
}

/* wysuwana paleta, domyślnie nie widoczna */
.dropdown-content {
    display: none;	
    position: absolute;
    background-color: #f9f9f9;
    min-width: 500vw;
	
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 5;
}

/* Wysuwana paleta kolorów*/
.dropdown-content a {
	
	background-color: #cc2900;
    color: black;
    position: absolute;
    text-decoration: none;
    display: block;
	
}

/* Wysuwana paleta zmienia kolor po najechaniu na nią */
.dropdown-content a:hover {background-color: #b3b3b3}

/* Pokaż paletę kolorów jeśli najechana jest myszka */
.dropdown:hover .dropdown-content {	
    display: block;
}

/* Zmiana koloru dropdown-buttona po najechaniu na niego kursorem*/
.dropdown:hover .dropbtn {
    background-color: #4d4d4d;
}


.button {
    
    border: 0.12vw;
	border-style: solid;
	border-color: white;
    padding: 0.76vw 0.76vw;
    display: inline-block;
    margin-left: 0.1vw;	
	margin-right: 0.1vw;
	margin-top: 0.35vw;
	margin-bottom: 0.35vw;
    cursor: pointer;
}

.button1 {background-color: #49DF01;} /* Green */
.button2 {background-color: #019BFE;} /* Blue */
.button3 {background-color: #CA1C1C;} /* Red */ 
.button4 {background-color: #909090;} /* Gray */ 
.button5 {background-color: #1d1d1d;} /* Black */
.button6 {background-color: #FFFF27;} /* Yellow */
.button7 {background-color: #FF5524} /* Orange */ 
.button8 {background-color: #013B7F;} /* Navy Blue */ 
.button9 {background-color: #FFFFFF; border-color: #cccccc;}  /* White */

@-moz-document url-prefix() {
	
	#menu{
		bottom: -29.3vw;
	
	}


    .dropbtn{	
		padding-right: 0.5vw;
		padding-left: 0.5vw;
		
		font-size: 0.65vw;
		left: 3.2vw;
		
		
    }
	
		
	.zamow{
		padding-left: 1.8vw;
		padding-right: 1.8vw;
		
	}

}