/* GLOBAL */

* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 9px;
    font-family: Verdana, sans-serif;
}
#wrapper {
    width: 960px;
    margin: 40px auto 0 auto;
    clear: both;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 11px;
    padding-bottom: 3px;
    text-align: left;
}

/* TOP */

#top-slogan {
    text-align: right;
    padding: 0 30px .5em 0;
}
#top-navigation {
    text-transform: uppercase;
}
#top-navigation #logo,
#top-navigation ul {
    float: left;
    height: 25px;
}
#top-navigation ul {
    width: 660px;
    background: #596069;
    list-style: none;
    color: #fff;
    padding-left: 100px;
    float: left;
}
#top-navigation ul.short {
    width: 560px;
}
#top-navigation #logo {
    width: 200px;
}
#top-navigation ul li {
    float: left;
    line-height: 25px;
    padding-right: 21px;
    background: #596069 url('/images/top-navigation-line.png') no-repeat right center;
}
#top-navigation ul li.last {
    background-image: none;
}
#top-navigation ul li a {
    text-decoration: none;
    color: #fff;
}
#top-navigation ul li a:hover {
    color: #f7913e;
}
#top-navigation .sub {
    width: 740px;
    background: #ccc;
    clear: both;
    margin-left: 200px;
    padding-left: 20px;
    margin-top: 1px;
}
#top-navigation .sub li {
    background: #ccc;
}
#top-navigation .sub a {
    color: #000;
    margin-right: 1.5em;
}

#top-navigation #logout {
    width: 84px;
    height: 25px;
    float: right;
    line-height: 25px;
    text-align: left;
    padding-left: 16px;
    background: #596069 url('/images/logout.png') no-repeat center left;
}
#top-navigation #logout {
    color: #fff;
    text-decoration: none;
}
#top-navigation #logout:hover {
    color: #f7913e;
}

#top-menu {
    height: 60px;
}

/* MAIN */

#main {
    text-align: left;
    padding-top: 46px;
    overflow: auto;
    width: 960px;
    clear: left;
}
#submenu #main {
    padding-top: 20px;
}
#menu,
#content,
#sidebar {
    float: left;
    display: inline;
    overflow: hidden;
}

/* MAIN MENU */

#menu {
    padding: 21px 20px 0 10px;
    width: 170px;
}
#menu a {
    text-decoration: none;
    display: block;
}
#menu h2 {
    border-bottom: 1px solid #f7913e;
    margin-bottom: 7px;
    padding-bottom: 3px;
}
#menu h3 {
    background: transparent url('/images/gradient-menu.png') no-repeat top center;
    padding: 0;
    margin: 0;
}
#menu h3 a {
    padding: 5px 0 5px 14px;
    color: #000;
}
#menu h3 a:hover {
    color: #000;
    background: transparent url('/images/arrow.png') no-repeat center left;
}
#menu ul {
    list-style: none;
    font-size: 11px;
}
#menu .category,
#menu .submenu {
    text-transform: uppercase;
}
#menu .submenu {
    padding-bottom: .5em;
    margin-top: .2em;
}
#menu .submenu,
#menu .submenu li,
#menu .submenu a {
    background: #fff !important;
}
#menu .submenu a {
    color: #7e7e7e;
    margin: 0 0 2px 15px;
}
#menu .submenu a:hover {
    color: #000;
}
#menu .submenu ul {
    margin: 0 0 7px 15px;
    font-size: 9px;
}

/* NEW ACCORDION */

#menu {
    text-transform: uppercase;
}
#menu .categoryitems {
    padding-bottom: .5em;
    margin-top: .2em;
}
#menu .categoryitems a {
    color: #7e7e7e;
    margin: 0 0 2px 15px;
}
#menu .categoryitems a:hover {
    color: #f7913e;
}
#menu .categoryitems ul {
    margin: 0 0 7px 15px;
    font-size: 9px;
}

/* CONTENT */

#content {
    width: 580px;
}
#content h1 {
    text-align: left;
    text-transform: uppercase;
    margin: 11px 13px 11px 12px;
    border-bottom: 1px solid #f7913e;
}
#content ul {
    list-style: url('/images/bullet.png');
    padding-left: 15px;
    margin: 0 0 11px 11px;
}
p {
    margin-bottom: 1em;
    color: #000000;
}
#survey p {
    color: #222;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.justify {
    text-align: justify;
}

/* GALLERY */

