a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,  object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	text-indent: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a{ text-decoration: none; }
a:focus{ overflow: hidden; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }

body { font-size: 75%;line-height: 137%; }
html>body { font-size: 12px; }

body,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family: Verdana, Arial, Helvetica, sans-serif;}
p{padding: 1px 3px;}
img{vertical-align: middle;}

/*(C)2007 - 2009; partially based on the ideas of: (C)2004 by Tantek Celik. Some Rights Reserved. License - CC v.2.0; (C)July 2005 by Paul Pomeroy*/


/* basics */

.left{float: left;}
.right{float: right}
.cl{clear: both;}

.include, .hide{display: none;}

h1 {
	margin: 0.5em 1em;
	border-bottom: 2px solid rgb(198, 198, 198);
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.125em;
}

h2{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2;
	margin-top: 1em;
	border-top: 1px solid rgb(210, 210, 210);
	border-left: 1px solid rgb(210, 210, 210);
}
h2 a{
	display: block;
	margin-left: -12px;
	height: 47px;
	padding-left: 20px;
	background: url(img/zakladka.png) no-repeat 0 0 !important;
	z-index: 2;
	border: 0 none !important;
}
del, .del{
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
del{ text-decoration: line-through; }

a{color: rgb(255,255,255);}
/* structure */
html, body{
	height: 100%;
	background: rgb(58, 58, 58) url(img/bg.gif) repeat 50% 0;
	text-align: center;
	color: rgb(255,255,255);
}
body{
	background: transparent url(img/gr.gif) repeat-x 50% 0;	
}
#w1{
	padding-top: 30px;
	margin: 0 auto;
	width: 80%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width: 600px;
	max-width: 1000px;
	z-index: 1;
	position: relative;
} 
#header{
	position: relative;
	text-transform: lowercase;
	font-size: 2.4em;
	text-align: left;
}
#header #hcnt{
	position: absolute; 
	z-index: 2;
	top: 40px;
	left: 5px;
	width: 225px;
	height: 65px;
	background: url("img/logo.gif") no-repeat 5px 10px;
	text-indent: 40px;
	line-height: 1.1;
}
#header #slogan{
	font-size: 0.4em;
	text-indent: 40px;
	line-height: 1.2;
}
#header #hcntb{
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 5px;
	width: 225px;
	height: 65px;
	background: #393939;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); 
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#banner{
	width: 100%;
	background: url(img/top_n.jpg) no-repeat 50% 20%;
}

#middle{
	text-align: left;
	position: relative;
	overflow: auto;
	color: rgb(81, 83, 82);
	font-size: 1.15em;
	margin: 0;
	padding: 47px 5px 5px 5px;
	background: rgb(255,255,255) url(img/menubg.gif) repeat-x 0 30px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#middle a{
 color: rgb(81, 83, 82);
}
#menu{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 43px;
	vertical-align: middle;
	text-transform: uppercase;
	background: url(img/menubg2.gif) repeat-x;
	letter-spacing: 0.1em;
	font-size: 0.65em;
	text-align: center;
	overflow: visible:
}
#menu li{
	clear: none;
	float: left;
	width: 76px;
	height: 56px;
	margin: 0 3px;
}
#menu a{
	display: block;
	width: 76px;
	height: 41px;
	color: rgb(223, 224, 229);
	padding-top: 15px;
}
#menu a:hover{
	background: url(img/activ.png) 0 0 no-repeat;
	text-decoration: none;
}
#menu a span{
	display: block;
	font-size: 0.95em;
	text-transform: none;
}
#menu .spacer{
	display: block;
	float: left;
	width: 9px;
	height: 24px;
	background: url(img/hr.gif) 0 0 no-repeat;
	margin: 8px 3px 0 3px;
	padding: 0;
	border: 0;
}

#content{position: relative;}
#content a{
	padding-right: 16px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(img/link_0.gif);
	border-bottom: 1px dashed transparent;
}
#content a:hover{
	background-image: url(img/link_1.gif);
	border-bottom-color:rgb(210, 210, 210);
}
#content a:visited{background-image: url(img/link_v_0.gif);}
#content a:visited:hover{background-image: url(img/link_v_1.gif);}
#content .tags a{padding: 0; background: 0 none; border-bottom-color:rgb(210, 210, 210);}
#content .left{
	width: 210px;
	padding-left: 1em;
	position: relative;
	z-index: 1;
}

#content .left > dl, #content .left > p, #content .left > div {
	padding-left: 1em;
	border-left: 1px solid #D2D2D2;
	overflow: auto;
}
#content .left dd{
	overflow: auto;
	padding: 1px;
}
#content .left dd dl dt, #content .left  .contact dt{
	clear: left;
	float: left;
	padding: 0.2em 0.1em;
	font-weight: bold;
}
#content .left dd > dl dt:after, #content .left  .contact > dt:after{
	content: ":";
}
#content .left dd dl dd, #content .left  .contact dd{
	clear: none;
	overflow:visible;
	padding: 0.2em 0.1em;
}
#name{
	margin-bottom: -20px;
}
#me {
	display: block;
}

.left .note{
 text-align: center;
}
.left img{
 margin: 0 auto;
 border: 0;
}
.adnotacja{
}
.left  kbd{ color: rgb(255, 0, 0);}
.adnotacja strong{
	display: block;
	font-weight: bold;
}


#content .right{
	width: 100%;
	margin-left: -240px;
}
#content .right h2, #content .right > ul{margin-left: 240px;}
#content .right > ul{
	border-left: 1px solid rgb(210, 210, 210);
}

#propaganda{
 display: none;
}

.short, .long{
	position: relative;
	overflow: hidden;
}
.short{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.short .description{
	display: none;
}
.long{
	height: auto; 
	-moz-opacity: 1;
}
.switch{
	background: transparent !important;
	border: 0 !important;
	position: absolute;
	top: 5px;
	right: 5px;
}
.switch:hover{
	font-size:1.1em;
}

ul > li, dl > dd{
	padding: 0.5em 0;
	clear: both;
	overflow: auto;
}
ul > li{
 line-height: 1.3em;
}
li > ul li, dd > ul li{
	list-style: circle;
}
#content dt{
 font-size: 1.1em;
}
#content ul{
 padding-left: 2em;
}


.date{
	display: block;
	float: left;
	line-height: 1.2;
	font-size: 0.75em;
	background: rgb(58, 58, 58) url(img/bg.gif) repeat 50% 0;
	margin-right: 10px;
	padding: 7px;
	color: #FFFFFF;
	font-weight: bold;
	border: 2px outset white;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius:8px;
	text-align: center;
}
.date abbr{
	display: block;
	border: 0;
}
.dtstart + .dtend {
	margin-top: 5px;
}
.title{
	font-size: 1.1em;
}
.fn, .location{
	margin-left: 4em;
	padding: 1px;
}
#quote{
	clear: both;
	padding: 10px 0;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}
#footer{
	margin-top: 5px;
	font-size: 11px;
}

#info{font-size: 12px;}

#hurra{
	background: url("img/hurra.png") no-repeat 95% 40%;
}
#tesco{
	background: url("img/tesco.png") no-repeat 95% 28%;
}
#isc{
	background: url("img/isc.png") no-repeat 95% 30%;
}
#metro{
	background: url("img/metro.png") no-repeat 95% 60%;
}

.toy{
	min-height: 90%;
	height: auto !important;
	height: 90%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	width: 102%;
	background: rgb(150, 150, 150);
	position: absolute;
	top: 5%;
	left: -1%;
	z-index: -1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}