@charset "utf-8";
/* CSS Document */
body {
margin:0;
font-family:Verdana,Arial,sans-serif;
font-size: x-small;
}

img {
border:none;
}

h1 {
background:url(img/wspinanie.pl-logo.jpg);
width:330px;
height:87px;
float:left;
text-indent:-9999px;
margin:0px;
}

h2 {
font-size:90%;
font-weight:bold;
}

h3 {
font-size:105%;
font-weight:normal;
}

a {
text-decoration:none;
color:#464600;
}

a:hover {
text-decoration:underline;
}

h2.title a {
color:#000000;
}

h2.title a:hover {
color:#FFFFFF;
text-decoration:none;
}

/* layout */
#page-content {
width:780px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
height:auto;
}

#header {
background:url(img/wspinanie.pl-naglowek-tlo.jpg);
width:780px;
height:87px;
margin: 2px 0px;
float:none;
overflow: hidden;
}

#content-wrap {
width:760px;
border:10px solid #000000;
background-color:#FFFFFF;
overflow:hidden;
background-image:url(img/idxbrdwide.gif);
background-repeat:repeat-y;
background-position: 478px 0px;
}

#col-1 {
width:478px;
float:left;
background-color:#FFFFFF;
padding: 0px;
}

#col-2 {
width:274px;
float:right;
background-color:#FFFFFF;
padding: 0px;
}

#col-1-box1 {
background-image:url(img/idxbrd.gif);
background-repeat:repeat-y;
background-position: 88px 0px;
overflow:auto;
border-top:4px solid #000000;
border-bottom:4px solid #000000;
float:left;
}

#col-1-box2 {
background-image:url(img/idxbrd.gif);
background-repeat:repeat-y;
background-position: 300px 0px;
border-bottom:4px solid #000000;
overflow:auto;
clear:both;
float:left;
}

#col-1-box3 {
background-image:url(img/idxbrd.gif);
background-repeat:repeat-y;
background-position: 158px 0px;
border-top:4px solid #000000;
float:left;
}

#col-2-box1 {
clear:both;
background-image:url(img/idxbrd.gif);
background-repeat:repeat-y;
background-position: 135px 0px;
overflow:auto;
}

/* BHP */
#box-bhp{
width:135px;
float:left;
margin-right:4px;
}

/* poradnik */
#box-poradnik{
width:134px;
float:right;
}

#box-poradnik h2.title, #box-bhp h2.title {
width:80%;
}

/* formularz VI.7 */
#box-formularzVI7 {
width:158px;
float:left;
margin-right:4px;
}

#box-formularzVI7 .title {
width:70%;
}

/* szkoly */
#box-szkoly {
width:315px;
float:right;
}

#box-szkoly .title {
width:60%;
}

#tbl-kursy {
width: 158px;
float:left;
}

#tbl-kursy caption {
text-align:left;
display:none;
}

#tbl-kursy thead {
display:none;
}

#tbl-kursy tr{
vertical-align:top;
border-bottom:1px solid #000000;
}

#tbl-kursy td.data {
font-size:85%;
font-weight:bold;
color:#666666;
}

/* banners */
#bzone-3{
float:right;
margin: 20px 8px 0px 0px;
}

#bzone-6 {
margin: 4px 0px;
width:100%;
text-align:center;
}

#bzone-right {
padding: 4px;
border-bottom:4px solid #000000;
background-color:#CCCCCC;
overflow:auto;
}

#bzone-4, #bzone-5, #bzone-8 {
width:130px;
height:250px;
background-color:#FFFFFF;
}

#bzone-7{
width:130px;
height:165px;
background-color:#FFFFFF;
}

#bzone-9, #bzone-10, #bzone-11, #bzone-12, #bzone-13, #bzone-21, #bzone-22 {
width:130px;
height:80px;
background-color:#FFFFFF;
}

#bzone-9 {
margin-top:5px;
}

#bzone-4, #bzone-11, #bzone-12, #bzone-21 {
float:left;
margin: 0px 0px 4px 0px;
}

#bzone-5, #bzone-8, #bzone-10, #bzone-13, #bzone-14, #bzone-22 {
float:right;
margin: 0px 0px 4px 0px;
}

#bzone-14 {
margin-bottom:0px;
}

#bzone-16 {
clear:both;
border-top: 5px #000000 solid;
margin: 0px;
padding: 3px 5px 3px 5px;
text-align:center;
}

