html, body { margin:0 auto; padding:0; color:black; font:12pt sans-serif; text-align:center; background-image:url(foto/carbon_fibre_big.png); }
#TOP { overflow:hidden; width:902px; margin:20px auto 0 auto; }
#a { background-image:url(foto/a.png); width:850px; height:50px; border:1px solid #666; background-repeat:no-repeat; 
	background-position:top center; margin:0 auto; margin-bottom:5px; }
#b { background-image:url(foto/b.png); width:850px; height:50px; border:1px solid #666; background-repeat:no-repeat; 
	background-position:top center; margin:0 auto; margin-top:5px; }
h3 { margin:0; padding:0; color:#fff; }

#DATA { border:1px solid #666; background-color:#000; padding:5px 0; font-size:9pt; width:900px; color:#ccc; 
				animation-name:a_DATA; 						-webkit-animation-name:a_DATA; 					-moz-animation-name:a_DATA;
				animation-duration:500ms; 				-webkit-animation-duration:500ms; 			-moz-animation-duration:500ms;
				animation-iteration-count:1;      -webkit-animation-iteration-count:1; 		-moz-animation-iteration-count:1;
				animation-direction:normal;    		-webkit-animation-direction:normal; 		-moz-animation-direction:normal; }      

#NAGLOWEK { width:902px; height:150px; overflow:hidden; color:white; font-size:12pt; background-color:#333; margin-top:6px; 
						animation-name:a_NAGLOWEK; 				-webkit-animation-name:a_NAGLOWEK; 		-moz-animation-name:a_NAGLOWEK;
				 		animation-duration:500ms; 				-webkit-animation-duration:500ms; 		-moz-animation-duration:500ms;
				 		animation-iteration-count:1;      -webkit-animation-iteration-count:1; 	-moz-animation-iteration-count:1;
				 		animation-direction:normal;    		-webkit-animation-direction:normal; 	-moz-animation-direction:normal; }

#MENU { width:900px; height:48px; clear:both; overflow:hidden; border:1px solid #666; margin-top:6px; } 

#TRESC { width:900px; height:auto; clear:both; overflow:hidden; margin-top:6px; background-color:#444; border:1px solid #666; 
					animation-name:a_TRESC; 					-webkit-animation-name:a_TRESC; 			-moz-animation-name:a_TRESC;
				 	animation-duration:500ms; 				-webkit-animation-duration:500ms; 		-moz-animation-duration:500ms;
				 	animation-iteration-count:1;      -webkit-animation-iteration-count:1; 	-moz-animation-iteration-count:1;
				 	animation-direction:normal;       -webkit-animation-direction:normal; 	-moz-animation-direction:normal; }

#STOPKA { width:900px; height:28px; clear:both; border:1px solid #666; overflow:hidden; margin-top:6px; background-color:#444; 
        	animation-name:a_STOPKA; 					-webkit-animation-name:a_STOPKA; 			-moz-animation-name:a_STOPKA;
				 	animation-duration:500ms; 				-webkit-animation-duration:500ms; 		-moz-animation-duration:500ms;
				 	animation-iteration-count:1;      -webkit-animation-iteration-count:1; 	-moz-animation-iteration-count:1;
				 	animation-direction:normal;       -webkit-animation-direction:normal; 	-moz-animation-direction:normal; }
				
#SYGNATURA { font-size:8pt; margin:6px auto 0 auto; width:902px; color:#fff; padding:15px 0; } 				

/*.menu*/
.menu ul, .menu ul li { font-weight:bold; margin:0; padding:0; display:block; list-style-type:none; }
.menu ul { background-image:url(foto/menu_calosc.png); width:902px; height:50px; }
.menu ul li { float:left; }
.menu ul li a { padding-top:15px; float:left; width:150px; height:35px; display:block; font-size:11pt; font-family:sans-serif; color:white; text-decoration:none; 
								transition-property:background-color, font-size; 
								transition-duration:300ms;
								
								-webkit-transition-property:background-color, font-size; 
								-webkit-transition-duration:300ms;
								
								-moz-transition-property:background-color, font-size;
        				-moz-transition-duration:300ms; }        				
