html, body { color: #646464; margin: 0px; padding: 0px; font-size: 13px; font-family: 'segoe ui', Calibri, 'Trebuchet MS', Verdana; background: #FFF url(img/bg.jpg) repeat-x ;}
.xo-header_title { padding: 0px; font-weight: bold; font-size: 130%; height: 20px;  width: 100%; }
.xo-header_title2 { padding: 0px; font-size: 180%; width: 100%; }

#xo-header { margin: 0px auto; width: 950px; height: 0px; padding-top: 0px; }
#xo-naglowek { margin-top: 0px; vertical-align: text-top; }
#xo-spec {margin: 0px; padding: 0px; background: #990000 url(tlo_menu_spec.jpg) repeat-x; width: 950px; height: 41px; 
font-size:16px; font-weight:bold; color: #FFFFFF; border-style: solid; border-color: silver; border-width: 0px;}

#xo-spec a, #xo-spec a:hover { color: #FFFFFF; }

#xo-background { margin: 0px auto; padding: 0px;  width: 950px; }
#xo-canvas-leftcolumn {	vertical-align: top; width: 240px; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 10px; }
#xo-page {padding-left: 3px; padding-top: 5px; vertical-align: top; min-height: 500px;}
#xo-footer { height: 80px; margin: 0px auto; padding-top: 20px;	text-align: center; font-size: 11px; width: 960px; }

a {color: #646464; text-decoration: underline;  }
a:hover { color: #147814; }
img {border: 0px; }
hr {height:2px; padding:0px; margin-bottom: 20px; color: #414141;  border-top: 2px dotted  #414141; border-bottom:none; border-left:none; border-right:none; }

h2 {margin-top: 0px; margin-bottom: 3px; font-size: 140%; height: 15px;  width: 100%; }

ul { margin: 15px; padding: 1px;  text-align: left;}
li { margin-left: 5px; }

p {text-align: justify;}

.bannery {padding-bottom: 2px; }

.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;
}

.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: 14px; }
.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: 12px;}

.pogoda { text-align: center;  background: #FFFFFF; border: 1px solid #DDDDDD; width: 182px;}
.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:130px; height:125px; }
.pogoda_stopka {  padding-bottom: 5px; background: #EFEFEF url(img/gradient_bot.gif) repeat-x bottom; font-size: 12px;}


#wysuwane
{background: url(http://swierczewo.poznan.pl/themes/swierczewo/img/fb.png) no-repeat scroll 0 0 transparent;
 
    padding: 10px;
    width: 235px;
    height:402px;
 
    position: fixed;
    margin-top: -200px; /*połowa wysokości panelu w górę */
    left: 0px;
    top: 50%;
 
}
.zamknij
{
    background-position: 0px 0px -242px 0px;
}





th.wybory_1 {
	background: #70BB6c;
	height: 70px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: center;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}

th.wybory_2 {
	background: #7F9DF6;
	height: 70px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: center;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}


tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}


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; }

table.outer {
    width:      100%;
}

acronym, abbr, dfn {
    cursor:     help;
}

#xoopsHiddenText {
    visibility:         hidden;
    color:              #000000;
    font-weight:        normal;
    font-style:         normal;
    text-decoration:    none;
}

.pagneutral {
    font-size:          10px;
    width:              16px;
    height:             19px;
    text-align:         center;
    background-image:   url(./images/pagneutral.gif);
}

.pagact {
    font-size:          10px;
    width:              16px;
    height:             19px;
    text-align:         center;
    background-image:   url(./images/pagact.gif);
}

.paginact {
    font-size:          10px;
    width:              16px;
    height:             19px;
    text-align:         center;
    background-image:   url(./images/paginact.gif);
}

.xo-theme-form td.head {
    width: 30%;
}

.xoops-form-element-caption .caption-marker {
    display:            none;
}

.xoops-form-element-caption-required .caption-marker {
	background-color:   inherit;
	padding-left: 	    2px;
	color: 			    #ff0000;
}

.xoops-form-element-help {
	font-size:		    .9em;
    padding-top:        5px;
    font-weight:        normal;
}

#xo-logger-output{ font-size: .8em;} /* only needed until logger.php and logger_render.php are modified */

/* For banners.php */
#bannerstats {}
#login_window  {
	max-width:						480px;
	margin:							1em auto;
	background-color:				#f8f8f8;
	color: 							inherit;
	border:							1px solid #000;
}
#login_window  h2 {
	margin:							.5em;
	padding:							130px 0 0;
	background:						url( images/password.png) no-repeat center top;
	text-align:						center;
}
.login_form  .credentials {
	margin:							.5em 1em;
	padding:							1em;
	background-color:				#ccc;
	color:							inherit;
}
.login_form  .credentials label {
	display:						block;
	width:							33%;
	margin:							1px;
}
.login_form  .credentials input {
	width:							50%;
	margin:							1px;
	padding:							1px;
	border:							1px solid #000;
}
.login_form  .credentials input:focus {
	border:							1px solid #2266cc;
}
.login_form  .actions {
	padding:							1.5em .5em .5em;
	text-align:						center;
}
.login_info {
	margin:							.5em 1em;
	text-align: 					center;
}
.content_title {
	font-size: 						1.2em;
}
#bannerstats td {
	text-align: 					center;
}

.CPbigTitle{
	font-size: 20px;
	color: #1E90FF;
	background: no-repeat left top;
	font-weight: bold;
	height: 40px;
	vertical-align: middle;
	padding: 10px 0 0 50px;
	border-bottom: 3px solid #1E90FF;
}
.CPindexOptions{
	padding: 4px;
	vertical-align: top;
}
.CPmediumTitle{
	font-weight: bold;
	font-size: 14px;
	color: #FF4500;
}
div.cpicon{
	margin: 3px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
div.cpicon a {
	display: block; float: left;
	height: 85px !important;
	height: 85px;
	width: 85px !important;
	width: 85px;
	vertical-align: middle;
	text-decoration : none;
	border: 1px solid #CCCCCC;
	padding: 2px 5px 1px 5px;
	margin: 3px;
	color: #666666;
}

div.cpicon a:hover{
	background-color: #FFF6C1;
	border: 1px solid #FF9900;
	color: #1E90FF;
}

div.cpicon img { margin-top: 4px; margin-bottom: 4px; width: 32px; height: 32px;}
div.cpicon span {
	font-size: 11px;
	font-weight: bold;
	display: block;
	overflow: hidden;
}
div.cpicon span.uno{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: Blue;
}
div.cpicon span.unor{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #CC0000;
}