#gallery {
    width: 516px;
    border: 1px solid #f7913e;
    overflow: auto;
    padding: 0 20px;
    min-height: 434px;
    height: auto !important;
    height: 434px;
}
#gallery h1 {
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
#gallery h1 span {
    position: absolute;
    right: 0;
    text-transform: lowercase;
    font-size: 9px;
}
.gallery-item {
    width: 172px;
    overflow: visible;
    float: left;
    text-align: center;
    padding-bottom: 10px;
    display: inline;
}
.gallery-item-min {
    min-height: 300px;
    height: auto !important;
    height: 300px;
}    
.gallery-item img {
    margin: 0 auto;
    border: 1px solid #f7913e;
}
.gallery-item p {
    padding: 3px 0 7px 0;
    background: transparent url('/images/gradient-menu.png') no-repeat bottom center;
    color: #000;
}
.gallery-item h3,
.gallery-item ul {
    text-align: left;
    margin: 0 auto;
    color: #000;
}
.gallery-item h3 {
    text-transform: uppercase;
    margin-left: 6px;
    padding: 10px 0;
    width: 144px;
    /*background: transparent url('/images/arrow.png') no-repeat center left;*/
}
.gallery-item ul {
    list-style: url('/images/bullet.png');
    padding-left: 15px;
    width: 145px;
    margin-left: 4px !important;
}

/* SIDEBAR */

#sidebar {
    width: 160px;
    padding-top: 19px;
}
#sidebar ul {
    list-style: url('/images/bullet.png');
    padding-left: 13px;
    margin-bottom: 11px;
}
#sidebar ul li {
    margin: 2px 0;
}
#sidebar h3 {
    text-align: left;
    border-bottom: 1px solid #f7913e;
    margin-bottom: 11px;
    padding-bottom: 3px;
    text-transform: uppercase;
    clear: both;
}
#sidebar p {
    color: #222;
    margin-bottom: 15px;
}
#sidebar .more,
#column-main .more,
#column-side .more {
    display: block;
    background: #fff url('/images/arrow.png') no-repeat left;
    margin: .5em 0 0 .2em;
    padding-left: 13px;
}
#sidebar a,
#column-main a,
#column-side a {
    color: #000;
    text-decoration: none;
}
#sidebar a:hover,
#column-main a:hover,
#column-side a:hover {
    color: #000;
    text-decoration: underline;
}
#sidebar a img {
    margin: 0 auto 3px auto;
    border: 1px solid #f7913e;
}
#sidebar a:hover img {
    border: 1px solid #f7913e;
    text-decoration: none;
}

#submenu #sidebar {
    padding-top: 5px;
}

img.icon {
    display: inline !important;
    border: 0 !important;
    vertical-align: bottom;
}

/* FOOTER */

#footer {
    background: transparent;
    width: 960px;
    margin: 70px auto 0 auto;
    clear: both;
}
#calendar #footer {
    margin-top: 50px;
}
#calendar #main {
    padding-top: 20px;
}
#footer a,
#copy a {
    text-decoration: none;
    text-transform: uppercase;
}
#footer a {
    color: #000; /*#8c8c8c;*/
}
#copy a {
    color: #c4c4c4;
}
#footer a:hover,
#copy a:hover {
    color: #f7913e;
}

#links {
    background: transparent url('/images/gradient-footer.png') no-repeat top center;
    font-size: 8px;
    padding: 10px 0 9px 0;
    word-spacing: 3px;
}
#copy {
    font-size: 10px;
    padding-bottom: 10px;
    color: #c4c4c4;
}

/* UTILITIES */

.clear {
    clear: both;
    height: 1px;
}

/* FORMS */

input {
    padding: 3px 4px;
    font-size: 9px;
}
input.text {
    border: 1px solid #bbb;
}
label {
    display: block;
    margin-bottom: .5em;
}

.offer {
    margin: 0;
    display: block;
    overflow: auto;
}
.offer form,
.offer div {
    float: left;
    display: inline;
    overflow: hidden;
}
.offer form {
    width: 401px;
}
.offer form input.text {
    width: 290px;
}
.offer div {
    width: 115px;
    text-align: right;
}
.offer div a {
    background: #fff url('/images/arrow.png') no-repeat left;
    padding-left: 13px;
    padding-bottom: 2px;
    text-decoration: none;
    color: #000;
}
.offer div a:hover {
    text-decoration: underline;
}