.menu ul li a:hover { font-size:13pt; color:#000; text-decoration:none; background-color:gold; }
.menu ul li.active a { font-size:13pt; color:#000; text-decoration:none; background-color:gold; }

/*.menu_alt*/
.menu_alt ul, .menu_alt ul li { font-weight:bold; margin:0; padding:0; display:block; list-style-type:none; }
.menu_alt ul { background-color:#222; width:902px; height:28px; }
.menu_alt ul li { float:left; }
.menu_alt ul li a { padding-top:5px; float:left; width:150px; height:23px; display:block; font-size:10pt; font-family:sans-serif; color:#555; text-decoration:none; 
								transition-property:background-color; 
								transition-duration:250ms;
								
								-webkit-transition-property:background-color; 
								-webkit-transition-duration:250ms;
								
								-moz-transition-property:background-color;
        				-moz-transition-duration:250ms; }        				
.menu_alt ul li a:hover { color:#eee; text-decoration:none; background-color:#000; }
.menu_alt ul li.active a { color:#eee; text-decoration:none; background-color:#000; }

/*.galeria*/
.galeria ul, .galeria ul li { font-weight:bold; margin:0; padding:0; display:block; list-style-type:none; }
.galeria ul { padding-bottom:10px; float:left; width:900px; height:auto; }
.galeria ul li { float:left; }
.galeria ul li a { margin-left:10px; margin-top:10px; float:left; width:430px; height:172px; display:block; background-color:#555; border:1px solid #333; 
									transition-property:background-color, font-size;
        					transition-duration:400ms;

        					-webkit-transition-property:background-color, font-size;
        					-webkit-transition-duration:400ms;
        					
        					-moz-transition-property:background-color, font-size;
        					-moz-transition-duration:400ms; }
.galeria ul li a:hover { font-size:15pt; color:#000; text-decoration:none; background-color:gold; }
.galeria ul li.active a { font-size:15pt; color:#000; text-decoration:none; background-color:gold; }

/*opinie*/
.nick_data { color:#000; border:1px solid #fff; width:690px; height:auto; background-color:#fff; padding:2px 20px; margin:30px auto 0 auto; 
	text-align:left; }
.komentarz { line-height: 20px; color:#fff; border:1px solid #fff; width:700px; height:auto; background-image:url(../foto/carbon_fibre_big.png); padding:10px 15px; margin:0 auto 30px auto; 
	text-align:center; }

/*animacja dla TRESC*/
@keyframes a_TRESC { 0% { transform:translateY(100%);} 100% { transform:translateY(0);} }
@-webkit-keyframes a_TRESC { 0% { -webkit-transform:translateY(100%); } 100% { -webkit-transform:translateY(0); } }
@-moz-keyframes a_TRESC { 0% { -moz-transform:translateY(100%); } 100% { -moz-transform:translateY(0); } }

/*animacja dla NAGLOWEK*/
@keyframes a_NAGLOWEK { 0% { transform:translateY(-100%); } 100% { transform:translateY(0); } }
@-webkit-keyframes a_NAGLOWEK { 0% { -webkit-transform:translateY(-100%); } 100% { -webkit-transform:translateY(0); } }
@-moz-keyframes a_NAGLOWEK { 0% { -moz-transform:translateY(-100%); } 100% { -moz-transform:translateY(0); } }

/*animacja dla STOPKA*/
@keyframes a_STOPKA { 0% { transform:translateY(100%); } 100% { transform:translateY(0); } }
@-webkit-keyframes a_STOPKA { 0% { -webkit-transform:translateY(100%); } 100% { -webkit-transform:translateY(0); } }
@-moz-keyframes a_STOPKA { 0% { -moz-transform:translateY(100%); } 100% { -moz-transform:translateY(0); } }

/*animacja dla DATA*/
@keyframes a_DATA { 0% { transform:translateY(100%); } 100% { transform:translateY(0); } }
@-webkit-keyframes a_DATA { 0% { -webkit-transform:translateY(100%); } 100% { -webkit-transform:translateY(0); } }
@-moz-keyframes a_DATA { 0% { -moz-transform:translateY(100%); } 100% { -moz-transform:translateY(0); } }