body
{
background-image: url("img/blood.jpg");
margin:0;
}

   

#pojemnik
   {  
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background-color:black;
  z-index:10;
  opacity:0.8;
   }
   #logo
   { 
 
    width:1000px;
    opacity:1.0;
	background-color: black;
	color: white;
	height:120px;
	 text-align:left;
	 font-weight:bold;
	color:white;
   }
   
  #u
  
  {
width:400px;
min-height:200px;	  
background-color:#303030;
margin-left:auto;
margin-right:auto;	   
  } 
   
.szyld
	{
	float:left;
	width:680px;
	text-align:center;
	height:120px;
	}
	
.szyld3
   {
	float:left;
	width:700px;
	text-align:center;
	height:120px;
   }   
       
.logowanie
   {
	  
	   float:left;
	   width:280px;
	   padding:10px;
	   	height:90px;
		margin-top:10px;
		text-align:right;
		font-size:18px;
		font-weight:bold;
   }
   
   

 
   .login
   {
	  text-decoration:none;
	  color:white; 
	  font-weight:bold;
   }
   
     .login:hover
   {
	 
	  color:red; 
	  
   }
   
.login2
   {
	  text-decoration:none;
	  color:darkgrey; 
	  font-weight:bold;
   }
   
.login2:hover
   {
	 
	  color:white; 
	  
   }
   
.login3
   {
	  text-decoration:none;
	  color:red; 
	  font-weight:bold;
   }
   
.login3:hover
   {
	 
	  color:white; 
	  
   }

.login4
   {
	  text-decoration:none;
	  color:gold; 
	  font-weight:bold;
   }
   
.login4:hover
   {
	 
	  color:red; 
   }

.login5
 {
	  text-decoration:none;
	  color:lightblue; 
	  font-weight:bold;
	  font-size:14px;
}
   
.login5:hover
{
	  font-size:14px;
	  color:blue; 
}
   

.login6
 {
	  text-decoration:none;
	  color:lightblue; 
	  font-weight:bold;
	  font-size:16px;
}
   
.login6:hover
{
	  font-size:16px;
	  font-weight:bold;
	  color:blue; 
}   

.login7
{
	  text-decoration:none;
	  color:darkgrey; 
	  font-size:18px;
	  font-weight:bold;
}
   
.login7:hover
{
	  color:white; 
	  font-size:18px;
	  font-weight:bold;
}  

.login8
 {
	text-decoration:none;
	color:lightblue; 
	font-size:12px;
}
   
.login8:hover
{
	  font-size:12px;
	  color:blue; 
}

.login9
{
	  text-decoration:none;
	  color:darkgrey; 
	  font-size:16px;
	  font-weight:bold;
}
   
.login9:hover
{
	  color:white; 
	  font-size:16px;
	  font-weight:bold;
}  

.login10
{
	  text-decoration:none;
	  color:white; 
	  font-size:12px;
	  font-weight:bold;
}
   

.login10:hover
{
	  text-decoration:none;
	  color:darkgrey; 
	  font-size:12px;
	  font-weight:bold;
}     

.login11
{
	  text-decoration:none;
	  color:grey; 
	  font-size:12px;
}  

.login11:hover
{
	  text-decoration:none;
	  color:darkgrey; 
	  font-size:12px;
}  

.login12
{
	  text-decoration:none;
	  color:gold; 
	  font-size:16px;
}  

.login12:hover
{
	  text-decoration:none;
	  color:red; 
	  font-size:16px;
}  

.login13
 {
	  text-decoration:none;
	  color:lightblue; 
	  font-weight:bold;
	  font-size:12px;
}
   
.login13:hover
{
	  font-size:12px;
	  color:blue; 
}

.login14
 {
	  text-decoration:none;
	  color:lightblue; 
	  font-weight:bold;
	  font-size:14px;
}
   
.login14:hover
{
	  font-size:14px;
	  color:blue; 
}

.login15
 {
	  text-decoration:none;
	  font-style:oblique;
	  color:gold; 
	  font-size:16px;
}
   
.login15:hover
{
	  font-size:16px;
	  font-style:oblique;
	  color:red; 
}

.login16
 {
opacity:1.0;
}
   
.login16:hover
{
opacity:0.8;
}

.login17
 {
text-decoration:none;
color:lightblue; 
}
   
.login17:hover
{
color:blue;
}

.login18
{
text-decoration:none;
color:lightblue; 
font-size:11px;
}
   
.login18:hover
{
color:blue; 
font-size:11px;
} 
   
.login19
{
text-decoration:none;
color:red; 
font-size:16px;
}
   
