/* font faces */
@font-face {font-family: 'PTSansBold'; src: url('../fonts/pts75f-webfont.eot'); src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pts75f-webfont.woff') format('woff'), url('../fonts/pts75f-webfont.ttf') format('truetype'), url('../fonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSansRegular'; src: url('../fonts/pts55f-webfont.eot'); src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pts55f-webfont.woff') format('woff'), url('../fonts/pts55f-webfont.ttf') format('truetype'), url('../fonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LucidaGrande'; src: url('../fonts/lucida_grande-webfont.eot'); src: url('../fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lucida_grande-webfont.woff') format('woff'), url('../fonts/lucida_grande-webfont.ttf') format('truetype'), url('../fonts/lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LucidaGrande'; src: url('../fonts/lucida_grande_bold-webfont.eot'); src: url('../fonts/lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lucida_grande_bold-webfont.woff') format('woff'), url('../fonts/lucida_grande_bold-webfont.ttf') format('truetype'), url('../fonts/lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg'); font-weight: bold; font-style: normal;}

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #333; font-family: "LucidaGrande", Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em;}
body {position: relative; font-size: .75em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #74a400; text-decoration: underline; outline: none;}
a {-moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
a:hover {color: #000; text-decoration: none;}
img {border: none;}

/* basic text elements */
h1 {margin:0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #ddd; color: #ad0000; font: normal 2em/0.8em "PTSansBold",sans-serif;}
h1 span {color: #999; font-size: 0.5em;}
h2 {clear: both; margin: 1.5em 0 0.5em 0; color: #000; font: normal 1.75em "PTSansRegular",sans-serif;}
h3 {clear: both; width: 300px; margin: 1em 0 0.5em 0; color: #000; font: normal 1.5em "PTSansRegular",sans-serif;}
h4 {clear: left; margin: 0; padding: 1.5em 0 0.5em 0; color: #ad0000; font: normal 1.25em "PTSansRegular",sans-serif;}
.content h1 a {color: #74a400; font-size: 1em; text-decoration: none;}
.content h1 a:hover {color: #ad0000;}
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px; vertical-align: top;}
ol li {margin: 0 0 0 40px;}
sup {font-size: 0.7em;}

/* basic form elements */
form {margin: 20px 0; padding: 15px 20px; border: 1px solid #ddd; background: #f7f7f7 url(../images/new-post-back.jpg) left bottom no-repeat;}
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 200px; margin: 2px 0; padding: 2px 0;}
input, textarea, select {width: 250px; margin: 2px 0; padding: 5px 5px; border: 1px solid #ddd; background: #fcfffc; color: #777; border-radius: 3px;}
	input.chk, input.radio {width: 16px; height: 16px; padding: none; border: none; background: none;}
textarea {height: 150px;}
select {width: 275px;}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {border: 1px solid #74a400;}
button {padding: 2px 2px 2px 20px; border: 2px solid #fff; background-color: #000; background-position: 2px -151px; color: #eee; font-weight: bold; font-family: TitilliumNormal, sans-serif; cursor: pointer;}


button,
.forum-time,
.thread-info,
.mainmenu a,
.login-link,
a.news-more,
a.search-link,
.box a.rss-link,
.reply-link,
.go-home,
.email-link,
.www-link,
.search-link {
background-image: url(../images/icons.png); background-repeat: no-repeat;}

/* Layout
===============================================================*/
html {overflow: scroll; background: #f8f8f8 url("../images/background.jpg") top repeat-x;}
body {background: transparent url("../images/header.jpg") center top no-repeat;}
.header {position: relative; z-index: 100;  width: 980px; height: 240px; margin: 0 auto; padding: 0;}
.header h1 {margin: 0; padding: 0; border: none;}

.logo, .logo:visited {display: block; position: absolute; left: 100px; top: 65px; z-index: 2; overflow: hidden; width: 290px; height: 110px; text-indent: -10001px; }
.login-wrapper {position: absolute; left: 0; bottom: 43px; z-index: 1; overflow: hidden; width: 470px; height: 90px;}
.login-form {position: absolute; top: 5px; width: 470px; }
.login-form * {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.login-form form {margin: 0; padding: 5px; border: 1px solid #000; background: url("../images/half-transparent-black.png");}
.login-form label {clear: none; float: left; width: auto; margin: 0; padding-right: 10px; color: #fff; font-weight: normal; font-size: 0.9em; text-align: right;}
.login-form input {clear: none; float: left; width: 100px; margin: 1px 15px 1px 0; padding: 2px; border: 1px solid #666; background: #aaa; color: #000; font-size: 0.9em;}
.login-form input:focus {border: 1px solid #87bf00; background: #fff;}
.login-form button {float: left; height: 20px; margin-left: 10px; padding: 0 5px 0 30px; border: none; background-color: transparent; background-position: -2px -3px; color: #fff; font-weight: bold; line-height: 20px;}
.login-form button:hover, .login-form button:focus {color: #aad14b;}
.login-form p {margin: 10px 0 0 10px; color: #ccc; font-size: 0.9em; text-align: left;}
.login-form p a, .login-form p a:visited {color: #ccc; text-decoration: none;}
.login-form p a:hover {color: #aad14b; text-decoration: underline;}
.login-link, .login-link:visited {display: block; width: 75px; height: 25px; padding: 0 5px 0 30px; background-color: #000; background-position: 5px -51px; color: #bbb; font-weight: bold;  font-family: PTSansBold, sans-serif; line-height: 25px; text-decoration: none; opacity: 0.5;
-moz-transition: opacity 0.5s, color 0.5s;
-webkit-transition: opacity 0.5s, color 0.5s;
-o-transition: opacity 0.5s, color 0.5s;
transition: opacity 0.5s, color 0.5s;}
.login-link:hover {color: #fff; text-decoration: none; opacity: 1;}
.logged {padding: 0 5px 10px 0; border: 1px solid #000; background: url("../images/half-transparent-black.png");}
.logged p {line-height: 1.75em;}

.mainmenu {position: relative; z-index: 40; height: 43px; margin: 0 0 5px 1px; padding-top: 1px; border-left: 1px solid #444; list-style: none; }
.mainmenu li {position: relative; float: left; height: 43px; margin: 0; border-right: 1px solid #444;}

.mainmenu a {display: block; float: left; height: 33px; padding: 5px 15px; background: none; color: #ccc; font-size: .833em; line-height: 1em; text-decoration: none;}
.mainmenu>li>a {-moz-transition: background 0.5s, color 1s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background 0.5s, color 0.5s; transition: background 0.5s, color 0.5s;}
.mainmenu a strong {background: none; color: #aaa; font: normal 1.4em "PTSansBold",sans-serif;  text-decoration: none; }
.mainmenu a:hover, .mainmenu li:hover>a, .mainmenu li:hover>a:visited {background-color: #444; color: #fff;}
.mainmenu a:hover strong, .mainmenu li:hover>a strong {background: none; color: #fff;}

.mainmenu .submenu {display: none; position: absolute; overflow: hidden; left: -1px; top: 43px; overflow: hidden; border: 1px solid #444; background: #666 url("../images/menu-gradient.jpg") bottom repeat-x;}
.mainmenu li:hover .submenu {display: block;}
.sm-col {float: left; margin: 0;}
.mainmenu .submenu.parowozy {width: 360px; }
.mainmenu .submenu.parowozy .sm-col {width: 120px;}
.mainmenu .submenu.album {width: 200px; overflow: visible;}
.mainmenu .submenu.technika {left: -230px; width: 900px;}
.mainmenu .submenu.technika .sm-col {width: 150px;}
.mainmenu .submenu.zestawienia {width: 250px;}

.mainmenu .submenu h3 {margin: 0; padding: 3px 10px; background: #444; color: #fff; font: normal 1.083em "PTSansBold",sans-serif;}
.mainmenu .submenu p {margin: 0; padding: 0; text-align: center;}
.mainmenu .submenu p a, .mainmenu .submenu p a:visited {float: none; height: auto; padding: 5px 0; color: #74a400; font-size: .917em;}
.mainmenu .submenu p a:hover {background: #222; color: #fff;}
.mainmenu .submenu ul {margin: 0; padding: 0; border: none; list-style: none;}
.mainmenu .submenu .sm-col ul {padding: 0 5px;}
.mainmenu .submenu li {float: none; width: auto; height: auto; margin: 0; padding: 0; border: none; }
.mainmenu .submenu ul a, .mainmenu .submenu ul a:visited {display: block; float: none; height: auto; padding: 4px 10px; border-bottom: 1px solid #444; color: #ddd; font-size: .917em; line-height: 20px;}
.mainmenu .submenu .sm-col ul a, .mainmenu .submenu .sm-col ul a:visited {padding: 2px 5px;}
.mainmenu .submenu ul a:hover {color: #fff; background: #74a400;}

.mainmenu .submenu .sidemenu li {position: relative; overflow: hidden;}
.mainmenu .submenu .sidemenu li:hover {overflow: visible;}
.mainmenu .submenu .sidemenu li ul {position: absolute; top: 0; left: 200px; width: 350px; border: 2px solid #444;}

.content {position: relative; min-height: 200px; background: #fff;}
.content>div {overflow: hidden; width: 960px; margin: 0 auto; padding-bottom: 50px;}

.sidebar {float: right; width: 285px; margin: 31px 0 0 0; padding: 0 0 50px 20px; border-left: 1px solid #eee;}
.sidebar h2 {margin-top: 0; border-bottom: none; color: #333;font-size: 1.5em;}
.sidemenu {margin: 0; padding: 0;}
.sidemenu li {list-style: none; margin: 0; padding: 0; border-top: 1px solid #ddd;}
.sidemenu a, .sidemenu a:visited {display: block; padding: 5px 10px; color: #555; line-height: 1.3em; text-decoration: none;}
.sidemenu a:hover {background: #333; color: #eee; text-decoration: none;}
.sidemenu li ul {margin: 0 10px 0 10px;}
.sidemenu li ul li {border-top: 1px solid #ddd;}
.sidemenu li ul li a, .sidemenu li ul li a:visited {color: #999;}
.sidemenu li ul li a:hover {color: #eee;}

.loco-photos {float: right; width: 302px; margin: 0; padding-left: 18px;}
.loco-photos img {float: none; border: 1px solid #222; text-align: left;}
.main {float: left; overflow: hidden; width: 630px; padding-bottom: 30px;}
.main h1 {margin-left: 0; margin-right: 0;}
.main img {padding: 5px; border: 1px solid #999;}
.main img.rysunek {padding: 0; border: none;}

.footer {margin: 0; padding: 10px 0; border-top: 1px solid #ddd; background: #f8f8f8; box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.05);}
.footer * {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;}
.footer p {width: 950px; margin: 5px auto; color: #666; font-size: 0.9em; }
.copyright a, .copyright a:visited {color: #666; text-decoration: none;}
.copyright a:hover {color: #000;}


/* Basic reusable classes
===============================================================*/
.secret {display: none;}
.clear {clear: both; overflow: hidden; height: 0;}
p.hint {margin: 0 0 5px 200px; color: #666; font-size: 0.917em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.srodek, .mid {text-align: center;}
.l {float: left; margin: 10px 10px 10px 0;}
.r {float: right; margin: 10px 0 10px 10px;}
.ok {padding: 10px; border: 2px solid #7d9626; background: #e0e8c4; color: #568700; text-align: center;}
.error {padding: 10px; border: 2px solid #ad0000; background: #e3cece; color: #ad0000; text-align: center;}
.req {color: #ad0000;}
.album-info {margin: 0 0 1em 0; color: #888; font-size: .917em; line-height: 25px; text-align: center;}
.opis {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.news-head a, .news-head a:visited {text-decoration: none;}
a.news-title, a.news-title:visited {font-size: 1.182em;}

.pagination {margin: 1em 0 0 0; color: #888; line-height: 25px; text-align: center; }
.pagination a {padding: 3px; text-decoration: none;}

a.search-link {padding-left: 20px; background-position: 0 -130px; text-decoration: none;}
.news-date {display: inline-block;}
.thread-info {color: #666; line-height: 1.3em;}
.see-photos {font-size: 1.182em; text-decoration: none;}
.reply-link {padding-left: 25px; background-position: 0 -254px; font-size: 1.182em; line-height: 20px;}
.go-home {padding-left: 23px; background-position: 0 -176px;}
.email-link {padding-left: 23px; background-position: 0 -28px;}
.www-link {background-position: 0 -275px;}

/* form element classes
===============================================================*/
p.submit {margin: 5px 0; text-align: center;}
button {height: 29px; padding: 0 0 0 30px; border: none; background: url(../images/button.jpg) left 0 no-repeat; line-height: 29px;}
button span {display: block; height: 29px; margin: 0; padding: 0 15px 0 0; background: url(../images/button.jpg) right 0 no-repeat; color: #fff; line-height: 29px; white-space: nowrap;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0; border: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {margin-top: -1px; margin-right: -3px;}
}

button.go {padding: 0 10px; background: #000;}
button#send {margin: 5px auto;}
form#forum {float: right; margin: 0; padding: 0; border: none; background: none;}
form#forum label {width: auto; margin: 0 5px 0 0; padding: 4px 0; font-weight: normal; font-size: 1em;}
form#forum input {width: 120px; margin: 1px 5px; padding: 4px 5px;}
input#phrase:focus {width: 200px;}

form.new-post textarea {width: 740px; height: 150px;}
form.new-post input {width: 400px;}
form.new-post label {width: 150px;}
form.new-post h2 {margin-top: 0; border-bottom: none; color: #333;}

form#send-email {margin-bottom: 20px; padding-bottom: 20px;}
form#send-email label {width: 170px; margin-bottom: 0;}
form#send-email textarea {width: 570px; margin-top: 0;}
form#send-email input {width: 570px; margin-top: 0;}

form#search-photos {margin-bottom: 20px;}
form#search-photos label {margin-top: 3px;}

form#serie label {width: 100px;}
form#serie select {margin-left: 5px; margin-right: 5px; padding: 1px 2px; width: 100px;}

form#form-imprezy fieldset label {clear: left; width: 150px;}
form#form-imprezy input {float: left; width: 250px; margin-right: 50px;}
form#form-imprezy textarea {float: left; width: 700px; height: 80px;}
form#form-imprezy textarea {}
form#form-imprezy #date {width: 100px;}

form#register-form fieldset {width: 430px;}
form#register-form input {width: 210px;}

td form, form#serie {margin: 0; padding: 0; border: none; background: none;}
td form button {padding-left: 0; background: #000;}

/* special layers and sections
===============================================================*/

.box {float: left; width: 300px; margin: 15px 10px 0; padding: 0;}
.box h2 {margin: 0; padding-bottom: 5px; border-bottom: 1px solid #ddd;  color: #333; font-weight: normal; font-family: "PTSansRegular", sans-serif;}
.box h2 a {color: #333; font-family: "PTSansRegular", sans-serif; text-decoration: none;}
.box h2 a:hover {color: #ad0000;}
.box a.rss-link {float: right; margin-top: 5px; padding-left: 20px; background-position: 0 -228px; color: #dc7200; font-size: 0.8em; font-weight: normal;  font-family: "PTSansRegular", sans-serif; text-decoration: none;}
.box a.rss-link:hover {color: #000;}
.box ul li {overflow: hidden;}
.box .reply-link {padding-left: 0; background: none;}
ul.news {margin: 15px 0 0 0; padding: 0; list-style: none; }
ul.news li {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e0e0e0; font-size: 0.917em;}
ul.news li p {margin: 0;}
p.news-content {margin: 0; padding-left: 100px;}
ul.news li img {float: left; margin-right: 10px; padding: 3px; border: 1px solid #ddd;}
a.news-more {margin-left: 10px; padding-left: 15px; background-position: 0 -345px; color: #ad0000; text-decoration: none;}
a.news-more:hover {color: #000;}

.wstep {overflow: hidden; height: 90px; margin: 0 0 20px; padding: 10px 20px; border: 1px solid #ddd; background: #fafafa; box-shadow: inset 0 0 1px #fff;}
.wstep p {margin: 0.5em 0; float: left; color: #444; font-size: 1.3em; font-family: "PTSansRegular", sans-serif;}

.impreza {margin: 0; padding: 0 10px; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd;}
.impreza.gray {background: #f0f0f0;}

.fotka {display: inline-block; width: 140px; margin: 5px 10px; vertical-align: top;}
.fotka p {margin: 5px 0; font-size: 0.9em;}
.main .fotka {margin: 5px 8px;}
p.fota {text-align: center;}
p.fota a img {margin: 0; padding: 2px; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
p.fota a, .main p.fota a:visited {display: block; padding: 0; text-decoration: none; text-align: center;}
p.fota a:hover img {border: 1px solid #000;}
p.cgk {color: #666; font-size: 0.917em; text-align: center;}

.coll {float: left; width: 300px;}
.colr {float: right; width: 300px;}
.coll h2, .colr h2 {color: #333;}

/* photo display */
ul.photo-navi {overflow: hidden; list-style: none; margin: 0;}
ul.photo-navi li {position: absolute; top: 50%; width: 45px; height: 60px; margin: -30px 0 0; }
ul.photo-navi li.prev-photo {left: 15px;}
ul.photo-navi li.next-photo {right: 15px; }
ul.photo-navi li a  {display: block; overflow: hidden; 	width: 45px; height: 60px; background: url("../images/next-prev.png") no-repeat; text-indent: -500px;}
ul.photo-navi li a.photo-prev {background-position: 0 0;}
ul.photo-navi li a.photo-prev:hover {background-position: 0 bottom;}
ul.photo-navi li a.photo-next {background-position: right 0;}
ul.photo-navi li a.photo-next:hover {background-position: right bottom;}
ul.photo-navi li a:hover {text-decoration: none; color: #000;}

.big-photo {position: relative; overflow: hidden; width: 960px; margin: 1em auto; padding: 50px 0; background: #333; text-align: center;}
.big-photo img {margin: 0 0 -5px 0; padding: 1px; border: 10px solid #000; background: #555;}

.photo-data {float: left; width: 400px; }
.photo-data dt {float: left; clear: left; width: 80px; color: #555; text-align: left;}
.photo-data dd {float: left;}
.photo-descr {float: right; width: 500px; margin: 0;}

h1 span.hint {display: none; padding: 0 10px; color: #999; font-size: 0.5em;}
h1:hover span.hint {display: inline;}

/* Tables
===============================================================*/
table {clear: both; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border-collapse: collapse; border: 1px solid #ddd;}
th {padding: 5px; border: 1px solid #ddd; background: #f5f5f5; color: #666; font-family: "PTSansRegular", sans-serif;}
td {padding: 5px; border: 1px solid #ddd; vertical-align: middle;}
td.liczba {text-align: center;}
caption {margin: 0 auto; margin-bottom: 0; color: #777; text-align: center;}

/* =============================================================== Forum */

table.forum {width: 950px; border: none; border-bottom: 3px double #ddd;}
.forum th {border: none; border-bottom: 3px double #ddd; background: #fff; text-align: left;}
.forum td {padding: 5px 10px; border: none; border-bottom: 1px solid #ddd; color: #666; vertical-align: top; }
.forum a {text-decoration: none;}
.forum td.when {font-size: 0.917em;}
.gray td {background: #f5f5f5;}
.forum-user {width: 160px; vertical-align: top;}
.forum-user p {margin: 0 0 0.5em; color: #666; font-size: 0.917em; }
.forum-user a {padding-left: 20px;}
.forum-user .user {font-weight: bold;}

/* =============================================================== Kalendarz */
.cal-box {float: left; width: 183px; height: 210px; margin: 0 17px 0 17px;}
table.calendar {width: 183px; margin: 20px 0;}
table.calendar th {width: 25px; height: 25px; font-size: 0.9em; font-weight: bold;}
table.calendar td {width: 25px; height: 25px; padding: 0; font-size: 0.9em; text-align: center; vertical-align: middle; }
table.calendar td.highlight {padding: 0; background: #74a400; color: #fff;}
table.calendar td.weekday {background: #e5e5e5; font-size: 0.9em;}
table.calendar td.niedziela {background: #fff; color: #c00;}
table.calendar td a, table.calendar td a:visited {display: block; width: 25px; height: 25px; margin: 0; background: #74a400; color: #fff; font-weight: bold; line-height: 25px; text-decoration: none; text-align: center;}
table.calendar td a:hover {background: #fff; color: #000;}

/* tooltip */
.tooltip {display: none; position: absolute; width: 180px; padding: 10px; border: 1px solid #aaa; background: #fff; }
.tooltip .tip {position: absolute; left: 10px; bottom: -5px; width: 9px; height: 6px; background: url(../images/tooltip-tip.gif); }
.tooltip p {margin: 0; color: #444; font-size: 0.917em; line-height: 1.3em;}

/* Image modal window
===============================================================*/
.overlay {position: absolute; left: 0; top: 0; z-index: 499; width: 100%; height: 100%; background: #000; opacity: 0.75;}
.modal {overflow: hidden; position: absolute; left: 50%; top: 200px; z-index: 500; width: 810px; margin: 0 0 0 -425px; padding: 20px; background: #111; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);}
.modal p.picture {margin: 0 0 20px; text-align: center;}
.modal p.picture img {border: 3px solid #333; box-shadow: 0 0 10px #000;}
.modal p {color: #aaa;}
.modal p strong {color: #ccc; font-weight: bold;}