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

 

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

html {
/*height: 100%;*/
margin: 10px 0 0 0; 
padding: 0; 
}

body {
/*height: 100%;*/
text-align: left; 
font: normal 12px Verdana, Arial, sans-serif;
margin: 0; 
padding: 0; 
_margin-top:10px;
}

/* 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: 1em;
margin: 0 0;
}
h1 { 

}

h2 { 

}
h3 { 
	
}

h4 { 
	font-size:1.2em;
}

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;
}

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

table th { 

}

table td { 
	
}

caption { 
display: none; 
}

/* linki ----------------------------------------------------------------- */
a {

text-decoration: none; 
font-weight: bold;
color:#515151;


}

#tresc a {
	border-bottom: 1px dotted;
}

a:hover, 
a:active, 
a:focus {
	color:#770000;
}

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-weight: bold;
}

em {
	
}

/* ========================================================================= */
/* STYLOWA LOWA LOWA */
/* ========================================================================= */
#box {
	display:block;
	width:1000px;
	margin:20px auto 0 auto;
	position:relative;
}

* html #box {
	height: 100%;
}

#langbar {
	display:block;
  position:absolute;
  text-align:left;
  top:76px;
  z-index:10;
}

#langbar a img{
	display:inline;
}

#izba {
	left:520px;
	position:absolute;
	top:-35px;
	z-index:2;
}

#top_baner_photo {
  position:absolute;
  right:-1px;
  top:-30px;
  
  width:284px;
  height: 421px;
  
  
  background: transparent url(../images/top-baner-pic.png) no-repeat left top;
}

#header {
	display:block;
}

#top_menu {
	width:1000px;
	height:74px;
	margin-top:0;
}

#top_menu ul {
	float:left;
	width:510px;
	list-style:none;
	background:transparent url("../images/menu-up.png") repeat-x 0px -74px;
}

#top_menu ul li {
	float:left;
	width:100px;
	height:74px;
	
}

#top_menu ul li a {
	display:block;
	width:100px;
	height:74px;
	text-indent:-9999px;
	outline:0;
}

#top_menu ul li.m1 a {
	background:transparent url("../images/menu-up.png") no-repeat 0 -74px;
}
#top_menu ul li.m2 a{
	background:transparent url("../images/menu-up.png") no-repeat -100px -74px;
}
#top_menu ul li.m3 a{
	background:transparent url("../images/menu-up.png") no-repeat -200px -74px;
}
#top_menu ul li.m4 a{
	background:transparent url("../images/menu-up.png") no-repeat -300px -74px;
}
#top_menu ul li.m5 a{
	background:transparent url("../images/menu-up.png") no-repeat -400px -74px;
}

#top_menu ul li.m1 a:hover {
	background-position:0 0;
}
#top_menu ul li.m2 a:hover {
	background-position:-100px 0;
}
#top_menu ul li.m3 a:hover {
	background-position:-200px 0;
}
#top_menu ul li.m4 a:hover {
	background-position:-300px 0;
}
#top_menu ul li.m5 a:hover {
	background-position:-400px 0;
}

#top_baner {
	position:relative;
	width:1000px;
	height:307px;
	
	margin-top:0;
	background: transparent url("../images/top-baner.jpg") no-repeat 0 0;
}

#top_baner h1 {
	display:block;
	position:absolute;
	top:110px;
	left:400px;
	width:300px;
	
	font-family:verdana,sans-serif;
	font-size:3.8em;
	text-align:center;
	
	cursor:default;
}

#top_baner h2 {
	display:block;
	position:absolute;
	top:77px;
	left:80px;
	width:148px;
	height:148px;
	
	font-family:verdana,sans-serif;
	font-size:2.8em;
}
#top_baner h2 a {
	display:block;
	width:148px;
	height:148px;
	text-indent:-9999px;
	outline:none;
}
/* ------------------------------------ */
/* -------------tech menu-------------- */

#tech_menu {
	clear:both;
	display:block;
	height: 135px;
	width:1000px;
}


#techs {
	position: relative;
	height: 135px;
	list-style:none;
	background: transparent url("../images/tech-start.png") repeat 0 0;
}
 
#techs .teki {
	float:left;
	width:199px;
	height: 135px;
}

#techs .teki a {
	display: block;
	height: 135px;
	overflow:hidden;
	outline:none;
}

#t_1 {background: transparent url("../images/tech-start.png") no-repeat 0 0;}
#t_2 {background: transparent url("../images/tech-firma.png") no-repeat 0 0;}
#t_3 {background: transparent url("../images/tech-oferta.png") no-repeat 0 0;}
#t_4 {background: transparent url("../images/tech-klienci.png") no-repeat 0 0;}
#t_5 {background: transparent url("../images/tech-kontakt.png") no-repeat 0 0;}
/* ---------------------------------------- */
/* -------------end tech menu-------------- */

#tresc {
	margin:10px 10px 0 10px;
}

#tresc ul {
	list-style-type:square;
	list-style-position:inside;
	padding:5px 10px 7px 14px;
}
#tresc ul li, ol li {
	line-height:15px;
}

#tresc p {
	padding: 5px 0 5px 7px;
	line-height:15px;
	clear:both;
	text-align:justify;
}
#tresc p em{
	font-style:italic;
}
#tresc table tr td p {
	padding:0;
	margin:0;
	text-align:left;
}
#tresc table tr td {
	font-size:12px;
	padding:7px;
}

#tresc h2 {
	font-size:1.6em;
	margin-bottom:10px;
	color:#921F00;
}
#tresc h3 {
	font-size:1.3em;
	padding-left:7px;
	margin-bottom:10px;
	
}
#tresc h4 {
	font-size:1.15em;
	padding-left:7px;
}

#tresc img {
	float:left;
	margin:2px;
	border:0 none;
}

#tresc #lewa {
	float:left;
	width:380px;
	
	padding: 0 5px 0 5px;
}
#tresc #lewa p {
	padding: 5px 0 5px 5px;
}
#tresc #lewa h3 {
	font-size:1.1em;
	padding:0;
}

#tresc #prawa {
	float:left;
	width:580px;
	
	padding: 0px 5px 5px 5px;
	
}
#tresc #prawa p {
	padding: 5px 0 5px 5px;
}

#stopka {
	display:block;
	width:100%;
	height:44px;
	margin-top:15px;
	padding:3px 0 3px 5px;
	
	background: transparent url("../images/stopka.png") repeat-x 0 0;
}

#stopka span {
	float:left;
	margin-top:17px;
	font-size:0.9em;
	color:#fff;
	
}
#stopka span.creator {
	float:right;
	margin-right:10px;
}

#stopka span a,#stopka span a:active,#stopka span a:hover {
	color:#fff;
	font-weight:normal;
}
/* ------------------------------------------------------------------------- /*


/* end */