.login19:hover
{
text-decoration:none;
color:gold; 
font-size:16px;
} 
   
.wyloguj
{
color:red;
text-decoration:none;
font-weight:bold;	   
}
   
.wyloguj:hover
{
color:white; 
}

.mottol
{
	border-top:1px solid red;
	float:left;
	width:100px;
	height:40px;
	background-color:black;
	text-align:center;
	overflow:hidden;
	position:relative;

}  

#audio
{
margin-top:50px;	
	
}
   
#motto
{
	border-top:1px solid red;
	float:left;
	width:800px;
	height:40px;
	background-color:black;
	text-align:center;
	overflow:hidden;
	position:relative;

}   


.mottop
{
	border-top:1px solid red;
	float:left;
	width:100px;
	height:40px;
	background-color:black;
	text-align:center;
	overflow:hidden;
	position:relative;

}  

#motto > p
 {

	color:red;
	line-height:5px;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	white-space:nowrap; 
	 position:absolute;
	animation:przesun 40s linear infinite;
	-webkit-animation:przesun 40s linear infinite;

 }
 
@keyframes przesun
{
  0% { transform:translateX(0); padding-left:110%; }
  100% { transform:translateX(-100%); padding-left:110%; }
}
 
@-webkit-keyframes przesun
{
  0% { -webkit-transform:translateX(0); padding-left:110%; }
  100% { -webkit-transform:translateX(-100%); padding-left:110%; }
}
   
   
 #top
   {
	width:1000px; 
    padding: 10px 0;
	background-color: black;
	text-align:center;
	border-top:1px solid red;
	border-bottom:1px solid red;
	height:40px;

	
   }
   
 .sticky
{
	width:100%;
	position:fixed;
	top:0;
	z-index:100;
}  
   
 #zawartosc
   {
	 
	   width:1000px;
	   margin-left:auto;
	   margin-right:auto;
	   background-color:black;
	   
   }
   
 #image
   {
  
   float:left;
   background-color: black;
   color: red;
   width: 200px;
   height:660px;
  
   }
   
.filmik
{
width:200px;
min-height:130px;	
}
 
.menu
{
width:196px;
text-align:center;
font-size:11px;
background-color:black;	
border-bottom:1px solid red;
border-top:1px solid red;
} 

.menu1
{
width:196px;
text-align:center;
font-size:11px;
background-color:black;

} 

.menu2
{
width:196px;
text-align:center;
font-size:11px;
background-color:black;
}    
   
   
 #content
   { 
  
    float:left;
	width: 510px;
	background-color: black;
    color: white;
	min-height:620px;
	text-align:justify;
	padding:20px;
	font-size:13-16px;
	margin-bottom:90px;
   }
 
	
.napis
{
	float:left;
	width:350px;
	height:190px;
    text-align:left;
	
}

.cover
{
	float:left;
	width:150px;
	height:190px;
	 text-align:right;
}

   
 .postac
   {
	   float:left;
	   width:520px;
	   min-height:125px;
	   border-top:1px solid red;	

	  
   }
 .obraz
 {

     float:left;
	 width:130px;
     min-height:125px;
	 padding-bottom:5px;

	
 }
 
.tresc
 {
	 float:left;
    font-size:13px;
	 width:380px;
	 min-height:125px;
	 color:white;
 }
 
.bron
   {
	 float:left;
	 width:520px;
	 min-height:180px;
	 border-top:1px solid red;	
   }
   
.calosc
 {
	float:left;
	 width:200px;
     min-height:180px;
 } 
 
.foto
{
	 float:left;
	 width:200px;
     height:140px;
	 text-align:center;
 }
 
.bronnazwa
 {
	clear:both;
	 width:190px;
     height:30px; 
	 text-align:center;
	 padding:5px;
	 line-height:200%;
	 font-size:16px;
	 color:red;
 }

 .bronopis
 {
	 float:left;
	 font-size:14px;
	 width:290px;
	 min-height:150px;
	 color:white;
	padding:15px;
	text-align:justify;
 }
 
 .linkpozycjonowanie
   {
	 float:left;
	 width:520px;
	 min-height:120px;
	 border-top:1px solid red;	
   }
   
.calosci
 {
	float:left;
	 width:170px;
     min-height:120px;
 } 
 
.obrazek
{
	 float:left;
	 width:170px;
     height:120px;
	 text-align:center;
 }
 
.linknazwa
 {
	clear:both;
	 width:160px;
     height:30px; 
	 text-align:center;
	 padding:5px;
	 line-height:200%;
	 font-size:16px;
	 color:red;
 }

 .linkopis
 {
	 float:left;
	 font-size:14px;
	 width:320px;
	 min-height:140px;
	 color:white;
	padding:15px;
	text-align:justify;
 }
 
