/*
 * CSS by Gedi
 * @author Gedi <gedi@e-clipse.org>
 */

/* ---------------------------------------------------------------- GENERAL */

html {
padding: 0;
margin: 0;
height: 100%;
font-size: 11px;
font-family: Tahoma, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
text-align: justify;
}
body {
position: relative;
padding: 0;
margin: 0 auto;
width: 768px;
min-height: 100%;
line-height: 1.33em;
text-indent: 1.5em;
cursor: default;
}

#dHide {
visibility: hidden;
}

h1, h2, h3, p, dl,
#top,
.item, .ifoot {
margin: 0 0 0.8em;
}
h1, h2, h3,
big, .big, .infopage {
font-size: 1.06em;
}
h2 {
height: 2em;
line-height: 2em;
}
h4, h5, h6 {
text-indent: 0;
font-size: 1em;
margin: 0 0 0.2em;
}

dt {
margin: 0;
padding: 0;
}
dd {
margin: 0;
padding: 0;
}

dl, ol, ul {
text-indent: 0;
text-align: left;
}

ol, ul {
padding: 0;
margin: 0 0 0.8em 2.4em;
}
input.text, textarea {
font-family: "Lucida Console", "Courier New", "Courier", monospace;
}

a img {
display: inline;
border: 0 none;
}

object {
display: block;
}

small {
font-weight: normal;
}

/* ---------------------------------------------------------------- LAYOUT */

#header {
height: 80px;
}

div.bottom hr,
#footer hr,
#header * {
display: none;
}
#header h1.title {
display: block;
position: absolute;
top: 10px;
left: 0;
}
#header h1.title,
#header h1.title a {
width: 190px;
height: 60px;
margin: 0;
}
#header h1.title a {
display: block;
background: url(images/mediator_logo.gif) 50% no-repeat;
}

#top {
height: 256px;
}
#footer {
position: absolute;
left: 0;
bottom: 0;
width: 768px;
}
#footer p.copyrights {
text-indent: 0;
float: left;
padding: 0.4em 0.4em 0;
}
#footer p.naviMenu {
text-indent: 0;
float: right;
padding: 0.4em 0.4em 0;
}

#wide {
padding: 0 0 0.8em;
}

div.bottom {
height: 90px;
padding-top: 1em;
padding-bottom: 5.5em;
clear: both;
}
div.bottom img,
div.bottom object {
display: block;
margin: 0 auto;
border: 0 none;
}

.item {
padding-top: 1px;
margin: 0 10px 0.8em;
}
.item h3 {
text-align: left;
}
.ifoot {
text-align: right;
clear: both;
}

/* ---------------------------------------------------------------- MENUS */

.menu {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 2em;
}
.menu a {
font-size: 1em;
color: #336699;
background-color: transparent;
}
.menu li.active a {
color: #336699;
background-color: transparent;
font-weight: bold !important;
}
.menu li {
background: url(images/dotted_light.gif) 0 100% repeat-x;
}
.menu li.end {
background-image: none;
}

.main {
position: absolute;
top: 23px;
right: 0;
height: 35px;
line-height: 35px;
text-transform: uppercase;
}
.main li {
float: left;
padding: 0 0.8em;
background-image: none;
}

.main li.start {
padding-left: 0;
}
.main li.end {
padding-right: 0;
}

.main a {
display: block;
height: 35px;
background: url(images/bg_mainmenu.gif) 0 0 no-repeat;
}
.main a span {
display: none;
}

.main a.home {
width: 126px;
background-position: -9px 0;
}
.main a.zapytaj {
width: 89px;
background-position: -145px 0;
}
.main a.kontakt {
width: 63px;
background-position: -245px 0;
}

.main li.active a.home{
width: 126px;
background-position: -9px -35px;
}
.main li.active a.zapytaj{
width: 89px;
background-position: -145px -35px;
}
.main li.active a.kontakt{
width: 63px;
background-position: -245px -35px;
}

/* ---------------------------------------------------------------- COLORS */

html {
color: #333;
background: #FFF url(images/bg_html.gif) 50% repeat-y;
}
body {
color: #333;
background-color: white;
}

a {
color: #963;
background-color: transparent;
}
a:hover,
.menu a:hover {
color: #666;
background-color: transparent;
}