#bzone-2 {
clear:both;
border-top: 5px #000000 solid;
background-color:#000000;
margin: 0px;
padding: 0px;
text-align:center;
}


#bzone-17, #bzone-18 {
float:right;
width:145px;
margin-bottom:5px;
overflow:hidden;
}

#bzone-20 {
clear:both;
border-bottom: 5px #000000 solid;
margin: 0px;
padding: 3px 5px 3px 5px;
text-align:center;
}

/* sklep */
#box-sklep iframe {
width:100%;
height: 170px;
}

/* widgets */
.ui-widget {
font-size:100%;
}

.ui-widget-header, .ui-accordion-header {
font-size:90%;
background-color:#FFFFFF;
border-color:#000000;
background-image:none;
border-left:none;
border-top:none;
border-right:none;
padding-left: 20px;
padding-right:10px;
-moz-border-radius:0px;
}

.ui-widget-header li.ui-state-active, .ui-widget-header li.ui-state-default  {
border-color:#000000;
}

/* accordion */
.ui-accordion .ui-accordion-header {
background-color: #FF8040;
}

.ui-accordion .ui-accordion-header a {
font-weight:bold;
}

.ui-accordion .ui-accordion-content {
padding: 4px 4px;
border:0px;
}



/* tabs */
.ui-tabs .ui-tabs-nav li a {
padding:0.2em 0.5em;
}

.ui-tabs .ui-tabs-panel {
padding: 8px 4px 4px 4px;
}

.wsp-tabs {
border:0px;
padding:0px;
} 

.wsp-tabs-inline ul.ui-widget-header {
background-color:#FF8040;
} 

.wsp-tabs-inline h2.title {
float:left; 
position:relative; 
z-index:10;
margin:0px 5px 0px 0px;
padding:3px 5px 2px 5px;
}

.sepH {
margin:0px;
height:5px;
background-color:#000000;
clear:both;
}

/* box */
.box {
margin:0px;
}

.with-top-brd {
border-top:4px solid #000000;
}

.with-btm-brd {
border-bottom:4px solid #000000;
}

.box h2.title {
margin:0px 0px 0px 0px;
border:1px solid #000000;
border-top:none;
border-left:none;
background-color:#FF8040;
width:35%;
padding:3px 5px 2px 5px;
}

.box .content {
padding: 4px;
}

.box-subtitle {
font-weight:bold;
color:#999999;
border-bottom:solid 1px;
margin:4px 0px;
}

/* topinfo */
.topnews {
position:relative;
width:305px;
height:150px;
overflow:hidden;
margin:0px 5px 0px 0px;
float:left;
}

.topnews img.topnews-img {
border: 0px;
height:150px;
top:0px;
left:0px;
position:relative;
}

.topnews div.topnews-teaser {
background-color:#FFFFFF;
color: #000000;
display:block;
height:150px;
left:150px;
line-height:normal;
padding:35px 0px 2px 4px;
position: absolute;
text-align:left;
top:0px;
width:150px;
}

.topnews div.topnews-teaser a {
color:#000000;
}

.topnews div.topnews-title {
position: absolute;
background-color:#CC0000;
font-size:115%;
font-weight:bold;
right:0;
padding:2px 10px 2px 4px;
text-align:left;
top:10px;
}

.topnews div.topnews-title a {
color:#FFFFFF;
}

/* artykuły top */
#artTop {
width:385px; 
float:right;
border-bottom:5px solid #000000;
}

#artTop .content {
padding:4px 6px 0px 6px;
}

#artTop h3 {
font-weight:bold;
}

/* co nowego */
#coNowego {
width: 88px;
float:left;
}

#coNowego .title {
width:60%;
}

#coNowego h3 {
width:80px;
margin-top:0px;
}

#coNowego img {
border:0px;
width:80px;
margin:0px;
}

#coNowego .caption {
font-size:90%;
font-weight:normal;
display:block;
}

/* serwis */
#tabs-serwis {
width:385px;
float:right;
}

/* rss */
#tabs-rss {
clear:both;
}

#tabs-rss .ui-tabs-panel {
padding:0.1em 0em;
height:232px;
}

#tabs-rss .scrolled {
height:232px;
overflow:auto;
}

#tabs-rss .content {
padding: 8px 4px;
}

/* list */
.list {
padding: 0px;
margin: 0px;
list-style-type:square;
}

.list li {
clear:both;
margin-left: 14px;
padding-left:0px;
margin-bottom: 6px;
}

