/*
 *		plik:		css/style.css
 *		autor: 		Technetium [Tc]
 *             	Marek Kleszyk
 *						27 sierpień 2009
 *		system:		T.CMS-4.0-SEO
*/

@import url("menu.css"); 
@import url("comments.css"); 

/* --------- standardowe ---------- */

#font_down {
   font-weight: bold;
   font-size: 7pt;
}

#font_or {
   font-weight: bold;
   font-size: 9pt;
}

#font_up {
   font-weight: bold;
   font-size: 11pt;
}

.print {
   margin: 10px;
   float: right;
}

.back {
   margin: 10px;
   padding-left: 10px;
   float: left;
}

.tagi {
   margin: 10px 0;
   text-align: center;
}

#page-title {
   margin: 10px;
   margin-bottom: 0;
   padding: 10px;
   height: 20px;
   border-bottom: 1px solid #1c1c1c;
}

#page-title h1 {
   color: #c4c4c4;
   font-size: 12px;
}

#page-content {
   padding: 10px 0 10px 20px;
   overflow: hidden;
}

.formularz {
   margin: 5px;
}

input.text, textarea, select {
   border: none;
   background-color: #626262;
   color: #fff;
   padding: 1px 3px;
   margin: 0 3px;
   font-size: 8pt;
}

input.text2 {
   width: 204px;
   height: 14px;
   border: 1px solid #707070;
   background-color: #626262;
   color: #c9c9c9;
   padding: 6px 12px;
   margin: 0 3px;
   font-size: 8pt;
   font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
}

input.text3 {
   width: 66px;
   height: 14px;
   border: 1px solid #707070;
   background-color: #626262;
   color: #c9c9c9;
   padding: 6px 12px;
   margin: 0 3px;
   font-size: 8pt;
   font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
}

textarea.area2 {
   width: 204px;
   height: 185px;
   border: 1px solid #707070;
   background-color: #626262;
   color: #c9c9c9;
   padding: 6px 12px;
   margin: 0 3px;
   font-size: 8pt;
   font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
}

select {
   padding-right: 0;
}

input.submit {
   padding: 0px 3px;
   background-color: #626262;
   border: none;
   color: #fff;
   font-size: 8pt;
   font-weight: bold;
   cursor: pointer;
}

.image {
   position: relative;
   top: 5px;
}

/* --------- glowna ---------- */

body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background: #161616;
   text-align: center;
   font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
   font-size: 8pt;
   color: #C4C4C4;
}

#bg-left
{
   width: 50%;
   position: absolute;
   left: 0;
   background: transparent url('../img/tlo.jpg') repeat-x scroll 0 0;
   height: 500px;
}

#bg-left-2
{
   width: 50%;
   position: absolute;
   left: 0;
   background: transparent url('../img/tlo2.jpg') repeat-x scroll 0 0;
   height: 500px;
}


#container {
   width: 995px;
   height: auto;
   margin: 0 auto;
   padding: 0;
   position: relative;
   text-align: center;
}

#top {
   width: 995px;
   height: auto;
   background: #161616;
   position: relative;
   overflow: hidden;
   float: left;
}

#top #t1 {
   width: 180px;
   height: 150px;
   background: transparent url('../img/t1.jpg') no-repeat scroll bottom;
   float: left;
}


#top #menu-top {
   width: 785px;
   height: 30px;
   margin-right: 30px;
   position: relative;
   top: 36px;
   text-align: right;
   float: left;
}

#top #menu-small {
   width: 785px;
   height: 19px;
   margin-right: 30px;
   position: relative;
   top: 65px;
   text-align: right;
   color: #3c3c3c;
   float: left;
}

#top #menu-small a {
   color: #3c3c3c;
   font-size: 7pt;
}

#top #newsletter {
   width: 785px;
   height: 30px;
   margin-right: 30px;
   overflow: hidden;
   position: relative;
   top: 71px;
   text-align: right;
   float: left;
}

.text-n {
   width: 134px;
   height: 14px;
   padding: 8px;
   border: none;
   background-color: #626262;
   color: #fff;
   font-size: 8pt;
   float: right;
}

