body
{
font-family: Arial;
font-size: 13px;
background: #f3f3f3;
margin-top: 0px;
color:#666666;
margin: 0;
	padding:0;

	body, ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
}

.cytat{
color: #8adcff;
font-family: Georgia;
padding: 8px;
margin: 10px;
border-color: #8adcff;
border-width:2px;
border-style: solid;
background: #e8f8ff;
width: 200px;
font-size: 10pt; 
float: right;
-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}

#male{
width: 148px;
padding: 5px;
font-family: arial;
font-size: 10pt;
color: #0080ff;
margin: 2px;
border-bottom-width:3px;
border-bottom-color: #c0c0c0;
border-bottom-style: solid;
float: left;
}

#male:hover{
width: 148px;
padding: 5px;
font-family: arial;
font-size: 10pt;
color: #0080ff;
margin: 2px;
border-bottom-width:3px;
border-bottom-color: #0080ff;
border-bottom-style: solid;
background-color: #e8e8e8;
float: left;
}

#male img{
width: 143px;
height: 95px;
margin:2px;
border-width:0px;
}


#menu {
	list-style:none;
	width:940px;
	margin:0px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;
	border:none;
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}





.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:116px;

	/* 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;
}

	
	
	
}

.menu a{
text-decoration: none;


}

.menu{
clear: both;
width: 1000px;

}

.strona
{
width: 1000px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: #fff;
text-align: left;

}

.gora
{
background-image: -moz-linear-gradient(top, #e1e1e1, #ffffff); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e1e1e1),color-stop(1, #ffffff)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #e1e1e1, #ffffff); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #e1e1e1, #ffffff); /* Opera 11.1+ */
	background-image: -ms-linear-gradient(top, #e1e1e1, #ffffff); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#ffffff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#ffffff')"; /* IE8+ */

height: 20px;
padding: 4px;
font-size: 8pt;
color: #666666;
padding-top:10px;
}

