body {
	margin: 15px;
	padding: 0;
	background: url(../img/tlo_glowne.jpg) repeat-x #bb94d7;
	font-family: Verdana, Helvetica, sans;
	color: #44254e;
	font-size: 12px;
}

img {
	border: 0;
}

form {
	display: inline;
}

a:link, a:visited {
	color: #55c308;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #75e328;
	font-weight: bold;
	text-decoration: none;
}

#container {
	width: 885px;
	margin: auto;
	background: url(../img/tlo_zew.jpg) repeat-y #e7e1ef;
}

#head {
	position: relative;
	width: 100%;
	height: 35px;
	font-size: 11px;
	background: url(../img/gora.jpg) no-repeat #ffffff;
}
#head a:link, #head a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #1f0163;
}
#head a:hover, #head a:active {
	text-decoration: none;
	font-weight: normal;
	color: #5f41a3;
}
#head .left {
	position: absolute;
	top: 15px;
	left: 100px;
}
#head .right {
	position: absolute;
	top: 15px;
	right: 50px;
}

#vignette {
	width: 100%;
	height: 268px;
	text-align: center;
}

#menu {
	position: relative;
	left: 34px;
	width: 817px;
	height: 37px;
}
#submenu {
	position: relative;
	left: 0;
	top: -15px;
	width: 752px;
	height: 37px;
	margin: auto;
}
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #E5B5F3;
	border: solid 1px #573291;
	-webkit-border-radius: 5px;	/* Safari, Chrome */
	-khtml-border-radius: 5px;	/* Konqueror */
	-moz-border-radius: 5px;	/* Firefox */
  	border-radius: 5px;
	height: 30px;
}
#submenu ul li {
	margin: 5px 0 0 0;
	padding: 3px 33px;
	float: left;
	border-right: solid 1px #CA83D3;
	font-weight: bold;
}
#submenu ul li.l {
	margin-right: 0;
	border: none;
}
#submenu a:link, #submenu a:visited {
	color: #5B348F;
}
#submenu a:hover, #submenu a:active, #submenu a.act {
	color: #FD22C4;
}
#menu img, #submenu img {
	float: left;
}

#page {
	clear: both;
	position: relative;
	left: 18px;
	width: 849px;
	background: url(../img/tlo_wew.jpg) repeat-x 0px 26px #fddbfe;
}
#page #top {
	height: 26px;
	background: url(../img/gorny_paseczek.jpg) no-repeat #f2eff6;
}
#page table#middle td {
	width: 849px;
	height: 300px;
	vertical-align: top;
	padding: 15px;
	line-height: 19px;
	text-align: justify;
}

#page #title {
	width: 100%;
	text-align: right;
	padding: 0px;
}
#page #title h1 {
	font-size: 22px;
	color: #58cc29;
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
}
#page #text {
	clear: both;
}
#page #text p {
	margin: 0px;
	margin-bottom: 10px;
}
#page #text ul {
	list-style-position: inside;
}
#img-page {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#page .photos {
	text-align: center;
}
#page .photos img {
	margin: 5px;
	padding: 2px;
	border: solid 1px #c7a1da;
}

div.column {
	float: left;
	width: 265px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #ffe8ff;
}
div.column.first {
	width: 240px;
	padding-left: 0;
}
div.column.last {
	width: 240px;
	padding-right: 0;
	border-right: none;
}
div.column img {
	float: left;
	margin-bottom: 20px;
}
div.column div.title {
	float: right;
	font-family: "Century Gothic", Arial, Verdana, sans;
	font-size: 18px;
	color: #51d021;
	font-weight: bold;
}
div.column div.text {
	clear: both;
}

p.normal {
	line-height: normal;
	text-align: left;
}

a.more:link, a.more:visited {
	color: #55c308;
	font-weight: bold;
	text-decoration: none;
}
a.more:hover, a.more:active {
	color: #75e328;
	font-weight: bold;
	text-decoration: none;
}

span.pink {
	font-weight: bold;
	color: #f711bb;
}

span.article-info {
	font-size: 10px;
	color: #fddbfe;
}
span.article-info-list {
	font-size: 10px;
}

#page #bottom {
	height: 15px;
	background: url(../img/dolny_paseczek.jpg) no-repeat #fddbfe;
}

