/* STYLE ------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana;
    font-size: inherit;
}

body {
	background-color: #272626;
	font-size: 0.75em;
	color: #dadada;
    behavior: url("csshover3.htc"); 
}

a, a:visited, a:hover {
	color: #dadada;
    text-decoration:none;
}

td {
    vertical-align: top;
}

input, textarea, select {
    border: 1px solid #272626;
}
input[type=radio] {
    background-color: transparent !important;
    border: none !important;
}

h1,h2,h3,h4 { color: #e44b00; }
h2 a, h3 a, h4 a, h2 a:visited, h3 a:visited, h4 a:visited { color: #e44b00; }
h2 { font-size: 1.15em; margin-bottom: 1em; }
h3 { font-size: 1.10em;	margin: 0.50em 0; }
h4 { font-size: 1.05em;	margin: 0.25em 0; }

ol, ul {
	padding-left: 25px;
}

a.colorbox { }
a.colorbox img { border: 0; }

#firstColumn,
.lewa {
	width: 48%;
	float: left;
    clear: left;
}

#secondColumn,
.prawa {
	width: 48%;
	float: right;
}

img {
    border:none;
}

.linki{
    text-align: left;
    margin-top:20px;
    clear: both;
}
.linki a {
    padding-right:19px !important;
}

.hbold {
    font-weight: normal;
}

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

body {
	background: #272626 url('../img/bg.gif') top center repeat-y fixed;
}

#container {
	margin: 0 auto;
	width: 1002px;
}

#header {
	z-index: 0;
	position: fixed;
	top: 0;
	width: 1002px;
	height: 459px;
	background: url('../img/header.jpg') left top no-repeat;
}

#header_shadow {
	z-index: 4;
	position: fixed;
	top: 0;
	background: url('../img/header_shadow.gif') 19px 0 no-repeat;
	height: 10px;
	width: 1002px;
}

#wrapper {
	z-index: 2;
	position: relative;
	text-align: justify;
}

#logo {
	margin: 10px 37px 0 19px;
	height: 260px;
	width: 946px;
	background: url('../img/logo.jpg') 0 0 no-repeat;
	position: relative;
}

#dvi {
	display: block;
	width: 98px;
	height: 56px;
	background: url('../img/dvi.gif') 0 0 no-repeat;
	position: absolute;
	right: 59px;
	top: 24px;
}

#langs {
	display: block;
	position: absolute;
	right: 59px;
	top: 100px;
}
#langs a {
    margin-left: 1.5em;
    text-decoration: none;
}

#dvi a {
	display: block;
	height: 56px;
}

#olawski {
	display: block;
	width: 83px;
	height: 90px;
	background: url('../img/olawski.gif') 0 0 no-repeat;
	position: absolute;
	left: 45px;
	top: 21px;
}

#olawski a {
	display: block;
	height: 90px;
}

#menu {
	z-index: 5 !important;
	position: absolute;
	right: 63px;
	bottom: -25px;
	height: 25px;
}

#menu, #menu ul {
    list-style-type: none;
    zoom: 1;
    margin: 0;
    padding: 0;
}

#menu li {
    float: left;
    margin: 0;
    padding: 0;
}
#menu li ul li {
    float: none;
}

#menu li ul {
    padding: 10px 0;
    display: none;
    background: #4d4948;
}
#menu li:hover ul {
    display: block;
    position: absolute;
}

#menu a {
	margin: 0 6px 0 6px;
	color: #dadada;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
	color: #ffffff;
}

#content {
	background: url('../img/logo_fade.png') 0 0 no-repeat;
	width: 946px;
	margin: 0 37px 100px 19px;
}

#text {
	padding: 65px 55px 0 55px;
	line-height: 1.50em;
	overflow: hidden;
	height: 100%;
}

#first_column {
	float: left;
	width: 395px;
}

#second_column {
	float: right;
	width: 395px;
}

#footer_shadow {
	z-index: 1;
	padding-bottom: 45px;
	position: fixed;
	bottom: 0;
	width: 1002px;
}

#shadow_left {
	float: left;
}

#shadow_right {
	float: right;
}

#shadow_left {
	width: 19px;
	height: 295px;
	background: url('../img/shadow_left.gif') 0 0 no-repeat;
}

#shadow_right {
	width: 37px;
	height: 295px;
	background: url('../img/shadow_right.gif') 0 0 no-repeat;
}

#footer_txt_fade {
	width: 946px;
	height: 45px;
	margin: 0 37px 0 19px;
	background: url('../img/footer_txt_fade.png') left bottom no-repeat;
}

#footer {
	z-index: 3;
	position: fixed;
	bottom: 0;
	width: 1002px;
	height: 90px;
	background: url('../img/footer.jpg') left bottom no-repeat;
}

#copyright {
	margin: 0 auto;
	width: 174px;
	height: 26px;
	font-size:9px;
	display: block;
	clear: both;
	padding: 13px 37px 0 19px;
}
#copyright a {
    text-decoration:none;
    font-size:9px;
    color: #DADADA;
}

div.error {
	padding: 1em 25px;
	margin: 1em;
	border: 1px solid #f00;
    color: black;
	background: #fdd url('../img/error.png') 5px center no-repeat;
}

div.info {
	padding: 1em 25px;
	margin: 1em;
	border: 1px solid #aaf;
    color: black;
	background: #bbf url('../img/info.png') 5px center no-repeat;
}

div.debug {
	padding: 1em 25px;
	margin: 1em;
    color: black;
	background: #fff url('../img/debug.png') 5px center no-repeat;
}

a.bez {
	text-decoration: none !important;
	color: inherit !important;
}

p.podkreslenie {
    border-bottom: solid 1px;
    border-color:#AAAAAA;
    margin-bottom:5px;
    padding-bottom:5px;
    margin-top: 1em;
}

#main-left {
    float: left; 
    width: 575px;
}

#main-right {
    float: right;
    width: 188px;
    font-size: 0.95em;
    color: #d5d5d5;
    padding-top: 40px;
}

#main-right a {
    
}
#main-right a img {
    padding-top:15px;
    padding-bottom:0px;
    border:0;
}

.submenu {
    padding:10px !important;
    color:black !important;
   /* background: transparent !important;*/
}
.submenu li {
    padding:5px !important;
    border-bottom:#FFFFFF solid 1px;
}

