/* HOVERY 
.hor .ver, .ver-1, .ver-2, .ver-3{min-height:535px; float:left; position:relative; cursor:pointer;}
.hor .block{
background: url('bitwa.jpg') 0 0 no-repeat;
width:181px;
height:163px;
text-align:center;
position:relative;
margin:187px 0 0 28px;
z-index:1;
}
.ver-2{width:237px; background:#3c646a;}

/*a.act{text-decoration:none;background:#006699;color:#FFFFFF;}
a:hover.act{text-decoration:none;background:#006699;color:#000000;}
a:active.act{text-decoration:none;background:#006699;color:#A9C61F;}
a {
text-decoration: none;
color: magenta;
}*/

h1 {font-size:28px}
h2 {font-size:22px}
h3 {font-size:17.5px}
h4 {font-size:16px}
h5 {font-size:14px}
h6 {font-size:11.5px}

html, body {
     background-color: #FF0000;
     color: #000000;
     margin: 0px;
     padding: 0px;
     font-family: Helvetica, sans-serif;
     border: 0px;
     text-align: center;
     background-attachment: fixed;
}

img {
border: 0px;
}

a{text-decoration:none;color:#FF0000; border: 0px; outline:none;}
/*a:hover{text-decoration:none;background:#7EAF4B;color:#FFFFFF;}*/
a:hover{text-decoration:none;color:#505050;}
a:active{text-decoration:none;color:#F9E351;}
a.act{text-decoration:none;background:transparent;color:transparent;}
a:hover.act{text-decoration:none;background:transparent;color:#000000;}
a:active.act{text-decoration:none;background:#008000;color:#A9C61F;}

a.img{text-decoration:none;background:transparent;color:transparent;}
a:hover.img{text-decoration:none;background:transparent;color:#000000;}
a:active.img{text-decoration:none;background:#008000;color:#A9C61F;}


#reklamacba {
    display: none;
    height: 0px;
    
}

#MAIN{

float:none;
width: 980px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
color: #505050;
font-family: sans-serif;
font-size: 18px;
overflow: hidden;
font-weight: bold;
text-align: left;
}



#TRESC{
width: 960px;
padding: 10px;
text-align: center;
}

#TRESC .tytul {
     width: 980px;
     float: left;
     overflow: hidden;
     text-align: center;
     color: #1F1F1F;
     font-size: 25px;
     font-weight: bolder;
     font-family: Verdana, sans-serif;
     margin: 15px 0px 15px 15px;
     }

#TRESC .info{
float: left;
background-color: transparent;
width: 100%;
margin: 10px 10px 15px 10px;
margin-bottom: 15px;
text-align: center;
}		

#TRESC ul{
padding: 0px;
margin: 0px;
}

#TRESC li{
float: left;
margin-left: 100px;
list-style: square;
}

#TRESC .lewy{
width: 150px;
display: inline-block;
text-align: right;
color: red;
float: left;
}

#TRESC .prawy{
width: 550px;
display: inline-block;
float: left;
text-align: left;
margin-left: 15px;
}
 
		 
#NAGLOWEK {
     width: 100%;
     height: 700px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     /*background:-moz-linear-gradient(90% 60% 90deg, #FF0000, #FFFFFF 45%);*/
background: url("images/tlo_n.png");
background-repeat: repeat-x;      
/*     background:-moz-linear-gradient(100% 100% 90deg, #FF0000, #FFFFFF 99%);
     
     /*background-image: url("../images/danlok.gif");
     background-repeat: no-repeat;*/
     /*background-color: transparent;
     background-color: yellow;
     background-image: url('../images/tlo.gif');*/
     }
		 
#NAGLOWEK .quick{
position: absolute;
width: 500px;
height: 200px;
background-color: transparent;
font-weight: bold;
margin-left: 100px;
overflow: hidden;
}		 

#NAGLM {
height: 650px;
width: 980px;
overflow: hidden;
background: url("images/rajm.png");
background-position: right top; 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
     
     
#KOM 
{
width: 50%;
position:fixed;
margin-left: 50%;
float: right;
}     
     
     
#KOM .komunikat
{
color: #FE5A5A;
font-family: sans-serif;
font-size: 15px;
margin-top: 0px;
overflow: hidden;
/*position: fixed;*/
margin-right: 10px;
float: right;
width: 380px;
height: 218px;
background-color: #1F1F1F;
border: 6px double #BBBBBB;
}     

