/* Comment element properties */

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a.side {
	color: #555;
	text-decoration: none;
}

a:hover.side {
	color: #f6a504;
	text-decoration: underline;
}

a.white, li.white a {
	color: #fff;
	text-decoration: none;
}

a.white:hover, li.white a:hover {
	color: #fff;
	text-decoration: underline;
}

a.color {
	color: #63970e;
	text-decoration: none;
}

a:hover.color {
	color: #63970e;
	text-decoration: underline;
}


a#img1 {
background-image: url(images/forum_b_off.png);
}

a#img1:hover {
background-image: url(images/forum_b_on.png);
}

a#img2 {
background-image: url(images/literatura_b_off.png);
}

a#img2:hover {
background-image: url(images/literatura_b_on.png);
}

a#img3 {
background-image: url(images/kacik_grafika_b_off.png);
}

a#img3:hover {
background-image: url(images/kacik_grafika_b_on.png);
}

body {
	background-color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0px;
	padding:0px;
}



hr {
	border: 1px solid #333;
}

hr.side-hr {
	height: 1px;
	border: 1px solid #eee;
}

hr.new-hr {
	border: 1px solid #333;
	margin:5px 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt {
	color: #999;
	font-size:10px;
}

.spacer {
	margin-bottom: 5px;
}

.admin-message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #555;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {
	margin: 0px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #000;
	background-image: url(images/button.gif);
	border: 1px solid #000;
	height:20px;
	margin-top:2px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-top: 2px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
}

/* Header and footer properties */

.sub-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	background-image: url(images/subheader-mid.gif);
	padding: 7px 5px 8px 5px;
}

.sub-header-left {
	width: 3px;
	height: 28px;
	background-color: #555;
	background-image: url(images/subheader-left.gif);
}

.sub-header-right {
	width: 3px;
	height: 28px;
	background-color: #555;
	background-image: url(images/subheader-right.gif);
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #fff;
	padding: 5px 0 10px 0;
}

.main-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	background-color: #fff;
	padding: 5px;
}

.bottom-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #555;
	padding: 4px 4px 5px 4px;
}

.main-body {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Side-Panel properties */


.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color: #777;
	background-color: #fff;
	padding: 10px 10px 10px 0;
	width: 175px;
}

.side-border-right {
	color: #777;
	background-color: #fff;
	padding: 10px 0 10px 10px;
	width: 175px;
}

.scapmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	background-color: #555;
	background-image: url(images/side.gif);
  background-repeat: repeat-x;
	padding: 6px 4px 6px 4px;
}

.scapmain-left {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/side-left.gif);
}

.scapmain-right {
	width: 3px;
	height: 24px;
	background-color: #555;
	background-image: url(images/side-right.gif);
}

.side-body {
	font-size: 10px;
	color: #555;
	background-color: #fff;
	background-image: url(images/gradient.gif);
  background-repeat: repeat-x;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
	width:150px;
}

.news-footer {
	font-size: 10px;
	color: #555;
	background-color: #f1f1f1;
	border-width: 0 1px 1px 1px;
	border-color: #ddd;
	border-style: solid;
	padding: 3px 4px 4px 4px;
}

.capmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #555;
	background-image: url(images/cap.gif);
  background-repeat: repeat-x;
	padding: 6px 4px 6px 4px;
}

.capmain-left {
	width: 3px;
	height: 25px;
	background-color: #555;
	background-image: url(images/cap-left.gif);
}

.capmain-right {
	width: 3px;
	height: 25px;
	background-color: #555;
	background-image: url(images/cap-right.gif);
}

.main-bg {
	color: #555;
	background-color: #fff;
	padding: 10px 0 5px 0;
}

/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 0px solid transparent;
}

.tbl {
	font-size: 11px;
	color: #fff;
	padding: 4px;
}

.tbl1 {
	font-size: 11px;
	color: #aaa;
	padding: 6px;
}

.tbl2 {
	font-size: 11px;
	color: #555;
	#background-color: #;
	padding: 4px;
}

.forum-caption {
	font-size: 11px;
	font-weight: bold;
	color: #888;
	background-color: #f1f1f1;
	padding: 2px 4px 4px 4px;
}

.quote {
	font-size: 12px;
	color: #AAA;
	background:none repeat scroll 0 0 #3A3A3A;
	padding: 4px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #4A4A4A;
}

.poll {
	height: 11px;
	border: 0;
	margin:1px 0;
}

.comment-name {
	font-size:12px;
	font-weight: bold;
	color: #04688d;
}

.shoutboxname {
	font-weight: bold;
	color: #04688d;
}

.shoutbox {
	color: #777;
}