h1,
h2, h2 a,
h3, h3 a {
color: #963;
background-color: transparent;
}
h4, h4 a,
dt {
color: #666;
background-color: transparent;
}

#top {
color: #FDFDFE;
background-color: black;
}

#footer {
color: #666;
background: transparent url(images/dotted_light.gif) repeat-x;
}
#footer p.naviMenu,
#footer p.naviMenu a {
color: #666;
background-color: transparent;
}

#footer p.copyrights a,
#itmBar, #itmBar a,
#galBar, #galBar a,
.ifoot, .ifoot a {
color: #666;
background-color: transparent;
}

.black {
color: #000 !important;
background-color: transparent;
}
.blue {
color: #369 !important;
background-color: transparent;
}
.brown {
color: #963 !important;
background-color: transparent;
}
.violet {
color: #909 !important;
background-color: transparent;
}
.red,
.notice {
color: #DE2F1B !important;
background-color: transparent;
}
.gray {
color: #808080 !important;
background-color: transparent;
}

/* ---------------------------------------------------------------- FORMS */

form,
div.help {
color: inherit;
background-color: #F9F9F9;
border: 1px solid #DEDEDE;
}

select,
textarea,
input {
font-size: 11px;
}

label,
input,
select {
font-size: 1em;
font-family: Tahoma, "Lucida grande", "Bitstream Vera Sans", sans-serif;
}

form {
margin: 0 0 0.8em;
padding: 0.8em;
}
fieldset {
margin: 0 0 0.8em;
padding: 0.8em 0 0;
border: 0 none;
}
fieldset.upload {
text-align: center;
}
legend {
padding: 0;
text-align: left;
}

input.text,
textarea {
margin: 0;
color: #3B3B93;
background: white url(images/bg_input.gif) repeat-x;
border: 1px solid #FFFFFE;
}

input.button {
margin: 0;
width: 54px;
height: 19px;
font-size: 11px;
color: #474747;
background: transparent url(images/bg_button.gif) 0 2px no-repeat;
border: none;
cursor: pointer;
}

#sendmail form {
width: 468px;
margin: 0 auto 0.8em;
}
#sendmail form label {
display: block;
margin-bottom: 0.4em;
}
#sendmail form p {
padding: 1px;
margin-bottom: 0.8em;
}
#sendmail form input.text,
#sendmail form textarea {
display: block;
width: 100%;
border: 0 none;
}

/* ---------------------------------------------------------------- LINKS */

a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: underline !important;
}

h2 a,
h3 a,
#footer a,
#itmBar a,
#galBar a,
.ifoot a,
.menu a {
text-decoration: none;
}

a.up span, a.top span, a.down span, a.more span, a.next span, a.prev span, a.back span {
display: none;
}

a.up, a.top, a.more, a.next {
padding-right: 0.8em;
background-position: 100% 0;
background-repeat: no-repeat;
}
a.down, a.prev, a.back {
padding-left: 0.8em;
background-position: 0 0;
background-repeat: no-repeat;
}

a.up,
a.top {
background-image: url(images/arrow_up.gif);
}
a.down {
background-image: url(images/arrow_down.gif);
}
a.more {
background-image: url(images/arrow_more.gif);
}
a.next {
background-image: url(images/arrow_next.gif);
}
a.prev {
background-image: url(images/arrow_prev.gif);
}
a.back {
background-image: url(images/arrow_back.gif);
}

/* ---------------------------------------------------------------- OTHER */

/* INFOPAGE */
div.infopage {
padding: 0 10px 10px;
margin-bottom: 0.8em;
color: black;
background: transparent url(images/dotted_light.gif) 0 95% repeat-x;
}

.normal {
font-weight: normal;
}
.none {
display: none;
}
.noindent,
h1, h2, h3, h4, h5, h6,
form * {
text-indent: 0;
}
.last {
border: none !important;
background-image: none !important;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.center img {
display: inline;
}
.right {
text-align: right;
}
.fleft {
float: left;
margin: 0 0.8em 0.8em 0;
}
.fcenter {
display: block;
margin: 0 auto 0.8em;
}
.fright {
float: right;
margin: 0 0 0.8em 0.8em;
}
.clear {
clear: both;
}