div.image-n {
   width: 120px;
   height: 30px;
   background-color: #d00000;
   text-align: left;
   float: right;
}

#flash {
   width: 995px;
   height: 330px;
   float: left;
}

#flash2 {
   width: 995px;
   height: 240px;
   float: left;
}

#szukaj {
   width: 315px;
   height: 60px;
   overflow: hidden;
   background-color: #000;
   position: absolute;
   top: 420px;
   left: 0;
}

#szukaj2 {
   width: 315px;
   height: 60px;
   overflow: hidden;
   background-color: #000;
   position: absolute;
   top: 330px;
   left: 0;
}

#szukaj div, #szukaj2 div {
   position: relative;
   top: 18px;
}

.text-s {
   width: 152px;
   height: 14px;
   padding: 5px 6px;
   border: 1px solid #0f0f0f;
   background-color: #000;
   color: #474747;
   font-size: 8pt;
   float: right;
}

.image-s {
   width: 44px;
   height: 25px;
   float: right;
}

#lang, #lang2 {
   width: 90px;
   height: 90px;
   overflow: hidden;
   background-color: #d00000;
   text-align: left;
   position: absolute;
   top: 160px;
   right: 30px;
}

#lang a, #lang2 a {
   width: 76px;
   height: 16px;
   padding: 0 7px;
   border-bottom: 1px solid #d72626;
   text-decoration: none;
   display: block;
}

#lang a.select, #lang a:hover, #lang2 a.select, #lang2 a:hover {
   color: #d68383;
}

#lang a.last, #lang2 a.last {
   border-bottom: none;
}

#base {
   width: 995px;
   height: auto;
   position: relative;
   overflow: hidden;
   text-align: left;
   float: left;
}

#sidebar-left {
   width: 315px;
   height: auto;
   position: relative;
   overflow: hidden;
   float: left;
}

#content {
   width: 680px;
   height: auto;
   position: relative;
   overflow: hidden;
   float: left;
}

#footer {
   width: 995px;
   height: auto;
   margin-top: 11px;
   background: transparent url('../img/footer.jpg') no-repeat scroll top;
   position: relative;
   overflow: hidden;
   font-size: 7pt;
   color: #4a4a4a;
   text-align: left;
   float: left;
}

#footer #menu-bottom {
   width: 575px;
   height: 20px;
   padding-top: 15px;
   line-height: 20px;
   float: left;
}

#footer #copyright {
   width: 300px;
   height: 20px;
   padding-top: 15px;
   line-height: 20px;
   float: left;
}
#footer #copyright2 {
   width: 100%;
   height: 20px;
   line-height: 20px;
   float: left;
   font-size: 10px;
}
#footer #copyright2 a {
   color: #4a4a4a;
}

#footer #realizacja {
   width: 120px;
   height: 20px;
   padding-top: 15px;
   line-height: 20px;
   text-align: center;
   float: left;
}

#footer #realizacja a {
   color: #4a4a4a;
}

/* --------- galeria ---------- */

.foto-pokaz {
   margin-bottom: 5px;
   padding: 5px;
}

.foto-opis {
   text-align: justify;
   display: block;
}

.foto-gal {
   padding: 0 12px;
   text-align: center;
   vertical-align: middle;
}

.foto-gal:hover {
   cursor: pointer;
}

#page-title-gal {
   padding: 10px;
}

#page-content-gal {
   padding: 10px 0;
   overflow: hidden;
}

/* --------- rejestr zmian ---------- */

table.rejestr {
   width: 100%;
   border: none;
   margin: 2px;
}

table.rejestr td {
   padding: 3px 1px;
}

table.rejestr td a {
}

table.rejestr td a:hover {	
}

/* --------- aktualności ---------- */

div.art {
   height: auto;
   margin: 10px 0;
   display: block;
   clear: both;
   overflow: hidden;
}

.news-foto {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}

/* --------- forum ---------- */

ul#forum {
   margin: 0 10px;
   list-style: none;
}

ul#forum li {
   margin: 5px 0;
   padding: 0 0 3px 18px;
   overflow: hidden;
   background: transparent url(../img/li-for.png) no-repeat scroll 0 2px;
   border-bottom: 1px solid #e6e6e6;
}