#foot {
	position: relative;
	clear: both;
	width: 100%;
	height: 31px;
	background: url(../img/dol.jpg) no-repeat #ffffff;
	font-size: 10px;
	color: #98899e;
}
#foot .left {
	position: absolute;
	top: 5px;
	left: 230px;
}
#foot .right {
	position: absolute;
	top: 5px;
	right: 230px;
}
#foot a:link, #foot a:visited {
	color: #98899e;
	font-weight: bold;
	text-decoration: none;
}
#foot a:hover, #foot a:active {
	color: #b8a9be;
	font-weight: bold;
	text-decoration: none;
}


#slideout-widget-section {
	width: 309px;
	position: fixed;
	top: 80px;
	right: -309px;
}
.slideout-widget-section-toleft {
    left: -310px;
	right: auto !important;
}
#slideout-widget-section .slideout-widget {
	position: absolute;
	z-index: 10;
	-webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition: all 0.7s ease-in-out 0s;
}
#slideout-widget-section .slideout-widget-show {
    margin-left: -310px;
}
.slideout-widget-section-toleft .slideout-widget-show {
    margin-left: 310px !important;
}
#slideout-widget-section .slideout-widget-show .slideout-widget-handler img, #slideout-widget-section .slideout-widget-show .slideout-widget-handler img:hover {
	margin-left: 0px !important;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-left {
    right: -42px;
	left: auto !important;
}
.slideout-widget-section-toleft .slideout-widget-show .slideout-widget-handler-left {
    left: auto !important;
    right: 0px;
}
.slideout-widget-section-toright .slideout-widget-show .slideout-widget-handler-left {
	left: 0px !important;
}
#slideout-widget-section .slideout-widget-show .slideout-widget-handler-top {
	top: -32px !important;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-left {
	position: absolute;
	left: -42px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
	height: 100px;
	z-index: -1;
	text-align: center;
    width: auto;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-top {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 32px;
    left: 0px;
	top: 0px;
    position: absolute;
    text-align: center;
    width: auto;
	cursor: pointer;
	z-index: -1;
	-webkit-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	-moz-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	-o-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-top {
    left: auto !important;
    right: 0px;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-left img {
	border-bottom-left-radius: 0px;
    border-right: medium none;
	border-top-left-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slideout-widget-section-toright .widget-facebook .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #3C5A98; }
.slideout-widget-section-toright .widget-twitter .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #33CCFF; }
.slideout-widget-section-toright .widget-google .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #CA4332; }
.slideout-widget-section-toleft .widget-facebook .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #3C5A98; }
.slideout-widget-section-toleft .widget-twitter .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #33CCFF; }
.slideout-widget-section-toleft .widget-google .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #CA4332; }
#slideout-widget-section .slideout-widget .slideout-widget-handler-top img {
	border-top-right-radius: 0px;
    border-right: medium none;
	border-top-left-radius: 12px;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-top img {
	border-top-right-radius: 12px !important;
	border-top-left-radius: 0px !important;
}
#slideout-widget-section .slideout-widget .slideout-widget-content {
	min-height: 100px;
}
#slideout-widget-section .slideout-widget .slideout-widget-content {
	overflow: hidden;
	width: 300px;
	background: white;
	border-bottom-left-radius: 8px;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-content {
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 8px !important;
}
#slideout-widget-section .widget-facebook .slideout-widget-content {
	border: 5px solid #3C5A98;
	z-index: 13;
}
#slideout-widget-section .widget-twitter .slideout-widget-content {
	z-index: 12;
    border: 5px solid #33CCFF;
}
#slideout-widget-section .widget-google .slideout-widget-content {
	z-index: 11;
    border: 5px solid #CC3C2A;
}
#slideout-widget-section .slideout-widget .slideout-widget-content iframe {
	margin-bottom: -5px !important;
}
#slideout-widget-section .widget-twitter iframe {
	width: 305px !important;
}
#slideout-widget-section .widget-facebook {
	z-index: 120;
}
#slideout-widget-section .widget-twitter {
	top: 100px;
	z-index: 119;
}
#slideout-widget-section .widget-google {
	top: 200px;
    z-index: 118;
}

@media (max-width: 368px) {
	#slideout-widget-section .slideout-widget {
		display: none;
	}
}