.przekierowanie
	{
		color:red;
		text-decoration:none;
	}
	
.przekierowanie:hover
	{
		color:white;
		text-decoration:underline;
	}
 
 .wrog
 {
	  float:left;
	 width:500px;
	 min-height:300px;
	 
 }
 
  .nazwa
 {
	  float:left;
	 width:250px;
		min-height:20px;
	  text-align:center;
	  color:red;
	  font-size:20px;
	  font-weight:bold;
	
 }
 


 
 .zdjecie
 {
	  float:left;
	  width:248px;
	  height:160px;
	  text-align:center;
	  line-height:18;
	  color:black;
	
	 
 }
 
 .opis
 {
	  float:left;
	  width:228px;
	  min-height:100px;
	  text-align:justify;
	  color:white;
	  font-size:13px;
	   padding:10px;
	  
	  
 }
 
 .opis1
 {
	  float:left;
	  width:227px;
	  min-height:100px;
	  text-align:justify;
	  color:white;
	  font-size:13px;
	  border-left:2px solid red;
	   padding:10px;
	  
	  
 }
 
  .opis2
 {
	  float:left;
	  width:227px;
	  min-height:100px;
	  text-align:justify;
	  color:white;
	  font-size:13px;
	  border-right:1px solid red;
	   padding:10px;
	  
	  
 }
 
  .opis3
 {
	  float:left;
	  width:227px;
	  min-height:100px;
	  text-align:justify;
	  color:white;
	  font-size:13px;
	   padding:10px;
	  
	  
 }
 
 .wyr
 {
	 float:left;
	 text-align:justify;
	 color:black;
	 min-height:80px;
	  border-bottom:1px solid red;
	  border-right:1px solid red;
	  border-left:1px solid red;
	  border-top:1px solid red;
 }
 
.boss
{
			float:left;
			color:red;
			text-align:center;
			 border-bottom:3px solid red;	
			 width:520px;
			height:50px;
			 line-height:70%;
			  font-weight:bold;
			  font-size:20px;
}

.end
{
		width:500px;
		min-height:350px;	
		border-top:1px solid red;
		text-align:justify;
		font-size:14px;
	
	
}	 

.image
{
	float:left;
	width:240px;
	height:135px;	
	text-align:center;
	padding:5px;
	
}

.tytul
{
	float:left;
	width:240px;
	height:145px;
	text-align:center;
	line-height:800%;
}

.plakat
{
float:left;	
width:240px;
height:410px;	
}



.informacje
{
float:left;
width:250px;
height:410px;
padding-left:10px;	
text-align:center;

	
}
	 
.recenzja
{
clear:both;
width:500px;
min-height:400px;	
background-color:black;
text-align:justify;
font-size:16px;	
}

.obsada
{
clear:both;
width:500px;
min-height:400px;	
background-color:black;
text-align:center;
font-size:16px;	
}

.sound
{
width:500px;
min-height:400px;	
background-color:black;
text-align:center;
font-size:16px;		
}

	 
 #ad
   {
     float:left;
	width: 250px;
	 background-color: black;
	height:660px;
	z-index:-1;
   }
 
  #stopka
   {

     clear:both;
     background-color: black;
	 font-weight:bold;
	 height:55px;
	 color: white;
	 text-align:center;
	 min-width:1000px;
	 line-height:70%;
	 padding-bottom:10px;

   }
   
#stopka2
{
     clear:both;
     background-color: black;
	 font-weight:normal;
	 height:15px;
	 color: white;
	 text-align:center;
	 min-width:1000px;
	 font-size:12px;
	 padding-bottom:10px;
} 
   
ol.m
{
list-style-type:decimal;
padding:10px;	

}

ol.m>li
{
font-weight:bold;	
list-style-type:decimal;
padding-left:10px;
}

ol.m>li>ol.m1
{
list-style-type:upper-alpha;	
padding-left:30px;	
padding:15px;		
}

ol.m>li>ol.m1>li
{
font-weight:normal;		
list-style-type:upper-alpha;
padding-left:20px;		

}



ol.x
   {
	   padding:0;
	   margin:0;
	   list-style-type:none;
	   font-size:11px;
	   height:35px;
	   line-height:350%;
	   display:inline-block;
	  
   }
   
ol.x  a
   {
	  color:white;
	  text-decoration:none;
	  display:block;
   }   
 