#sidebar form {
    padding: 0 .3em;
}
#sidebar input.text {
    width: 95%;
}
#sidebar input.submit {
    float: right;
    display: inline;
    margin: 3px 0 10px 0;
}

/* SURVEY FORM */

#survey input {
    vertical-align: top;
}
#survey .submit {
    font-weight: bold;
    color: #fff;
    border: 1px solid #000;
    background-color: #f7913e;
    float: right;
    margin: 0 5px 0 0;
    padding: .2em 1.2em;
}
#survey #menu {
    text-transform: none;
}
#menu .text {
    width: 160px;
}
#menu label,
#menu p {
    margin-top: 1em;
}
#menu p a {
    color: #f7913e;
    text-decoration: none;
    display: inline;
}
#menu p a:hover {
    color: #000;
}

#ankieta #content-wide {
    padding-top: 13px;
}
#ankieta #main {
    padding-top: 0;
}
#ankieta #menu {
    padding-top: 17px;
}
#ankieta #logo {
    margin-bottom: 30px;
}
#ankieta #content-wide h1 {
    margin-left: 5px;
}
#ankieta #content-wide p {
    padding-left: 5px;
}

/* CONTENT WIDE */

#content-wide {
    width: 760px;
    float: left;
    padding-top: 5px;
}
#submenu #content-wide {
    min-height: 452px;
    height: auto !important;
    height: 452px;
}
#content-wide h1 {
    border-bottom: 1px solid #f7913e;
}

.form-item {
    float: left;
    width: 142px;
    padding: 0 5px;
}
.form-item h3 {
    margin: .5em 0 .6em 0;
    border-bottom: 1px solid #f7913e;
}
.form-item p {
    padding: 0 !important;
    min-height: 132px;
    height: auto !important;
    height: 132px;
}
.form-item input {
    margin-bottom: 3px;
}

.wide-item {
    float: left;
    width: 243px;
    padding: 20px 5px 0 5px;
    overflow: hidden;
    text-align: left;
}
.wide-item h3 {
    font-size: 11px !important;
    padding: 0 0 2px 0;
    margin: 5px 0 6px 0;
    border-bottom: 1px solid #f7913e;
}
.wide-item img {
    margin: 5px auto;
    border: 1px solid #f7913e;
}
.wide-item ul {
    list-style: url('/images/bullet.png');
    padding-left: 1.5em;
    text-align: left;
}

/* CONTENT BORDERED */

#bordered {
    margin-right: 19px;
    padding-right: 20px;
    padding-top: 5px;
    border-right: 1px solid #f7913e;

    min-height: 452px;
    height: auto !important;
    height: 452px;
}
#bordered h1,
#bordered h3 {
    border-bottom: 1px solid #f7913e;
    margin-left: 0;
    margin-right: 0;
}
#bordered h1 {
    margin-top: 0;
    position: relative;
}
#bordered h1 span {
    position: absolute;
    right: 0;
    background: #fff url('/images/arrow-down.png') no-repeat left;
    padding-left: 10px;
    text-decoration: none;
    color: #000;
}
#bordered h3 {
    clear: both;
}
#bordered p {
    text-align: justify;
    color: #222;
}
#bordered .more {
    display: inline-block;
    background: #fff url('/images/arrow.png') no-repeat left;
    margin: .5em 0 0 .2em;
    padding-left: 13px;
    color: black;
    text-decoration: none;
}
#bordered .more:hover {
    text-decoration: underline;
}

.tiny-item {
    float: left;
    width: 135px;
    overflow: hidden;
    text-align: center;
    display: inline;
}
.tiny-item img {
    margin: 5px auto;
    padding: 1px;
    border: 1px solid #ccc;
}
.tiny-item p {
    text-align: left !important;
}

/* LINES */

.hr {
    display: block;
    height: 1px;
    line-height: 1px;
    background-color: #f7913e;
    margin: 1em 5px;
}
#bordered .hr {
    margin: 1em 0;
}

/* SLIM */

