body{

background-image: url(../img/grain.png);


margin: 0;
padding: 0;
font-size: 1em;
		font-family: robotolight, 'Open Sans';
margin:  0 auto;
padding:  0;
height: 100%;

    zoom: 0.9; /* Other non-webkit browsers */
    zoom: 90%; /* Webkit browsers */
}



   html,
body {
   margin:0;
   padding:0;
   height:100%;

}
      h2, h1, h3{
      font-family: 'Open Sans';
      font-weight: lighter;;
      font-size: 32px;
      
      	}  
      	
      	h1{
			border-bottom: 2px solid red;      		
      		}
      		h2{
      			

      			}
      			h3{
      			      font-size: 21px;
      			      text-align: center;
      			      padding-top: 20px;
      			      margin-top: 0px;
      			
      			}
      	.kreska {
	
/*	background-color:orangered;*/

		
		}
	
	#header{
		width: 100%;
		height: 80px;

		clear: both;
		margin-left: auto;
		margin-right: auto;
		z-index: 3;
			background-image: url(../im/element/b5.png);
			box-shadow:2px 2px 5px black;
			position: fixed;
	}
	
	#headerg{
		width: 100%;


		clear: both;
		margin-left: auto;
		margin-right: auto;
		

	}	
	
		.container {
  min-height:100%;
  position:relative;
 }	
	#frames{
		
		width: 980px;
		height: 80px;
		margin-left: auto;
		margin-right: auto;	
		z-index: 3;

		}
		
	.lewah{
		width: 200px;
		height: ;
			float: left;
			}
			
	.prawah{

		height: ;
		float: right;
				height: 80px;
				
				}
				
		a.logo{
				background-image: url(../im/element/r-logo.png);
				display: block;
				width: 150px;
				height: 65px;
				margin-top: 5px;
				margin-left: 10px;
				background-repeat: no-repeat;
				}
				
				
		#menu{
		width: ;
		height:100px;
		margin-left: auto;
		margin-right: auto;
		
			}
			

.menu{
	margin-left: 30px;
	top:20px;

	text-transform:uppercase ;
	}


#mnn{
	height: 100%;
	width: 100%;

	background-position:center top;
	}



#doll{
		width: 1280px;			
		margin: 0px auto; 
		clear: both;	
			}


.drop{
	
width: 400px; float: left; text-align: left; margin: 10px;	
	}

.content-txt {
	width:1000px;
	 margin: 0 auto;
	
	
	}

.cnt-p{
	width:400px; 
	float:right;
	
	}
.cnt-l{
	width:500px; 
	float:left;
	
	}

			#baner{
		width: ;
		height: ;
		margin-left: auto;
		margin-right: auto;
				}
				
			#content{
					width:100% ;

					margin-left: auto;
					margin-right: auto;
 					padding-bottom:300px;
				}
					#srodek{
					width:1250px ;

					margin: 10px;
					margin-left: auto;
					margin-right: auto;

				}
				#srodek2{
					width:1250px ;

					margin: 10px;
					margin-left: auto;
					margin-right: auto;

				}
			#contentl{
					width: 100%;
					height: ;
					float: left;
				}
				#contents{
					width: 100%;
					height: ;
					float: left;
				}
				#contentp{
					width: ;
					height: ;
					float: right;
				}
				
			#stopka{
					width:100%;

					margin-left: auto;
					margin-right: auto;
					background-color: rgb(67, 100, 134);
					position:absolute;

				}	
				.stopkal{
				width:30%;
					height: ;
					float: left;
					padding: 10px;
				}	
				.stopkap{
								width: 50%;
					height: ;
				}	
				.stopkas{
				width: ;
					height: ;
				}	



  #menu1 li {
                display: inline-block;;
                list-style: none;
                list-style-type: none;
                padding-left:12px;
                padding-right: 12px;
                padding-top: 12px;
                padding-bottom: 20px;
                margin: 0;
                margin-left: -5px;

					color: black;


 
            }
          
            #menu1 li a {


					 font-size: 1em;
                text-decoration: none;
					color: white;
					font-weight: bold;

                /* This is the background used for the animation */
                background-image: url('image.jpg');
                /* Align the image position to the left of the a */
                background-position: left;
                -webkit-transition: all 0.8s ease-in-out;
                /* Animation with transition in Firefox (No supported Yet) */
                -moz-transition: all 0.8s ease-in-out;
                /* Animation with transition in Opera (No supported Yet)*/
                -o-transition: all 0.8s ease-in-out;
            }
            
            #menu1 li a:hover {
                color: orangered;
                /* Align the image position of the background to the right*/
                background-position:right;
            }

				
				
				

