/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #333; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em;}
body {font-size: .75em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #74a400; text-decoration: underline; outline: none;}
a:hover {color: #000; text-decoration: none;}
img {border: none;}
html {height: 100.01%;}

/* font faces */
@font-face {font-family: TitilliumHeavy; src: url(../fonts/TitilliumMaps26L.otf) format("opentype");}
@font-face {font-family: TitilliumBold; src: url(../fonts/TitilliumMaps26L001.otf) format("opentype");}
@font-face {font-family: TitilliumNormal; src: url(../fonts/TitilliumMaps26L002.otf) format("opentype");}
@font-face {font-family: TitilliumLight; src: url(../fonts/TitilliumMaps26L003.otf) format("opentype");}
@font-face {font-family: TitilliumUltraLight; src: url(../fonts/TitilliumMaps26L004.otf) format("opentype");}



/* basic text elements */
h1 {margin: 20px 0; padding: 0; color: #ad0000; font-size: 1.769em; font-weight: normal; font-family: TitilliumBold, sans-serif; line-height: 1.5em;}
h2 {clear: both; margin: 1.5em 0 0.5em 0; color: #000; font-size: 1.385em; font-weight: normal; font-family: TitilliumNormal, sans-serif;}
h3 {clear: both; width: 300px; margin: 1em 0 0.5em 0; color: #666; font-size: 1.231em; font-weight: normal; font-family: TitilliumNormal, sans-serif;}
h4 {clear: left; margin: 0; padding: 1.5em 0 0.5em 0; color: #ad0000; font-size: 1.1em; font-family: TitilliumNormal, sans-serif;}
p {margin: 1em 0 1em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {list-style-image: url(../images/arrow-red.gif); 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: 2px 5px; border: 1px solid #CCC; background: #f2f2f2 url(../images/input.png) top repeat-x;}
	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 #666;}
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,
.news-date,
.thread-info,
#mainmenu a, #mainmenu a:visited,
#login-link, #login-link:visited,
a.news-more, a.news-more:visited,
a.search-link, a.search-link:visited,
.box a.rss-link, .box a.rss-link:visited,
.see-photos, .see-photos:visited,
.reply-link,
.go-home,
.email-link,
.www-link,
.search-link {
background-image: url(../images/icons.png); background-repeat: no-repeat;}

/* Layout
===============================================================*/
html {background: #fff url(../images/background.jpg) top repeat-x;}
body {background: transparent url(../images/header.jpg) center top no-repeat;}
#header {position: relative; width: 960px; height: 307px; margin: 0 auto; margin-bottom: 0; padding: 0;}
    #header h1 {margin: 0; padding: 0; border: none;}
	
    #logo, #logo:visited {display: block; position: absolute; left: 100px; top: 110px; overflow: hidden; width: 290px; height: 130px; text-indent: -10001px;}
	#login-wrapper {position: absolute; left: 0; bottom: 0; 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: 70px; margin: 0; color: #fff; font-weight: normal; font-size: 0.9em; text-align: right;}
        #login-form input {clear: none; float: left; width: 100px; margin: 1px 5px; padding: 2px; border: 1px solid #666; background: #aaa; color: #000; font-size: 0.9em;}
        #login-form input:focus {margin: 0 4px; border: 2px 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: TitilliumNormal, sans-serif; line-height: 25px; text-decoration: none;}
    #login-link:hover {color: #fff; text-decoration: none;}
    #logged {padding: 0 5px 5px 0; border: 1px solid #000; background: url(../images/half-transparent-black.png);}

    #mainmenu {position: absolute; left: 0; top: 3px; z-index: 40; height: 40px; margin: 0; border-left: 1px solid #444; list-style: none; }
    #mainmenu li {position: relative; overflow: hidden; float: left; height: 40px; margin: 0; border-right: 1px solid #444;}
	#mainmenu li:hover {overflow: visible;}
	
    #mainmenu a, #mainmenu a:visited {display: block; float: left; height: 30px; padding: 5px 10px; background: none; color: #ccc; font-size: .833em; font-family: Verdana, Helvetica, sans-serif; text-decoration: none;}
    #mainmenu a strong, #mainmenu a:visited strong {background: none; color: #ccc; font-size: 1.4em; font-family: TitilliumNormal, sans-serif; line-height: 1em; 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: #74a400;}
	
	#mainmenu .submenu {position: absolute; overflow: hidden; left: 0; top: 40px; overflow: hidden; border: 2px solid #444; background: #666 url(../images/menu-gradient.jpg) bottom repeat-x;}
	.sm-col {float: left; margin: 0;}
	#mainmenu .submenu.parowozy {width: 360px; }
	#mainmenu .submenu.parowozy .sm-col {width: 120px;}
	#mainmenu .submenu.album {width: 250px;}
	#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: 2px 10px; background: #444; color: #fff; font-weight: normal; font-family: TitilliumNormal, sans-serif; font-size: 1.2em;}
	#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: 2px 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;}
	
#content {width: 940px; margin: 0 auto; overflow: hidden; background: #fff;}
    .sidebar {float: right; width: 280px; min-height: 400px;  margin: 15px 0 0 0; padding: 10px; background: url(../images/sidebar.jpg) center top no-repeat;}
        .sidebar h2 {margin-top: 0; border-bottom: none; color: #333;}
        .sidemenu {margin: 5px 0 0 0; padding: 0;}
            .sidemenu li {list-style: none; margin: 0; padding: 0; border-top: 1px solid #ccc;}
                .sidemenu a, .sidemenu a:visited {display: block; padding: 5px 10px; color: #333; 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 #bbb;}
                    .sidemenu li ul li a, .sidemenu li ul li a:visited {color: #777;}
                    .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; width: 610px; 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 {width: 950px; height: 50px; margin: 25px auto; padding: 15px 0 0 0; background: url(../images/footer.jpg) center 0 no-repeat;}
    #footer * {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;}
    #footer p {margin: 5px 0; 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; font-family: TitilliumNormal, sans-serif; }

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

a.search-link, a.search-link:visited {padding-left: 20px; background-position: 0 -127px; text-decoration: none;}
.news-date {padding-left: 23px; background-position: 0 -104px; line-height: 20px;}
.thread-info {color: #666; line-height: 1.3em;}
.see-photos, .see-photos:visited {padding-left: 23px; background-position: 0 -3px; font-size: 1.182em; font-family: TitilliumNormal, sans-serif; line-height: 25px; text-decoration: none;}
.reply-link {padding-left: 25px; background-position: 0 -254px; font-size: 1.182em; font-family: TitilliumNormal, sans-serif; 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:hover, button:focus {background-position: 0 -29px;}
button:hover span, button:focus span {background-position: right -29px;}
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) {
	/* Safari and Google Chrome only - fix margins */
	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: 8px 0 0 0; border: none; background: none;}
form#forum label {width: auto; margin: 0 5px 0 0; padding: 4px 0; font-weight: normal; font-size: 1em; font-family: TitilliumNormal, sans-serif;}
form#forum input {width: 120px; margin: 1px 5px; padding: 4px 5px; font-family: TitilliumNormal, sans-serif;}
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: 550px; margin-top: 0;}
form#send-email input {width: 550px; margin-top: 0;}
form#send-email input#subject {width: 550px;}

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: 285px; margin: 15px 0 0 0; padding: 0;}
	.box h2 {margin: 0; padding-bottom: 15px; border-bottom: none; background: url(../images/box-header-bottom.png) center bottom no-repeat; color: #333; font-family: TitilliumNormal, sans-serif;}
	.box h2 a, .box h2 a:visited {color: #333; font-family: TitilliumNormal, sans-serif; text-decoration: none;}
	.box h2 a:hover {color: #ad0000;}
	.box a.rss-link, .box a.rss-link:visited {float: right; padding-left: 20px; background-position: 0 -228px; color: #dc7200; font-size: 0.8em; font-weight: normal;  font-family: TitillimNormal, sans-serif; text-decoration: none;}
	.box a.rss-link:hover {color: #000;}
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 #aaa;}
			a.news-more, a.news-more:visited {padding-right: 12px; background-position: 34px -343px; color: #ad0000; text-decoration: none;}
			a.news-more:hover {color: #000;}
#latest-news {margin: 15px 24px; padding: 0 10px;}

.wstep {overflow: hidden; margin: 20px 0; padding: 10px 20px;  background: url(../images/intro.jpg) center 0 no-repeat;}
.wstep p {margin: 0.5em 0; float: left; color: #444; font-size: 1.3em; font-family: TitilliumLight, sans-serif;}

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

.fotka {float: left; width: 140px; margin: 5px 12px 5px 0;}
	.fotka p {margin: 5px 0; font-size: 0.9em;}
	p.fota {padding: 5px 0 0 0; background: #ddd; text-align: center;}
		.main p.fota img {margin: 0; padding: 3px; background: #fff; border: 1px solid #ccc;}
		.main 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.9em;}

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

/* Tables
===============================================================*/
table {clear: both; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border-collapse: collapse; border: 1px solid #777;}
th {padding: 3px; border: 1px solid #777; background: #ddd; color: #000; font-family: TitilliumNormal, sans-serif;}
td {padding: 3px; border: 1px solid #777; 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: 2px solid #777;}
.forum th {border: none; border-bottom: 2px solid #777; background: #fff;}
.forum td {padding: 5px; border: none; border-bottom: 1px solid #777; vertical-align: top;}
.gray td {background: #eee;}
.forum-user {width: 160px; vertical-align: top;}
	.forum-user span {font-size: 0.9em;}
	.forum-user a {padding-left: 20px;}
.forum-time {margin-top: 0; padding-left: 23px; background-position: 0 -78px; color: #666; font-size: 0.9em;  line-height: 20px;}

/* =============================================================== 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;}