body {
	margin:0;
	line-height:168%;
	font-size : 13px;
	background-color:white;
	color:black;
	
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	
	
	text-align:center;
}
.kol{clear:both; font-size:14px; line-height:160%;}
.kl{text-align:center;padding:0px;margin:2px;}
.cc1 {border:0px solid black;width:468px;height:100px;float:left;margin-left:450px;margin-left:260px;margin-top:-130px;margin-top:0px;margin-bottom:-150px;position:relative;}
.cc2 {float:left;width:350px;font-size:10px;}
.cc3 {margin:0px;float:left;}
.cc5 {width:439px;float:left;margin-right:2px;}
.cc6 {width:136px;height:166px;color:#676663;text-align:center;float:left;}
.cc7 {width:359px;float:left;}
.cc8 {width:490px;float:left;}
.cc9 {line-height:130%;padding:5px;float:left;width:158px;background-color:#F5F4FC;height:590px;}
.cc10 {padding:0;float:left;width:150px;}
.cc11 {line-height:130%;padding:5px;float:left;width:158px;background-color:#F5F4FC;height:590px;}
.cc12 {width:300px;float:right;}
.cc13 { width:490px;float:left;margin-right:2px;}.cc14 {width:160px;float:left;padding:4px;font-size:13px;}
.cc15 { width:145px;float:left;border-left:1px dotted gray;padding:4px;margin-right:5px;}
.cc16 {width:145px;float:left;border-left:1px dotted gray;padding:2px;}
.cc18 { font-size:13px;padding:3px; line-height:120%; width:148px;float:left;
border-left:1px dotted gray;padding:2px;float:left;padding:2px;}
.hpp {float:left;}
.leftsidebar {width:190px;float:left;margin-right:2px;padding:4px;}
.oc1 {width:20%;height:65px;background-color:#DFDFDF;float:right;}
.oc2 {float:left;}
.pzdr {float:left;font-size:11px;padding:2px 1px; margin:2px;}
.pzdr1 {padding:2px; margin:0px;float:left;}
.moc1{float:left;padding:5px;margin-right:8px;}
.moc2 {border:1px dotted gray;float:right;width:150px;padding:2px;}
@media screen and (max-width: 1024px) {
    .cc1, .cc2,.cc3,.cc4,.cc5,.cc6,.cc7,.cc8,.cc9,.cc10,.cc11,.cc12,.cc13,.cc14,.cc15,.cc16,.cc17,.cc18,.cc19,.cc20,.cc21,
.cc22,.hpp,.obc1,.obc2,.moc1,.moc2,.leftsidebar,.pzdr,.pzdr1 
    {
        float: none;margin:auto;
        width: auto;clear:both;
    }}

.row1 {
  display: flex;
}

.column1 {
  flex: 50%;
}

@media screen and (max-width: 900px) {
  .column1 {float: none;
   margin:auto;
        width: auto;clear:both;
  }
}
@media screen and (max-width: 900px) {
  .karptop1 { 
   margin:80px 0 0 0;
         
  }
}
@media screen and (max-width: 900px) {
  .menu_top li { 
   margin:10px;
         
  }
}
@media screen and (max-width: 900px) {
  .pzdr, .pzdr1 { font-size:148%;
   margin:8px; line-height:128%;text-align:center;
         
  }
}

.hhi {width:99%;height:auto;}
.gg img {box-shadow:0 0 6px #333;
border-radius: 4px;
-webkit-border-radius: 4px;
margin:5px 2px;}
.gg img:hover {box-shadow:0 0 12px #333;filter: brightness(106%);}

.gghh {background-color:#DFDFDF;border:1px solid gray;width:100px;float:left;margin:5px;}
.gghh1 {width:100px;height:110px;text-align:center; overflow:hidden;}

.pab2 {text-align:center; margin:16px;}

.pab3 {text-align:center;font-size:10px; margin:16px;}
.gghh1 img {  filter: brightness(100%); 
  transition: transform .5s ease; 
  margin:auto; text-align:center; }

.gghh1 img:hover  {filter: brightness(120%);
  transform: scale(1.08);  }
img:hover  {filter: brightness(108%); }
#overtop
{
margin: 0px;
text-align:center;
border-bottom:0px; 
border-top:0px;
background-color:white;
width: 99%;
padding: 0px;
}
#top
{
	background-image: url(../design_img/tlo_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	margin-top:150px;
	text-align:center;
	border-bottom:0px;
	border-top:0px;
	background-color:white;
	width: 99%;
	padding: 0px;
}

#karp
{
	position:relative;margin-top:-133px;margin-left:-5px;
}
.karptop
{
	max-width:780px;text-align:left;margin:0px;padding:0;margin-left:auto;margin-right:auto;
}

#baner_top
{
padding:10px; max-width:760px;text-align:center;margin:10px 0px 0px 0px;position:relative;min-height:60px;
}

.padding
{
padding:5px;
}


#stopka
{
text-align:center;
}

#stopka a
{
font-weight:normal;text-decoration:none;
}

.menu_moduly
{border-radius:4px;margin:0px 8px;border-top:1px solid #CDEB00; clear:both;
border:1px solid #CDEB00;-moz-border-radius: 6px; word-spacing:3px;font-size:11px; padding:8px;text-align:center; line-height:162%!important;
}
.menu_moduly a,.menu_moduly a:hover {font-size:120%;}
#id
{

	border-top:0;
	border-bottom:0;
	background-color:white;
	text-align: left;
	max-width: 800px;
	margin: 0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-top:3px;
}


div.d1
{
color:#c02218;
float:right;
font-weight:bold;
font-size:12px;
}
.rowh1 {
  display: flex;
}

.column1 {
  flex: 50%;
}
.column1 {
  float: left;
}

@media screen and (max-width: 900px) {
  .column1,.ppo {
    width: 100%;float:none; text-align:center; padding:10px;
  }
}
.ppo {margin:0px;float:left;}
hr
{
border: 0px dashed gray;
background-color: gray;
height: 2px;
color: gray;
}


div.oferty
{
margin-left:3px; width:300px;float:left;text-align:center;color:#5C82B1;
}

.oferty b
{
color:red;
}


ul.strzalki
{
	text-decoration:none;text-align:left;
}
.strzalki li
{
margin:0;
padding:0; 
	background-image: url(../design_img/strzalka.gif);  
	background-repeat: no-repeat;

	display:block;
	padding-left:6px;
	text-decoration:none;
}


ul.menu_top
{
text-decoration:none;float:right;
top:-69px;
_top:-59px;
margin-right:-10px;
position:relative;
}

.menu_top li
{
background-image: url(../design_img/zielone.jpg);
	background-repeat: no-repeat;

background-color:#C3D54D;
display:block;
float:left;
margin-left:1px;
padding:10px;
text-align:center;
width:125px;
}


div.belka
{

height:20px;text-align:center;width:99%;font-size:13px;color:white;font-weight:bold;padding:1px;
background-image: url(../design_img/blue_590.gif);
	background-repeat: no-repeat;
	background-position: top;
	
}

div.belkapom
{

height:20px;text-align:center;width:99%;font-size:13px;color:white;font-weight:bold;padding:1px;
background-image: url(../design_img/orange_590.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	

}
div.belkaziel
{

height:20px;text-align:center;width:99%;font-size:13px;color:white;font-weight:bold;padding:1px;
background-image: url(../design_img/green_590.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	
}
div.belkazielsmall
{

height:20px;text-align:center;width:99%;font-size:13px;color:white;font-weight:bold;padding:1px;
background-image: url(../design_img/green_190.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	
}



.center
{
text-align:center;
}
.description
{
background-color:#B9B9B9;
}
.text
{
background-color:#E0E0E0;
}
.white
{
background-color:white;
}
.row1
{

}
.row2
{

}
.title
{
background-color:#8CC739;
}
.podswietl
{
background-color:#EFFFC0;
padding:5px;
text-decoration:none;
}
.podswietl:hover
{
padding:5px;
background-color:#E0FF84;
}
img
{
border:0px;
}
td.forum1
{
text-align:left;vertical-align:top;padding: 3px;background:#F7F7F7;color:black;font-size:10px;
}
td.forum2
{
text-align:left;background:#F7F7F7;color:black;font-size:10px;
padding:3px;vertical-align:center;text-align:center;font-weight:bold;
}
td.forum2c
{
text-align:left;background:#E0E0E0;color:black;font-size:10px;
padding:3px;vertical-align:center;text-align:center;font-weight:bold;
}
td.forum3
{
padding:2px;font-size:10px;background-color:#F7F7F7;text-align:center;
}
td.forum4
{
background-color:white;border-right:1px solid #D3D3D3;padding:5px;border-bottom:1px solid #D3D3D3;text-align:left;
}
.tabloid
{
background-color:#F2F2F2;border-right:1px solid #D3D3D3;padding:5px;border-bottom:1px solid #D3D3D3;text-align:left;
}
.tabloid2
{
background-color:#E2E2E2;border-right:1px solid #D3D3D3;padding:5px;border-bottom:1px solid #E2E2E2;text-align:left;
}



div.blok
{
font-size:11px;
padding:10px;
border:1px dotted black;
}
.pasek
{
text-align:center;
width:99%;background: #D9D9D9; margin: 0px;margin-bottom:1px;padding:1px;font-size:10px;

}
.yellow
{
color:orange;
}
.blue
{
color:blue;
}

a.nowy
{
text-decoration:none;
width:49.7%;color:white;font-size:15px;float:left;display:block;background-color:#008942;text-align:center;
}
a.nowy:hover,a.hover_nowy
{
text-decoration:none;
width:49.7%;color:white;font-size:15px;float:left;display:block;background-color:#008942;text-align:center;
background-color:#B1E401;
}


a.top,a.hover_top
{
background-color:#008942;
text-decoration:none;
color:white;display:block;padding-left:20px;font-size:15px;padding-right:15px;float:left;border-right:1px solid white;
}
a.top:hover
{
background-color:#B1E401;
}
a.hover_top
{
text-align:center;padding:0;padding-left:5px;padding-right:5px;
background-color:#B1E401;
}





input,select {
font-family: Verdana, Helvetica, sans-serif;
font-size : 14px; padding:3px;
background-color:#C8E4D8;

}
select {
font-family: Verdana, Helvetica, sans-serif;
font-size : 22px; padding:8px; 
background-color:#C8E4D8;

}

select { quotes: "\00BB" "\00BB"; }
select a:before { content: open-quote; color:#0f7934;padding: 0 6px; }
select a:after { content: no-close-quote; } 
select a:hover:before { content: open-quote; color: #313131; padding: 0 6px; }
select a:hover:after { content: no-close-quote; }  
textarea {
font-family: Verdana, Helvetica, sans-serif;
font-size : 12px;
background-color:#C8E4D8;
width:468px;
height:55px

}
optgroup
{

}
.none
{
text-decoration:none;
font-weight:normal;
}
h2
{
margin:0px;
padding:0px;
font-size:14px;
color:#008942;
}
.normal
{
text-decoration:none;
}


ul
{
font-size:12px;
margin-left:0px;
}
.belka
{
color:white;
font-size:14px;
font-weight:bold;
}

a
{
color:black;
font-weight:bold;
}
.toplista td
{
padding:3px;
}
.pp {
	text-align:justify;
	padding:5px;
	margin:10px;
	border-bottom:1px solid #CDEB00;
	background-color:#fdfdfd;
	}
.gr {
text-align:center;
padding:15px; 
/* border:1px solid #CDEB00; */
background-color:#ffffff;	
margin:5px;
width:780px;
}
.dlk {
	text-align:center;
	padding:3px;
	margin:2px;
	font-size:10px;
	}
.wsp {
	text-align:center;
	padding:10px;
	margin:10px;
	border:1px dotted #CDEB00;
	}
.obrr {
	text-align:center;
	padding:10px;
	margin:5px 20px 5px 20px;
	border-bottom:1px dotted #E8F87A;
	}	 	
.ws2 {
	background-color:#fdfdfd;
	border-bottom:1px solid #8CBFDA;
	padding:3px;
	margin:3px;
	}	

.ig img {margin:4px 0px 4px 8px;}
a  {color:#181c21;}
a:hover {color:#0aac17;}
.cno, .cno1  {text-align:center; margin:auto; display:flex;  display: -webkit-flex;
justify-content:center; -webkit-justify-content:center;
align-items:center;-webkit-align-items:center;}

.cno a,.cno1 a,h1 {  filter: brightness(100%); 
  transition: transform .5s ease; 
  margin:auto; text-align:center; }

.cno a:hover,.cno1 a:hover, h1  {filter: brightness(112%);
  transform: scale(1.05);  }
.akw {text-decoration:underline!important; font-size:12px;padding:3px;font-weight:bold; line-height:130%; width:110px;float:left;margin-top:3px;
text-align:center;color:#346702;}
.akw1 a {margin:3px 4px;padding:4px;font-size:12px!important;line-height:112%;text-align:left;border-bottom:1px dotted #555; }
.frm,.frm a {font-size:12px!important;line-height:170%;}

.h3 a, h3 {font-size:12px!important;line-height:180%;}

td.forum1,td.forum   {font-size:12px;}

td.forum1 a,td.forum  a {text-decoration:underline;color:#26759d;}
.mmnn {padding:14px;}

.mmnn {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 
.imm {padding-top:2px;color:#9CB30E;font-weight:bold;font-size:11px;}
.dkp {background-color:#EFEFEF; margin-left:6px;padding-left:6px;border-radius:4px;margin-bottom:10px;}
.dkp a {color:red;}
.dkp a:hover {color:#888;}
.karptop img:hover {filter: brightness(100%)!important;}

.hahaha  {text-shadow:0px 0px 1px #ccc;font-family:Arial; letter-spacing:1px; text-align:center;background: linear-gradient(-90deg, #424868, #0d3665,  #424868);letter-spacing:1px; color:#fff; font-size:14px; padding:2px; margin:0px 10px 10px 10px; border-radius:8px;}
.buahaha {text-shadow:0px 0px 1px #ccc;font-family:Arial;  letter-spacing:2px;  text-align:center;color:#fff; font-size:14px; padding:2px; 
margin:0px 0px 10px 0px; border-radius:8px;background: linear-gradient(-98deg, #c4d64c, #a8b741,  #c4d64c);background-color:#c4d64c;}

.hhn {border-radius:5px; height:22px; width:99%; background: linear-gradient(-98deg, #8cbfda, #6d98ae,  #8cbfda);background-color:#8cbfda; margin:8px 0px;}

.hhp {margin:0 4px 8px 4px;border-radius:5px; height:22px; width:99%; background: linear-gradient(-98deg, #ffb504, #f6c551,  #ffb504);background-color:#ffb504;}
.hhz{margin:0 4px 8px 4px;border-radius:5px; height:22px; width:99%; background: linear-gradient(-98deg, #c5d64c, #e0ff03,  #c5d64c);background-color:#c5d64c;}
.hhzz{margin:0 0px 8px 0px;border-radius:5px; height:22px; max-width:100%; background: linear-gradient(-98deg, #b9cf23, #ceea09,  #b9cf23);background-color:#c5d64c;}
.cc8 img {max-width:99%; height:auto;}


.animate.a1 {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  } 

 
