.whitebg { background-color: #fff; }
.logreg { margin-top: 0px; display: block; width:100%; float: right;   height: 35px;  border-bottom: solid 1px #fff; background:#fff; font-size: 12px; font-family: 'Exo'; z-index: 1000; }
.ilemamy { font-size: 90%; margin-top: 15px; float:right; position: absolute; margin-left: 800px;}
.logowanie { font-size: 100%;  padding-top: 3px; background: #fff; height: 35px; padding-right: 10px; padding-left: 10px; font-weight: bold; }
.wycentrowane { display: block; text-align: center; width: 1120px; background:#fff; margin: 0 auto; }
.wycentrowane_forum { display: block; text-align: center; min-width: 1100px; width: 80%; background:#fff; margin: 0 auto; }
.fs90 { font-size: 90%;  }
.logreg_tabactive   { background: #444; margin-top: 5px; color: #fff; height: 28px; font-size: 90%; font-weight: normal; float: left; padding: 0px 20px 0px 20px; display: block; float: left; border-top: solid 3px #fff; transform: skew(-8deg);}
.logreg_tabactive a  { color: #fff; }
.logreg_tabnoactive { background: #eee; margin-top: 7px; color: #000; height: 28px; font-size: 90%; font-weight: normal; float: left; padding: 0px 20px 0px 20px; display: block; float: left; margin-right: 2px; transform: skew(-8deg);}
.logreg_tabnoactive:hover { background: #eee; margin-top: 7px; color: #000; height: 28px; font-size: 90%; font-weight: normal; float: left; padding: 0px 20px 0px 20px; display: block; float: left; transform: skew(-8deg);}

.logreg_tabnoactive a { color: #000;  }
.logreg_tabnoactive:hover a { color: #000;  }
.logreg_tabnoactive a:hover { color: #000;  }
.tab_icon { width: 13px; height: 13px; margin-right:6px; position: relative; margin-top: 6px; opacity: 1;}
.black { color: black; }

.logo_marki { float: left; width: 72px;  border: solid 1px #eee; border-bottom: solid 2px #eee; border-right: solid 2px #eee; margin-left: 6px; margin-bottom: 4px;}

.chmurka{    
    background: transparent url('../../../chmurki.png') no-repeat 0px 5px;
    display: inline-block;    
    float:left;
    color:#fff;
    padding-top:5px;
    font-weight:bold;
    text-align:center;    
    margin-left: 3px;
    margin-right: 3px;
    width:42px; height:50px;    
    
}

.gplus_gorny { display: block; float: left; margin-left: 9px; margin-top: -10px;}
.chmurka2{    
    background: transparent url('../../../chmurki2.png') no-repeat 0px 5px;
    display: inline-block;    
    float:left;
    color:#fff;
    
    font-weight:bold;
    text-align:center;    
    margin-left: 3px;
    padding-top: 20px;
    margin-right: 3px;
    width:42px; height:50px;    
    
}

.temat { padding:0;display: inline-block; font-size: 100%; float:left;  height:22px; width: 401px; letter-spacing: 0.03em; }
.temat a { color: #000; }
.szczegoly { padding:0;display: inline-block; font-size: 90%; float:left; background:#fff; color: #aaa; height:24px; width: 390px; border-right: solid 12px #fff; margin-bottom: 16px;}


.temat_bok { padding:0; font-size: 90%; float:left; overflow: hidden; width: 210px; background: #eee; display: block; margin-bottom: 5px;}
.szczegoly_bok { padding:0;float:left; background:#fff; color: #aaa; font-size: 80%; overflow: hidden;  width: 210px; }

.ostatnie_pyt_forum { float: right; width: 470px;}



.sep{
    background: url('../../../news_ars.jpg') no-repeat;
    background-position: 0 0px;    
    height: 15px;
    display: inline-block;
    margin-top:0px;
    margin-left: 8px;
    margin-right: 3px;
    width:15px;    
}

.sep:hover{
    background-position: 0 -15px;    
}

.news_header { font-size: 36pt; letter-spacing:1px;font-weight:700;color:black; border-left: solid 30px orange; padding-left: 20px;   }
.srodek_strony { font-size: 90%; position: absolute; margin-top: 0px; margin-top: 5px; width: 215px; float: left; display: block; height: 440px; margin-left: -150px; padding-top: 0px;  }
.ost_filmy_tytul { font-size: 90%; font-weight: bold; display: block; border-bottom: solid 1px orange; background: url('../../../bg-patte.png') ; padding: 2px;}


.podpis_lastkomfilmy { color: #000; font-weight: normal; font-size: 16px;   letter-spacing:0px; border-bottom: solid 1px #ccc;}
.ostatnio_kom_filmy_box { padding: 8px 6px 8px 6px; background: #fff; width: 135px; }

.film_kontener { float: left; display: inline-block; overflow: hidden; background: #fff; margin-top: 6px;width: 265px; height: 250px; position: relative; margin-top: 5px; text-align: center; }
.film_obrazek5 { width: 265px; height: 190px; border: 0; float: left; }
.film_kontener_play { position: absolute; right: 2%; bottom: 27%; width:64px; height: 64px;  z-index: 5;}

.podpis_filma {  display: inline-block; margin: 0 auto; letter-spacing: 1.0px;  width: 255px; height: 55px; overflow: hidden;   padding: 8px; background: #fff;   margin-top: -20px; border-bottom: solid 9px #fff; box-shadow: 0 0 10px 0px rgba(0,0,0,0.12);}
.podpis_filma a { color: #000; font-size: 16px;  text-justify: left; line-height: 120%; }
.tytul_film { display: block; background: #eee; width: 196px;  height: 25px;  color: #fff; padding-left: 5px; font-weight: 700;  background: url('../../../bg-patte.png'); border: solid 1px #eee; }

.sep2{
    background: url('../../../kropka.png');
    
    height: 15px;
    display: inline-block;
    margin-top:0px;
    margin-left: 8px;
    margin-right: 3px;
    width:15px;
    
    border:none;
}
  .cela { display: table-cell; border: solid 1px #eee; padding: 10px; width: 100px; padding-top: 5px; position: relative;}
  .cela_tekst { font-size: 90%; color: navy;}
  
  
@media only screen and (max-width: 1680px) {

        #it10 { display: none; }
        #it11 { display: none; }
}

@media only screen and (max-width: 1280px) {

        
        #it9   { display: none; }
        #it10 { display: none; }
        #it11 { display: none; }
}

@media only screen and (max-width: 1024px) {

        #it8   { display: none; }
        #it9   { display: none; }
        #it10 { display: none; }
        #it11 { display: none; }
}

.nagl_typ1 { padding: 5px 15px 5px 14px; font-size: 15px; color: #fff; background: #fc6806; display: inline-block; margin-bottom: 10px; margin-right: 2px;}
.nagl_typ2 { padding: 5px 15px 5px 14px; font-size: 15px; color: #fff; background: #3C393A; display: inline-block; margin-bottom: 10px; margin-right: 2px;}
.nagl_typ3 { padding: 5px 15px 5px 14px; font-size: 15x; color: #000; background: #eee; display: inline-block; margin-bottom: 10px; margin-right: 2px;}
.nagl_typ4 { padding: 5px 15px 5px 14px; height:25px; color: #000; background: url('../../../background_tlo.jpg'); display: inline-block; margin-bottom: 10px; margin-right: 2px; border: solid 1px #eee; }
.nagl_typ5 { padding: 5px 15px 5px 14px; height:25px; color: #000; background: url('../../../bg-patte.png');  display: inline-block; margin-bottom: 10px; margin-right: 2px; border: solid 1px #eee; }
.pogrubiony { font-weight: 700; font-size: 14px; }
.belkagorna { width:900px; margin-left: 20px; font-size: 11px;  background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-8 */
}
.width400 { width:390px; }
.width500 { width:440px; }
.width100p { width: 100%; }
.fb_box2 { background: url('../../../bg-patte.png'); width: 510px; height: 300px; margin-top: -10px; border-bottom: solid 1px orange;}

.margin_left20 { margin-left: 20px; }


.odstep5 { padding: 5px; display: inline-block; height: 50px; width: 10px;}

.bialy { color: #fff;}
.zolty { color: black; font-weight: 600; background: #eee; padding: 3px; }
.zawartosc { display: table; width: 1165px; margin-left: auto; margin-right: auto; background:#fff;  padding-top: 28px; border-left: solid 18px #fff; border-right: solid 20px #fff; overflow: visible;  }
.ikonalog { margin-top: 6px; margin-left: 5px; margin-right: 10px; } 
.logowanie_podpis { font-size: 14pt; color:blue; font-weight: bold; }
.kolorblack { color:black; font-weight: bold; }
.avatar_box { display: block; width: 88px; padding: 1px; border: none; float: left; }
.avatar_img { display: block; width: 85px; border: none; vertical-align: middle; border-radius: 50%;}
.profile_img { width: 810px; border: none; }
.omnie_linki { float: left; display: block; padding: 10px; font-size: 90%; margin-left: 10px; margin-right: 20px;}

.linia_podkreslajaca { display: block; width: 97%; padding: 4px; border-bottom: dashed 1px #ccc; font-size: 90%;}
 

.stretch_img {
    width:100%;
    height:auto;
    max-width:100%;   
  position: relative;
  top: 0;
  left: 0;
    
}

.boczny_x { width: 179px; }
.pole_marki {display: block; padding: 0px; width: 255px; height: 470px; }
.belka_marki { width: 184px; } 
.opa40 { opacity:0.4; filter:alpha(opacity=40); }
.obrazek_nawigacja_prawa { margin-bottom: 0px; margin-left: -3px; }
.obrazek_nawigacja_prawa:hover { border-right: solid 0px #D84C42; }
.ostatnie_pyt { display: block; width: 625px; border-bottom: dashed 1px #ddd; background: #aaa; font-size: 10pt; font-weight: normal; color: blue; text-align: left; padding-top: 5px; padding-bottom: 2px; background: url('../../../dot3.png'); background-repeat:no-repeat;  background-position: -0px 5px;padding-left: 28px; }
.ostatnie_pyt_mp { display: block; width: 525px; border-bottom: dashed 1px #ddd; background: #aaa; font-size: 12px; font-weight: normal; color: blue; text-align: left; padding-top: 5px; padding-bottom: 2px; background: url('../../../dot3.png'); background-repeat:no-repeat;  background-position: -0px 5px;padding-left: 28px; }
.nagl { display: block; width: 100%; border-bottom: solid 1px #eee; font-size: 14pt; font-weight: 600; color: #000000; text-align: left; padding-top: 5px; padding-bottom: 9px; align: left; background: url('../../../dot2.png'); background-repeat:no-repeat;  background-position: -0px 5px;padding-left: 25px; }


.etykieta_opinie { font-size: 22pt; font-weight: 600; color: #000000; display: block; border-bottom: dashed 1px #AAA; padding-bottom: 4px; }
.etykieta_filmy { font-size: 14pt; font-weight: 600; color: #000; display: block; border-bottom: dashed 1px #AAA; padding: 4px; background: url('../../../background_tlo.jpg'); padding-left: 10px; }
.etykieta_pytaniaidyskusje { font-size: 14pt; font-weight: 600; color: #000; display: block; border-bottom: dashed 1px #AAA; padding: 4px; background: url('../../../background_tlo.jpg'); padding-left: 10px; }

.part_filmy { display: block; float: left; width: 400px; margin-bottom: 50px; margin-right: 50px; }
.part_pytania_dyskusje { display: block; float: left; width: 650px; margin-bottom: 50px; }


.filmy_kontener { display: block; color: white; height: 160px; width: 200px; padding-top: 30px; background: #000; background: url('../../../film.gif'); text-align: center; float: left;}
.film_obrazek2 { width: 185px; border: 0; }
.film_podpis { color: white; font-size: 90%; display: block; padding-top: 6px; overflow: hidden; width: 230px; height: 30px;}

.filmy_pasek { display: block; color: white; height: 30px; width: 1116px; background: #000; background: url('../../../film2.gif'); text-align: center; float: left;}
.filmy_kontener2 { display: block; color: white; height: 160px; width: 186px; padding-top: 3px; background: #000; text-align: center; float: left;}
.film_obrazek3 { width: 183px; border: 0; }
.film_podpis2 { color: white; font-size: 90%; display: block; padding-top: 5px; overflow: hidden; width: 180px; height: 50px; line-height: 115%;}

.obrazek_gorny_ramka { width: 105px; height: 95px; border: none; position: relative; overflow: hidden; float: left; display: inline-block;}
.obrazek_gorny {
      max-width: 100px; max-height:90px;

  } 

.kolumna_omnie { display: block; float: left; width: 400px; margin-right: 0px; margin-left: 15px; }
.belka100 { display: block; padding: 7px; width: 95%; background: #eee; font-weight: bold; }

.etyk { display: block; float: left; width: 160px; text-align: left; background: #eee; margin-bottom: 1px; clear: both; font-size: 90%; }
.poletekstowe2 { width: 100px; border: solid 1px #aaa; }

.wybierzmarke {  display: inline-block;	
	font-family: 'Ubuntu', sans-serif; font-size:110%; color: black; letter-spacing: 0.5px; 
display: block; width: 94%; padding: 0px;
 border-bottom: solid 1px #aaa;
font-weight: bold; padding: 8px;background: rgb(246,230,180); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}
.color_blue{ color: blue;}
.nawigacja_prawa { display: block; width: 32px; background: #fff; float:right; overflow: hidden; position: absolute;  left: 1130px; margin-top: 33px; z-index: 1199; padding: 0px; }

.rating   { display: block; height: 16px; width: 160px; background: url('star_empty.png'); float: left; }
.rating_f { display: block; height: 16px; background: url('star_full.png'); float: left; }
.r1       { width: 16px; }
.r2       { width: 32px; }
.r3       { width: 48px; }
.r4       { width: 64px; }
.r5       { width: 80px; }
.r6       { width: 96px; }
.r7       { width: 112px; }
.r8       { width: 128px; }
.r9       { width: 144px; }
.r10      { width: 160px; }

.super_opinia { background: #eee; }
.opinie_pozytywne { background: green; width: 377px; font-size:120%; color:#fff; padding-left: 15px; padding-top: 5px; height: 35px; float: left; margin-bottom: 30px; }
.opinie_neutralne { background: #eee; width: 367px; font-size:120%; color:#000; padding-left: 15px; padding-top: 5px;  height: 35px;  float: left; margin-bottom: 30px; }
.opinie_negatywne { background: red; width: 367px; font-size:120%; color:#fff; padding-left: 15px; padding-top: 5px; height: 35px; float: left; margin-bottom: 30px; }

.black_title { font-size: 16pt; color:black; font-weight: 600; }
.red_title { font-size: 16pt; color:red; font-weight: 600;}
.blue_title { font-size: 16pt; color:blue; font-weight: 600;}
.title_containter { display: block; marin-bottom:50px; font-size: 110%; }


.title_b1 { display: block; border-bottom: solid 2px red; padding: 5px; width: 10px; float: left; } 
.title_b2 { display: block; border-bottom: none; border-top: solid 2px red; border-left: solid 2px red; border-right: solid 2px red; padding: 5px 15px 5px 15px; float: left; width: 200px; text-align: center; } 
.title_b3 { display: block; border-bottom: solid 2px red; padding: 5px; width: 290px; float: left; clar: left; } 
.title_b3short { display: block; border-bottom: solid 2px red; padding: 5px; width: 200px; float: left; clar: both; } 
       


.procent_40 { display: block; width: 540px; float: left;}
.procent_60 { display: block; width: 560px; backgroun: #eee; float: left; margin-left: 20px;}

 #suggestPost
      {
        background:transparent url(suggest-post.png) no-repeat scroll 0px 0px;
        height:203px;
        left:0;
        position:fixed;
        top:330px;
        width:33px;
      }
      div#suggestPost:hover
      {
        background:transparent url(suggest-post.png) no-repeat scroll 0px 0px;
      }
      #suggestPost a
      {
        display:block;
        height:170px;
        width:40px;
      }

.normaltekst { font-size: 9pt; font-weight: normal; margin-left: 15px;}

.pad55 { padding: 5px; padding-bottom: 12px; padding-left: 12px;}

.lista_filmow  { float: left; width: 290px; margin-bottom: 55px; border: solid 1px #ccc; margin-right: 25px; 
-moz-box-shadow: 10px 10px 5px #ddd;
 -webkit-box-shadow: 10px 10px 5px #ddd;
 box-shadow: 10px 10px 5px #ddd; }
.lista_obrazek { float: left; width: 290px; height: 200px; border: 0; }
.lista_tresc   { clear: both; display: block; padding: 8px; min-height: 50px; }
.lista_title { font-size: 13pt; font-family: 'Open-Sans'; font-weight: normal;  display: block; background: #fff; }


.komentarzfilm { width: 600px; height: 55px; padding-top: 30px; background: #fff;    line-height: 28px; text-align: left; display: block; border: dashed 0px #eee;  }
.separator_tekst2 { display: block;  width: 100%; border-bottom: solid 1px #bbb; font-size: 16pt; font-weight: bold; font-family: 'Open Sans'; color: black; text-align: left; padding-top: 5px; padding-bottom: 9px; align: left; margin-bottom: 2px; }

.film_box   { float: left; width: 285px;  -moz-box-shadow: 10px 10px 5px #ddd; margin-bottom: 30px;
 -webkit-box-shadow: 10px 10px 5px #ddd;
 box-shadow: 10px 10px 5px #ddd; border: none;}
.film_box:hover   { background-color: yellow;}
.film_obrazek { width: 285px; border: 0; }
.filmh2 { font-size: 22pt; font-family: Tahoma, Helvatica; font-weight: bold;  padding-top: 10px; margin-bottom: 20px; letter-spacing: 1px; color: black; text-decoration: underline;}
.film_title { width: 270px; font-size: 12pt; font-family: Helvatica, Tahoma, 'Open-Sans'; font-weight: normal;  padding: 7px; min-height: 30px; display: block; }


 .kom2 { width: 300px; height: 300px;}

.poletekstowe2 { width: 460px; 	border: solid 1px #bbb; padding: 4px;}

.komentarz2 { padding: 4px; border: solid 1px #bbb; width: 460px; height: 230px; }



p { font-size: 100%;}
.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}
.black { color: #000; }

.space70 { display: block; width: 1000px; height:55px; clear:both;}
.space40 { display: block; width: 600px; height:18px; clear:both;}

.zadajpytanie { width: 1000px; height: 55px; padding-top: 30px; background: #fff;    line-height: 28px; text-align: left; display: block; border: dashed 0px #eee;  
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.padl10 { padding-left: 15px; }
.kratkaoceny{ border-right: solid 1px #ddd; border: solid 1px #ddd; width: 65px; height: 45px; padding-top: 2px;    text-align: center; display: block;  color: black; border-radius: 8px; margin-right: 5px; float: right; background: orange; } 
.duzytekst { font-size: 22pt; font-weight: Bold; }



.ocena_belkatytulowa2 {
	 -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari, Chrome */
  border-radius: 6px; /* CSS3 */
        overflow: hidden;
        padding-top: 3px;         
        padding-bottom: 6px;
        padding-left: 14px;

   background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */

}
.kratkaoceny2 { width: 65px; height: 45px; padding-top: 20px;    text-align: center; display: block;  color: black; border-radius: 8px; margin-right: 5px; float: left; background: #D84C42; background: url('../../../img/date-bg4.gif'); } 
.blokkomentarza { display: block; width: 670px; float: left; }
.ocena { padding:15px; font-size: 17pt; float: left; }
.ocena_tekst { float: left; color: black; margin-top: 0px; display: block; width: 270px; padding-top: 9px; height: 35px;}
.ocena_tekst a { color: black; font-weight: bold; font-size: 11pt; }
.ocena_data { font-size: 10pt; float: left; color: black; margin-left: 10px; margin-top: 6px; }
.gwiazdki { float: right; padding-right: 7px; overflow: hidden; }
.width750 { width: 750px; }
.kciuk { width: 20px; height: 20px; margin-top: 4px; margin-right: 4px; margin-left: 20px;}

.ocena_dodatkowa  { display: block; clear: both; margin-top: 7px; margin-bottom: 15px; overflow: hidden; height: 42px; }
.ocena_dodatkowa2 { display: block; clear: both;  margin-top: 10px; margin-bottom: 0px; overflow: hidden; height: 28px; }

.pogrubiona { font-weight: bold; }
.niebocena{ color: blue; }
.small { font-size: 90%; }
.opinia_otoczka { display: block; width: 100%; overflow: hidden; margin-bottom: 50px; padding-top: 15px; }
.opinia_left { float: left; display: block; width: 560px;  } 
.opinia_right { float: left; display: block; width: 200px; padding-left: 12px;   padding-bottom: 15px; padding-top: 10px;  min-width: 100px; }

.pasek_opcji { clear: both; display: block; width:100%; border-top: none; padding: 5px; border-top: solid 1px #eee; background: #F5F5F5; font-size: 90%; border-bottom: solid 1px #ccc;}
.przycisk_share { margin-right: 120px;}

.pasek_opcji2 { clear: both; display: block; width:98%; border-top: none; padding: 5px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; border-right: solid 1px #eee; background: #FFF; font-size: 90%; }
.kciuk2 { width: 20px; height: 20px; margin-top: 4px; margin-right: 4px; margin-left: 10px;}
.przycisk_share2 { margin-right: 30px;}

.tekstopini { padding-left: 0px; padding-top: 20px; text-align: justify; display: block; min-height: 50px; padding-bottom: 0px;   padding-right: 10px;  font-size: 14px; line-height: 1.7em; letter-spacing: 0.05em; text-align: justify;}
.tekst_opini_str_glowna { padding: 4px; margin-top: 15px; margin-bottom: -10px;               font-size: 14px;   text-align: justify; letter-spacing: 0.05em;   line-height: 1.7em;  }


.ramkasocial { width: 1120px;  display: overflow; height: 35px; margin-top: 20px; margin-bottom: 40px; 
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.face { float: left; margin-top: 0px; padding-left: 10px; display: block; width: 430px; height: 40px;  }
.gplus { float: left; padding-left: 20px; display: block; width: 280px; margin-top: -15px; height: 40px; }
.twitter { float: left; margin-top: 0px; padding-left: 20px; display: block; width: 250px; height: 55px; vertical-algin: center;}

.ocena_belkatytulowa {
	 -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari, Chrome */
  border-radius: 6px; /* CSS3 */
        overflow: hidden;
        padding-top: 3px;         
        padding-bottom: 6px;
        padding-left: 14px;
        border: solid 1px #ddd;
     
}
.blolowy { display: block; }

.blokkomentarza_short { display: block; width: 448px; float: left; }

.sp10 { clear: both; margin-top: 20px;}

.naglowek2 {
	font-size:26px; 
	line-height:1.218em; 
	color:grey;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:12px;
}
.separator_tekst { display: block;  width: 100%; border-bottom: solid 1px #bbb; font-size: 16pt; font-weight: bold; font-family: 'Open Sans'; color: black; text-align: left; padding-top: 5px; padding-bottom: 9px; align: left; margin-bottom: 30px; }


.obrazek_komentarz { margin-left: 20px; margin-top:-20px;}
.glosowanie { width: 35px; height: 70px; background: #fff; padding-top: 10px;    line-height: 35px; text-align: center; display: block; margin-right: 10px;  }
.glosy { border: dashed 1px #ccc; width: 90px; height: 70px; background: #efe; padding-top: 15px;    line-height: 28px; text-align: center; display: block; margin-right: 10px; }
.odpowiedzi{ border: solid 1px #eee; width: 90px; height: 70px; background: #fff; padding-top: 15px;    line-height: 28px; text-align: center; display: block; margin-right: 10px; }
.pytanie_box { width: 620px; height: 70px; padding-top: 5px; background: #fff;    line-height: 28px; text-align: left; display: inline; }
.qlink { font-family: 'Open Sans'; font-color: #aaa; font-size: 12pt; font-weight: bold; display: block; width: 100%; background: #eee; padding:3px; padding-left: 10px;}


.redliczba { font-family: 'Open Sans', Verdana; color: blue; font-weight: bold; font-size: 13pt; }


.odpowiedz_box { width: 720px; padding-top: 5px; background: #fff;    line-height: 28px; text-align: left; display: inline; margin-left: 30px;}

.dodajodpowiedz{ margin-left: 20px; margin-top: 22px; border: solid 1px #aaa; width: 100px; height: 30px; background: #fff; padding-top: 2px;    line-height: 28px; text-align: center; display: block; }
.dodajodpowiedz:hover{ margin-left: 20px; border: solid 1px #eee; width: 100px; height: 30px; background: #eef; padding-top: 2px;    line-height: 28px; text-align: center; display: block; }

.fbbox { margin-top: 35px; position: relative; margin-left:  0px; display: inline-block; height: 50px; padding: 2px; z-index: 999; width: 200px; height: 70px; }
.fb_button1 { float:left; width: 80px; margin-top: 5px; height: 70px;}

.poletekstowe, .polekomentarza { 
	padding: 4px;
	border: solid 1px #bbb;
	outline: 0;
	font: normal 13px/100% 'Faux', Verdana, Tahoma, sans-serif;
	width: 500px;	
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
.kod { width: 150px; padding: 4px;
	border: solid 1px #bbb;				
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.formularz textarea { 
	width: 500px;
	max-width: 700px;
	height: 300px;
	line-height: 150%;
        border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.formularz input:hover, textarea:hover,
.formularz .input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
.etykieta { float: left; display: block; width: 160px; padding: 8px; font-weight: normal; padding-left: 0; font-size: 90%; }
.pole     { float: left;  display: block; padding: 8px; }
/* tutorial */


.podkreslenie span {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 2px;
  padding-bottom: 5px;
  position: relative;
  
  text-transform: uppercase;
}
.podkreslenie span:before {
	position: absolute;
	background: orangered;
	height: 2px;
	width: 45px;
	content: "";
	bottom: 0;
}

.opiniah1 { font-size: 36pt; font-weight: 700; color: #000; border-left: solid 25px orange; text-align: left; padding-top: 5px; padding-bottom: 9px; letter-spacing:0px; padding: 5px; line-height: 120%; text-transform: uppercase; }
.podgladprzedmiotu { height: 150px; }
.paddingleft10 { padding-left: 8px; }
.ocena_opis { font-size: 25pt; font-weight: bold; color: #585858; width: 200px; }
.ocenaczastkowa { font-size: 36pt; font-weight: bold; color: #585858; padding: 10px; display: block; margin-top: 45px; margin-bottom: 10px;}
.ocenawhite { font-size: 22pt; text-align: center; align: center; font-weight: normal; color: #bbb; }
.powiazanyobrazek { width: 160px; border: 0 }

.ostatniekom { color: black; font-size: 16pt;  }



.kw  { float: left; padding: 5px; border: solid 1px #aaaaaa; margin-left: 1px }

.ocenaproduktu { font-size: 12px; }
.zdjecia_ost { width: 115px; }


.newsroom_text_bok { font-size: 90%; font-weight: normal; color: #000; }

.news_separator { display: block; width: 260px; height: 10px; margin-top: 10px; border-top: solid 2px #eee; }

.newsroom_text { font-size: 120%; font-weight: normal; color: #000; display: block; padding-top: 7px; }
.tekst_newsa  { color: #245D92; font-size: 95%; display: block; padding-left: 5px;}
.newsroom_head { display: block; width: 100%; padding: 0px; border-bottom: solid 5px #DA6700; margin-bottom: 30px; height: 40px;background: #fff;


}



.sidebarnav {
    margin-bottom: 20px;
    border-bottom: 2px #eee solid;
    height: 27px;
    width: 100%;
    text-align: right;
    font-size: 20px;
    
}



.sidebarnav span {
    display: inline-block;
    letter-spacing: 0.1px;
    font-weight: 600;
    font-size: 20px;
   line-height: 25px;
    border-bottom: 2px #e81c23 solid;
    
}


/* Pure CSS Calendar Icon */

.calendar{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:50px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}
.calendar em{
	display:block;
	font:normal bold 11px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); 
	background:-moz-linear-gradient(top,  #04599a,  #00365a); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
	}	
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:4px;	
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:7px;}	
.calendar:after{right:7px;}	
.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;
	top:-3px;	
	width:2px;
	height:10px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar em:before{left:9px;}	
.calendar em:after{right:9px;}		

.tag_okragly {    
    border-left: solid 4px #dd0000;
    padding: 7px 11px;
    font-size: 19px;
    font-weight: bold; 
    display: inline-block;
    color: #000;
}

.nagl_newsroom { border: solid 1px #eee; padding: 5px; margin-bottom: 15px; display: block;	 color:#000; background: #fff; width:120px; padding-right: 30px; font-weight:bold; letter-spacing:1px; margin-bottom:12px; border-left: solid 66px #eee; text-align: right; float: left; margin-bottom: 15px;}
.otoczka_news { float: left; width: 346px; margin-bottom: 8px; padding-bottom: 2px; margin-right: 27px; height: 95px;}
.zdjecia_news { height: 90px; width: 150px; margin-right: 8px; }
.ramkanewsroom_l { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; float: left; width: 150px; }
.ramkanewsroom_r { padding: 5px; float: left; margin-top: 0px;  width: 182px; margin-top: 0px;  height: 90px; background:url('../../../news_square.png') 0 0 no-repeat; }
.ramkanewsroom_r a { color: #000; font-size: 9pt;  letter-spacing: 0px;}
.ramkanewsroom_r_button { position: absolute; margin-top: 63px; padding: 0px; float: left;  font-size: 11px; width: 152px; margin-left: 150px; height: 27px; background:url('../../../news_button.png') 0 -4px no-repeat;}
.komenty_count { position: absolute; text-align: center; margin-top: 60px; margin-left: 255px; font-size: 12px; display: block; padding: 3px; color: #fff; width: 20px; font-weight: 700; }
.przedmiot_przycisklubie { position: absolute; margin-top: 135px; margin-left: 125px;}
.otoczka { float: left; width: 100%; margin-bottom: 20px; }
.ramkalewa2 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; float: left; width: 250px; background: #fff; }
.ramkaprawa2 { padding: 10px; float: right; width: 270px; }
.bok2      { float: right; display: block; width: 100px; background: #eee; text-align: center; font-weight: bold; padding: 4px; }

.ramka_produkty { margin-bottom: 5px;  margin-top: 10px; padding-top: 20px; width: 100%; overflow: hidden; margin-top: -28px; padding-top: 25px; margin-left: +3px; padding-bottom: 10px; border: solid 1px #ddd; box-shadow: 0 0 10px 0px rgba(0,0,0,0.12);}
.ramka_produkty a { color: #000; }

.searchbutton { height: 28px; margin-top: 1px;} 
.ocenatop10 { float: right; color: #0000ff; }
.pad9      { padding: 9px; width: 100% }


.clearboth { clear: both; }
.acenter { text-align: center; }
.aleft   { text-align: left;}
.aright   { text-align: right;}
.ajustify   { text-align: justify; }
.main {
	width:1000px; 	
	padding:0;
	margin:0 auto;
	font-size:0.875em;
	line-height:1.5714em;
}
.obrazekmotocykl { width: 130px; }
.obrazekkurtka { width: 130px;  height: 110px; }
.obrazekopona { width: 110px;  }
.obrazeknawigacja { width: 130px;  }

.obrazekmotocykl2 { width: 180px; }
.obrazekkurtka2 { width: 170px;  height: 160px; }
.obrazekopona2 { width: 170px;  height: 150px; }
.obrazeknawigacja2 { width: 150px;  }
.wybierzkat { float: left; padding: 10px; color:#000; font-size: 12pt; }


.underl { text-decoration: Underline; }

#container1 {
    float:left;
    width:100%;
}

#col1 {
    float:left;
    width:31%;
    
}
.pad15 { padding: 15px; }

#col2 {
    float:left;
    width:31%;
    margin-left: 15px;
    margin-right: 15px;
    
}

#col3 {
    float:left;
    width:31%;
}




.container2 {
    float:left;
    width:100%;
}

.col2_1 {
    float:left;
    width:30%;
    
}

.col2_2 {
    float:right;
    width:60%;
    margin-left: 15px;    
    
}

.nagloweknewsa { 	 
	line-height:1.218em; 
	color:#000;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:12px;
        font-size: 110%;
}



.nagldodajopinie { display: block; width: 690px; border-bottom: dotted 2px #ccc; font-size: 13pt; font-weight: bold; color: #5383CA; text-align: left; padding-top: 5px; padding-bottom: 9px; align: left; margin-top: 90px; }

.blue { color: #00f }

.bok3 { float: right; display: block; width: 50px; text-align: center; font-size: 10pt; font-weight: bold; height: 25px; }

.news_short   { font-size: 10pt; font-color: blue; }
.kom_daty {  margin-bottom: 5px; display: block; width: 290px; padding-top: 10px; height: 70px; border: solid 1px #ddd; background: #f5f5f5; }
.comm_box { display: block; float: left; width:20px; height: 30px; background:#000; color:#fff; margin-right: 5px; background: url('../../../comm_box_right.png'); position: absolute; padding-top: 4px; text-align: center;}

.date {
	background:#fff url('fulldate-blue.jpg') repeat-x scroll top left;
	width:60px;
	height:60px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;    
        margin-right: 8px;
        margin-left: 7px;
}
.date .date-day {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:35px;
}
.date .date-month {
	font-size:11px;
	font-weight:bold;
}


div.oboksiebie {
float: left;
width: 25%;
}

div.napol
{
    
    float: left;
    width: 49%;    
}


div.napol2
{
    
    float: right;
    width: 49%;    
}

nav a { color: black; }
.ramka_dodatkowaocena { border: dashed 1px #ccc; display: block; width: 230px; padding: 5px; background: #fff; }
.ramka_dodatkowaocena:hover { border: solid 1px #ccf; }
.pogrubione { margin-left: 5px; font-weight: bold; display: block; margin-bottom: 2px; clear: both; }
.podtytul { margin-left: 5px; font-weight: normal; display: block; margin-top: -4px; clear: both; font-size: 80%; }
.poledodatkowejoceny { display: block; margin-top: 15px; height: 27px; margin-left: 20px; }


.pogrubione2 { margin-left: 5px; font-weight: thin; color: blue; font-size: 140%; display: block; margin-bottom: 2px; clear: both; }

div.lewa_strona  { float: left; width: 860px; background: #fff;  margin-top: -10px; }
div.prawa_strona { float: right; width: 260px; background: #fff; /* background: url('../../../bg-patte.png'); */ margin-top: 0px;}

div.lewa_stronan  { float: left; width: 760px; background: #fff; padding-left: 10px; background: #fff; }
div.prawa_stronan { float: right; padding-left: 30px; margin-left: 0px; width: 320px; background: #fff; }


div.lewa_strona2  { float: left; width: 780px; }
div.prawa_strona2 { float: right; width: 310px; }


.lewa_strona3  { float: left; width: 710px; padding: 15px; margin-bottom: 20px;  height: 630px; background: #eee; display: block; }
.prawa_strona3 { float: left; width: 270px;  padding-left: 15px; margin-bottom: 20px;  height: 660px; background: #eee; display: block;}


a { color:blue; text-decoration:none;}
a:hover {text-decoration:underline;}
a.white { color: #fff; }

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:2px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.indent {padding:20px 10px 0 0;}
.indent-left {padding-left:15px;}
.indent-left2 {padding-left:20px;}
.indent-right {padding-right:50px;}
.indent-top {padding-top:15px;}
.indent-top2 {padding-top:20px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.img-indent-bot { display: block; width: 400px; font-size: 90%;  }
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:0 25px 0px 0;}	
.img-indent2 {float:left; margin:0 40px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.buttons a:hover {cursor:pointer;}

.menu a,
.list-1 a,
.list-2 a,
.list-services a,
.link,
.link-2,
.button,
h1 a {text-decoration:none;  }	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}
 
	.logo { padding: 60px 0 0 2px; position:relative; float:left;	 display:block; width:490px;height:55px;border: 0;	}
        
        .szukaj { float: right; padding-top: 55px; padding-right: 2px }
        .poleszukaj { width: 310px; height: 25px; border: solid 2px orange; }
        .przyciskhome { margin-top: -5px;  height: 27px; border: 0; }
	
.list-services {
	padding:6px 15px 0 0;
	float:right; 
}
	.list-services li {
		float:left; 
		padding:0 0 0 34px;
		font-size:15px;
		line-height:1.2em;
	}
		.list-services a:hover {text-decoration:underline;}
	
.sep10 { display: block; width: 100%; height: 10px; }
.sep20 { display: block; width: 100%; height: 20px; }
.sep30 { display: block; width: 100%; height: 30px; }

.maly_opis { font-size: 90%; padding: 6px; display: block; width: 225px; height: 135px; overflow: auto;}
.komentarz_ost { display: block; float: left; width: 240px; border: solid 1px #eee; margin-right: 5px; min-height: 290px; margin-bottom: 5px; padding: 0; border-top: solid 4px #D84C42; }               
.przerwa { clear: both; }

.danetechniczne { color: #565656; background: #eee; width: 90%;}
.tabela_danetechniczne { width: 700px; border: solid 1px #eee; }
.tabela_danetechniczne tr td { padding: 5px; width: 400px; border: solid 1px #eee; }
.tabela_danetechniczne tr td + td { padding: 5px; width: 300px; border: solid 1px #eee; }
.mleft30px { margin-left: 40px; }
.ramka { float: left; width: 260px; height: 315px; background: #fff; margin-bottom: 25px; margin-right: 5px; margin-left: 5px; padding-top: 10px; border: solid 1px #fff;  border-right: solid 1px #eee; border-top: solid 4px #fff; } /* było #eee i orange */
.ramka:hover { border: solid 1px orange; float: left; border-top: solid 4px orange; }
.linkprzedm {  display: table-cell; width: 255px; text-align: center; height: 55px; vertical-align: middle; background: #FAFAFA; }
.linkprzedm a { color: #606060; font-size: 15px; font-weight: 600;  }
.obrazek_podglad { max-width: 230px; margin-left: 10px; min-height: 140px; max-height: 140px; margin-left: auto; margin-right: auto;}

.ramkalewa { padding-top: 5px; padding-bottom: 10px; padding-left: 17px; float: left; width: 200px; background: #fff; }
.ramkaprawa { padding: 20px; float: right; width: 390px; }

/*376*/
.lista_text { float: left; background: #fff; color: #000; width: 160px; padding-left: 10px; height: 25px; margin-top: 5px;  display: block;  text-align: left; font-size: 90%; }
.lista_ocena { float: right;  color: #fff; border-left: 15px solid yellow; width: 45px; height: 25px; margin-top: 5px;  display: block; font-weight: bold;  background: #000; font-size: 90%; }


.kolornieb { float: left; background: #fff; width: 192px; padding: 7px; margin-bottom: 0px; height: 25px; margin-top: 5px; }

.pad10 { padding: 10px; float: left; clear: both; }

/*********************************content*************************************/
#content {
	width:100%; 
	padding:70px 0 50px;
	position:relative;
	z-index:1;
}.dolacz { font-size: 160%; font-weight: 600; display: block; width: 220px; padding-top: 30px; padding-left: 10px;}
#page1 #content,
#page3 #content{padding:33px 0 50px;}

.nagl_ostatniepyt { padding: 5px; font-size:16px;  margin-bottom: 15px; display: block;	 color:#fff; background: #000; width:285px; font-weight:bold; letter-spacing:0px; margin-bottom:12px; border-left: solid 30px #E07900; float: left; }
.nagl_ostatniepyt2 { padding: 3px; font-size:15px;  padding-left: 10px; margin-bottom: 15px; display: block;	 color:#fff; background: #000; width:305px; font-weight:bold; letter-spacing:0px; border-left: solid 30px #E07900; float: left; margin-left: -30px; border-right: solid 10px #eee;}
.nagl_przeslanefilmy{ padding: 5px; font-size:14px;  margin-bottom: 15px; display: block;	 color:#fff; background: #000; width:525px; font-weight:bold; letter-spacing:0px; margin-bottom:12px; border-left: solid 30px #fc6806; float: left; margin-left: -30px; margin-bottom: -8px;}
.nagl_ostatnieopinie { padding: 5px; font-size:14px;  margin-bottom: 15px; display: block;	 color:#fff; background: #000; width:285px; font-weight:bold; letter-spacing:0px; margin-bottom:12px; border-left: solid 30px #fc6806; float: left; }
.nagl_opinie_motocykle { padding: 2px; font-size:20px; padding-left: 15px;  margin-bottom: 15px; display: block;	 color:#fff; background: #333; width:370px; font-weight:700; letter-spacing:0px; margin-bottom:12px; border-right: solid 25px orangered; float: right; margin-right: -30px; font-family: 'Oswald'}
.nagl_separatorstrony { padding: 5px; font-size:18px;  margin-bottom: 15px; display: block;	 color:#fff; background: #000; width:165px; font-weight:bold; letter-spacing:0px; margin-bottom:12px; border-left: solid 30px #E07900; float: left;margin-left: -31px; clear:both;}
.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}



.naglowek {
	font-size:26px; 
	line-height:1.218em; 
	color:#FF7225;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:12px;
}


.ciemne {
	font-size:32px; 
	line-height:1.218em; 
	color:#aaaaaa;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:12px;
} 
h3.szary {
	 
 
	color:#ebebeb;;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:12px;
        text-decoration: none;
}
 

.border-bot {
	width:100%; 
	padding-bottom:18px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	position:relative;
	overflow:hidden;
	border:1px solid #0d0d0d;
	background: url(../images/box-tail.gif) 0 0 repeat-x #0d0d0d;
	border-radius:12px;
	margin:1px 0;
	box-shadow: 0px 0px 0px 1px #2b2b2b;
	-moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
	-webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
}
	.box .padding {padding:23px 40px 23px 23px;}
	#page2 .box .padding {padding:23px 15px 23px 23px;}
	#page5 .box .padding {padding:16px 40px 23px 23px;}
	
.box-2 {
	overflow:hidden;
	border:1px solid #0d0d0d;
	background:#0d0d0d;
	border-radius:12px;
	margin:1px 0;
	box-shadow: 0px 0px 0px 1px #2b2b2b;
	-moz-box-shadow: 0px 0px 0px 1px #2b2b2b;
	-webkit-box-shadow: 0px 0px 0px 1px #2b2b2b;
}
	.box-2 .padding {padding:13px 23px 20px;}
	#page3 .box-2 .padding {padding:13px 13px 20px 23px;}
        
.box2 {
	overflow:hidden;
	
	background:#F2F2F2;
	border-radius:8px;
	margin:1px 0;
	
}
	.box2 .padding {padding:13px 23px 20px;}
        
.box3 {
	overflow:hidden;
	
	background:#F2F2F2;
	border-radius:8px;
	margin:1px 0;
	
}
	.box3 .padding {padding:13px 23px 20px;}

        
        .pad5 {padding: 5px ;}
	
        
.boxboczny {
	overflow:hidden;
		
	background:#eeffee;
        
	border-radius:5px;
	margin:1px 0;
        font-size: 14pt;
	padding:10px 10px 10px;
        margin-bottom: 15px;
        
}


.paseknawigacji {
    width: 100%;
    font-size:100%;
    overflow:hidden;	
    
    border-radius:8px;
    margin:1px 0;
    padding:7px 15px 7px;
    text-align:left;
    background: #fff url('../../../bg-patte.png'); 
}

.paseknawigacji2 {
    width: 1120px;
    font-size:90%;
	overflow:hidden;	
	background:#eeeeee;
	border-radius:8px;
	margin:1px 0;
	padding:7px 15px 7px;
text-align:left;

background: #fff url('../../../bg-patte.png'); 
}
 .kolor { color: #0000ff }
                
        
blockquote {
	width:95%;
	border: solid 1px #aaa; background: #eee;
        padding: 10px;
}
	blockquote .padding-left {padding-left:40px;}
	
.numb {
	display:block;
	width:72px;
	overflow:hidden;
	font-size:50px;
	line-height:72px;
	color:#202020;
	background:url(../images/numb-tail.gif) 0 0 repeat-x #d9d9d9;
	border-radius:12px;
	text-align:center;
	float:left;
	margin-right:25px;
}
.przyciskdodaj { display: block;}
.button2 {
     display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
        margin-top: 10px;
	text-decoration: none;
	font: 17px/100% 'Faux', Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
        color: #fef4e9;
        font-weight: bold;
        
        background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}
.button2:hover {text-shadow: rgb(255, 255, 255) 0px 0px 5px;}




.button3 {

	 display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
        margin-top: -10px;
        margin-right: 5px;
	text-decoration: none;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
        width: 205px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
        color: #000;
        font-weight: bold;
     background: rgb(246,230,180); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




}
.button3:hover {text-shadow: rgb(255, 255, 255) 0px 0px 5px;}


.ramka2 { border: solid 2px #fff;  display: block; width: 280px; margin-bottom: 30px; }
.ramka2:hover { border: solid 2px #F1F1F1;  width: 280px; margin-bottom: 30px; }


.list-1 li {
	line-height:20px; 
	padding:5px 0 5px 15px; 
	background:url(../images/marker-2.gif) 0 10px no-repeat;
}
	.list-1 li a {display:inline-block;}
	.list-1 li a:hover {text-decoration:underline;}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
	.list-2 li a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:block; 
	width:13px;
	height:20px;
	cursor:pointer;
	background:url(../images/marker-1.png) left top no-repeat;
	position:absolute;
	right:23px;
	bottom:36px;
	z-index:9;
}
.link-1:hover {background-position:left bottom;} 

.link-2 {
	display:inline-block; 
	padding-left:15px;
	cursor:pointer;
	background:url(../images/marker-2.gif) 0 6px no-repeat;
}
.link-2:hover {text-decoration:underline;} 

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  

dl {color:#808080;}
dl span {float:left; width:76px; color:#fff;}

/***** contact form *****/



.buttons {padding:16px 0 0 0; text-align:right;}
.buttons a {margin-left:10px;}	
	
	


/*- Menu 14--------------------------- */


.menu14 {
    margin-left: 10px;
	width: 235px;        	
        max-height: 400px;
        margin-top: -5px;        
        overflow: auto; 
	}

.menu14 li a {
	
        font-size: 95%;
        text-transform:uppercase;        
  	voice-family: inherit;
        text-align: left;
  	height: 24px;
	
	}

.menu14 li a:link, .menu14 li a:visited {
	color: #333;
	display: block;
	background:  #fff url(menu1400.gif);
        background-repeat: repeat-y;
	padding: 4px 0 0 30px;
	}

.menu14 li a:hover {
	color: #000;
	background:  url(menu1400.gif) 0 -32px;
        background-repeat: repeat-y;
	padding: 4px 0 0 30px;
	}



        

.nav, .aside { padding: 0; margin: 0; display: inline-block; text-align: left; float: left; }
/*------------------------------------*\
	TYPE
\*------------------------------------*/


.ha2{    
	position:relative; display: block; width: 230px;
        margin-top: 0px;
        border-left: solid 20px #E68348;
	color:#fff;
        background: #000;
	font-size:1.0em;
        font-weight: bold;
	float:left;
	padding:10px 10px 10px 20px;
	margin-left:-10px;
	/*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;*/

        clear:both;

}
.ha2_d{

        
}



div.bottombar{ /* bar that runs across the bottom of the menu */
height: 10px;
background: #1a1109;
}

ul.semiopaquemenu{ /* main menu UL */
font:  11pt, Helvatica, Tahoma, Sans-Serif;

width: 100%;
background: #eeeeff;
padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */
margin: 0;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.semiopaquemenu li{
display: inline;
}

ul.semiopaquemenu li a{
color:black;
padding: 16px 18px 16px 18px; /* padding of the 4 sides of each menu link */
margin-right: 15px; /* spacing between each menu link */
text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px; /* large padding to get menu item to protrude upwards */
padding-bottom: 20px; /* large padding to get menu item to protrude downwards */
}


.zakladki { display: block; width: 803px; margin-bottom: 15px; margin-top: -28px; padding-bottom: 2px; border-bottom: solid 1px #eee; clear: all; overflow: hidden; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.z_active { padding: 5px; padding-left: 10px; padding-right: 10px;font-weight: bold; background: #eee; float: left; margin-right: 5px; font-size: 90%;  }
.z_unactive { padding: 5px; padding-left: 6px;  padding-right: 6px;  font-weight: normal; color: #000; float: left; margin-right: 5px; font-size: 90%; border-right: solid 1px #eee; }
.z_unactive:hover { padding: 5px; padding-left: 6px;  padding-right: 6px;  font-weight: normal; color: #000; float: left; margin-right: 5px; font-size: 90%; border-right: solid 1px #eee; background: #eee;}

 

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
        
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:102px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

/* FORUM */
.zawartosc_forum { min-width: 1120px; width: 80%;  margin-left: auto; margin-right: auto; background:#fff; border-left: solid 10px #fff; border-right: solid 10px #fff;  padding-top: 15px; overflow: hidden;}
.ostatnio_na_forum { display: block; width: 520px; padding: 6px; background: #D84C42; margin-top: -15px; margin-bottom: 5px; }
.forum_category { font-size: 11pt; margin-top: 4px; background: #D84C42; border-left: solid 30px orangered; padding: 12px; font-weight: 700;background: rgb(255,255,255); /* Old browsers */
border-bottom: solid 1px #eee;
 }
 
 .forum_button { padding: 4px; font-size:15px;   display: block;	 color:#fff; background: #000; width:200px; font-weight:bold; letter-spacing:0px; margin-bottom:12px; border-left: solid 25px #D84C42; float: left; }

  
.f_head_posticon { display: block; float: left; width: 25px; padding: 10px; }
.f_head_forumname { display: block; float: left; padding: 10px; }
.f_head_posts { display: block; float: right; width: 70px; padding: 10px; text-align: center; }
.f_head_threads { display: block; float: right; width: 70px; padding: 10px; }
.f_head_lastpost { display: block; float: right; width: 110px; padding: 10px; margin-left: 10px;}

.f_posticon { display: block; float: left; width: 25px; padding: 10px; }
.f_forumname { padding: 10px; display: table; float:left; background: #fff; }
.f_posts { display: block; float: right; width: 50px; padding: 10px; text-align: center; background:#eee; margin-right: 10px;}
.f_threads { display: block; float: right; width: 50px; padding: 10px; text-align: center; border:solid 1px #eee;}
.f_lastpost { display: block; float: right; width: 120px; padding: 10px; margin-left: 30px; text-align: center; margin-top: -10px;}


.f_board_posticon { float: left; width: 25px; padding: 10px; margin-bottom: 0px;}
.f_board_forumname { float: left; padding: 10px; font-weight: bold; margin-bottom: 0px; }
.f_board_posts { float: right; width: 50px; padding: 10px; margin-bottom: 10px;}
.f_board_threads {float: right; width: 80px; padding: 10px; font-weight: bold; margin-bottom: 10px;}
.f_board_lastpost { float: right; width: 140px; padding: 10px; margin-left: 10px; font-weight: bold; text-align: center;margin-bottom: 10px;}

.b_posticon { display: block; float: left; width: 25px; padding: 10px; }
.b_forumname { display: block; float: left; padding: 10px; }
.b_posts { display: block; float: right; width: 20px; padding: 10px; text-align: center; }
.b_threads { display: block; float: right; width: 50px; padding: 10px; text-align: center; border:solid 1px #eee;}
.b_lastpost { display: block; float: right; width: 150px; padding: 10px; margin-left: 30px; font-size: 90%; text-align: center;}

.tytul_newsa { display: block; width: 1115px; background: #fff;  padding-left: 15px; font-size: 50px; font-weight: 600; padding-bottom: 20px; margin-top: 20px;    }
.tag_list { padding: 2px 10px 2px 10px; font-size: 12px; color: #fff; background: #333; clear: none; display: inline;  margin-right: 3px; margin-top: 3px; float: left;}
.pasek_news_g { border: solid 1px #eee; padding: 5px; width: 97%;}
.share-on-title{font-size: 22pt;    }
.share-on-link{padding:7px 12px;color:white}
.share-on-link:hover,.share-on-link:active{color:white}
.share-on-twitter{background:#41B7D8}.share-on-twitter:hover,.share-on-twitter:active{background:#279ebf}
.share-on-facebook{background:#3B5997}.share-on-facebook:hover,.share-on-facebook:active{background:#2d4372}
.share-on-googleplus{background:#D64937}.share-on-googleplus:hover,.share-on-googleplus:active{background:#b53525}

.chmurka_komentarza
{
position: relative;
width: 510px;
min-height: 65px;
padding: 12px;
background: #EEE;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 30px;
}

.chmurka_komentarza:after 
{
content: "";
position: absolute;
top: 26px;
left: -14px;
border-style: solid;
border-width: 10px 14px 10px 0;
border-color: transparent #EEE;
display: block;
width: 0;
z-index: 1;
}


.bluelink { color: grey; text-decoration: underline; }
.bluelink:hover { color: red; text-decoration: underline; }
.komorka_forum { display: block; height: auto; border: solid 1px #fff; }

.thread_userbox { display: block; background:#fff;   padding: 10px; float: left; width: 300px;   min-height: 300px;     width:300px;    background: #ededed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.thread_message { display: block; background:#fff; padding: 10px; overflow: hidden;  }
.post_upbar     { display: block; overflow: hidden; background: #eee; padding: 7px; margin-bottom: 1px; }
.post_bottombar { display: block;   overflow: hidden; background: #fff; padding: 7px; margin-bottom: 25px; margin-top: 1px; border-left: solid 2px #eee; border-bottom: solid 1px #eee; border-right: solid 1px #eee; }
.topictitle     { color: #aaa;}
.ikona_kal      { margin-right: 5px; }
.ikona_cytuj    { margin-right: 5px; width: 19px; height:19px; margin-top:4px;}
.showthreadlink { font-weight: bold;}
.ikona_raport    {  margin-right: 5px; width: 15px; height:15px; margin-top: 5px;}
.quote-writer    { background: #ddd; }
.quote           { background: #eee; display: block; border: solid 1px #ddd;}
.pasek_nav_forum { display: block; padding: 15px;}
.ikona_forum_nav { margin-right: 5px;  margin-top: 7px; }
.forum_naglowek  { color: black; padding:3px; padding-left: 4px; border-left: solid 30px #D84C42;}
.forum_name      { color: black; padding:10px; border-left: solid 30px #D84C42; font-size: 25pt; font-weight: bold; text-align: left; letter-spacing:1px; }

.obrazek_miniaturkowy_bok { width:215px; height:125px;  }
.komorka_news_tekst_bok { display: block; width: 215px;  overflow:hidden;  margin-bottom: 0px; background-color: #fff; color: #000;   letter-spacing:0px; font-size: 13px; text-transform:uppercase;padding: 2px 2px 2px 2px; line-height: 26px; margin-top: 6px; height: 45px;}

.obrazek_miniaturkowy { width:205px; height:127px;  }
.komorka_news { display: block; float: left; width: 450px; overflow:hidden; position: relative; margin-bottom: 24px; height: 128px; overflow: hidden; box-shadow: 0 0 10px 0px rgba(0,0,0,0.12);} 


.komorka_news_kom {position: absolute; top: 0px; left: 0px; padding: 0px 3px 0px 3px; background: rgba(0,0,0,0.9); font-weight: bold; color: #fff; z-index: 99; border: solid 1px #fff;}
.komorka_news_tag {position: absolute; top: 118px; right: 0px; padding-left: 6px; padding-right: 6px; background: rgba(0,0,0,0.5); font-weight: normal; color: #000; z-index: 99; margin-bottom: 4px;}
.komorka_news_tekst {  color: #333;  margin-top: 5px; }
.komorka_news_tekst a { color: black; font-weight: 700;   letter-spacing:0px; font-size: 11pt; text-transform:uppercase; }
.ikonki_social { position: absolute; margin-left: 940px;  margin-top: -20px; }
.ikonka_social  { width: 44px; margin-right: 5px; float: left; border: none; }
.komorka_news_social_icon { display: block; top: 104px;  position: absolute;  background: #fff; padding-right: 4px; border-top: solid 4px #fff; left: 0;}


.htabs{	overflow:hidden; }
.htabs h5 a{
	
	font-weight:normal;
	padding: 7px;
	/*color:#d00;*/
        font-size: 12pt;
         
	 
}
.htabs h5 a:hover{
	/*color: #000;*/
}
.htabs li{
	float:left;
	margin-top:2px;
	padding: 3px 2px 0 0;
	overflow:hidden;
}
.tabs .bullet{
	border-right:1px solid #e00;
	color:#d00;
	margin: 0px 4px 4px 0;
	padding-right:4px;
	clear:right;
	display:block;
	float:left;
	height:17px;
	overflow:hidden;
	text-align:right;
	width:10px;
}
.bmod .bullet{
	background-color:#fff;
	margin:-9px 6px 0 -10px;
	padding:8px;
}
.tabs{
	margin-top:2px;
	overflow:hidden;
}
.tabs li{
	background-color:#EEEEEE;
	clear:both;
	margin:4px 0;
	padding:9px;
	font-family: "NuvoOT-medi";
}
.tabs li a:hover{
	padding-left:1px;
}
.select{
	color: #fff;
        background: orange;
        border-top: solid 4px #000;
}

.okienko_daty { display: block; padding-top: 5px; position: relative; margin-right: 12px; margin-bottom: 7px; background: #111;  width: 45px; height: 50px; text-align: center; }
.kal_dzien { font-size: 14pt; font-weight: bold; color: #fff; }
.kal_mies { position: absolute; left: 24%; top: 28px; font-size: 10pt; color: #fff; font-weight: bold; }
.wydarzenie_tekst {   letter-spacing:0px; font-size: 14px; text-transform:uppercase; max-width: 300px; height: 42px; overflow: hidden; display: inline-block; font-weight: bold; }

.lewa_kom { float: left; width: 400px; margin-left: 15px; }
.prawa_kom { float: right; width: 400px;  }

.next_message_link {   font-size: 16px; text-transform:uppercase; overflow: hidden; letter-spacing: -0.03em; color: #000; margin-top: 10px; font-weight: bold;  padding: 5px;}
.nagl_next_message { padding: 3px 10px 3px 10px; font-size: 14px; color: #fff; background: #fc6806; display: inline-block; margin-bottom: 10px; }
.nagl_prev_message { padding: 3px 10px 3px 10px; font-size: 14px; color: #fff; background: #fc6806; display: inline-block; margin-bottom: 10px;   }
.tag_link { padding: 2px 6px 2px 6px; font-size: 13px; color: #fff; background: #fc6806; display: inline-block; margin-right: 6px; margin-bottom: 5px; }

.ramka_n { border: solid 1px #fff; display: block; width: 300px; margin-bottom: 35px; height: 280px; overflow: hidden; }
.rating_n   { display: block; height: 16px; width: 160px; background: url('star_empty.png'); float: left; margin-left: 70px; }
.linkprzedm_n {  display: table-cell; width: 300px; text-align: center; height: 55px; vertical-align: middle; background: #FAFAFA; }
.linkprzedm_n a { color: #606060; font-size: 15px; font-weight: 600;  }
.obrazek_podglad_n { max-width: 250px; margin-left: 10px; min-height: 160px; max-height: 160px; margin-left: auto; margin-right: auto;}

.form_odsuniety { margin-left: 58px;}
.kodd { width: 70px; }
.submit_koment { border: solid 1px #eee; padding: 5px; margin-bottom: 7px; margin-top: 5px;}
.kom_do_opini { width: 480px; float: right; background: #eee; margin-bottom: 16px; padding: 6px; }
.wszystkie_komentarze { float: right; padding: 1px; border-bottom: dashed 1px orangered;}
.avat_left { width: 35px; float: right; background: #eee; margin-bottom: 10px; }
.odp_o     { width: 488px; border: solid 1px #ccc; height: 60px; }
.odp_oakt { width: 488px; border: solid 1px orange; height: 80px;}
.maly_avat { float: left; margin-right: 20px; margin-left: 10px;  width: 35px;} 

.odp_o_mp    { width: 466px; border: solid 1px #ccc; height: 30px; }
.odp_oakt_mp { width: 466px; border: solid 1px orange; height: 70px;}
.wszystkie_komentarze_mp { float: right; padding: 1px; border-bottom: dashed 1px orangered; margin-right: 6px; font-weight: bold; font-size: 90%;}
.kom_do_opini_mp { width: 455px; float: right; background: #eee; margin-bottom: 16px; margin-right: 6px; padding: 3px 6px 3px 8px; }

.kom_do_opini_nw { width: 655px; float: right; background: #fff; border: solid 1px #ccc; margin-bottom: 16px; margin-right: 6px; padding: 3px 6px 3px 8px; }

#nav2{list-style:none;margin: 3px 0px 0px 0px;padding: 0px; }
#nav2 li {
float: left;
margin-left: 1px;
 
}
#nav2 li a{text-decoration:none; letter-spacing: 0px; font-weight: normal; font-size: 9pt; font-family: 'exo'}
#nav2 li a:hover{color:orangered;text-decoration:none}

#notification_li
{
    font-family: 'Exo';
position:relative
}
 #notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #eee;
margin-top: -20px;
margin-left: 188px;
z-index: 1000;
}
#notificationContainer 
{
background-color: #fff;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
color: #000;
position: absolute;
top: 33px;
margin-left: -130px;
width: 400px;
display: none; // Enable this after jquery implementation 
}
 #notificationContainer2:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #eee;
margin-top: -20px;
margin-left: 188px;
z-index: 1000;
}

#notificationContainer2 
{
background-color: #fff;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 33px;
margin-left: -165px;
color: #000;
width: 400px;
display: none; // Enable this after jquery implementation 
} 


#notificationTitle
{
font-weight: bold;
padding: 8px;
font-size: 12px;
background-color: #ffffff;
position: fixed;
z-index: 1000;
color: #000;
width: 384px;
font-family: 'Exo';
border-bottom: 1px solid #dddddd;
}
#notificationsBody
{
padding: 40px 0px 0px 0px !important;
min-height:300px;

}
#notificationFooter
{
background-color: #e9eaed;
color: #000;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}

.notification_count 
{
padding: 0px 2px 3px 3px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: -14px;
border-radius: 2px;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
position: absolute;
height: 17px;
margin-top: -3px;
font-size: 9px;
}

.ost_pyt_mp { letter-spacing:0px; font-size: 50px; text-transform:uppercase;  float: left; color: orange; margin-right: 5px; margin-bottom:20px; display: inline-block;}
.ost_pyt_mp2 {   letter-spacing:0px; font-size: 18px; text-transform:uppercase; float:left; margin-bottom: 20px; background:#333; color: #fff; padding: 0px 7px 0px 7px;  display: inline-block;}
.ost_pyt_mp3 {   letter-spacing:0px; font-size: 20px; text-transform:uppercase; float:left; margin-bottom: 20px; background: orange; color: #fff;padding: 0px 7px 0px 7px; display: inline-block;}
.ost_pyt_mp4 {   letter-spacing:0px; font-size: 20px; text-transform:uppercase; float:left; margin-bottom: 20px; background: #222; color: #fff;padding: 0px 7px 0px 7px; display: inline-block;}
.ost_pyt_mp5 {   letter-spacing:0px; font-size: 22px; text-transform:uppercase; float:left; margin-bottom: 20px; padding: 0px 7px 0px 7px; display: inline-block; overflow:hidden;}
.pytanie_mp { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; float: left; display: inline-block;}
.glosy_mp { border: dashed 1px #ccc; width: 50px; height: 50px; background: orange; padding-top: 9px;    line-height: 28px; text-align: center; display: block; margin-right: 10px; float: left; color: #fff;}
.odp_mp   { border: solid 1px #eee; width: 50px; height: 50px; background: #fff; padding-top: 9px;    line-height: 28px; text-align: center; display: block; margin-right: 10px;  float: left;}
.odptekst_mp {  background: #eee; width: 310px; float:left; }
.odptekst_mp a { color: #000;   letter-spacing:0px; font-size: 13px; text-transform:uppercase; }
.skot_pytania_mp { color: #aaa; font-size: 90%; width: 310px; height: 30px; overflow:hidden; }

.news_big { display: block; float: left; width: 640px; height: 495px; overflow:hidden; position: relative; margin-bottom: 10px; } 
.news_big_title { position: absolute; top: 395px; right: 0px; left: 10px; padding: 11px 11px 11px 11px;   background: rgba(255,255,255,0.3); font-weight: bold; z-index: 1199; font-size: 26px;line-height: 1.3em; text-transform: uppercase; font-family: Oswald; box-shadow: 0 0 10px 0px rgba(0,0,0,0.12);}  


.button_flat_orange { padding: 5px 10px 5px 10px; color: #fff; display: inline-block; background: orangered; }

.ocena_cela { padding: 4px 4px 4px 4px; color: #fff; display: inline-block; background: green; position: absolute;  right: 0; top: 0;  }

.button_flat_orange:after {
display: block;
z-index: 999;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: orangered transparent transparent transparent;
    content: '';
    height: 0;
    left: 0;
    position: absolute;    
    width: 0;
}

.button_flat_orange_small { padding: 0px 5px 0px 5px; color: #fff; display: inline-block; background: red; font-size: 100%; border-radius: 10%;  }
.button_flat_green_small { padding: 2px 8px 2px 8px; color: #fff; display: inline-block; background: deepskyblue; font-size: 100%; }
.button_flat_green {padding: 5px 10px 5px 10px; color: #fff; display: inline-block; background: green;}

.notifications { color: #000; }

.wyslij_pm { display: block; background: orange; color: #fff;text-align: center; font-weight: bold;padding: 4px; width: 150px; font-size: 90%;}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { 
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: orangered;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.col31 { display: inline-block; float:left; border: solid 1px #fff; width: 355px; margin-right: 10px; overflow:hidden; min-height: 340px; position: relative; }
.col32 { display: inline-block; float:left;border: solid 1px #fff; width: 450px; margin-right: 10px; overflow:hidden; min-height: 100px;}
.col33 { display: inline-block; float:left;border: solid 1px #fff; width: 270px; overflow:hidden; min-height: 100px;}

.komorka_news2 { display: block; float: left; width: 215px; overflow:hidden; margin-right: 7px; position: relative; margin-bottom: 5px; height: 230px;} 
.komorka_news_kom2 {position: absolute; top: 0px; left: 0px; padding: 0px 3px 0px 3px; background: rgba(0,0,0,0.9); font-weight: bold; color: #fff; z-index: 99; border: solid 1px #fff;}
.komorka_news_tag2 {position: absolute; top: 118px; right: 0px; padding-left: 6px; padding-right: 6px; background: rgba(0,0,0,0.5); font-weight: normal; color: #000; z-index: 99;}
.komorka_news_tekst2 { display: block; width: 210px;  z-index:-30; overflow:hidden;  height: 55px; margin-bottom: 0px; background-color: #fff; color: #333; font-family: 'Francois One'; letter-spacing:0px; font-size: 13px; text-transform:uppercase;padding: 4px 4px 4px 4px; line-height: 26px; }
.ikonki_social2 { position: absolute; margin-left: 940px;  margin-top: -20px; }
.ikonka_social2  { width: 44px; margin-right: 5px; float: left; border: none; }
.komorka_news_social_icon2 { display: block; float: left; margin-top: -10px; left: 0; position: absolute; }
.obrazek_miniaturkowy2 { width:215px; height:145px; }

.news_content { display: block; width: 100%;   margin-bottom: 5px solid #ccc; overflow:hidden;}
.tytul_ne { font-size: 24px; padding-left: 8px; padding-right: 8px; font-family: 'Oswald', 'Exo 2', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; background: orangered; padding: 5px;  overflow:hidden; margin-bottom: 3px; display:inline-block;   transform: skew(-8deg); }  

.tytul_ne_small { font-size: 24px; margin-left: 4px; font-family: 'Oswald', 'Exo 2', sans-serif; color: #000; font-weight: 700; text-transform: uppercase; background: #eee; padding: 5px;  overflow:hidden; margin-bottom: 3px; display:inline-block; transform: skew(-8deg);}  

.footer_title { font-size: 27px;  color: #fff; font-weight: 700;}

.footer_col1 { float: left; width: 300px; margin-right: 20px; padding-top: 20px;}
.footer_col2 { float: left; width: 350px; margin-right: 20px; padding-top: 20px;}
.footer_col3 { float: left; width: 350px;  padding-top: 20px;}


/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #888;
  font-weight:bold;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color:#fff;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
 
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
 
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
 
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
 
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
 
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
 
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
 
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
 
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
 
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.c100.red .bar, .c100.red .fill {
  border-color: red !important;
}
.c100.red:hover > span {
  color: red;
}


.belka_data_komentarze { display: block; width: 100%; height: 25px; color: #aaa; background: #fff; font-size: 90%;}

.promowane_ramka { float: left; width: 155px; background: #fff; margin-right: 20px; padding-top: 10px; border-right: solid 1px #eee; margin-top: 5px; margin-bottom: 5px; position: relative; overflow:hidden;  display: inline-block; } 
.promowane_ramka_news { float: left; width: 145px; background: #fff; margin-right: 6px; padding-top: 10px; margin-top: 5px; margin-bottom: 5px; position: relative; overflow:hidden;  display: inline-block; } 
.promowane_miniatura { max-width: 135px; height: 110px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.promowane_cena { position: absolute; top: 130px; right: 3%; color: #fff; height: 25px; margin-top: 5px;  display: block; font-weight: bold;  background: #000; border-left: solid 6px yellow; font-size: 90%; padding: 2px 5px 0px 3px; }
.promowane_etykieta { display: block; width: 100%; background: #fff; height: 44px; overflow: hidden; line-height: 1.6em; letter-spacing: 0.1em; }
.promowane_etykieta a { font-size: 12px; font-weight: bold; color: #000;  }
.promowane_etykieta:hover { display: block; width: 100%; background: #fff; min-height: 56px; height: auto;
                            transition:max-height 0.5s; /* Animation time */
                            -webkit-transition:max-height 0.5s; /* For Safari */}

.wydarzenie_ramka { width: 210px; display: inline; float: left; position: relative; margin-right: 12px; overflow: hidden; border: none; margin-top: 10px;}



.blink_me {
  animation: blinker 1s linear infinite;
  color: red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  
  /* non-critical appearance styles */
  list-style: none;
  background: #111;
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #000;
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  padding: 1em;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  color: white;
  font-size: 1.0em;
  text-decoration: none;
  transition: color 0.2s, background 0.5s;
}

.nav-item a:hover {
  color: #c74438;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(75,20,20,0.65) 100%);
}
 

code {
    padding: 2px;
    background: #ddd;
} 

    .myButton {
	  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 5px;
  width: 100%; 
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}