@import url('reset.css');

body {
background: url('../images/back_photo.jpg') #332f22 top center no-repeat;
color: #a4976d;
line-height: 1.2em;
text-align: center;
font-family: Arial, Helvetica, sans-serif
}

body div {
text-align: left
}

ins {
background-color: #ffc
}

a:link, a:visited {
color: #00c2ea;
text-decoration: none
}

a:hover, a:active, a:focus {
color: #fff;
text-decoration: underline
}

#content a:link, #content a:visited {
color: #00abce;
border-bottom: 1px dotted
}

#content a:visited {
color: #007c96
}

#content a:hover, #content a:active, #content a:focus {
border-bottom: 1px solid;
text-decoration: none;
color: #007c96
}
#content #fb_share_container a {
border-bottom: none
}
.bounds {
margin: 0 auto;
width: 1000px
}

#top {
height: 200px
}

#top div {
float: left
}

#logoBox {
width: 333px;
height: 100%;
position: relative
}

#logoBox div {
height: 33px;
position: absolute
}

#logoBox a {
width: 332px;
left: 1px;
position: absolute;
display: block;
text-align: center;
height: 100%;
background: transparent
}

html>body #logoBox a {
background: url('../images/black-33.png') -1000px -1000px no-repeat
}

#logoBox a span {
display: block;
height: 1px;
position: absolute;
left: 0;
top: 0;
width: 100%
}

#logoBox a img {
margin-top: 49px;
width: 170px;
height: 102px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/templates/images/logo.png');
}

html>body a img {
background: url('../images/logo.png') no-repeat
}

#logoBox a:hover, #logoBox a:active, #logoBox a:focus {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/templates/images/black-33.png');
}

html>body #logoBox a:hover, #logoBox a:active, #logoBox a:focus {
background: url('../images/black-33.png') 0 0 repeat
}

#logoBox a:hover span, #logoBox a:active span, #logoBox a:focus span {
border-top: 5px solid #00c2ea
}

#logoBox a.current span {
border-top: 5px solid #e5a800
}

.leftBorder {
border-left: 1px solid #4c4934
}

#menuBox  {
width: 666px;
height: 100%;
position: relative
}

#menu {
position: absolute;
font-size: 0.687em
}

#menu ul  {
float: left
}

#menu ul li {
float: left;
border-left: 1px dotted #636043
}

#menu ul li.first {
border: none
}

#menu ul li.last {
border-right: 1px solid #4c4934
}

#menu ul li a {
font-size: 1.1em;
display: block;
padding: 15px 20px 10px 20px;
background: url('../images/black-33.png') -1000px -1000px no-repeat
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
padding-top: 10px;
text-decoration: none;
border-top: 5px solid #00c2ea;
background: #222017
}

html>body #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
background: url('../images/black-33.png') 0 0 repeat
}

#menu ul li a.current {
padding-top: 10px;
border-top: 5px solid #e5a800;
color: #fff
}

#menu #buy {
width: 30em;
padding: 45px 0 0 20px
}

#menu #buy h1 {
font-size: 1.4em;
font-weight: normal
}

#content {
text-align: center;
background: #fff;
padding: 19px 0 20px 0;
color: #000;
min-width: 1000px
}
#content div {
text-align: left
}
.clear {
clear: both
}
#menuBox #tab {
width: 100%;
font-size: 0.687em;
position: absolute;
bottom: 0
}
#menuBox #tab a {
font-weight: normal;
display: -moz-inline-box;
display: inline-block;
padding: 10px 11px 10px 10px;
margin-right: 1px;
text-decoration: none;
background: url('../images/black-33.png') #000 -1000px -1000px no-repeat
}

#menuBox #tab a.inactive:hover, #menuBox #tab a.inactive:active {
background: #222017
}

html>body #menuBox #tab a.inactive:hover, #menuBox #tab a.inactive:active {
background: url('../images/black-33.png') 0 0 repeat;
background-color: none
}

#menuBox #tab a.active {
border-top: 1px solid #fff;
background: url('../images/black-33.png') #fff -1000px -1000px no-repeat;
color: #000
}
#menuBox #tab a .inactive {
background-color: #000;
}

#menuBox #tab span {
display: block;
padding: 10px
}
#footer {
width: 100%;
float: left;
padding: 0 20px 20px 20px;
font-size: 0.687em
}
#footer ul {
float: left;
padding-top: 20px
}
#footer #bottomTab {
float: right;
margin-right: 20px;
padding: 11px 10px 12px 10px;
color: #fff;
font-size: 0.9em;
text-transform: uppercase;
background-color: #000
}
#footer #bottomTab img {
display: block
}
h3, h4, h5 {
font-family: Georgia, serif;
font-variant: small-caps;
text-transform: none;
font-weight: 100
}
/* strona glowna */
.column {
width: 312px;
float: left
}
html>body .column {
width: 292px;
}
.left {
padding-left: 20px;
padding-right: 20px;
width: 332px;
}