ol.x > li
 {
	 position:relative;
	 float:left;
	 width:197px;
	 border-bottom:1px solid red;
	 border-top:1px solid red;
	 border-right:1px solid red;
	 height:40px;
	 text-align:center;
	} 
	
ol.x >li:first-child 
{
	
	border-left:2px solid red;
	
}

 

 
ol.x > li:hover
 
 {
	 background-color:black;
 }
 
 .overlayTMov
{
	width:197px;
	height:40px;
	position:relative;
}

.overlayTMov .rrr
{
	line-height:30px;
	position:absolute;
	width:197px;
	height:40px;
	background-color:black;
	left:0;
	top:0;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

li:hover .overlayTMov .rrr
{
opacity:1.0;	
}

 
ol.x > li:hover > a
 {
	 color:red; 
 }
 
ol.x > li > ul.x1
 {

	padding:0;
	margin:0;
	list-style-type:none;
	display:none;

 }
 
ol.x > li:hover >ul.x1
 {
	 display:block;
 }
 
ol.x > li > ul.x1 > li
 {
	background-color:#696969;
    positive:relative;
    color:white;	
	border-top:2px solid black;
	 height:40px;

 }
 
ol.x > li > ul.x1 > li:hover
 {
	  background-color:black; 
 } 
 
ol.x > li > ul.x1 > li:hover > a
 {
	  color:red;
 }

.przyp
   {
	    color:#4682B4;
		text-decoration:none;
	
	   
   }
   
.przyp:hover
   {
	    color:blue;
		text-decoration:underline;
	
   }
   
   .koment
   {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		background-color:grey;
		overflow-wrap: break-word; 
		width:450px; 
		min-height:70px;
		padding:5px;
		color:black;
		font-size:12px;
   }
   
#zegar
 {
	 	float:left;
		width:50px;
		height:55px;
	    line-height:400%;
		background-color:black;
		padding-bottom:10px;
 }
 
 .text
	{
		float:left;
		width:900px;
		height:55px;
	    line-height:70%;
		background-color:black;
		text-align:center;
		padding-bottom:10px;
	
	}
	
.linki
	{
		float:left;
		width:50px;
		height:55px;
		text-align:center;
		background-color:black;
		color:white;
		line-height:4;
		padding-bottom:10px;
	}
	
.linkinfo
	{
		color:white;
		text-decoration:none;
	}
	
.linkinfo:hover
	{
		color:red;
		text-decoration:underline;
	}
	
.down
{
	text-decoration:none;
	
	
	
}

.down:hover
{
		color:red;
		text-decoration:underline;

}

.baner
{
margin:1px;
border:1px solid white;
text-align:center;	
float:left;	
width:88px;
height:31px;	
background-color:black;
overflow:hidden;
}	

.baner:hover a img
{
transition:transform 0.4s ease-in-out;	
}

.baner:hover a img
{
-web-transform:scale(1.2);	
-ms-transform:scale(1.2);		
transform:scale(1.2);	
}
	
.dane
{
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#2F4F4F;
width:450px; 
min-height:10px;
padding:5px;
color:black;
font-size:13px;
font-weight:bold;
}

.scroll
{
opacity:0.8;
width:50px;
height:50px;	
position:fixed;
right:40px;
bottom:50px;	
cursor:pointer;
display:none;
}

.scroll:hover
{
opacity:1.0;
width:50px;
height:50px;	
position:fixed;
right:40px;
bottom:50px;	
cursor:pointer;
display:none;
}

.przewijanie
{
		color:white;
		text-decoration:none;
		list-style-type:disc;
}
	
.przewijanie:hover
{
		color:red;
}

#pisz
{
margin-left:115px;	
position:relative;
font-size:20px;
font-weight:bold;
font-family: monospace;
float:left;
background-color:black;
color:red;
text-align:center;	

	
}

#pisz > span
{
	
position:absolute;
background-color:black;
border-left:1px solid white;
height:100%;
top:0;
right:0;	
animation: napisz 12s steps(22,start) infinite, kursor 0.8s step-end infinite;	
-webkit-animation: napisz 10s steps(22,start) infinite, kursor 0.8s step-end infinite;		
}

@keyframes napisz
{
0% {width:100%;}
100% {width:0;}	
}

@keyframes kursor
{
0% {border-left-color:transparent;}
50% {border-left-color:white;}
100% {border-left-color:transparent;}
}

@-webkit-keyframes napisz
{
0% {width:100%;}
100% {width:0;}	
}

@-webkit-keyframes kursor
{
0% {border-left-color:transparent;}
50% {border-left-color:white;}
100% {border-left-color:transparent;}
}

#pojemnik2

{

width:357px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:70px;
min-height:250px;
background-color:#181818;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
	
}

#pojemnik3

{

width:357px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
min-height:180px;
background-color:#181818;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
	
}

#pojemnik4

{

width:357px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
min-height:200px;
background-color:#181818;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
	
}

#pojemnik5

{

width:310px;
padding:30px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
min-height:60px;
background-color:#181818;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
}



.g-recaptcha
{
margin-left:auto;
margin-right:auto;	
margin-top:20px;	
margin-bottom:15px;	
text-align:center;
width:304px;
}   

.span
{
margin-left:auto;
margin-right:auto;	
margin-top:20px;	
margin-bottom:5px;	
text-align:center;
width:303px;
height:76px;
border:2px solid red;
}  

input[type=text].for,
input[type=password].for
{
margin-bottom:10px;	
width:350px;	
outline: none;	
background-color:white;
}

input[type=text].error,
input[type=password].error
{
margin-bottom:10px;	
width:350px;	
outline: none;	
background-color:#f4c1c0;
border:2px solid red;
}


input[type=text].for:focus,
input[type=password].for:focus
{
border:2px solid grey;
background-color:grey;
color:black;
}

input[type=text].error:focus,
input[type=password].error:focus
{
background-color:#FF9999;
color:black;
}


input::-webkit-input-placeholder
{
    color: black;
}
input:focus::-webkit-input-placeholder
{
    color: white;
}
/* Firefox < 19 */
input:-moz-placeholder
{
    color: black;
}
input:focus:-moz-placeholder
{
    color: white;
}
/* Firefox > 19 */
input::-moz-placeholder
{
    color: black;
}
input:focus::-moz-placeholder
{
    color: white;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder
{
    color: black;
}
input:focus:-ms-input-placeholder
{
    color: white;
}



input.error::-webkit-input-placeholder
{
    color: black;
}
input.error:focus::-webkit-input-placeholder
{
    color: white;
}
/* Firefox < 19 */
input.error:-moz-placeholder
{
    color: black;
}
input.error:focus:-moz-placeholder
{
    color: white;
}
/* Firefox > 19 */
input.error::-moz-placeholder
{
    color: black;
}
input.error:focus::-moz-placeholder
{
    color: white;
}
/* Internet Explorer 10 */
input.error:-ms-input-placeholder
{
    color: black;
}
input.error:focus:-ms-input-placeholder
{
    color: white;
}

.dupa
{
width:342px;	
color:white;
font-size:12px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:2px;
background-color:red;
border-radius:20px;	
margin-top:3px;
margin-bottom:10px;	
}


.err
{
max-width:500px;	
color:white;
font-size:13px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
background-color:red;
border-radius:20px;
}

.suc
{
max-width:500px;	
color:white;
font-size:13px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
background-color:green;
border-radius:20px;
}

.voteerr
{
color:white;
font-size:12px;
padding-bottom:5px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
background-color:red;
border-radius:20px;
}

.votesuc
{
color:white;
font-size:12px;
padding-bottom:5px;
padding-top:5px;
padding-left:15px;
padding-right:15px;
background-color:green;
border-radius:20px;
}

#pojemnik6

{
width:355px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
margin-top:40px;
min-height:50px;
background-color:#282828;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;	
}

#pojemnik7

{
width:355px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
margin-top:40px;
min-height:50px;
background-color:#282828;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;	
}


#pojemnik8
{
width:355px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
min-height:50px;
background-color:#282828;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
}

input[type=text].for8
{
margin-bottom:5px;	
width:350px;	
outline: none;	
background-color:white;
}

input[type=text].for8:focus
{
border:2px solid grey;
background-color:grey;
color:white;

}


textarea.for
{	
background-color:white;
border:2px solid grey;
color:black;
}

textarea.for:focus
{	
background-color:grey;
border:2px solid grey;
color:black;
}

textarea.error
{	
background-color:#f4c1c0;
border:2px solid red;
}

textarea.error:focus
{	
background-color:#FF9999;
border:2px solid red;
}

textarea::-webkit-input-placeholder
{
    color: black;
}
textarea:focus::-webkit-input-placeholder
{
    color: white;
}
/* Firefox < 19 */
textarea:-moz-placeholder
{
    color: black;
}
textarea:focus:-moz-placeholder
{
    color: white;
}
/* Firefox > 19 */
textarea::-moz-placeholder
{
    color: black;
}
textarea:focus::-moz-placeholder
{
    color: white;
}
/* Internet Explorer 10 */
textarea:-ms-input-placeholder
{
    color: black;
}
textarea:focus:-ms-input-placeholder
{
    color: white;
}



textarea.error::-webkit-input-placeholder
{
    color: black;
}
textarea.error:focus::-webkit-input-placeholder
{
    color: white;
}
/* Firefox < 19 */
textarea.error:-moz-placeholder
{
    color: black;
}
textarea.error:focus:-moz-placeholder
{
    color: white;
}
/* Firefox > 19 */
textarea.error::-moz-placeholder
{
    color: black;
}
textarea.error:focus::-moz-placeholder
{
    color: white;
}
/* Internet Explorer 10 */
textarea.error:-ms-input-placeholder
{
    color: black;
}
textarea.error:focus:-ms-input-placeholder
{
    color: white;
}





#temat
{
font-size:12px;	
margin-bottom:40px;
}


#ods
{
	
width:860px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
min-height:420px;
display:table-cell;
vertical-align:middle;
}



#aaa
{
text-align:left;
font-size:14px;	
margin-left:auto;
margin-right:auto;	
word-wrap: break-word;
width:860px;
min-height:390px;
background-color:black;
margin-bottom:50px;
}

#bbb
{
padding:10px;
padding-left:10px;
float:right;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
width:836px;
min-height:20px;
background-color:#0b202b;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
border-bottom:2px solid darkgrey;
}

#ddd
{	
text-align:justify;
padding:10px;
float:right;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
word-wrap: break-word;
width:836px;
min-height:350px;
background-color:#2b3944;	
border-left:2px solid white;
border-right:2px solid white;
border-bottom:2px solid darkgrey;
}



#aa
{
text-align:left;
font-size:14px;	
margin-left:auto;
margin-right:auto;	
word-wrap: break-word;
width:860px;
min-height:420px;
background-color:black;
margin-bottom:50px;
}


#bb
{
padding:10px;
padding-left:10px;
float:right;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
width:836px;
min-height:20px;
background-color:#111111;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
border-bottom:2px solid darkgrey;
}

#bb1
{
padding:10px;
padding-left:10px;
padding-top:16px;
float:right;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
width:836px;
line-height:15px;
background-color:#111111;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
border-bottom:2px solid darkgrey;
}

#ww
{	
width:856px;
float:left;
min-height:80px;
word-wrap: break-word;
background-color:#333333;	
border-left:2px solid white;
border-right:2px solid white;
border-bottom:2px solid white;
}

#cc
{
padding:10px;	
padding-left:10px;
float:left;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
width:210px;
min-height:410px;
background-color:#333333;
border-right:2px solid grey;	
}


#dd
{
text-align:justify;	
padding:10px;		
float:right;	
font-size:14px;	
margin-left:auto;
margin-right:auto;	
word-wrap: break-word;
width:604px;
min-height:410px;
background-color:#333333;	
}

#lewo
{
width:300px;
min-height:350px;	
float:left;
margin-bottom:15px;
}

#prawo
{
width:560px;
min-height:350px;	
float:left;
}

.button /*Logowanie Rejestracja*/
{
  float:left;
  width:100px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button:hover 
{
  float:left;
  width:100px;
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}

.button2 /*Głosuj ankieta*/
{
  width:100px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button2:hover 
{
  width:100px;
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}

.button3 /*Zaloguj się*/
{
  width:355px;		
  height:30px;
  margin-top:20px;	
  margin-bottom:10px;	
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button3:hover 
{
  width:355px;		
  height:30px;
  margin-top:20px;	
  margin-bottom:10px;	
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}


.button4 /*Komentarze*/
{
  margin-top:20px;	
  width:305px;		
  height:30px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button4:hover 
{
  margin-top:20px;	
  width:305px;		
  height:30px;	
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}


.button5 /*Ankieta Poweót do strony glównej*/
{

  width:200px;		
  height:30px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button5:hover 
{
  width:200px;		
  height:30px;	
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}

.button6 /*Nowy temat*/
{

  width:130px;			
  height:30px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button6:hover 
{
  width:130px;			
  height:30px;	
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}


.button7 /*Wyślij wiadomość*/
{

  width:200px;			
  height:30px;
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button7:hover 
{
  width:200px;			
  height:30px;	
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}


.button7:disabled 
{
	width:200px;		
	cursor:default;
	height:30px;
	background-color:grey;
	border: 2px solid grey;
	outline: none;	
	transform: scale(0.9);
}

.button8 /*Przycisk Anuluj*/
{
  width:355px;		
  height:30px;
  margin-bottom:10px;	
  text-align:center;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #FF3333;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button8:hover 
{
  width:355px;		
  height:30px;
  margin-bottom:10px;	
  text-align:center;
  background: #FF3333;
  transform: scale(0.9);
}

.button9 /*Przycisk Start*/
{
	
  margin-bottom:10px;		
  width:150px;		
  height:30px;
  outline: none;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button9:hover 
{
  margin-bottom:10px;		
  width:150px;		
  height:30px;
  outline: none;
  text-align:center;
  background: #06D85F;
  transform: scale(0.9);
}


.button9:disabled 
{
	width:150px;		
	cursor:default;
	height:30px;
	background-color:grey;
	border: 2px solid grey;
	outline: none;	
    transform: scale(0.9);
}

.button10 /*Przycisk Stop*/
{
	
  margin-bottom:10px;		
  width:150px;		
  height:30px;
  outline: none;
  font-size: 16px;
  padding: 3px;
  color: #fff;
  border: 2px solid #FF3333;
  background-color:transparent;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

.button10:hover 
{
  margin-bottom:10px;		
  width:150px;		
  height:30px;
  outline: none;
  text-align:center;
  background: #FF3333;
  transform: scale(0.9);
}


.button10:disabled 
{
	width:150px;		
	cursor:default;
	height:30px;
	border: 2px solid grey;
	background-color:grey;
	outline: none;	
	transform: scale(0.9);
}

.separator
{
	float:left;
	width:30px;
	text-align:center;		
}


.koment 
{
text-align:justify;
margin-left:auto;
margin-right:auto;
background-color:grey;
overflow-wrap: break-word; 
width:700px; 
min-height:70px;
padding:5px;
color:black;
font-size:12px; 
border:2px solid white;
}
   
	
.dane
{
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#2F4F4F;
width:700px; 
min-height:10px;
padding:5px;
color:black;
font-size:13px;
font-weight:bold;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
}




.komentnews
{
text-align:justify;
margin-left:auto;
margin-right:auto;
background-color:grey;
overflow-wrap: break-word; 
width:700px; 
min-height:150px;
padding:5px;
color:black;
font-size:12px;
border:2px solid white;
}

   
.danenews
{
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#2F4F4F;
width:700px; 
min-height:20px;
padding:5px;
color:white;
font-size:12px;
font-weight:bold;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
}

.komentwpis
{
text-align:justify;
margin-left:auto;
margin-right:auto;
background-color:#0c202b;
overflow-wrap: break-word; 
width:700px; 
min-height:150px;
padding:5px;
color:white;
font-size:12px;
border:2px solid white;
}

   
.danewpis
{
text-align:left;
margin-left:auto;
margin-right:auto;
background-color:#2F4F4F;
width:700px; 
min-height:20px;
padding:5px;
color:white;
font-size:12px;
font-weight:bold;
border-top:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
}

.ramka
{
border:3px solid grey;	
}

.ramka:hover
{
border:3px solid white;	
}

#zmien
{
float:left;	
text-align:center;
width:585px;
height:345px;
border:5px solid grey;
}


#lewy3
{
float:left;	
text-align:center;
width:132px;
height:345px;
}

#prawy3
{
float:left;	
text-align:center;
width:132px;
height:345px;
}


#zmien2
{
margin-left:auto;
margin-right:auto;
float:left;	
text-align:center;
width:500px;
height:375px;
border:5px solid grey;
}


#lewy2
{
float:left;	
text-align:center;
width:175px;
height:375px;
}

#prawy2
{
float:left;	
text-align:center;
width:175px;
height:375px;
}


i.klasapierwsza
{
line-height: 385px;
}



i.klasadruga
{
line-height: 415px;
}


#przyciski2
{
clear:both;	
margin-bottom:80px;
text-align:center;
width:470px;
height:50px;
padding:20px;
margin-left:auto;
margin-right:auto;
background-color:#282828;
color:white;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;		
line-height:50px;
}

#przyciski
{
clear:both;	
margin-bottom:80px;
text-align:center;
width:555px;
height:50px;
padding:20px;
margin-left:auto;
margin-right:auto;
background-color:#282828;
color:white;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;		
line-height:50px;
}

#check
{
width:20px;
height:20px;	
background-color:#f4c1c0;
border:2px solid red;
padding-top:3px;
}

#google_ad_banner 
{
    z-index: -99999;
}

#top
{
    z-index: 99999;
}


ol.a
   {
	   padding:0;
	   margin:0;
	   list-style-type:none;
	   font-size:11px;
	   height:40px;
	   line-height:350%;
	   display:inline-block;
	  
   }
   
ol.a  a
   {
	  color:white;
	  text-decoration:none;
	  display:block;
   }   
 
ol.a > li
 {
	 position:relative;
	 float:left;
	 width:107px;
	 border-right:2px solid red;
	 height:40px;
	} 
	
ol.a >li:first-child 
{
	
	border-left:2px solid red;
	
}
 
ol.a > li:hover
 
 {
	 background-color:black;
 }
 
.overlayTnav
{
	width:107px;	
	height:40px;
}

.overlayTnav .rrr
{
	line-height:300%;
	position:absolute;
	width:107px;
	height:40px;
	background-color:#27a38d;
	left:0;
	top:0;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

li:hover .overlayTnav .rrr
{
opacity:1.0;	
}
 
ol.a > li:hover > a
 {
	 color:red; 
 }
 
ol.a > li > ul.a1
 {

	padding:0;
	margin:0;
	list-style-type:none;
	display:none;

 }
 
ol.a > li:hover >ul.a1
 {
	 display:block;
 }
 
ol.a > li > ul.a1 > li
 {
	background-color:#696969;
    color:white;	
	border-top:2px solid black;
	height:40px;
    z-index: 99999;
	position: relative;

 }
 
ol.a > li > ul.a1 > li:hover
 {
	  background-color:black; 
 } 
 
ol.a > li > ul.a1 > li:hover > a
 {
	  color:red;
 }
 
a.big
{
	color:white;
	text-decoration:none;
}

a.big:hover
{
	color:red;
}

#prawy
{
float:left;	
width:225px;
height:90px;	
text-align:right;
padding-right:10px;
}

#lewy
{
float:left;	
width:45px;
height:90px;	
}

.photo4
{
	width:160px;
	
}

.overlayT
{
	width:160px;
	height:120px;
	position:relative;
}

.overlayT .rrr
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#27a38d;
	left:3px;
	top:3px;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

.overlayT:hover .rrr
{
opacity:0.7;	
}


.overlayTm
{
width:80px;	
height:30px;
border-radius:15px;
margin-left:30px;
position:relative;
}

.overlayTm .rrr
{	
position:absolute;
display:block;
width:250px;
height:30px;
background-color:#27a38d;
top:50px;
opacity:0;
border-radius:15px;
transition: opacity 0.5s ease-in-out;
}

.overlayTm:hover .rrr
{	
opacity:0.7;	
display:block;
}

#info
{
width:465px;
height:100px;	
padding:20px;
background-color:#27a38d;
color:white;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
opacity:1.0;
z-index:1000000000000000000;
border-radius:15px;
line-height:20px;
}

#close
{
  width:80px;
  height:25px;
  text-align:center;
  color: #fff;
  border: 2px solid #06D85F;
  background-color:black;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.8s ease-out;
}

#close:hover
{
  width:80px;
  height:25px;
  text-align:center;
  background: #06D85F;
  color: black;
  transform: scale(0.95);
}

.overlayFor
{
width:190px;	
height:50px;
position:relative;
}

.overlayFor .rrr
{	
position:absolute;
width:190px;
height:50px;
line-height:22px;
font-size:15px;
top:0;
left:0;
background-color:#27a38d;
opacity:0;
transition: opacity 0.5s ease-in-out;
}

.overlayFor:hover .rrr
{	
line-height:22px;
font-size:15px;
opacity:1.0;	
display:block;
}

#forum_main
{
text-align:left;	
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
width:836px;
height:160px;
background-color:#333333;			
font-size:16px;	
color:gold;	
overflow:auto;
border:2px solid darkgrey;
}

#forum_title
{
width:856px;
height:26px;
background-color:black;			
font-size:16px;	
font-weight:bold;
color:lime;	
text-align:center;
display:table-cell;
vertical-align:middle;
border:2px solid darkgrey;
}

#forum_footer
{
width:856px;
height:26px;
background-color:black;			
font-size:16px;	
font-weight:bold;
color:lime;	
text-align:center;
display:table-cell;
vertical-align:middle;
border:2px solid darkgrey;
}

#forum_info
{
width:860px;
height:160px;
background-color:black;	
margin-left:auto;
margin-right:auto;	
margin-top:50px;	
font-size:16px;	
color:#7CFC00;	
text-align:center;
display:table-cell;
vertical-align:middle;
border:2px solid darkgrey;
}

#pojemnik9
{
width:357px;
padding:20px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:50px;
min-height:80px;
background-color:#181818;
color:white;	
text-align:left;	
box-shadow:3px 3px 30px 5px grey;
-webkit-box-shadow: 3px 3px 30px 5px grey;
}

.login20
 {
	text-decoration:none;
	color:lightblue; 
	font-size:16px;
}
   
.login20:hover
{
	  font-size:16px;
	  color:blue; 
}