.gora a {padding-right: 15px; text-decoration: none; color: #666666;}





.logo
{
height: 120px;
width: 400px;
float: left;
position: relative;

}

.pogoda
{
padding: 10px;
height: 80px;
width: 300px;
float: left;
position: relative;
color: #1A81C3;
font-size: 11px;
		font-family:"Lucida Sans Unicode","Lucida Grande"; 
background-image: url('obrazy/pogodatlo.png');
border-left-width: 4px;
border-left-color: #1A81C3;
border-left-style: solid;
margin-top: 10px;
margin-bottom: 10px;
		
}

.ikona{

float: left;
width: 95px;
text-align: center;
font-size: 10pt;
margin-top: 15px;
		font-family:"Lucida Sans Unicode","Lucida Grande"; 
}

.pogoda b{

font-size: 12px;
}


.pozdro
{

width: 980px;
height: 25px;
margin-top: 2px;
border-width: 1px;
border-color: #DDDDDD;
border-style: solid;
background-color: #F6F6F6;
color: #1A81C3;
font-size: 11px;
padding-top: 10px;
padding-left: 5px;
}

.pozdro a{

text-decoration: none;
color: #1A81C3;
}





.calosc
{
margin-top: 10px;

}


.naglowek
{
background-image: -moz-linear-gradient(top, #FDFDFD, #E3E3E3); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FDFDFD),color-stop(1, #E3E3E3)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E3E3E3'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E3E3E3')"; /* IE8 */
		font-family:"Lucida Sans Unicode","Lucida Grande"; 
		font-size: 13pt;
		height: 40px;
		color: #666666;
		padding-left: 10px;
	font-size: 12pt;

}


.tabela
{

border-width:1px;
border-style: solid;
border-color: #dddddd;
padding: 0px;
margin-top: 10px;
font-size: 9pt;
text-align: left;
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image:url('tabelatlo10.png');
	background-repeat: repeat-x;


}

.wnetrze
{

padding: 5px;
color: #666666;
font-size: 9pt;
text-align: justify;
}


.dniowka
{

padding-top: 3px;
padding-left: 10px;
font-size: 9pt;

}

.wiecej
{
margin-top: 10px;

padding-left: 15px;

}

.wiecej a
{
padding-left: 4px;
text-decoration: none;
color: #666666;
}


.pierwsze
{

padding-top: 10px;
width: 330px;
position: relative;
float: left;
padding: 5px;


}

.pierwsze img
{
border-style: solid;
border-color: #666666;
border-width: 1px;
width: 110px;
height: 95px;
margin: 8px;
}

.drugie
{
width: 280px;
border-left-style: dashed;
border-left-color: #dedede;
border-left-width: 1px;
float: left;


}



/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:280px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(img/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(img/tipFooter.gif) no-repeat;
}


.podpis
{
height: 10px;
width: 550px;
padding-top: 20px;
color: #1A81C3;
text-align: left;


}

a{ text-decoration: none; color: #666666;}


#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border-left-color: #ddddddd;
	border-right-color: #dddddd;
	border-top-color: #dddddd;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #dedede;
}
#featured ul.ui-tabs-nav li span{ 
	font-size: 9pt; font-family:Arial; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color: #515151;  background:#fff; 
	line-height:20px;
	text-decoration:none; 
	font-size: 9pt;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background: url('images/bgtab.png'); 
	color: #1875CC;
	text-decoration:none; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
	color: #1875CC;
	text-decoration:none; 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url('images/bgtab.png'); 
	color: #1875CC;
	font-weight: bold;
	text-decoration:none; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Arial; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Arial; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:none; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


.calendar_1 {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #444444;
}

.calendar_2 {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: #9EDB28;
  color: #444444;
}

.calendar_3 {
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #444444;
}

.calendar_4 {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: #555555;
  color: #eeeeee;
}

/* ================================================================ */
/* podstawowe class'y modulow systemu                               */
/* ================================================================ */

.uni_01 {
  font-family: Verdana;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  color: #555555;
}

.uni_02 {
  font-family: Verdana;
  font-size: 11px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
  color: #666666;
}

.poll {
  border: 0px;
  background: none;
}

.code {
  border: 1px #999999 solid;
  background-color: #F4f4f4;
  font-family: Courier;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 16px;
  text-align: left;
  color: #990000;
}



/* ================================================================ */
/* definicje (glownie linkow) dla theme'ow o duzym kontrascie       */
/* ================================================================ */

/*

dostepne style:

.t_list   [dla linkow tworzonych w tytule funkcji list_body_open()]
.t_art    [dla linkow tworzonych w tytule funkcji art_theme()]
.t_main   [dla linkow tworzonych w tytule funkcji main_title_open()]
          [dla linkow tworzonych w tytule funkcji mn_title_open()]
          [dla linkow tworzonych w tytule funkcji news_theme()]
*/



/* ================================================================ */
/* definicje uzytkownika (uzyte w functions.inc.php)                */
/* ================================================================ */



}

.title {
  font-family: verdana;
  font-size: 11px;
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  color: #666666;
}




.title {
  font-family: verdana;
  font-size: 11px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #666666;
}

.o {
  font-family: verdana;
  font-size: 10pt;;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  font-weight: bold;
  color: #eeeeee;
}

.block {
  font-family: verdana;
  font-size: 8pt;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  color: #666666;
}

input {
  font-family: verdana;
  font-size: 8pt;
  color: #777777;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}

select {
  font-family: verdana;
  font-size: 8pt;
  color: #777777;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}

textarea {
  font-family: verdana;
  font-size: 8pt;
  color: #777777;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}



a:visited { text-decoration: none; color: #666666}
a:link    { text-decoration: none; color: #666666}
a:hover   { text-decoration: none; color: #bbbbbb}

.menue{
margin: 0px;
padding: 0;
float: left;
font: bold 12px Arial;
width: 1000px;
border-left-color: #DDDDDD;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #DDDDDD;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #DDDDDD;
border-top-style: solid;
border-top-width: 1px;
background-image: url(/obrazy/menu1.jpg);
background-image: -moz-linear-gradient(top, #FDFDFD, #E3E3E3); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FDFDFD),color-stop(1, #E3E3E3)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E3E3E3'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E3E3E3')"; /* IE8 */
color: #444444;
height: 30px;
}

.solidblockmenu
{margin: 0px;
background-image: url('obrazy/menu1.png');
}

.solidblockmenu li{
display: inline;
margin: 0px;

}

.solidblockmenu li a{
float: left;
color: #444444;
padding: 9px 11px;
text-decoration: none;

}

.solidblockmenu li a:visited{
color: #444444;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background-color: #1A81C3;
height: 12px;
}

.tabcontainer{
clear: left;
width:1002px; /*width of 2nd level sub menus*/
 /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
font-family: Arial;
background-color: #1A81C3;
border-left-color: #ffffff;
border-left-style: solid;
border-left-width: 0px;
border-right-color: #ffffff;
border-right-style: solid;
height: 25px;
color: #fff;
padding-top: 1px;
font-size: 9pt;
border-right-width: 0px;}


.tabcontainer a
{
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
coloR: #fff;


}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
font-family: Arial;
font-size: 9pt;
padding: 5px;
font-weight: bold;
}

.commenty{

width: 550px;
border-color: #a6a6a6;
border-style: solid;
border-width:1px;
padding: 10px;
margin-bottom: 10px;
color: #666666;

}


.katalog_menu{

width: 980px;
height: 30px;
background-image: url('katalog_img/menutlo.png');
color: #ffffff;
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
font-size: 10pt;
font-weight: bold;
font-family: arial;
padding-top: 10px;
}

.katalog_menu a{
margin-top: 5px;
margin-left: 10px;
padding-right: 10px;
color: #ffffff;
text-decoration: none;
border-right-color: #7C6D6D;
border-right-style: solid;
border-right-width: 1px;
height: 30px;
}


.katalog_lewo{
float: left;
width: 200px;
text-align: left;
margin-right: 10px;
margin-top: 30px;
font-size: 9pt;
background-color: #f4f4f4;
border-color: #e8e8e8;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 5px;
}


.katalog_lewo h1{
font-size: 10pt;
font-weight: bold;
background-image: url('katalog_img/h1.png');
color: #ffffff;
width: 180px;
padding: 9px;
height:15px;
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}

#kat{
color: #787878;
text-decoration: none;
border-bottom-color: #e8e8e8;
border-bottom-style: dashed;
border-bottom-width: 1px;
padding: 10px;
width: 180px;
}

#kat a:hover{

color: #3399ff;
font-weight: bold;
}

#kat:hover{
color: #3399ff;
text-decoration: none;
border-bottom-color: #e8e8e8;
border-bottom-style: dashed;
border-bottom-width: 1px;
padding: 10px;
width: 180px;
background: #d2e9ff;
}

.wyszukaj{
width: 730px;
padding-left: 8px;
padding-top: 8px;

-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #d2e9ff;
	border-color: #71b8ff;
border-style: solid;
border-width: 1px;
color: #3399ff;
font-size: 10pt;
}

.input2{
height: 30px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f9f9f9;
	border-color: #cacaca;
border-style: solid;
border-width: 1px;
padding: 5px;
color: #666666;
width: 350px;

}
.submit{
width: 80px;
height: 30px;
color: #ffffff;
background-image: url('katalog_img/h1.png');
border-width: 0px;
}

.kat_srodek{

float:right;
margin-top: 30px;
}

.kat_srodek h2{
		font-family:"Lucida Sans Unicode","Lucida Grande"; 
		font-size: 15pt;
color: #3399ff;
text-align: left;
}

.wyroznione{
margin-top:10px;
width: 730px;
	border-color: #BCBCBC;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
}

.tytulkat{
background-image: url('katalog_img/naglowek.png');
font-size: 10pt;
color:#413A3A;
padding-top: 15px;
padding-bottom: 5px;
width: 730px;
height: 25px;

}


.skrot{

border-bottom-color: #e8e8e8;
border-bottom-style: dashed;
border-bottom-width: 1px;
background-image: -moz-linear-gradient(top, #ffffff, #F2F2F2); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #F2F2F2)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #ffffff, #F2F2F2); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #ffffff, #F2F2F2); /* Opera 11.1+ */
	background-image: -ms-linear-gradient(top, #ffffff, #F2F2F2); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2')"; /* IE8+ */
margin-top:5px;
padding: 10px;
font-size: 10pt;
text-align: left;

}

.skrot_lew{
float:left;
width: 450px;
font-size: 9pt;

}

.skrot_lew img{

margin: 5px; padding:2px; border-color: #dedede; border-width:1px;border-style:solid;
width: 96px;

}

.skrot_praw{
float: right;
background: #e4e4e4;
width:240px;
padding:5px;
font-size: 9pt;
}

.pod{
padding:10px;
}

.podkategorie{
font-size:9pt;

}

.podlategorie a{
padding: 5px;


}

.nazwapod{
padding:5px;

border-bottom-color: #e8e8e8;
border-bottom-style: dashed;
border-bottom-width: 1px;
font-size:9pt;
}

div.pagination {
	padding: 3px;
	margin: 3px;
	font-size: 9pt;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666666;
	font-size: 9pt;
	text-decoration: none; /* no underline */
	color: #666666;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #666666;
font-size: 9pt;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #71b8ff;
		font-size: 9pt;
		font-weight: bold;
		background-color: #dedede;
		color: #71b8ff;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #dedede;
	font-size: 9pt;
		color: #666666;
		
		
		
	}
	
	
	.formmail{
	
	width: 200px;
	border-color: #dedede;
	border-style: solid;
	border-width:1px;
	padding: 4px;
	font-family: Arial;
	}
	
	
	.formmail:active{
	
	width: 200px;
	border-color: #ff0080;
	border-style: solid;
	border-width:1px;
	padding: 4px;
	font-family: Arial;
	}
	
		.formmail:current{
	
	width: 200px;
	border-color: #ff0080;
	border-style: solid;
	border-width:1px;
	padding: 4px;
	font-family: Arial;
	}
	
	.rating_wrapper *{margin:0; border:0; padding:0;}
.rating_wrapper {overflow:hidden; height:16px;}
.sp_rating{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block;}
	.rating{float:left; padding-right:4px;}
	.base{background:url(ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; padding-right:4px; overflow:hidden;}
	.average{background:url(ratings.gif) 0 -16px no-repeat; text-indent:-9999px;}
	.votes{float:left; padding-right:4px;}
	.score{ background:url(ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative;}
		.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em;}
		.score1 {width:20%; z-index:55;}
		.score2 {width:40%; z-index:54;}
		.score3 {width:60%; z-index:53;}
		.score4 {width:80%; z-index:52;}
		.score5 {width:100%; z-index:51;}
		.score a:hover{ background:url(ratings.gif) bottom right no-repeat;}
	.status {height:16px; width:100px; overflow:hidden; position:relative;}
		
	.score_this{ height:100%; overflow:hidden;}
		.score_this a{color:#f37800;}
		
		
		#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