ul#forum li a {
   overflow: hidden;
   white-space: nowrap;
}

ul#forum li h2 a, ul#forum li h2 small {
   color: #6e6e6e;
}

/* --------- mapa strony ---------- */

a.site1 {
   padding: 3px 0;
   padding-left: 15px;
   display: block;
}

a.site2 {
   padding: 3px 0;
   padding-left: 35px;
   display: block;
}

#m-dane {
   width: 315px;
   height: 160px;
   overflow: hidden;
   float: left;
}

#m-dane div {
   margin: 20px 15px;
}

#m-akt {
   width: 365px;
   height: 160px;
   overflow: hidden;
   float: left;
}

#m-akt div.b {
   width: 363px;
   height: 107px;
   border: 1px solid #1c1c1c;
   border-top: none;
   float: left;
}

#m-akt div.b div.l {
   width: 320px;
   height: 30px;
   margin: 12px 20px 0 20px;
   padding: 5px 0;
   border-bottom: 1px dashed #282828;
   background: transparent url(../img/arrow.jpg) no-repeat scroll 310px 10px;
   float: left;
}

#m-akt div.b div.l h3 {
   font-size: 8pt;
}

#m-akt div.b div.last {
   border-bottom: none;
}

#m-akt div.b div.l span {
   font-size: 7pt;
   color: #606060;
}

#m-firm {
   width: 315px;
   height: 160px;
   overflow: hidden;
   float: left;
}

#m-firm div.f {
   margin: 10px;
}
#m-firm div#firm-f-scroll {
   height:106px;
   margin:1px 7px;
   overflow-y:scroll;
   padding-right:4px;
}

.data {
   font-size: 7pt;
}

h3.title {
   color: #CCCCCC;
   font-size: 8pt;
   padding-left: 12px;
   margin: 2px 0 5px 0;
   background: transparent url(../img/arrow2.jpg) no-repeat scroll 2px 50%;
}

div.produkt {
   width: 155px;
   height: 190px;
   margin: 5px 10px;
   margin-left: 0;
   text-align: center;
   color: #c4c4c4;
   float: left;
}

div.produkt .p-title {
   width: 155px;
   height: 30px;
   margin: 5px 0;
   font-size: 8pt;
   display: block;
}

div.produkt .p-wiecej {
   width: 155px;
   height: 30px;
   margin-top: 4px;
   border-top: 1px solid #212121;
   position: relative;
   display: block;
}

div.produkt .p-wiecej a {
   position: relative;
   top: -4px;
}

.kat-name {
   width: 315px;
   height: 50px;
   line-height: 50px;
   background-color: #0d0d0d;
   border-bottom: 1px solid #000;
   color: #fff;
   float: left;
}
.kat-name strong {
   margin-left: 15px;
}

.kat-list {
   width: 315px;
   height: 30px;
   line-height: 30px;
   border-bottom: 1px solid #0e0e0e;
   color: #969696;
   background: #000 url(../img/arrow3.gif) no-repeat scroll 294px 50%;
   float: left;
}

.kat-last {
   border-bottom: none;
}

.kat-list a {
   margin-left: 15px;
   display: block;
}

.kat-list:hover {
   background-color: #0c0c0c;
}

.kat-list a.selected, .kat-list a:hover {
   font-weight: bold;
   color: #cbcbcb;
}

.p1 {
   width: 230px;
   height: 250px;
   margin-right: 8px;
   float: left;
}

.p2 {
   width: 414px;
   height: auto;
   margin-right: 8px;
   color: #c4c4c4;
   line-height: 15pt;
   float: left;
}

.p3 {
   margin: 14px 7px;
}

.p4 {
   margin: 10px 20px;
   margin-left: 0;
   float: left;
}

#bt-pdf, #bt-3d, #bt-3d-2 {
   float: left;
}

.szukaj-kontent strong, .szukaj-kontent span {
   color: #d00000;
}

.a-small {
   font-size: 7pt;
}

.dost-kol {
   color: #fff;
   margin: 5px 0;
   display: block;
}