.list li h3 {
margin-top:0px;
margin-bottom:0px;
}

.list li.first {
display:block;
overflow:auto;
margin-bottom:8px;
margin-left:0px;
list-style:none;
}

.list li.first h3 {
font-weight:bold;
font-size:115%;
margin-bottom:2px;
}

.list li.first .description {
font-size:100%;
}

.list img.ico {
float:left;
margin: 0px 8px 4px 0px;;
border: 1px solid #666666;
}

.with-ico {
display:block;
}

/* newsList */
.newsList li {
list-style:none;
margin:0px 4px 10px 4px;
}

.newsList li.first {
margin:0px 4px 10px 4px;
}

.newsList li.first h3 a {
color:#000000;
}

.newsList li h3 {
font-weight:bold;
}

.newsList li h3 a {
color:#333333;
}

/* artykul list */
.artList li {
margin:0px 0px 8px 0px;
}

.artList li.first {
font-size: 115%;
}

.artList li h3 {
margin-bottom:4px;
}

.artList tbody, .artList table {
border-spacing:0px;
padding:0px;
}

.artList li.first .description {
font-size: 90%;
}

.artList li .description tr {
vertical-align:top;
}

.artList li .description p {
margin:0px 0px 0px 8px;
}

/* ksiegarnia */
#ksiegarnia {
float:right;
width:173px;
}

.ksiegarniaList div.description {
clear:both;
font-size:100%;
}

.ksiegarniaList li {
margin-left:0px;
margin-bottom:15px;
list-style:none;
}
 
.ksiegarniaList li h3 {
font-size:105%;
font-weight:bold;
line-height:140%;
}

.ksiegarniaList img {
float:left;
margin-bottom:4px;
}

/* bedzie list */
#bedzie {
width:173px;
float:right;
background-color:#FFFFFF;
}

.bedzieList li {
display:block;
margin-bottom:8px;
margin-left:0px;
list-style:none;
}

.bedzieList .data {
font-size:90%;
margin-bottom:0px;
color: #464600;
font-weight:bold;	
}

/* filteredRSS */
.newsFilter {
font-size:90%;
padding: 3px;
border-bottom: 1px solid #AAAAAA;
height:20px;
}

.newsFilterResult{
height: 200px;
overflow:auto;
padding: 3px 5px 3px 5px;
}

.rsssource {
font-size: 90%;
color:#666666;
}

/* 4outdoor */
#outdoor-box {
background-color: #f3bd7f;
width:300px;
float:left;
margin:0px;
height:100%;
}

#outdoor-box .content a {
color: #693b05;
}

.outdoorList li {
list-style:none;
padding:0px;
margin:0px 0px 15px 0px;
overflow:auto;
}

.outdoorList img.ico {
width:75px;
float:left;
border: 1px solid #333333;
}

.outdoorList h3 {
font-weight:bold;
}

/* menu */
#menu {
background:#F29327;
position:relative; 
height:23px; 
width: 100%;
z-index:10;
margin-bottom:2px;
}

#menu .sf-menu {
font-size:90%;
margin-bottom:0px;
}

#search-box {
color: #000000;
padding:0;
position:absolute;
width: 180px;
height: 20px;
right:0;
top:0;
}

#cse-search-box #s {
    float: left;
    padding: 0;
    margin: 1px 0 0 10px;
    border: 0;
    width: 100px;
	height:14px;
	font-size:85%;
    bbackground: none;
	background-color:#FFFFFF;
}
#cse-search-box #go {
    float: right;
	font-size:85%;
    margin: 1px 4px 0 0;
}




/* blog */
.blog {
clear:both;
}

.blog .blogimage {
float:left;
width: 61px;
margin-right: 5px;
font-weight:bold;
}

.blog .blogList {
float:right;
display:inline;
margin-top:0px;
width:195px;
}

/* partnerzy */
#partnerzy-box{
background-color:#FFFFFF;
width:100%;
clear:both;
overflow:auto;
}

.partnerzyList li {
width:100px;
height:100px;
text-align:center;
vertical-align:middle;
list-style:none;
display:inline;
margin:0px 10px 15px 10px;
clear:none;
float:left;
}

.partnerzyList li img{
max-height:100px;
max-width:100px;
margin:auto;
}

/* menu dol */
#menu-dol {
overflow:auto;
clear:both;
width:100%;
color:#000000;
padding:4px 0px;
text-align:right;
}

#menu-dol a {
color:#000000;
}

#KFG {
float:left;
width:320px;
}