﻿/* ILLCATDZN2009 */

body {
	background: #1c1c1c url(../imgs/bg.jpg) no-repeat left top ;
	margin: 0 auto;
	color: #848484;
	font-family:Arial;
	font-size: 10px
		}
	
a:link, a:visited{
	color: #848484;
	font-family:Arial;
	font-size: 10px;
	outline: none; 

}

a:hover
{
	text-decoration:underline;
		color: #a3a3a3;
		outline: none;
}
	#menu
{
	width:665px;
	height:226px;
	float:left;
	margin: 0 auto;
	margin-left: 30px;
	background-image:url('../imgs/menu.jpg');
	clear:left;
}

	#main
{
	width:229px;
	height:83px;
	float:left;
	margin: 0 auto;
	margin-left: 486px;
	background-image:url('../imgs/logo.jpg');
}

	#stopka
{
	width:213px;
	float:left;
	margin-top: 90px;
	background: #000;
	clear:both;
}	
	#stopka p
{
	margin:10px 2px 10px 8px
}

	#content
{
	clear:none;
	float:left;
	margin-left: 40px;
	margin-top:50px;
	width: 718px;
}

.work
{
	width: 718px;
	clear:both;
	margin-bottom: 20px;
	
}
.rot
{
		margin-left: 9px;
		padding-top: 2px;
		clear:both;
		float:none;
		width: 700px;
}
#views
{
	clear: right;
	float:right;
	text-align:left;
	margin-right:20px;
	width: auto;
}
.work > p
{
	margin-top: 25px;
	margin-left: 9px;
	width: 350px;
}

#plus1, #plus2, #plus3, #plus4
{
	width: 9px;
	height: 9px;
	margin: 0 auto;
	clear:none;
	float:left

}
#plus1
{
	background-image:url('../imgs/plus-yellow.gif');
}
#plus2
{
	background-image:url('../imgs/plus-blue.gif');
	float:right;
}
#plus3
{
	background-image:url('../imgs/plus-red.gif');
	clear:both;
}
#plus4
{
	background-image:url('../imgs/plus-grey.gif');
	float:right;
}



.menulink, .logolink
{
	float:left;
	margin: 0 auto;
	display:block;
	}
.menulink
{
	width:221px;
	height:113px;

}
.logolink
{
	width: 100%;
	height: 100%;
}
/* SIDE MENU */
	#sidemenu
{
	float:left;
	margin: 0 auto;
	margin-left: 30px;
	margin-top:50px;
	padding-bottom: 30px;
	clear:both;
	width: 213px;
}


dl, dt, dd {
	display: block;
	margin: 0 auto;
	color: #848484;
}

dt {
	width: 213px;
	height: 28px;
	background: #000;
	margin-bottom: 4px;
}

dd {
	width: 213px;
	height: 20px;
	background: #000;
	margin-bottom: 4px;
}

dl a:link, dl a:visited {
	padding-left:15px;	
	font-family:Arial;
	text-decoration:none;
	line-height: 20px;
	color: #848484;

}

dl a:hover {
	text-decoration: underline;
	color: #a3a3a3;
}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	display: inline;
	white-space: nowrap;
	width:14px;
	height: 14px;
}



/* KOLORY TEKSTU */

span.red
{
	color:#f10072;
}
span.blue
{
	color:#00eaff;
}
span.yellow
{	
	
	color:#ffc000;
	margin-bottom: -25px;
}



/* INNE */

img
{
	border: 0;
	margin:0 auto;
}


/* TABS */
#featured .next_nav {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	WIDTH: 445px;
	PADDING-TOP: 11px;
	HEIGHT: 28px;
}
.ui-tabs-hide {
	DISPLAY: none;
}
.ui-tabs-nav {
	FLOAT: right;
	width:auto;
	PADDING-TOP: 3px;
}
.ui-tabs-nav LI {
	FLOAT: left;
	width:auto;
}
.ui-tabs-nav A {
	TEXT-INDENT: -99999px;
	width: 14px;
	height: 14px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
	white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */

}
.ui-tabs-nav A:visited {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:hover {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:focus {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav A:active {
	TEXT-INDENT: -99999px;
	DISPLAY: block;
	BACKGROUND: url(../imgs/switch.png) no-repeat -14px 0px;
}
.ui-tabs-nav .ui-tabs-selected A {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav .ui-tabs-selected A:visited {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:hover {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:focus {
	BACKGROUND-POSITION: 0 0;
}
.ui-tabs-nav A:active {
	BACKGROUND-POSITION: 0 0;
}


#more
{
	margin: 0 auto;
	
	width: 213px;
	
	text-align: right;
	margin-bottom: 4px;
	font-family:Arial;
	text-decoration:none;
	line-height: 22px;
	cursor:pointer;
}
#more-tit
{
	margin: 0 auto;
	padding-right: 15px;
}
.m
{
	color: #848484;
	background-color: #000;
	
}
.m-yellow
{
	background-color:#ffc000;
	color:black;
}
.m-blue
{
	background-color:#00eaf7;
	color:black;
}
.m-red
{
	background-color:#f10073;
	color:black;
}
.m-gray1
{
	background-color:#494949;
	color:black;
}
.m-gray2
{
	background-color:#616161;
	color:black;
}