.shoutboxdate {
	font-size: 10px;
	color: #888;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

.small2 {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-small {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-label {
	color: #555;
	background-color: #f1f1f1;
	margin: 2px 0 2px 0;
	padding: 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #555;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	background-color: #f6a504;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #fff;
	background-color: #95af82;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #555;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #95af82;
	margin: 2px;
	text-decoration: none;
}

div#strona {  	
	margin-top:10px;
	width: 100%; 
	font-family:Verdana, sans-serif;
}

div#wrapper {  
	width: 1000px; 
	margin:0 auto;  
	padding-bottom:15px;
}

div#preloader {
  position: fixed; /* ustawia na stałe preloader w miejscu */
  width: 300px;  /* szerokość preloadera */
  left: 50%; 
  margin-left: -150px; /* wartość musi być połową szerokości ze znakiem - */
  top: 200px; /* wysokość od górnej krawędzi */
  z-index: 9999;
  display: none; /* ukrywa preloader (pod żadnym pozorem nie usuwać) */
  background: #000;
  color: #fff;
  border: 1px solid #aaa; 
  text-align: center; 
  font-weight:bold;
}

.nagl_piora
{
width:550px;
background: url(images/news_3.png) repeat-x scroll 0 0 transparent;
border:1px solid #93BD51;
padding-bottom:15px;
margin-left:15px;
}

.kacik_grafika
{
border:2px solid #93BD51;
background: url(images/news_3.png) repeat-x scroll 0 0 transparent;
font-weight:bold;
font-size:14px;
width: 250px; 
height: 80px; 
padding-left: 20px;
padding-top:5px; 
}


.tlo-gora {
	top:135px;
	width:1000px;
	display:block;
	background-color : #fff;
	background:url(images/tlo-gora.png);
	height:115px;
	position: absolute; 
}

.logo-top-szer {
	z-index:-99;
	margin-left:auto;
	margin-right:auto;
	# position: absolute; 
	width:1000px;
	# height:80px;
}

.tlo-dol {
	z-index:-100;
	width:100%;
	background:url(images/stopka.png) bottom;
	height:85px;
	position: absolute; 
	margin-top:15px;
}

div #panel_talentow
{
padding-bottom:2px;
}

.logo {
	height:80px;
	float:left;
}

.logowanie {
#left:485px;
margin-top:20px;
#right:200px;
position:absolute;
}

#menus {
	height:40px;
}

div#reklamy-gora{
margin-left:480px;
/*height:250px;*/
width:300px;
}

div#reklamy-dol{
margin-top:100px;
margin-left:300px;
width:750px;
}

div#reklamy-bok{
margin-right:210px;
margin-top:25px;
float:right;
height:600px;
width:120px;
}

div#container { 
	overflow:hidden; 
	width:1000px;
	margin:0 auto;
}

div#sidebar-right { 
	width:210px; 
	float:right;  
	position:relative;
}

div#sidebar-left { 
	width:182px; 
	float:left;  
	z-index: 2; 
	position:relative; 
}

div#main { 
	float:left;
	width: 100%;
	margin-left: -182px;
	margin-right: -210px;
}	


#opentable {
	color: #fff;
	margin-top:5px;
	border:1px solid #93bd51;
}

#opentable div.title {
	font-size:12px;
	font-weight:bold;
	height:30px;
	color: #fff;
	#background:url(images/news_1.png);	
	line-height:30px;
	padding:0 10px;
}

#opentable div.body {
	#background:url(images/news_3.png) repeat-x;
	overflow:hidden;
	font-size:11px;
	line-height:140%;
	padding:5px;
}

#opentable div.info {
	#background:url(images/news_2.png);
	font-size:11px;
	height:15px;
	line-height:15px;
	padding-left:5px;
	padding-top:2px;
}

#opentablep {
	margin-top:5px;
	border:1px solid #9e9e9e;
}

#opentablep div.title {
	height:30px;
	background:url(images/panel_1.png);
	color:#414141;
	font-size: 12px;
	font-weight: bold;
	line-height:30px;
	padding-left:10px;
}

#opentablep div.body {
	background:#d0d0d0 url(images/panel_3.png) top repeat-x;
	color:#000;
	font-size:11px;
	line-height:110%;
	padding:5px;
}


div#slider { 
	width:280px;
	height:250px;
	margin-left:190px;
}

.sliderwrapper{
position: absolute; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 280px; /*width of featured content slider*/
height: 245px;
} 

.sliderwrapper .contentdiv{
background:url("images/slider_top.png") no-repeat scroll 25px 0 transparent; 
position: absolute; 
left: 0;  
top: 0; 
padding: 5px 5px 5px 45px;
width: 250px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
top:480px;
width: 305px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
z-index:999;
margin-left:60px;
position:absolute;
}

.sliderwrapper2{
position: absolute; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 180px; /*width of featured content slider*/
height: 50px;
margin-top:20px;
} 

.pagination2{
visibility:hidden;
}

.pagination a{
margin-right:15px;
float:left;
padding: 5px 58px 16px 25px;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 165px;
height: 140px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 330px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

.bubblewrap{
list-style-type:none;
height:70px;
width:560px;
margin-top:30px;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
position:relative;
width: 120px;
height:120px;
}

.bubblewrap li img{
position:absolute;
width: 110px; /*default width of each image.*/
height: 110px; /*default height of each image.*/
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Arial;
padding:2px;
width:100px;
text-align:center;
}

#orbs li{
width: 100px; /*width of image container. Should be wider than contained images (before bubbling) */
margin: 10px -5px 20px;
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}