#NAGLOWEK .left{
width: 700px;
height: 198px;
font-size: 120px;
font-weight: bold;
font-style: italic; 
float: left;
color: #010101;
}     

#NAGLOWEK .podpis
{
color: #FE5A5A;
font-family: sans-serif;
font-size: 45px;
margin-top: 0px;
}


#MENU {
     float: none;
     height: 40px;
     margin: 0px 0px 0px 0px;
     overflow: hidden;
     background-color: transparent;
     color: #FFF4D0;
     text-align: center;
     margin-top: -160px;
     }

#MENU .p{
margin-top: 12px;
float: none;
}
     
#MENU .tekst
{
     display: block;
     margin-top: 12px;
     padding-bottom: 6px;
     color: #D7E2EE;
}

#MENU a.img .link{
text-decoration:none;
display: inline-block;
width: 163px;
height: 150px;
color:magenta;
background-position: 0px 0px;
background-repeat: no-repeat;
overflow: hidden;
margin: 0px;
cursor: pointer;
/*cursor: url("lapka.apng"), default;*/
/*cursor: pointer;*/



transition:All 0.01s ease;
-webkit-transition:All 0.01s ease;
-moz-transition:All 0.01s ease;
-o-transition:All 0.01s ease;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
}

#MENU a:hover.img .link{
background-position: 0px -40px;


transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);

}

#MENU a.img .linkc{
text-decoration:none;
display: inline-block;
width: 163px;
height: 150px;
color:magenta;
background-position: 0px -40px;
background-repeat: no-repeat;
overflow: hidden;
cursor: pointer;
}




#LEWA{
width: 470px;
float: left;
background-color: transparent;
margin: 0px 0px 0px 0px;
color: #505050;
font-family: sans-serif;
font-size: 18px;
overflow: hidden;
font-weight: bold;
text-align: center;
}

#LEWA .tytul {
     width: 690px;
     float: left;
     overflow: hidden;
     
     text-align: center;
     color: #1F1F1F;
     font-size: 25px;
     font-weight: bolder;
     font-family: Verdana, sans-serif;
     margin: 15px 0px 15px 15px;
     }
		 
#LEWA .lewy{
width: 150px;
display: inline-block;
text-align: right;
margin-left: -10px;
color: red;
}

#LEWA .prawy{
width: 550px;
display: inline-block;
float: right;
text-align: left;
}

#LEWA .info{
float: left;
background-color: transparent;
width: 100%;
margin-bottom: 15px;
text-align: center;
}

#LEWA hr{
color: transparent;
height: 15px;
}

#LEWA ul{
padding: 0px;
margin: 0px;
}

#LEWA li{
float: left;
width: 400px;
margin-left: 50px;
list-style: square;
text-align: left;
}

#BLOK{
width: 350px;
float: left;
margin: 10px 0px 0px 10px;
}

#PRAWA {

     width: 470px;
     float: right;
     overflow: hidden;
     margin-top: 0px;
     background-color: transparent;
     text-align: center;
     color: #000000;
     font-size: 16px;
     font-weight: bolder;
     font-family: Arial;
     }
     
#PRAWA .tytul {
     width: 940px;
     float: left;
     overflow: hidden;
     background-color: #A5129A;
     text-align: center;
     color: #BFBFBF;
     font-size: 35px;
     font-weight: bolder;
     font-family: Verdana, sans-serif;
     /*margin: 15px 0px 15px 15px;*/
     }

#PRAWA .tytul2 {
     width: 720px;
     float: left;
     overflow: hidden;
     margin-top: 6px;
     background-color: #E6E6E6;
     text-align: left;
     color: #2A4C5A;
     font-size: 25px;
     font-weight: bolder;
     font-family: Verdana, sans-serif;
     margin-left: 35px;
     }

#PRAWA .przerwa {
     width: 720px;
     height: 5px;
     float: left;
     overflow: hidden;
     margin-top: 6px;
     background-color: #E6E6E6;
     text-align: center;
     color: #2A4C5A;
     }

#PRAWA .autor
{
color: #FE5A5A;
font-family: Times New Roman, serif;
text-align: left;
margin-right: 60px;
margin-left: 55px;
float: left;
width: 720px;
}     


