@charset "UTF-8";
*,form,#tresc-top,#tresc,#lewa #srodek,h1,h2,#menu,.unit-rating,ul.classic { padding: 0; margin: 0; }
html { background:  url(../images/tlo2a.gif) repeat; height:inherit	}
body {  color: #d9d9d9; font: 14px/normal Tahoma, Arial, Helvetica, sans-serif; padding-top:10px; }
h1,h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; text-indent: 5px; letter-spacing: -1px; }
#t1 h1,#t2 h1,#s1 h1,#s2 h1 { color:white;}
ul.classic { list-style: disc; font-size: 16px; text-align:left; width:350px; margin: 0 auto 0 auto;}
ul.classic li{ margin: 0.5em 0 0.5em 1em; padding-left:10px; }
#menu,#goto,#tresc,#tresc-top,#t1,#t2,#s1,#s2,#stopka,.menul h2 { 
background: url('../images/lay.png');
 }

#body { 
 margin: 0 auto;
 position: relative;
}
.ico {border: 0px; }
#top { height:20px; text-align:right; color:red; font-weight: bold; }
#top span{ height:4px; margin:0 0 10px 0; background:lightblue; padding:3px; }
#top a {color:blue;   }
#body,#menu,#tresc,#tresc-top { width: 922px; }
#menu {
 color: #006633;
 height: 34px;
background-position: 0px -145px; } 
/* menu top*/ 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1; 
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
ul.dropdown ul li {
 float: none;
}
ul.dropdown ul ul {
 top: 1px;
 left: 99%; }
ul.dropdown li:hover > ul {
 visibility: visible;}
ul.dropdown li { padding: 5px 3px;}
ul.dropdown *.dir {
padding-right: 30px;
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.dropdown ul *.dir {
 padding-right: 15px;
background-image: url(../../images/menu-top/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.dropdown ul ul *.dir {
 background-image: url(../../images/menu-top/nav-arrow-right2.png);
}

ul.dropdown {
font: bold 17px/normal Arial, Helvetica, sans-serif;
}
ul.dropdown li {
 background-color: #333;
color: #fff;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none;}
ul.dropdown a:hover{
border-top-color: #5db1e0 !important;
border-left-color: #5db1e0;
background-color: #4498c7;
color: #fff;
}
ul.dropdown ul a.dir:hover { /* proposal */
background-color: #4698ca;
background-image: url(../../images/menu-top/comnav-arrowon.png);
color: #fff;
}
ul.dropdown a:active,ul.dropdown #active{
 background: #058acf url(../../images/menu-top/nav-sub-press.png) 0 0 repeat-x !important;
 color: #fff;
}
ul.dropdown ul {
left: auto;
right: 0;
width: 150px;
margin-top: -1px;
border-top: 1px solid #1a1a1a;
border-left: solid 1px #4c4c4c;
font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
}
ul.dropdown ul li {
background-color: #3a3a3a;
}
ul.dropdown ul ul {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
border-top: none;
border-left: none;
font-weight: normal;
}
ul.dropdown ul ul li {
background-color: #4c4c4c;
}
ul.dropdown ul ul ul li {
 background-color: #595959;
}
ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}
ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }
ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }
ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
ul.dropdown a {
 display: block;
 padding: 5px 10px;
}
ul.dropdown li {
 padding: 0;
}
ul.dropdown ul a { 
 padding: 8px;
}
ul.dropdown *.dir { 
 padding: 5px 10px;
}
ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}
ul.dropdown ul a {
 width: 133px;
}
ul.dropdown ul a.dir {
 width: 111px;
}

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image: url(../../images/menu-top/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image: url(../../images/menu-top/comnav-arrowover2.png);
 color: #fff;
}
ul.dropdown li:hover > a.dir:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image: url(../../images/menu-top/comnav-arrowon.png);
 color: #fff;
}
/* main*/ 
#goto { font-size: 12px;
 color: #333; font-size: 16px;
 padding: 5px 10px; width: 902px;
 margin: 0;
 height: 35px;
 background-position: 0px -189px;
 clear:both;} 
