/* ========================================================================= */
/* screen.css - media: screen */
/* ========================================================================= */

 

/* ========================================================================= */
/* 	GENERIC STYLES */
/* ========================================================================= */

html,body {width: 100%;	}

html {
height: 100%;
margin: 0;
padding: 0; 
}


body {
height: 100%;	

text-align: left; 
font: normal 70% Tahoma, Verdana, Helvetica, sans-serif; /* ~11px */
margin: 0; 
padding: 0; 

background: #26170a;/*url("../images/bg.png") repeat 0 0;*/
}

/* Clearing Floats Without Structural Markup - ala http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
display: block; 
clear: both; 
visibility: hidden;
height: 0; 
content: "."; 
}

/* Aural class - Hide the text from the screen without using display:none */
.aural {
position: absolute; 
top: -9999px;
font-size: 0;
}

/* Fahrner Image Replacement technique - ala http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace {
position:relative;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
margin:0; 
padding:0;
}
.replace span {
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index: 1;
}

/* Last elements are without borders */
.last {
border: 0 !important;
}
.clearer {
clear: both;
}

/* ============================================================================ */
/* BASE STYLES */
/* ============================================================================ */
p { 
line-height: 1.2em;
font-size:1em;
margin: 5px 3px 0 5px;
text-indent:0px;
}
h1 { 

}

h2 { 

}

#main-left h2 {
color:#fff;
margin: 5px 0px 5px 0;
background-color:#70a205;
padding: 2px 0 2px 5px;
}


#main-right h2 {
color:#fff;
margin: 5px 0px 5px 0;
background-color:#6f2e0a;
padding: 2px 0 2px 5px;
}

h3 { 
	
}

h4 { 
	
}

h5 { 

}

/* lists ----------------------------------------------------------------- */
ul { 
list-style-type: disc;
list-style-position: outside; 
margin: 0 0 0 0;
}

ol { 
line-height: 1em; 
list-style-position: inside; 
margin: 0 0 0 0;
}


ul li,
ol li {
line-height: 1em;
}

ul.tagownia li {
display:inline;
}

.pop1 {
font-size:0.87em;
}

.pop2 {
font-size:1.12em;
}

.pop3 {
font-size:1.20em;
}

.pop4 {
font-size:1.47em;
}

.pop5 {
font-size:1.70em;
}

/* tabele ----------------------------------------------------------------- */
table { 
	
}

table th { 

}

table td { 
	
}

caption { 
display: none; 
}

/* linki ----------------------------------------------------------------- */
a {
color:#345269;
text-decoration: none; 
font-weight: bold;

}

#main-left p a {
color:#70a205;
}

#main-left p a:hover {
color:#6f2e0a;
}

#main-right p a {
color:#70a205;
}

#main-right p a:hover {
color:#6f2e0a;
}

#main-left a img {
border: 4px solid #70a205 !important;
}

#main-right a img {
border: 4px solid #6f2e0a !important;
}

a:hover, 
a:active, 
a:focus {
	
}

a[href^="http://"] {

}

/* formularze ----------------------------------------------------------------- */
form { 

}

form div {

float: left;
padding: 0 0;

}

fieldset { 

border: 0;

}

legend { 

}

label { 

float: left;

}

label.checkbox,
label.radio {

width: auto;
padding: 0 0 0 0;

}

label img {
	display: inline;
	padding: 0 2px;
}

input { 

border: 0; 
padding: 1px;

}

input.text {
	
}

input.radio,
input.checkbox,
input.submit,
input.image {

width: auto;

}

select { 
	
}

textarea { 
	
}


/* inne ----------------------------------------------------------------- */
img {

display: block; 

}

a img { 

border: 0; 

}

abbr { 
	
}

hr { 
	
}

strong {
	font-size:90%;
	font-weight: bold;
}

em {
	
}

/* ========================================================================= */
/* STYLOWA LOWA LOWA */
/* ========================================================================= */
#wrapper {
position:relative;
width:100%;

}

#container {
position: absolute;	
width:100%;

font-size:1em;
line-height:1.15em;

}

#pion {
position:absolute;

min-width:935px;
width:100%;
height:670px;

background: url('../images/bg.png') repeat 0 0;
}

* html #pion {

width:expression(document.body.clientWidth < 936? "935px": "100%" );

}

#head {
position:absolute;
top:0;


width:100%;
height:140px;

background: url("../images/head-bg.gif") repeat-x 0 0;
	
}



#head2 {
position:absolute;
top:533px;
left:0;


width:100%;
height:137px;

background: url("../images/foot-bg.gif") repeat-x 0 0;
	
}

#head #logo-up {
position:absolute;

top:50%;
left:2%;

width:260px;
height:90px;

margin-top:-40px;

background: url("../images/napis-top.png") no-repeat 0 0;
}

#head a.logo-img{
display:block;

width:260px;
height:90px;

border: 0 none;

}

#head2 #logo-down {
position:absolute;

bottom:50%;
right:2%;

width:300px;
height:80px;

margin-bottom:-45px;

background: url("../images/napis-down.png") no-repeat 0 0;

}

#head2 a.logo-img{
position:relative;
display:block;

width:300px;
height:80px;


border: 0 none;

}

#overlay_bg {
position:fixed;

display:none;

z-index:9990;
top:0px;
left:0px;

width:100%;
height:100%;

background:#cccc99;

opacity:0.6; /* dla FF */
filter:alpha(opacity=60); /* dla IE */


}

#overlay_content {
position:fixed;

display:none;

z-index:9999;
left:50%;
top:50%;

width:145px;
height:100px;

margin: -100px 0 0 -100px;
padding:100px 0 0 55px;

overflow:hidden;

background: url("../images/overlay-loader.gif");

font-size:1.5em;
color:#fff;


}

/* bloki zawartosci stala szerokosc  --------------------------------- */

#center-content {
position:absolute;
left:50%;

width:935px;
height:393px;

margin: 140px 0 140px 0;
margin-left:-467px;

background: url("../images/side-bg.png") repeat 0 0;
}


#main {
position:relative;

}

#main-left {
position:absolute;
top:0;
left:0;

width:421px;
height:310px;

padding: 5px 14px 16px 20px;

background: url("../images/left-cont.gif") no-repeat 0 0;
}

#main-left .text {
height:310px;
overflow:hidden;
}

#main-right {
position:absolute;
left:478px;
top:62px;

padding: 17px 10px 5px 25px;

width:421px;
height:330px;

background: url("../images/right-cont.gif") no-repeat 0 0;
}

#main-right .text {
height:310px;
overflow:hidden;
}


.text img {
float:left;

margin: 5px 10px 0 0;
}



/* ------------------------------------------------------------------------- /*


/* end */