#PRAWA p
{
background-color: transparent;
/*background-color: white;
filter:alpha(opacity=70);
     opacity: 0.7;
     -moz-opacity:0.7;
     background-image: url('images/tlo.png');*/
text-align: left;
margin: 15px;
padding: 0px 0px 12px 8px;
color: #000000;
}

#PRAWA .podpis
{
padding-left: 25px;
padding-right: 10px;
color: #222222;
font-family: Times New Roman, serif;
}
#PRAWA .notka
{
color: #FE5A5A;
font-family: sans-serif;
}

#PRAWA .blok{
text-align: left;
width: 350px;
float: left;
margin: 10px 0px 0px 10px;
}

#PRAWA p a{
     display: inline;
     text-decoration: none;
     text-align: left;
     background-color: #80C91B;
     font-size: 15px;
     font-family: Courier, monospace;
     color: #000000;
     border-left: 6px solid;
     float: none;
     margin-right: 15px;
     }

#PRAWA p a:hover {
     color: #FFFFFF;
     background-color: #75AC17;
}

#PRAWA .tekst
{
font-size: 25px;
font-family: Verdana, sans-serif;
padding-left: 25px;
padding-right: 10px;
color: #EEEEEE;
}


#STOPKA {
     clear: both;
     width: 100%;
		 height: 50px;
     /*background-color: #A5129A;*/
		 background-color: transparent;
     float: none;
     /*background-color: #BABABA;*/
     font-size: 12px;
     font-weight: bolder;
     font-family: Helvetica, sans-serif;
     margin-top: -5px;
     color: #FFFFFF;
     text-align: center;
     }

#STOPKA .notka
{
color: #9B2828;
font-family: sans-serif;
}
/*
ul {
     width: 970px;
     list-style-type: none;
     margin: 0 auto;
     text-align: center;
     font-weight: bold;
}     
     
ul li {
     float:left;
     text-align: center;
     
}          
     
ul li a {
     text-decoration: none;
     background: url("../images/danlok.gif") 0px -300px;     
     font: Arial;
     font-size: 14px;
     font-weight: bold;
     display: block;
     width: 155px;
     text-align: center;
     color: #55FF55;
     padding: 10px;
}     
     
ul li a:hover {
     padding: 10px;
     background: url("../images/danlok.gif") 0px -336px;     
     color: #470441;
     padding: 12px 12px 8px 8px;
}

ul li a.act {
     text-decoration: none;
     background: url("../images/danlok.gif") 0px -372px;     
     font: Arial;
     font-size: 14px;
     font-weight: bold;
     display: block;
     width: 155px;
     text-align: center;
     color: #EAD22F;
     padding: 10px;
}

ul li a:hover.act {
     padding: 10px;
     background: url("../images/danlok.gif") 0px -408px;     
     color: #F47260;
     
}
*/
fieldset{
background-repeat: no-repeat;
}

#TRESC .img{
display: inline-block;
width: 245px;
text-align: center;
font-size: 35px;
/*background-color: red;*/
float: none;
clear: right;
}

#TRESC a.img{color:transparent;}
#TRESC a.img .link{
text-decoration:none;
display: block;
height: 500px;
color:magenta;
opacity:0; 
filter:alpha(opacity:0);
background-repeat: no-repeat;
}

#TRESC a:hover.img .link{
text-decoration: none;
/*background: #222222;*/

color: yellow;
opacity: 1; 
filter: alpha(opacity:100);
animation-name:tuo;
animation-duration:1050ms;
animation-iteration-count:1;

-webkit-animation-name:tuo;
-webkit-animation-duration:1050ms;
-webkit-animation-iteration-count:1;

-o-animation-name:tuo;
-o-animation-duration:1050ms;
-o-animation-iteration-count:1;
}


       
      /* ------------ANIMACJA-SZEROKOSC------------ */
@keyframes tuo
{
  0% {  opacity:0; filter:alpha(opacity:0);  }
  100% {  opacity:1; filter:alpha(opacity:100);  }
}               

@-webkit-keyframes tuo
{
  0% {  opacity:0; filter:alpha(opacity:0);  }
  100% {  opacity:1; filter:alpha(opacity:100);  }
}

@-o-keyframes tuo
{
  0% {  opacity:0; filter:alpha(opacity:0);  }
  100% {  opacity:1; filter:alpha(opacity:100);  }
}