html>body .left {
width: 292px;
padding-left: 0;
margin-left: 20px
}
.center {
margin-right: 20px;
padding-left: 20px;
border-left: 1px dotted #939072
}
.right {
padding-left: 20px;
border-left: 1px dotted #939072
}
.main .date {
float: left;
margin: 0;
padding: 0 10px 0 0;
width: 22px;
color: #666;
font-size: 0.687em;
line-height: 1.5em
}
.main .month {
text-align: center;
float: left;
width: 22px;
font-size: 0.9em;
text-transform: uppercase
}
.main .day {
text-align: center;
float: left;
width: 22px;
font-size: 1.2em;
clear: both
}
.main h3 {
color: #e5a800;
font-size: 0.85em;
line-height: 1.2em;
font-weight: normal
}
.main small {
display: block;
color: #666;
font-size: 0.563em;
line-height: 1.5em;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 1em
}
.main p {
font-size: 0.75em;
line-height: 2em
}
/* podstrona */
.sub #content .span {
width: 623px;
font-size: 0.917em;
margin: 0 0 0 160px;
border: none
}
.sub #content {
font-size: 0.75em
}
.sub #content h3, .sub #content h4 {
color: #e5a800;
margin-bottom: 0.875em;
font-weight: normal;
font-size: 2em
}

.sub #content h3 {
margin-top: 0.3em
}
.sub #content h4 {
margin-top: 1.5em
}
.sub #content h5 {
color: #e5a800;
margin-top: 1.25em;
margin-bottom: 0.875em;
font-size: 1.25em;
font-weight: normal
}
.sub #content p {
font-size: 1.1em;
margin-top: 0.75em;
margin-bottom: 1em
}
.sub #content .center ul li {
padding: 0 0 0 10px;
font-size: 1.1em;
background: url('../images/bullet.gif') 0 8px no-repeat
}
.sub #content .center ol li {
border-bottom: 1px dotted #888;
padding: 5px 0 5px 0;
position: relative
}
.sub #content .center ol li.error {
background: #fee;
color: #c00;
font-weight: bold
}
.sub #content .center p.error {
padding: 10px;
font-size: 1.5em;
background: #fee;
border: 2px solid #c00;
color: #c00
}
.sub #content .center p.error em {
font-style: normal;
font-weight: bold
}
.sub #content .center ol li input, .sub #content .center ol li textarea, .sub #content .center ol li select {
font-family: monospace;
font-size: 1.4em;
vertical-align: top;
width: 310px
}
.sub #content .center ol li input.narrow {
width: 70px
}
.sub #content .center ol li input.check {
height: 24px;
width: auto
}
.sub #content .center ol li label {
line-height: 1.2em;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
padding: 5px 10px 0 20px;
width: 250px;
_width: 280px;
text-align: left
}
.sub #content .center form strong {
color: #e5a800;
font-size: 140%;
font-family: monospace
}
.sub #content .center ol li label.check {
padding-left: 5px
}
.sub #content .center ol li small {
line-height: 1.2em;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
padding: 4px 0 0 5px;
text-align: left
}
.sub #content .center ol li label span {
display: block;
width: 250px
}
.sub #content .center ol li div#files, .sub #content .center ol li div.radios {
position: absolute;
left: 280px;
top: 5px
}

.sub #content .center ol li label em {
display: block;
padding-top: 12px
}
.sub #content .center #uploaded {
font-family: monospace;
font-size: 1.4em
}

.sub #content .center div.buttonContainer {
padding-top: 20px;
text-align: center
}

.sub #content .left {
width: 312px;
_width: 332px;
padding-right: 0
}

.sub #content .left ul {
float: right
}

.sub #content .left li {
float: right;
clear: both;
line-height: 1em;
border-bottom: 1px dotted #939072
}

.sub #content .left a {
text-align: right;
display: block;
padding: 7px 12px 7px 12px;
border-bottom: none;
background: url('../images/blue-gradient-15.png') -1000px -1000px no-repeat
}

.sub #content .left a:active, .sub #content .left a:hover, .sub #content .left a:focus {
background: url('../images/blue-gradient-15.png') 0 0 repeat;
border-right: 5px solid #00c2ea;
padding-right: 7px
}

.sub #content .left a.current {
border-right: 5px solid #e5a800;
padding-right: 7px;
color: #000
}

.sub #content .newsitem h5 {
font-variant: normal;
padding: 0;
margin: 0;
display: inline-block;
float: left;
width: 70%
}
.sub #content .date {
margin: 0;
padding: 0 0 0 0;
color: #666;
line-height: 1.8em;
float: right;
width: 28%;
text-align: right
}
.sub #content .newsitem {
width: 623px;
float: left;
padding: 3px 3px 4px 3px;
margin: 0;
border-bottom: 1px solid #939072
}

/* obiekty o zakraglonych rogach*/
.dialog {
float: left;
display: inline-block;
position: relative;
color: #fff;
z-index: 1;
margin: 0 0 1em 3px
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
background: transparent url('../images/round-blue.gif') no-repeat top right
}

.dialog .content {
width: 1%;
line-height: 1.1em;
position: relative;
zoom: 1;
_overflow-y: hidden;
padding: 4px 8px 1px 6px
}

html>body .dialog .content {
width: auto
}

.dialog .t {
position: absolute;
left: 0;
top: 0;
width: 3px;
margin-left: -3px;
height: 100%;
_height: 1600px;
background-position: top left
}

.dialog .b {
position: absolute;
width: 100%;
background-position: bottom right
}

.dialog .b,
.dialog .b div {
height: 3px;
font-size: 1px
}

.dialog .b div {
position: relative;
width: 3px;
margin-left: -3px;
background-position: bottom left
}

.dialog a:link, .dialog a:active, .dialog a:visited, .dialog a:hover, .dialog a:focus {
color: #fff;
text-decoration: none
}

/* tables still need 'cellspacing="0"' in the markup */

/*
0.687em 11 pt
0.75em 12pt
*/