#slim-wrapper {
    width: 960px;
    margin: 40px auto;
    overflow: auto;
}
#slim-wrapper .submit {
    font-weight: bold;
    color: #fff;
    border: 1px solid #000;
    background-color: #f7913e;
    float: right;
    font-size: 9px;
    padding: 2px 11px;
}
#slim-wrapper a.submit {
    font-weight: bold;
    text-decoration: none;
    margin: 9px 5px 0 0;
    padding: 3px 14px;
}
#slim-menu,
#slim-content {
    float: left;
    display: inline;
    overflow: hidden;
}
#slim-menu {
    text-align: left;
    padding: 17px 20px 0 10px;
    width: 170px;
}
#slim-menu .hr {
    margin: 5px 0 8px 0;
}
#slim-menu p {
    color: #7e7e7e;
    text-align: justify;
}
#slim-menu .text {
    width: 160px;
    margin: 0;
    padding: 3px 4px;
}
#slim-menu label {
    margin: 5px 0 4px 0;
}
#slim-menu form div {
    margin-top: 10px;
}
#slim-logo {
    margin-bottom: 30px;
}
#slim-content {
    border-bottom: 1px solid #f7913e; /*#ccc;*/
    border-top: 1px solid #f7913e;
    width: 758px;
    margin-top: 18px;

    min-height: 415px;
    height: auto !important;
    height: 415px;
}
#slim-content img.single {
    margin: 60px auto;
}
.slim-item {
    float: left;
    width: 212px;
    padding: 30px 20px;
    overflow: hidden;
}
.slim-item h3,
.slim-item p {
    text-align: left;
}
.slim-item h3 {
    border-bottom: 1px solid #f7913e;
}
.slim-item img {
    margin: 0 auto 10px auto;
    border: 1px solid #f7913e;
}

a.contact {
    display: inline;
    padding-left: 16px;
    background: #fff url('/images/mail.png') no-repeat center left;
    color: #000;
    text-decoration: none;
}
a.contact:hover {
    text-decoration: underline;
}

/* WIDE COLUMNS */

#column-main,
#column-side {
    width: 360px;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;

    min-height: 452px;
    height: auto !important;
    height: 452px;
}
#column-main {
    padding-right: 19px;
    border-right: 1px solid #f7913e;
}
#column-side {
    margin-left: 20px;
}
#column-main h3,
#column-side h3 {
    border-bottom: 1px solid #f7913e;
    padding-bottom: 3px;
}
#column-main p,
#column-side p {
    text-align: left;
    color: #7e7e7e;
}
#column-main img,
#column-side img {
    margin: 1em auto;
}

/* PROFILE */

#profile p {
    color: #222;
}
#profile input {
    vertical-align: top;
    margin-bottom: 3px;
}
.profile-box {
    width: 760px;
    overflow: auto;
}
.profile-left,
.profile-right {
    float: left;
    display: inline;
    overflow: hidden;
}
.profile-left {
    width: 400px;
}
.profile-item {
    width: 190px;
    padding-right: 10px;
    float: left;
}
.profile-right {
    width: 360px;
    overflow: auto;
}
.profile-form {
    margin: 10px 0;
    border-left: 1px solid #f7913e;
    clear: left;
    overflow: auto;
}

.profile-box h3 {
    border-bottom: 1px solid #f7913e;
}
.profile-form label {
    float: left;
    width: 110px;
    text-align: right;
    padding-right: 10px;
    padding-top: 4px;
}
.profile-form input {
    width: 229px;
}
.profile-form .submit {
    width: auto;
    float: right;
    background: #ddd;
    padding: 3px 5px;
    margin-top: 4px;
}
.profile-item p {
    color: #222;
}
.profile-item ul {
    list-style: url('/images/bullet.png');
    padding-left: 15px;
    padding-bottom: 11px;
}

.bold {
    font-weight: bold;
}
.arrow-down {
    background: #fff url('/images/arrow-down.png') no-repeat top left;
    padding-left: 10px;
}
.orange {
    color: #f7913e !important;
}

/* CALENDAR TABLE */

#gallery table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 516px; /*510px*/
    margin: 4px auto 0 auto;
}
#gallery table th,
#gallery table td {
    text-align: center;
}
#gallery table th {
    font-size: 11px;
    font-weight: normal;
    width: 170px;
    padding-bottom: 1px;
    border-bottom: 1px solid #f7913e;
}
#gallery table td {
    padding: 10px 0;
    font-size: 9px;
    margin-top: 10px;
}
#gallery table td img {
    margin-bottom: 5px;
    border: 1px solid #f7913e;
}
#gallery table h4 {
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
#gallery table p {
    color: #000;
    margin: 0;
}
#gallery table .bleft {
    border-right: 1px dotted #f7913e;min-width:170px;max-height:116px;overflow:hidden;
}
#gallery table .bmiddle td {
    border-top: 1px dotted #f7913e;
    border-bottom: 1px dotted #f7913e;min-width:170px;max-height:116px;overflow:hidden;
}
#gallery table .bright {
    border-left: 1px dotted #f7913e;min-width:170px;max-height:116px;overflow:hidden;
}