/* http://www.menucool.com */

#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}
#sliderFrame 
{
    position:relative;
    width:500px;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:500px;height:100px;/* Must be the same size as the slider images */
}

#slider {
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
    top:320px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#slideout-widget-section {
	width: 309px;
	position: fixed;
	top: 80px;
	right: -309px;
}
.slideout-widget-section-toleft {
    left: -310px;
	right: auto !important;
}
#slideout-widget-section .slideout-widget {
	position: absolute;
	z-index: 10;
	-webkit-transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition: all 0.7s ease-in-out 0s;
}
#slideout-widget-section .slideout-widget-show {
    margin-left: -310px;
}
.slideout-widget-section-toleft .slideout-widget-show {
    margin-left: 310px !important;
}
#slideout-widget-section .slideout-widget-show .slideout-widget-handler img, #slideout-widget-section .slideout-widget-show .slideout-widget-handler img:hover {
	margin-left: 0px !important;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-left {
    right: -42px;
	left: auto !important;
}
.slideout-widget-section-toleft .slideout-widget-show .slideout-widget-handler-left {
    left: auto !important;
    right: 0px;
}
.slideout-widget-section-toright .slideout-widget-show .slideout-widget-handler-left {
	left: 0px !important;
}
#slideout-widget-section .slideout-widget-show .slideout-widget-handler-top {
	top: -32px !important;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-left {
	position: absolute;
	left: -42px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
	height: 100px;
	z-index: -1;
	text-align: center;
    width: auto;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-top {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 32px;
    left: 0px;
	top: 0px;
    position: absolute;
    text-align: center;
    width: auto;
	cursor: pointer;
	z-index: -1;
	-webkit-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	-moz-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	-o-transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
	transition: all 0.7s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-top {
    left: auto !important;
    right: 0px;
}
#slideout-widget-section .slideout-widget .slideout-widget-handler-left img {
	border-bottom-left-radius: 0px;
    border-right: medium none;
	border-top-left-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slideout-widget-section-toright .widget-facebook .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #3C5A98; }
.slideout-widget-section-toright .widget-twitter .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #33CCFF; }
.slideout-widget-section-toright .widget-google .slideout-widget-handler-left img:hover { box-shadow: -2px 0px 5px #CA4332; }
.slideout-widget-section-toleft .widget-facebook .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #3C5A98; }
.slideout-widget-section-toleft .widget-twitter .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #33CCFF; }
.slideout-widget-section-toleft .widget-google .slideout-widget-handler-left img:hover { box-shadow: 2px 0px 5px #CA4332; }
#slideout-widget-section .slideout-widget .slideout-widget-handler-top img {
	border-top-right-radius: 0px;
    border-right: medium none;
	border-top-left-radius: 12px;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-handler-top img {
	border-top-right-radius: 12px !important;
	border-top-left-radius: 0px !important;
}
#slideout-widget-section .slideout-widget .slideout-widget-content {
	min-height: 100px;
}
#slideout-widget-section .slideout-widget .slideout-widget-content {
	overflow: hidden;
	width: 300px;
	background: white;
	border-bottom-left-radius: 8px;
}
.slideout-widget-section-toleft .slideout-widget .slideout-widget-content {
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 8px !important;
}
#slideout-widget-section .widget-facebook .slideout-widget-content {
	border: 5px solid #3C5A98;
	z-index: 13;
}
#slideout-widget-section .widget-twitter .slideout-widget-content {
	z-index: 12;
    border: 5px solid #33CCFF;
}
#slideout-widget-section .widget-google .slideout-widget-content {
	z-index: 11;
    border: 5px solid #CC3C2A;
}
#slideout-widget-section .slideout-widget .slideout-widget-content iframe {
	margin-bottom: -5px !important;
}
#slideout-widget-section .widget-twitter iframe {
	width: 305px !important;
}
#slideout-widget-section .widget-facebook {
	z-index: 120;
}
#slideout-widget-section .widget-twitter {
	top: 100px;
	z-index: 119;
}
#slideout-widget-section .widget-google {
	top: 200px;
    z-index: 118;
}

@media (max-width: 368px) {
	#slideout-widget-section .slideout-widget {
		display: none;
	}
}