.poj1 p {
  color: white;
  padding: 5px;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
  background-color: #DB2E00;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);

  list-style-type: none;
}



.window6{

		background-image: url(../img/1w.jpg);
				background-position: center center;
		width: 300px;
		height: 150px;
		background-color:whitesmoke;
		float: left;
				margin: 15px;
margin-top: 15px;
				 -webkit-transition: all 0.8s ease-in-out;
                /* Animation with transition in Firefox (No supported Yet) */
                -moz-transition: all 0.8s ease-in-out;
                /* Animation with transition in Opera (No supported Yet)*/
                -o-transition: all 0.8s ease-in-out
                -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
		}
	.window7{
		background-image: url(../img/cnc.png);
		background-position: center center;
		width: 300px;
		height: 150px;
		background-color:whitesmoke;
		float: left;
				margin: 15px;
margin-top: 15px;
				 -webkit-transition: all 0.8s ease-in-out;
                /* Animation with transition in Firefox (No supported Yet) */
                -moz-transition: all 0.8s ease-in-out;
                /* Animation with transition in Opera (No supported Yet)*/
                -o-transition: all 0.8s ease-in-out
                -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
		}

	.window8{
		background-image: url(../img/preis.png);
				background-position: center center;
		width: 300px;
		height: 150px;
		background-color:whitesmoke;
		float: left;
				margin: 15px;
margin-top: 15px;
				 -webkit-transition: all 0.8s ease-in-out;
                /* Animation with transition in Firefox (No supported Yet) */
                -moz-transition: all 0.8s ease-in-out;
                /* Animation with transition in Opera (No supported Yet)*/
                -o-transition: all 0.8s ease-in-out
                -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
		}




li.window8:hover {
			background-color:#c15fff;
			color: red;
	
	}

li.window7:hover {
			background-color:#c15fff;
			color: red;
	
	}

li.window6:hover {
			background-color:#c15fff;
			color: red;
	
	}

.poj1{
width: 1100px;	
margin: 0 auto;
list-style-type: none;
	}

.zoom{
		  
  
 		 overflow: hidden;
		 border: 2px white gray;
		width:430px;
		height: 270px;
		float: left;
		margin: 10px;
		}
.zoom:hover img {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
}
.zoom img{
 -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;	
	}
	.title-zoom{
		position: relative;
		width: 227px;

		background-color: rgb(71, 71, 71);
		display: table-cell;
		color: white;
		font-size: 20px;
		top: 150px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		padding: 12px;
		opacity: 0.9;}
		
		
		input, input[type="password" i], input[type="search" i] {
-webkit-appearance: textfield;
padding: 1px;
background-color: whitesmoke;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

.inputt{
background-color: #2B7BBB;	
border: 0px solid white;
padding: 10px;
color: white;
font-family: Arial 'Open Sans';
		font-size:14px;    border-radius: 4px;
	}


textarea{
	background-color: #2B7BBB;	
	border: 0px solid white;

color: white;
font-family: Arial 'Open Sans';
		font-size:14px;
padding: 10px;    border-radius: 4px;

	}
	.button_bar{
		
		
border-style: none;
font-size: 13px;
height: 40px;
line-height: 40px;
display: block;
width: auto;
padding: 0px 20px;
margin: 20px auto 20px;
cursor: pointer;
text-transform: uppercase;
position: relative;
outline: none;
clear: both;
color: #FFFFFF;
background-color: red;
float: left;
margin-left: 150px;
		
		
		}
		
		input:-moz-placeholder {color: white;}
input::-webkit-input-placeholder {color: white;}
input::-webkit-input-placeholder {color: white;}

	textarea:-moz-placeholder {color: white;}
textarea::-webkit-input-placeholder {color: white;}
textarea::-webkit-input-placeholder {color: white;}
		
		
		.post h2{
		box-shadow: none;			
			
			}
.post img{
		width: 300px;
		height: 195px;		
			
			}
			
			
			
.ppol{

width: 450px;



}

.waski-srodek{
width: 800px;

}

#layerslider{
border-bottom: 5px solid gray;

}
.podbaner{
width: 100%;
height: 120px;
background-color: #ECECEC;

}
.ofim{

width: 100%;
}
.box-of{

width: 20%;

float: left;

}
.p-fim{
height: 100px;
width: 100%;
margin-top: -5px;
 position: relative;

}

.fl{
		width: 50%;
}
.pl{
		width: 50%;
}

.ofim:hover {
    -webkit-filter: brightness(50%);
  filter: brightness(50%);
  cursor: pointer;
}