.newsletter-listy {
    list-style:none;
    list-style-position:inside;
    padding-left:0;
}

.adres span {
    display: none
}


/* ************************** */

.b { font-weight: bold; }

w25    { width: 25% !important; }
.w50    { width: 50% !important; }
.w75    { width: 75% !important; }
.w33    { width: 33% !important; }
.w66    { width: 66% !important; }
.w100   { width: 100% !important; }

.nowrap,
.nowrap td,
.nowrap th	{ white-space: nowrap; }

.inline {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.fx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.news {
    clear: both;
}
a.czytaj {
    display: block;
    text-align: right;
}

form div.form             { padding-left: 150px; margin-bottom: 0.5em; }
form div.form label       { margin-left: -150px; width: 140px; float: left; }
form.formularz input.text           { width: 30em; }
form.formularz textarea             { width: 30em; height: 8em; }

input, textarea, select {
    border: 1px solid #cdcdcd;
}
input[type=radio],
input[type=image] {
    background-color: transparent !important;
    border: none !important;
}

input[type=checkbox] {
    background-color: transparent !important;
    border: none !important;
}

input[type=submit], input[type=reset], input[type=button], .button {
	border: none !important;
    background-color: transparent !important;
    background-image: url('../img/button-75.gif');
    width: 75px;
	height: 25px;
	font-weight: bold;
	font-family: Arial, serif, Verdana;
	font-size: 13px;
	color: #7e7e7e;
	display: inline-block;
	padding-bottom: 5px;
	cursor: pointer;
}

div.file     { position: relative; }
div.file div { position: absolute; top: 0px; left: 0px; z-index: 1; }
div.file input[type=file] {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.galeria-album      { margin-bottom: 2em; }
.galeria-zdjecie    { margin-left: 150px; margin-bottom:1em; }
.galeria-miniatura  { margin-left: -150px; float: left; }

table.forum-tematy th           { padding: 0.25em 1.00em !important; border-bottom: 1px dotted #666; text-align: center; vertical-align: middle; font-weight: bold; }
table.forum-tematy td           { padding: 0.20em 0.50em !important; border-bottom: 1px dotted #666; }
table.forum-tematy img			{ vertical-align: middle !important; border: none !important; }

table.forum-temat               { }
tr.forum-post                   { }
tr.forum-post td                { padding-bottom: 2em; }
td.forum-post-autor             { padding-right:2em; white-space:nowrap; }

form.forum-nowy input.text           { width: 100%; }
form.forum-nowy textarea             { width: 100%; height: 8em; }

.sklep-menu {
    float: right;
}

.sklep-menu li {
    display: inline;
    padding: 0 0.5em;
}

.sklep-produkty,
.sklep-kategorie {
    margin-top: 2em;
}

.sklep-produkt {
    margin-bottom: 1em;
}

.sklep-produkt .opis,
.sklep-kategoria .opis {
    margin-left: 120px;
}

.sklep-produkt .zdjecie {
    float: left;
}

.sklep-produkt .cena {
    text-align: right;
    font-weight: bold;
    color: #008000;
}
.sklep-produkt .cena span {
}

.sklep-produkt .cena ins {
    text-decoration: none;
    font-size: 1.5em;
}

#sklep-kategoria-powrot {
    margin-top: 2em;
    clear: both;
}

.do-koszyka,
#do-koszyka {
    float: right;
}

#sklep-produkt-zdjecia {
    margin-top: 2em;
}

#sklep-produkt-zdjecia .zdjecie {
    display: inline-block;
    width: 120px;
    height: 110px;
}