#squares li{
width: 45px; /*width of image container. Must be wider than contained images (before bubbling) */
height:40px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 31px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}

#menu1 div
{
right:200px;
}

#menu1 table
{
background-color:#000000;
}

.basictab{
padding: 0px 1px;
margin: 8px 0px 0px 0px;
font: normal 13px Arial;
border-bottom: 0px solid gray;
list-style-type: none;
width: 800px;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.basictab li{
display: inline-block;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 0px 8px;
margin-right: 2px;
border: 0px solid gray;
border-bottom: none;
/*background-color: white;*/
color: #FFFFFF;
font-weight: 900;
font-size: 12px;
background: url(src/acm_26.gif) top right no-repeat;
}


.basictab li a:visited{
color: #fff;
}

.basictab li a:hover{
/*background-color: #dbffff;*/
border: 1px solid #73b307;
color: #fff;
}

.basictab li a:active{
color: #fff;
border: 1px solid #73b307;
}

.basictab li.selected a{ /*selected tab effect*/

}


.submenustyle{
padding: 15px 4px 0px 1px;
border: 0px solid black;
border-top-width: 0;
width: auto;
text-align: left;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}


.submenustyle a:link, .submenustyle a:visited{

color: #EFF4F8;
text-decoration: none;
padding-left: 10px;
background: url(src/acm_2.gif) left 50% no-repeat; 
}

.submenustyle a:hover{

text-decoration: underline;
}






img {
	border:0px;
}
.newsmore {
	background:url(images/newsmore.png);
	height:20px;
	border:1px solid #c8c8c8;
	color:#606060;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	width:100px;
	line-height:20px;
	margin:5px 105px;
	text-align:center;		
}

.buttony {
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
	margin:4px;
}

.buttony:hover {
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	margin:4px;
}

.panel {
	color:#fff;
	width:100%;
	margin-top:5px;
	font-size:10px;
}

.panel-header {
	height:25px;
	font-weight:bold;
	line-height:24px;
	padding:0 6px;
	font-size:15px;
	font-family: Arial;
}

.panel-body {
	color:#fff;
	padding:4px;
}

div[name='panele'] a {
	color:#ddd;
}

div[name='panele'] a:hover {
	color:#fff;
}

.user-activity {
	width:202px;
	min-height:81px;
	background:#486c0d url(images/user-activity.png) repeat-x;
	font-weight:bold;
	font-size:11px;
	color:#000;
	padding:5px;
	line-height:18px;
}

.admin-panel {
	width:202px;
	min-height:81px;
	background:#486c0d url(images/admin-panel.png) repeat-x;
	font-weight:bold;
	font-size:11px;
	color:#000;
	padding:5px;
	line-height:18px;
}

.wiadomosc-info {
	width:200px;
	float:right;
	height:230px;
	background:#000;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

.naglowek {
	color:#fff;
	font-size:13px;
	margin:5px;
	padding:0px;
	font-weight:bold;
}

.autor {
	color:#999;
	font-size:11px;
	margin:5px;
	padding:0px;
}

.tresc {
	color:#e2f4bb;
	font-size:11px;
	line-height:13px;
	margin:5px;
	padding:0px;
	text-align:justify;
}

p.justify {
	text-align:justify;
	margin:0px;
	padding:0px;
	line-height:15px;
	font-weight:normal;
}
.overflow {
	overflow:hidden;
	margin:4px auto;
}
.redakcja-user {
	background:#000;
	padding:5px;
	float:left;
	text-align:center;
	line-height:15px;
	margin-right: 5px;
	width:77px;
	height:150px;
	overflow:hidden;
}
.redakcja-user-2 {
	background:#333;
	padding:5px;
	float:left;
	text-align:center;
	line-height:15px;
	margin-right: 5px;
	width:95px;
	height:150px;
	overflow:hidden;
}
.redakcja-user-3 {
	overflow:hidden;
	background:#3b3b3b;
	padding:5px;
	float:left;
	text-align:center;
	line-height:15px;
	margin-right: 5px;
	width:77px;
	height:150px;
}


/* smartcontext */
.intextPodtrzeni {
	color: #008000;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-color: #008000;
	border-bottom-style: solid;
	font-weight: bold;
	text-decoration: underline;
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

.places
{
background:#1f3201;
border-bottom:1px solid black;
color:white;
cursor:pointer;
display:block;
font:bold 13px "Lucida Grande","Trebuchet MS",Verdana;
text-indent:8px;
text-align:center;
}

.openplace
{
background-color:black;
}
div.theplace {
background:url("images/news_3.png") repeat-x scroll 0 0 transparent;
padding:10px;
width:auto;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}