#goto a {color: #99cc99;  text-decoration:none;}
#goto a:hover {color: #99ff99;  text-decoration:underline;}
#tresc{
 overflow: auto;
 background: url(../images/lay/b2.png) repeat-y;
 padding: 25px 0 45px 0;
 }
#tresc-top{
 height:32px;
background-position: 0px 0px;
}
#t1{ 
 width: 220px; height:75px;
background-position: 0px -464px;
 position: absolute; top:110px; left:-30px;
 padding:35px 0 0 30px; z-index: 5;
}
#t2{ 
 width: 732px; height:62px;
background-position: 0px -574px;
 position: absolute; top:110px; left:220px;
 padding:5px 0 0 0;
} 
#s1{ 
 width: 220px; height:65px;
background-position: 0px -244px;
 position: absolute; bottom:25px; left:-30px;
 padding: 35px 0 0 30px;
}
#s2{ 
 width: 732px; height:35px;
background-position: 0px -354px;
 position: absolute; bottom:25px; left:220px;
 padding: 65px 0 0 0;
}
#lewa { 
 color: white;
 width: 220px;
 float: left; 
 padding-top:15px;
 }
#srodek { 
 float: left;
 color: #333;
 width: 700px;
 text-align: center;
 overflow: hidden; 
}
.foty_index,#foty_szczegoly,#komentarze {margin:0 16px 10px 16px; width:670px; height:auto; position: relative; text-align:center;  }
#komentarze {clear: both;}
.art,.kom {width:650px; background: #d5cdfe; margin:0 auto 8px auto;  height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: normal; border-top: solid 1px #C7C7C7; text-align:left; position: relative;}
.art h2,.kom h2{ font-size: 17px; background: url(../images/pagination.png) repeat-x bottom #E2E2E2; height:15px; padding:3px 5px 7px 5px; width:640px; color:green; font-weight: bold;} 
.art h2 a,.kom h2 a,.bb p a,.bb .link{color:#2a2d9d} 
.bb a:hover{  color:black; text-decoration:underline;} 
.bb .obr { float:left; margin-right:10px;} 
.bb .obr img{  border:0;} 
.art .dat,.kom .dat{font-size: 12px; width:76px; 
position: absolute;
top: 7px;
right: 5px;}
.bb { font-size: 14px; margin:1px; padding:6px; background: white url(../images/pagination.png) repeat-x bottom ;  }

#i1,#i2,#i3,#i4,#i5,#i6,#r1,#r2,#r3,#a1,#a2,#a5,#a6,#a7,#p1,#p2,#p3,#p4,#p5,#p6,#a8 { background: url('../images/ico.png'); margin: 0 5px 0 0; border:0; padding:0; float:left;  }

#i1,#i2,#i3,#i4,#i5,#i6,#r1,#r2,#r3,#a5,#a6,#a7 { width:24px; height: 24px; }
#a1,#a2,#p1,#p2,#p3,#p4,#p5,#p6,#a8 { width:16px; height: 16px; }
#a8 {background-position: 0px -225px;}
#p1 {background-position: 0px -355px;} 
#p2 {background-position: 0px -338px;} 
#p3 {background-position: 0px -321px;} 
#p4 {background-position: 0px -440px;} 
#p5 {background-position: 0px -389px;} 
#p6 {/*twitter background-position: 0px -372px;*/} 
#a1 { background-position: 0px -457px;}
#a2 { background-position: 0px -242px;}
#a5 { background-position: 0px -259px;}
#a6 { background-position: 0px -284px;}
#a7 { background-position: 0px -125px;}
#i1 { background-position: 0px 0px; } 
#i2 { background-position: 0px -25px; } 
#i3 { background-position: 0px -50px; } 
#i4 { background-position: 0px -75px; } 
#i5 { background-position: 0px -100px; } 
#i6 { background-position: 0px -125px; } 
#r1 { background-position: 0px -150px; } 
#r2 { background-position: 0px -175px; } 
#r3 { background-position: 0px -200px; } 

.pager { margin: 0 auto 10px auto; width:654px;
	clear: both;
	color: #AEAEAE;
	padding: 0 5px 0 2px;
	font-size: 12px;
	overflow: auto;
}
.pager span, .pager a {
	padding: 6px 8px;
	margin: 0 0 0 -1px;
	font-weight: bold;
	display: block;
	float: left;
	border-top: solid 1px #C7C7C7;
	border-left: solid 1px #B6B6B6;
	border-right: solid 1px #B6B6B6;
	border-bottom: solid 1px #9F9F9F;
	background: url(../images/pagination.png) repeat-x top #E2E2E2;
}
.pager span {
	background: url(../images/pagination_current.png) repeat-x top #c2c2c2;
	border-top: solid 1px #818181;
	color: #222;
}
.pager a {
	color: #000;
	text-decoration: none;
}
.pager a:hover {
	background: #FFF;
	text-decoration: underline;
}
#stopka { 
 width: 902px; height:34px;
 clear: both;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 5px 10px ;
background-position: 0px -42px;
  text-align:center;
}
.clear { clear: both; }
/* menu lewe*/ 
ul.menu {
  list-style-type:none;
  margin: 0 -10px;
  padding: 0;
 width: 220px; 
}

ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
 width: 220px; 
}

ul.menu a {
  display: block;
  text-decoration: none;	
}
ul.menu a img{
  border:0;	vertical-align: middle; margin-right: 5px; 
}

ul.menu li ul li{
   margin:0; 
}

ul.menu li a {
  color: black;	
  padding: 0.5em; 
}
ul.menu li a img{
width:24px; height:24px;
}

ul.menu li ul li a {
  color: #000;
  padding-left: 20px;
}

ul.menu li a:hover,ul.menu li ul li a:hover,ul.menu li#active2 a {
  background: url(../images/pagination.png) repeat-x top #E2E2E2;
}
ul.menu li a:hover,ul.menu li ul li a:hover,ul.menu li#active2 a {
  border-left: 5px #ffff33 solid;
}
ul.menu li a {
  border-left: 5px #66cc00 solid;
}
ul.menu li ul li a {
  border-left: 5px #66ff33 solid;
} 
ul.menu li ul li ul li a {
  border-left: 5px #99ff66 solid;
} 
ul.menu li ul li ul li ul li a {
  border-left: 5px #ccff99 solid;
} 
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.menul{width:220px; height:auto; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal;   color:#666666; background: url(../images/lay/box2.png) repeat-y ; z-index: 10;}
.menul h2{  width: 205px; height:34px; color:white; 
background-position: 0px -96px; padding: 5px 0 0 15px; } 
.menul div{  width: 200px; height:auto;  background: url(../images/lay/box3.png) no-repeat bottom;
padding: 10px; }
.menul div a { text-decoration:none;}
.menul div a:hover {color:black; text-decoration:underline; background:white;}

.menul div form fieldset {
    position: relative; height:25px;  border: 0;
    }
.menul div form fieldset input.field {
    width: 170px; 
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    padding-left: 25px;
    border: none !important;
    border: 0;
    font-size: 1.1em
    }
.menul div form fieldset button.szukbut {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background: url(../images/search.gif) no-repeat center;
    text-indent: -9999px;
	 border: 0;
    }
.tc1,.tc2,.tc3,.tc4,.tc5,.tc6 {	color:#666666;}	
.tc1 { font-size: 80%; }
.tc2 { font-size: 90%; }
.tc3 { font-size: 100%; }
.tc4 { font-size: 110%; }
.tc5 { font-size: 120%; }
.tc6 { font-size: 130%; }
.tc7 { font-size: 150%; color:green;}
/*  rating ryan masuga, masugadesign.com ryan@masugadesign.com  */
.ratingblock {
	
    width:100px;
	position: absolute;
	bottom: 5px; right:10px;
	}

.loading {
	height: 20px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	height: 20px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	display:block;
    width:100px;
	position: absolute;
	bottom: 0; left:0;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}	