table#sklep-zamowienie-produkty,
table#sklep-zamowienie-historia,
table#sklep-zamowienia,
table.sklep-koszyk {
    width: 100%;
    border-collapse: collapse;
}

table#sklep-zamowienie-produkty th,
table#sklep-zamowienie-historia th,
table#sklep-zamowienia th,
table.sklep-koszyk th {
    padding: 0.5em;
    text-align: center;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

table#sklep-zamowienie-produkty td,
table#sklep-zamowienie-historia td,
table#sklep-zamowienia td,
table.sklep-koszyk td {
    padding: 0.25em 1em;
    border-bottom: 1px solid #666;
}

table#sklep-zamowienie-produkty tr:hover td,
table#sklep-zamowienie-historia tr:hover td,
table#sklep-zamowienia tr:hover td,
table.sklep-koszyk tr:hover td {
    background-color: #333;
}

#sklep-rachunek, #sklep-wysylka, #sklep-transport, #sklep-platnosc {
    vertical-align: top;
    display: inline-block;
    width: 45%;
}
#sklep-rachunek, #sklep-wysylka, #sklep-transport, #sklep-platnosc {
    *display: inline;
}

#sklep-realizuj textarea {
    width: 60%;
    height: 6em;
}

/* COLORBOX ---------------------------------------------------------------- */

#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img#modalPhoto{display:block; border:0; margin:auto;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


#modalBackgroundOverlay{background:#000;}
#colorBox{}
#borderTopLeft{width:27px; height:27px; background:url(../img/colorbox/borderTopLeft.png) 0 0 no-repeat;}
#borderTopCenter{height:27px; background:url(../img/colorbox/borderTopCenter.png) 0 0 repeat-x;}
#borderTopRight{width:27px; height:27px; background:url(../img/colorbox/borderTopRight.png) 0 0 no-repeat;}
#borderBottomLeft{width:27px; height:27px; background:url(../img/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
#borderBottomCenter{height:27px; background:url(../img/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
#borderBottomRight{width:27px; height:27px; background:url(../img/colorbox/borderBottomRight.png) 0 0 no-repeat;}
#borderMiddleLeft{width:27px; background:url(../img/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
#borderMiddleRight{width:27px; background:url(../img/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
#modalContent{background:#fff;}
#modalContent a {color: #999;}
#modalLoadedContent{margin-bottom:20px;}
#contentTitle{position:absolute; top:-25px; left:2em; font-weight:bold; color: #fff;}
#contentCurrent{position:absolute; bottom:0px; left:70px; font-weight:bold; color:#999;}
#contentPrevious{position:absolute; bottom:0px; left:0; font-weight:bold;}
#contentNext{position:absolute; bottom:0px; left:110px; font-weight:bold;}
#modalLoadingOverlay{background:url(../img/colorbox/loading.gif) 5px 5px no-repeat #fff;}
#modalClose{position:absolute; bottom:0; right:0; display:block; font-weight:bold;}
#modalClose:hover{background-position:bottom left;}