.plus {
    display: block;
    height: 1px;
    text-align: right;
}
.plus img {
    border: none !important;
    margin-top: -6px;
    margin-right: 7px;
}

.calendar-right {
    background: #fff url('/images/arrow.png') no-repeat 0 7px;
    display: block;
    margin: 5px 0;
    padding-left: 14px;
}
.calendar-right a {
    border: 1px solid #bbb;
    display: block;
    background: #eee;
    padding: 3px 0;
    text-align: center;
    margin-bottom: 20px;
}
.calendar-down {
    background: #fff url('/images/arrow-down.png') no-repeat 1px 5px;
    display: block;
    margin: 5px 0;
    padding-left: 14px;
}
.calendar-down input {
    border: 1px solid #bbb;
    display: block;
    padding: 3px 4px;
    width: 131px;
}

/* MONTHS */

#months {
    text-align: center;
    font-size: 8px;
    width: 560px;
    margin-top: 10px;
    word-spacing: 6px;
}
#months a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}
#months a:hover {
    color: #f7913e;
}

/* RATING TABLE */

.rating {
    border-collapse: collapse;
    border-spacing: 0;
    float: left;
    display: inline;
    overflow: hidden;
    margin: 0 30px 5px 10px;
    width: 220px;
}
.rating th {
    padding: 2px;
    text-align: left;
    font-weight: normal;
}
.rating td {
    padding: 1px 4px;
    text-align: center;
}

/* SUMBIT BUTTON REPLACEMENT */

#submit-button {
    width: 45px;
    height: 20px;
    background: transparent url('/images/submit.png') no-repeat center top;
    text-indent: -5000px;
    cursor: pointer;
    cursor: hand;
}
#slim-wrapper #submit-button {
    float: right;
    margin-top: 9px;
    margin-right: 2px;
}
#slim-menu #submit-button {
    float: right;
    margin: 0;
}
#survey #submit-button {
    float: right;
    margin-right: 2px;
}

/* PYTANIA */

#pytania {
    margin-bottom: 11px;
}
#pytania a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 4px 0;
}
#pytania a:hover {
    color: #f7913e;
}

/* NAD LOGIN */

#above-login {
    min-height: 220px;
    height: auto !important;
    height: 220px;
}

/* POD INFORMACJE PERSONALNE */

.personal-info {
    min-height: 172px;
    height: auto !important;
    height: 172px;
}

/* ARCHIWUM SELECT BOX */

#archiwum {
    border-bottom: 1px solid #f7913e;
    overflow: auto;
    margin-bottom: 9px;
    width: 100%;
}
#archiwum h1,
#archiwum form {
    border: none;
    display: inline;
    overflow: hidden;
    margin: 0;
}
#archiwum h1 {
    float: left;
}
#archiwum form {
    float: right;
}
#archiwum form select {
    font-size: 10px;
    border: 1px solid #f7913e;
    border-bottom: 0;
}
#archiwum form option {
    padding: 1px;
}

/* RELACJE MIN-HEIGHT */

#relacje {
    min-height: 210px;
    height: auto !important;
    height: 210px;
}

/* PODSUMOWANIE MIN-HEIGHT */

.podsumowanie {
    min-height: 210px;
    height: auto !important;
    height: 210px;
}

.gray-border {
    border: 1px solid #ddd;
    padding: 6px 0;
}

span.tip{
    position:relative; /*this is the key*/
    z-index:24;
    }

span.tip:hover{z-index:25; background-color:#ffffff}

span.tip span{display: none}

span.tip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:15em;
    border:1px solid #F7913E;
    background-color:#cccccc;
    color:#000000;
    text-align:left;
    padding: 5px 5px 5px 5px;
    font-family:Verdana,sans-serif;
    font-size:9px;
    text-transform:none;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first!
    filter: alpha(opacity=100);					// second!

}

/* root element for scrollable */ 
table.scrollable {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 307px;      
    width: 116px;     
} 
 
.scroll{
	position:relative;
	display:block;
	height:440px;
        min-height:440px;
	padding: 0px;
	border:0px dashed black;
	border-right:0;
	margin:50px 0;
	background:#fff;
	left:0;
	top:0px;
width:520px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

#pager a {
color:#000000;
text-decoration: none;
}