/* 
autor: Paweł Szejda
www.szart.pl 
www.efektreklamy.com
*/


#pop{
width: 100%;
height: 100%;
position: absolute;
Z-index: 2000;
background: url('../img/macFFBgHack.png'); background-repeat:repeat-all; background-position:center center;
cursor:pointer;
padding:0; 
margin:0; 
text-align: center;
} 
/*
#pop img{
width: 640px;
height: 480px;
padding-top: 30px;
margin:0, auto;
float: midle;
}
*/
#pop img{
width: 800px;
height: 555px;
padding-top: 30px;
margin:0, auto;
float: midle;
}
#flash{
margin-left: 42px;
margin-bottom: 10px;
margin-top: 10px;
text-align: justify;
z-index: 1;
}
#flash p{
display: block;
text-align: left;
float: left;
}
#flash img{
float: left;
display: inline;
float: left;
margin-top: 14px;
margin-right: 5px;
}
#flash a{
	font-size: 12px;
	text-align:center;
	color: #cccccc;	
}
#flash a:visited{
	font-size: 12px;
	text-align:center;
	color: #cccccc;	
}


fieldset{
border: none;
}

form li{
width: 300px;
}

form span.required{
	display:inline;
	float:left;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}
fieldset{border:0; margin:0; padding:0; text-align:left; float:left;}
ul.form{float:left; list-style:none; padding:0; margin:0; width:480px; border:0; color:#342c21;}
.form_head{height:20px; width:480px; color:#aaa; margin:0;
	text-align:center; border-bottom:0 !important;}
ul.form li label{
display:block;
float:left;
width:160px; 
margin:0;
clear: both;
}
.required{display:block; font-size:10px; color:#999; width:160px; float:left;
	clear:left; padding-left:12px; background:transparent url("../img/wymagane.gif") center left no-repeat;
	}
ul.form li input, ul.form li select, ul.form li textarea{
  	background-color:#eee; border:1px solid #ccc; padding-left:3px;}
	
ul.form li.submit{text-align:right;border:0; background:none;}
ul.form li.submit input{background:transparent url("../img/wyslij.gif") no-repeat;
	border:0 none; cursor:pointer; display:block; height:24px; width:110px;
	overflow:hidden; text-indent:-4000px; float:left;}
#comment{width:480px; background-color:#eee; border:1px solid #ccc;}

ul.form li textarea{height:90px;width:310px;}

li.comment .required, ul.form li.comment label{width:120px; background:none;}
li.comments{height:130px !important;}
.valid{border:1px solid #70a0ff !important;}
.invalid{border:1px solid red !important; }

#tresc form ul li{
margin:10px 0px 3px 0px;
padding:0px 0px 0px 20px;
font-size:14px;
color: #666666;
background:url(../img/minus.gif); background-repeat:no-repeat; background-position:3px 5px;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:130px;
	margin:0 0 0 20px;
	padding:8px 5px 5px 5px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	visibility:hidden;
	font-size:105%;
}
form .instruct small{
	line-height:120%;
	font-size:80%;
	color:#444;
}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}



html, body {
height: 100%; 
background: #ffffff url('tlo_body.gif'); 
font-family: Arial;
font-size:14px;
color: #000000;
}
ul {
list-style: none; 
line-height: normal;
}
body, div, em {
font-weight:normal; 
padding:0; 
margin:0; 
text-decoration:none;
}
p{
margin:0px 0px 15px 42px;
color: #333333;
clear: both;
}
p em{
font-family: Times;
font-weight: bold;
margin-top: 10px;
margin-left: 20px;
padding-left: 5px;
color: #70a0ff;
min-height:18px;
display:block;
}
p i{
font-family: Times;
font-size: 18px;
font-weight: bold;
display:inline;
}
p em:before{
width: 20px;
content: url(../img/zarowka.gif);
background: url("../img/zarowka.gif");
background-repeat:no-repeat;
position:relative;
left:-25px;
top: 17px;
display:block;
border-right:1px solid #70a0ff;
}
p span{
width: 215px;
padding-right: 12px;
margin-bottom: 20px;
display:block;
float: left;
/*border-top:1px solid #70a0ff;*/
}
p span:first-line{
font-weight: bold;
color: #70a0ff;
}
#tresc p a img {
margin-right: 20px;
margin-bottom: 10px;
border:1px solid #cccccc;
display:inline;
float: left
}
#tresc p a:hover img {
margin-right: 20px;
margin-bottom: 10px;
border:1px solid #70a0ff;
display:inline;
float: left
}
p i {
font-size: 12px;
color: #666666;
}
a {
font-weight:normal; 
padding:0; margin:0; 
text-decoration:none; 
}
a img {
border:none;
}
h1{
font-size:20px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:30px 0px 15px 42px;
}
h2{
font-size:16px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:10px 0px 15px 42px;
display:block;;
}
.zakres{
font-size:14px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:30px 0px 15px 42px;
padding-left: 18px;
background: url('../img/strzalka.gif'); background-repeat:no-repeat; background-position:top left;
}
.wyposazenie{
font-size:14px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:30px 0px 15px 42px;
padding-left: 18px;
background: url('../img/wyposazenie.gif'); background-repeat:no-repeat; background-position:top left;
}
.tarcza{
font-size:14px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:20px 0px 15px 42px;
padding-left: 18px;
background: url('../img/tarcza.gif'); background-repeat:no-repeat; background-position:top left;
}
.uprawnienia{
font-size:14px;
font-weight:bold;
font-family: Times;
color: #70a0ff;
margin:20px 0px 15px 42px;
padding-left: 18px;
background: url('../img/uprawnienia.gif'); background-repeat:no-repeat; background-position:0px 4px;
}
h5{
font-size:12px;
font-weight:bold;
margin:0px;
}
#pozycja{
margin: 0 auto; 
padding: 0px; 
min-width:770px; 
min-height:100%; 
}
.pojemnik{
margin: 0px;
width:1000px; 
}
#naglowek{
margin: 0 auto; 
width:100%; 
height:196px; 
background:url('../img/naglowek.jpg'); background-repeat:repeat-x; background-position:left bottom;

