/* Comment element properties */

a {
	color: #04688d;
	text-decoration: none;
}

a:hover {
	color: #04688d;
	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:hover.white, li.white a:hover {
	color: #fff;
	text-decoration: underline;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #f2f2f2 url('images/page_bg.jpg');
	background-repeat:repeat-x;
	margin: 5px;
}

hr {
	height: 1px;
	border: 1px solid #eee;
}

hr.side-hr {
	height: 1px;
	border: 1px solid #eee;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt {
	color: #04688d;
}

.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: #f6a504;
	background-image: url(images/button.gif);
	height: 20px;
	border: 1px solid #000;
	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 */

/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 1px solid #e1e1e1;
}

.tbl {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl1 {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl2 {
	font-size: 11px;
	color: #555;
	background-color: #f1f1f1;
	padding: 4px;
}

.forum-caption {
	font-size: 11px;
	font-weight: bold;
	color: #888;
	background-color: #f1f1f1;
	padding: 2px 4px 4px 4px;
}

.quote {
	font-size: 11px;
	color: #555;
	background-color: #f8f8f8;
	padding: 4px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #bbb;
}

.poll {
	height: 12px;
	border: 1px solid #bbb;
}

.comment-name {
	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: #f6a504;
	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: #f6a504;
	margin: 2px;
	text-decoration: none;
}

/*styl*/

#wrapper{
	width:932px;
	margin:0px auto;
}
#bg_cont {
	width:932px;
	float:left;
	background:url('images/kolorowanki_12.jpg');
	background-repeat:repeat-y;
}
#top {
	width:932px;
	height:147px;
	float:left;
	background:url('images/kolorowanki_01.jpg');
	background-repeat:no-repeat;
}
#menu {
	width:932px;
	height:50px;
	float:left;
	background:url('images/kolorowanki_04.jpg');
	background-repeat:repeat-x;
}
#menu_1 {
	width:932px;
	height:50px;
	float:left;
	background:url('images/kolorowanki_02.jpg') left;
	background-repeat:no-repeat;
}
#menu_2 {
	width:932px;
	height:50px;
	float:left;
	background:url('images/kolorowanki_03.jpg') right;
	background-repeat:no-repeat;
}
#menu_2 ul, #menu_2 ul li {
	float:left;
	display:block;
	list-style:none;
	height:50px;
	line-height:34px;
	padding:0px 10px;
}
#menu_2 ul li a {
	font-size:14px;
	color:white;
	text-transform: uppercase;
}
.clear {clear:both;width:932px;height:5px;}
#lewa {
	float:left;
	width:236px;
	background:white url('images/kolorowanki_08.jpg');
	background-repeat:repeat-y;
}
#lewa_1 {
	float:left;
	width:236px;
	background:url('images/kolorowanki_07.jpg') top;
	background-repeat:no-repeat;
}
#lewa_2 {
	float:left;
	width:236px;
	background:white url('images/kolorowanki_09.jpg');
	background-repeat:repeat-y;
}
#lewa_3 {
	float:left;
	width:236px;
	background:url('images/kolorowanki_11.jpg') top;
	background-repeat:no-repeat;
}
#lewa_3 div {
	font-size:9px;
	color:#59a6f6;
	padding:10px;
	padding-top:15px;
	padding-bottom:5px;
}
#lewa_3 div a {
	color:#f2b163
}
#lewa_3 div span {
	color:#f08fc3
}
#lewa_4 {
	float:left;
	width:236px;
	height:6px;
	background:url('images/kolorowanki_10.jpg') top;
	background-repeat:no-repeat;
}
#content {
	width:696px;
	float:left;
	background:white url('images/kolorowanki_06.jpg');
	background-repeat:repeat-y;
}
#content_1 {
	width:696px;
	float:left;
	min-height:150px;
	background:url('images/kolorowanki_05.jpg') top;
	background-repeat:no-repeat;
}
#content_2 {
	width:652px;
	float:left;
	margin-left:235px;
	background:url('images/kolorowanki_15.jpg') top;
	background-repeat:repeat-y;
}
#content_2 ul, #content_2 ul li{
	float:left;
	list-style:none;
	color:#68d068;
	text-decoration:none;
}
#content_2 ul li a {
	color:#68d068;
	text-decoration:none;
}
#content_2 ul li a:hover {
	text-decoration:underline;
	color:#f08fc3
} 
#content_3 {
	width:652px;
	height:6px;
	float:left;
	background:url('images/kolorowanki_13.jpg') top;
	background-repeat:no-repeat;
}
#content_4 {
	width:653px;
	height:7px;
	float:left;
	margin-left:234px;
	background:#f2f2f2 url('images/kolorowanki_14.jpg') top;
	background-repeat:no-repeat;
}
#content_5 {
	width:643px;
	height:30px;
	line-height:30px;
	float:left;
	text-align:right;
	color:#59a6f6;
	margin-left:234px;
}
#content_5 a {
	color:#f2b163;
}
#cnt {
	float:left;
	margin:10px;
	width:615px;
}
.kolo_title {
	float:center;
	color:#53ca53;
	font-size:16px;
	text-transform: uppercase;
	font-weight:bold;
	padding:5px;
}
.cont_title {
	float:left;
	color:#53ca53;
	font-size:16px;
	clear:both;
	text-transform: uppercase;
	font-weight:bold;
}
.cont_title a {
	color:#53ca53;
	font-size:16px;
	text-transform: uppercase;
	font-weight:bold;
}
.cont_cont {
	clear:both;
	float:left;
	padding:3px;
	margin-bottom:3px;
}
.left_block {
	float:left;
	width:236px;
	margin-top:10px;
	background:url('images/kolorowanki_17.jpg');
	background-repeat:repeat-y;
}
.left_block_1 {
	float:left;
	width:236px;
	padding-top:3px;
	background:url('images/kolorowanki_16.jpg') top;
	background-repeat:no-repeat;
}
.left_block_2 {
	float:left;
	width:236px;
	height:8px;
	background:url('images/kolorowanki_18.jpg') top;
	background-repeat:no-repeat;
}
.left_title{
	float:left;
	width:229px;
	height:42px;
	background:url('images/kolorowanki_19.jpg') top;
	background-repeat:no-repeat;
	color:white;
	line-height:42px;
	margin-left:4px;
	font-size:16px;
}
.left_title div {
	float:left
}
.left_title img {
	float:right;
	display:block;
	margin-right:4px;
}
.left_cont {
	float:left;
	clear:both;
	color:white;
}
.left_cont:first-letter {
	margin-left:10px;
}
.left_cont .side {
	width:229px;
	height:30px;
	background:url('images/kolorowanki_20.jpg') top;
	display:block;
	line-height:30px;
	color:white;
	font-weight:bolder;
	margin-left:4px
}
.left_cont .side:hover {
	background:url('images/kolorowanki_20.jpg') bottom;
	color:white;
}
.left_cont .side:first-letter {
	margin-left:28px;
}
.left_cont br {
	display:none
}
.kolorowanka_1 {
	float:left; margin:5px;
}
.kolorowanka {
	width:188px;
	height:127px;
	background:url('images/kolorowanki_21.jpg') top;
	padding-top:3px;
	background-repeat:no-repeat;
}
.kolor_link , .kolor_link :hover{
	display:block;
	float:left;
	height:13px;
	line-height:13px;
	font-size:11px;
	background:url('images/kolorowanki_22.jpg') left;
	background-repeat:no-repeat;
	padding-left:13px;
	color:#55a2f5;
	font-weight:bold
}
.kolor_news1, .kolor_news1:hover{
	display:block;
	float:left;
	height:13px;
	line-height:13px;
	font-size:12px;
	color:#55a2f5;
	font-weight:bold
}
.kolor_print, .kolor_print:hover {
	display:block;
	float:right;
	height:13px;
	line-height:13px;
	font-size:11px;
	background:url('images/kolorowanki_23.jpg') left;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#f2b163;
	font-weight:bold
}
