body{
	padding:0;
	margin:0;
	background:#FFF;
    background: url(/system/design/tlo_002.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	position: relative;
    height: 100vh;
	font-family: Verdana, Arial;
	font-size:14px;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;	
	padding:0;
}	
p{
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
button{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
img {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.nakladka{
position:absolute;
display:block;
z-index:1;
background: url(/system/design/grafika/siatka.png);	
width:100%;
    height: 100vh;
}

.top{
	position:absolute;
	width:100%;
	z-index:10;
    background: rgba(0, 0, 0, 0.2);
padding:0px;
color:#FFF;
box-shadow:0px 0px 15px rgba(0, 0, 0, 1);
border-bottom:1px solid rgba(197, 172, 146, .3);
}

.top_txt1{
color:#C39B69;
font-size:14px;
	font-family:  Arial;
font-weight:normal;
text-align:center;
padding-top:14px;
padding-bottom:14px;
text-transform:uppercase;
text-shadow:none;
}

.box_logowanie{
	display:block;
position:absolute;
z-index:100;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-300px;
width:600px;
padding:15px;
background: rgba(0,0, 0, .6);
    
box-shadow:0px 0px 15px rgba(0, 0, 0, 1);
border:1px solid #C39B69;
border-radius:12px;
}

.formularz{
color:#FFF;
padding-top:3px;
padding-bottom:3px;
font-size:13px;
font-family: Verdana, Arial;
font-weight:normal;
display:block;
width:100%;
height:auto;
border:1px solid rgba(197, 172, 146, 1);
background: rgba(255, 255, 255, 1);
background: url(/system/design/grafika/tlo_ramka.jpg);
box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
padding-bottom:15px;
border-radius:10px;
}

.logo{
width:150px;
height:auto;
display:block;
margin:auto;
padding-top:2em;
padding-bottom:2em;
}

.komunikat1{
color:rgba(55, 46, 44, 1);
display:block;
width:94%;
font-size:11px;
margin-left:3%;
text-align:center;
padding-top:1em;
padding-bottom:1em;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
background: rgba(255, 255, 255, 1);
}

.komunikat2{
color:rgba(255, 0, 0, 1);
display:block;
width:94%;
margin-left:3%;
font-size:11px;
text-align:center;
padding-top:1em;
padding-bottom:1em;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
background: rgba(255, 255, 255, 1);
}

.inputy{
display:block;
width:86%;	
background:rgba(131, 129, 129, 1);
border:1px solid rgba(150, 149, 149, 1);
margin:auto;
padding:5px;
margin-top:.4em;
margin-bottom:1em;
text-align:center;
border-radius:5px;
box-shadow:0px 0px 4px rgba(0, 0, 0, .5);
color:#333;
background: rgb(226,226,226);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}

.submity{
display:block;
background:rgba(131, 129, 129, 1);
border:1px solid rgba(255, 255, 255, 1);

margin:auto;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
margin-top:.4em;
margin-bottom:1em;
text-align:center;
border-radius:2px;
box-shadow:0px 0px 4px rgba(0, 0, 0, .5);
color:#FFF;
text-shadow:1px 1px 1px rgb(131,126,106);
background: rgb(196,156,106);
background: rgb(193,144,83);
background: -moz-linear-gradient(top,  rgba(193,144,83,1) 0%, rgba(196,156,105,1) 50%, rgba(193,137,69,1) 51%, rgba(196,156,105,1) 100%);
background: -webkit-linear-gradient(top,  rgba(193,144,83,1) 0%,rgba(196,156,105,1) 50%,rgba(193,137,69,1) 51%,rgba(196,156,105,1) 100%);
background: linear-gradient(to bottom,  rgba(193,144,83,1) 0%,rgba(196,156,105,1) 50%,rgba(193,137,69,1) 51%,rgba(196,156,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19053', endColorstr='#c49c69',GradientType=0 );
}

.submity:hover{
display:block;
background:rgba(193, 137, 69, 1);
box-shadow:0px 0px 4px rgba(0, 0, 0, .9);
}

.opis_input{
color: rgba(30, 30, 30, 1);
display:block;
width:100%;
font-size:11px;
text-align:center;
padding-top:1em;
}

.produkcja{
font-size:10px;
color:#FFF;
padding-top:15px;
padding-bottom:0px;	
text-align:center;
display:block;
width:100%;
}










@media (max-width: 990px) {
	
.top_txt1{
width:100%;
font-size:17px;
text-align:center;
}

.top_txt2{
display:none;
}
	
.box_logowanie{
display:block;
position:absolute;
z-index:100;
margin:auto;
top:15%;
left:2%;
width:96%;
height:auto;
padding:10px;
background: rgba(255, 255, 255, 1);
box-shadow:0px 0px 10px rgba(0, 0, 0, 1);
    background: transparent;
}
	
	
	
	
	
	
	
}