/* 
background:url('../img/naglowek-zaloba.jpg'); background-repeat:repeat-x; background-position:left bottom;
*/
 
border-bottom:4px solid #f6d300;
}
#glowna[class="Index"]{
margin: 0 auto;
width:100%;
background: #ffffff;
}
#nawigacja ul{
margin: 24px 0px 0px 0px;
padding-top:10px;
padding-left:30px;
width:124px;
float: left;
}
#nawigacja ul li {
margin:0px;
padding-top:10px;
margin-left:1px;
width:124px;
float: left;
text-align: left;
background: url('../img/menu.jpg'); background-repeat:repeat-y; background-position:top left;
}
#nawigacja ul li img{
padding-top:30px;
padding-left:10px;
}
#nawigacja ul li b{
padding-left:18px;
font-size:14px;
font-weight:bold;
color: #70a0ff;
display: block;
}
#nawigacja ul li:first-child{
margin:0px;
padding-top:20px;
width:124px;
float: left;
text-align: left;
background: url('../img/menu-gora.jpg'); background-repeat:no-repeat; background-position:top left;
}
#nawigacja ul li:last-child{
margin:0px;
padding-bottom:30px;
width:124px;
float: left;
text-align: left;
background: url('../img/menu-dol.jpg'); background-repeat:no-repeat; background-position:bottom left;
}
#nawigacja ul li a{
font-size:14px;
font-weight:bold;
color: #000000;
padding-left:20px;
}
#nawigacja ul li a:hover{
font-size:14px;
font-weight:bold;
color: #70a0ff;
padding-left:20px;
}
#tresc{
margin:0px 0px 30px 0px;
max-width:500px;
min-height:550px;
text-align:justify;
float: left;
}

#tresc[class="Index"] {
width:500px;
background: url(../img/tlo_index_.jpg); background-repeat:no-repeat; background-position:top right;
text-align: justify;
}
#tresc ul{
margin:5px 0px 20px 42px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #70a0ff;
border-top:1px solid #70a0ff;
}
#tresc ul li{
margin:10px 0px 3px 0px;
padding:0px 0px 0px 20px;
font-size:14px;
color: #666666;
background:url(../img/ptaszek.gif); background-repeat:no-repeat; background-position:3px 5px;
}
#prawa{
margin:0px 0px 0px 0px;
width:280px;
text-align:justify;
float: left;
}
#prawa p a {
margin-bottom:10px;
float: left;
border: none;
text-decoration: none;
}



a:hover .mail{
padding:0px 0px 0px 26px;
background: url(../img/mail.png); background-repeat:no-repeat; background-position:top left;
color: #eedcb0;
}
a .google{
padding:0px 0px 0px 70px;
height: 24px;
display: block;
background: url(../img/google_maps.png); background-repeat:no-repeat; background-position:top left;
cursor: pointer;
color: #ffffff;
}
a:hover .google{
padding:0px 0px 0px 70px;
height: 24px;
display: block;
background: url(../img/google_maps.png); background-repeat:no-repeat; background-position:top left;
cursor: pointer;
color: #eedcb0;
}
#prawa ul{
margin:5px 0px 20px 0px;
}
#prawa ul li{
margin:0px 0px 5px 5px;
padding:0px 0px 0px 16px;
font-size: 12px;
color: #666666;
background:url(../img/punkt.gif); background-repeat:no-repeat; background-position:3px 5px;
}
#stopka{
margin: 0 auto; 
width:100%; 
height:90px; 
font-family: Arial;
color: #ffffff;
background: #4e698d url('../img/stopka.gif'); background-repeat:repeat-x; background-position:top;
border-top:4px solid #f6d300;
}
#stopka span{
font-size:14px;
}
#stopka a{
color: #ffffff;
}
#stopka a:hover{
color: #ffffff;
text-decoration: underline;
}
#copyright{
font-size:10px;
margin-top:10px;
width:154px;
text-align: right;
float: left;
}
#centrum{
font-size:12px;
margin-top:10px;
margin-left: 42px;
width:200px;
float: left;
}
#dyzurny{
font-size:12px;
margin-top:10px;
margin-left: 42px;
width:240px;
float: left;
}
#biuro{
font-size:12px;
margin-top:10px;
margin-left: 42px;
width:200px;
float: left;
}

/* End */