html, body { color: #666666; margin: 0; padding: 0px; font-size: 14px; font-family: Calibri, 'Trebuchet MS', Verdana; background: #FFF url(img/bg.jpg) repeat-x ;}
.xo-header_title { padding: 0px; font-size: 150%; height: 20px;  width: 100%; }
.xo-header_title2 { padding: 0px; font-size: 200%; width: 100%;   }

#xo-header { margin: 0px auto; width: 960px; height: 5px; padding-top: 5px; background: url(img/templatemo_top_bg.gif) no-repeat bottom; }
.xo-naglowek { vertical-align: text-top; }
#xo-background { margin: 0px auto; padding-left: 5px; padding-right: 5px; background: url(img/templatemo_content_bg.gif); width: 950px; }
#xo-canvas-leftcolumn {	vertical-align: top; width: 250px; padding-bottom: 20px; }
#xo-page {padding: 8px; vertical-align:	top; min-height: 500px;}
#xo-footer { height: 80px; background: url(img/templatemo_footer_bg.gif) no-repeat; margin: 0px auto; padding-top: 5px;	text-align: center; font-size: 11px; width: 960px; }

a {color: #666666; text-decoration: underline; font-weight: bold; }
a:hover { color: #FF9900; }
img {border: 0px; }
ul { margin: 2px; padding: 2px;  text-align: left;}
li { margin-left: 15px; }

.head {
	background-color: #E2E2E2;
	padding: 2px 5px;
	font-weight: bold;
	color: #969696;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D1D1D1;
	border-right-color: #D7D7D7;
	border-bottom-color: #CCCCCC;
	border-left-color: #C9C9C9;
	border-top-width: 1px;
}


.even, tr.even td  {
	background-color: #F5F5F5;
	padding: 3px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #E9E9E9;
	border-bottom-color: #EEEEEE;
	border-left-color: #D7D7D7;
	color: #666666;
}

.odd, tr.odd td {
	background-color: #F2F2F2;
	padding: 3px 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #E9E9E9;
	border-bottom-color: #EEEEEE;
	border-left-color: #D7D7D7;
	color: #666666;
}

.sdmenu {width: 240px; background: url(menu/bottom.gif) no-repeat bottom; font-size: 15px; padding-top: 10px;padding: 5px; color: #fff;}
.sdmenu div {background: url(menu/title.gif) repeat-x; overflow: hidden;}
.sdmenu div:first-child {background: url(menu/toptitle.gif) no-repeat;}
.sdmenu div.collapsed {height: 25px;}
.sdmenu div span {display: block; padding: 5px 25px;color: white; background: url(menu/expanded.gif) no-repeat 10px center;}
.sdmenu div.collapsed span {background-image: url(menu/collapsed.gif);}
.sdmenu div a {text-decoration: none; padding: 5px 10px;background: #F9F9F9;display: block;border-bottom: 1px solid #ddd;color:#777;}
.sdmenu div a.current { background: #eee url(menu/linkarrow.gif) no-repeat right center; }
.sdmenu div a:hover { color: #FF9900;  text-decoration: none; background: #eee url(menu/linkarrow.gif) no-repeat right center;}

.box { width: 100%; border-spacing:0px ;  border-collapse: collapse; padding: 5px; background: #FFF; border: 1px solid #DDDDDD;}
.box_nl {padding: 5px; padding-left: 20px; height: 40px; background: #FFF url(img/gradient_top.gif) repeat-x; font-weight:bold; text-align: left; font-size: 14px; }
.box_nc {padding:5px; height: 40px; background: #FFF url(img/gradient_top.gif) repeat-x; font-weight:bold; text-align: center; font-size: 14px; }
.box_nr {padding: 5px; padding-right: 20px; height: 40px; background: #FFF url(img/gradient_top.gif) repeat-x; font-weight:bold; text-align: right; font-size: 14px; }

.box_kl { padding: 10px; vertical-align: middle; text-align: left; }
.box_kc { padding: 10px; vertical-align: middle; text-align: center; }
.box_kr { padding: 10px; vertical-align: middle; text-align: right; }
.box_kj { padding: 10px; vertical-align: middle; text-align: justify; }

.box_klt { padding: 10px; vertical-align: top; text-align: left; }
.box_kct { padding: 10px; vertical-align: top; text-align: center; }
.box_krt { padding: 10px; vertical-align: top; text-align: right; }
.box_kjt { padding: 10px; vertical-align: top; text-align: justify; }

.box_s  {padding: 5px; height: 30px; background: #FFF url(img/gradient_bot.gif) repeat-x bottom; font-size: 14px; text-align: center;}
.box_sl {padding: 5px; height: 30px; background: #FFF url(img/gradient_bot.gif) repeat-x bottom; font-size: 14px; text-align: left;}
.box_sr {padding: 5px; height: 30px; background: #FFF url(img/gradient_bot.gif) repeat-x bottom; font-size: 14px; text-align: right;}

.box_friends_nc {padding:10px; height: 30px; background: #FFF url(img/gradient_top.gif) repeat-x; font-weight:bold; text-align: center; font-size: 14px; }
.box_friends_s  {padding: 10px; height: 30px; background: #FFF url(img/gradient_bot.gif) repeat-x bottom; font-size: 14px; text-align: center;}

.yogurt-profile-friend{background: #FFF url(img/gradient_friends.gif) repeat-x top; border: 1px solid #DDDDDD; vertical-align: middle; margin:2px; width:26%; height:80px; float:left; text-align:center; padding:8px;}

.k1 { text-align: center; }

.aktualnosci_tytul {padding-left: 10px;	padding-top: 10px; background: #FFF url(img/gradient_top.gif) repeat-x; font-size: 12pt; }
.aktualnosci_kategoria { padding-left: 15px;  font-size: 12px; }
.aktualnosci_autor { text-align: right; padding-right: 10px;  font-size: 12px;}
.aktualnosci_data {text-align: right; background: #FFF url(img/gradient_top.gif) repeat-x; padding-right: 10px; padding-top: 10px; font-size: 12pt;}

.pogoda { text-align: center;  background: #FFFFFF; border: 1px solid #DDDDDD; width: 180px;}
.pogoda_tytul { font-weight: bold; padding-top: 10px; background: #EFEFEF url(img/gradient_top.gif) repeat-x; font-size: 14px; }
.pogoda_miasto { font-size: 12px; }
.pogoda_prognoza { width:110px; height:125px; }
.pogoda_stopka {  padding-bottom: 5px; background: #EFEFEF url(img/gradient_bot.gif) repeat-x bottom; font-size: 12px;}


a[rel~=alternate] { float:	right;	}

.x2-note {
	margin:				1em .5em;
	padding:			.5em;
	background-color:	#F4FAFF;
	border:				1px solid #E4EAEF;
}
#xo-content  .x2-contentinfo {
	margin:				1em .5em;
	border:				1px solid #e0e0e0;
	padding:			.5em;
	background-color:	#f8f8f8;
}
#xo-content .x2-secondary {
	margin:				1em .5em;
	padding:			.5em;
}
.x2-seealso {
	margin:				1em .5em;
	padding:			.5em 1em;
	background-color:	#fffcf6;
	border:				1px solid #efeae4;
}
.x2-seealso ul, .x2-note ul {
	margin:				0px;
	padding-left:		1em;
}

.x2-seealso a {
	color:				#EAAD7B;
}
.x2-seealso a:hover {
	color:				#888;
}

body.site_closed form {
	padding:				1em 35%;
}

blockquote {
	margin-left:		.5em;
	border:				1px solid #8EC0F9;
	border-left-width:	6px;
	background:			#f4faff;
	padding:			.5em;

}
.xoopsCode {
	background:			#ffffff;
	font-family:		monospace;
	border:				1px solid #d0d0d0;
	padding:			.5em;
	width:				100%;
	display:			block;
}

.xo-block form {
	margin:		0px;
	padding:	0px;
}
#xo-content form { margin: 0px; }

.xo-block .formButtons {
	text-align:	center;
	padding:	.5em;
}
label {
	display:		block;
	padding:		0px;
}
.xo-formfield { margin-bottom: .2em; }
.xo-formbuttons {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #666666;
	font-size:90%;
	border: 1px solid #CCCCCC;
	font-variant: small-caps;
	font-weight: bold;
}
#xo-content .xo-formfield.required label:after {
	content:		'*';
	color:			#ff0000;
}
select[name=timezone_offset] { font-size: 90%; }
input[type=text], input[type=password], textarea {
	border:				1px solid #ddd;
	margin:				2px 0px;
	padding-left:		.2em;
	background-color:	#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333;
}
input[type=text], input[type=password] { color: #666666; }

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color:		#035789;
	outline:			1px solid #035789;
	background-color:	#FAFAFA;
	color: #333;
}
select {color: #666; }