/*
Author:           Vellkan Design Studio Igor Chudy
Author URI:       http://www.vellkan.pl/
Version:	   1.0
Project: MP24 Home Page
Description:
*/
 
 

:focus { outline: 0; }
 


#prez {
  overflow: hidden; 
  width:650px;
}  
#prez ul#lista {
  list-style: none;  
   float: left;
 
}
#prez ul#lista li
{
  width: 188px; 
  height: 178px; 
  padding-right:8px;  
  float: left; 
}

#prez ul#lista li a 
{
  width: 188px; 
  height: 178px;  
  float: left; 
  position: relative;
 padding-left:4px;
 padding-right:4px;
   
  overflow: hidden;
  text-decoration: none;
}
#prez ul#lista li a span
{
  display: block;
  position: absolute; 
 
  top: 178px; 
  width: 170px; 
  height: 78px; 
  padding:5px;
  background: #000;
 
  color: #fff;
  font-size:11px;   
  font-family: verdana;
  
 
}

#prez ul#lista li.a {background: url(portfolio/18.jpg) left top no-repeat;}
#prez ul#lista li.b {background: url(portfolio/2.jpg) left top no-repeat;}
#prez ul#lista li.c {background: url(portfolio/3.jpg) left top no-repeat;}
#prez ul#lista li.d {background: url(portfolio/4.jpg) left top no-repeat;}
#prez ul#lista li.e {background: url(portfolio/5.jpg) left top no-repeat;}
#prez ul#lista li.f {background: url(portfolio/19.jpg) left top no-repeat;}
#prez ul#lista li.g {background: url(portfolio/7.jpg) left top no-repeat;}
#prez ul#lista li.h {background: url(portfolio/8.jpg) left top no-repeat;}
#prez ul#lista li.i {background: url(portfolio/9.jpg) left top no-repeat;}
#prez ul#lista li.j {background: url(portfolio/10.jpg) left top no-repeat;}
#prez ul#lista li.k {background: url(portfolio/17.jpg) left top no-repeat;}
#prez ul#lista li.k2 {background: url(portfolio/20.jpg) left top no-repeat;}
#prez ul#lista li.l {background: url(portfolio/12.jpg) left top no-repeat;}
#prez ul#lista li.m {background: url(portfolio/13.jpg) left top no-repeat;}
#prez ul#lista li.n {background: url(portfolio/14.jpg) left top no-repeat;}
#prez ul#lista li.o {background: url(portfolio/15.jpg) left top no-repeat;}
#prez ul#lista li.p {background: url(portfolio/16.jpg) left top no-repeat;}
#Footer {}

{ padding: 0; margin: 0 auto; }
body {
	
	background-color: #222222;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #405A67;
}

.nagport {
	font-family: helvetica;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;

	
}
.nagport2 {
	font-family: helvetica;
	font-size: 22px;
	color: #a2cf02;
	font-weight: normal;
	padding : 0px 0px 0 5px;
}
.nagport3 {
	font-family: helvetica;
	font-size: 17px;
	color: #5d5d5d;
	font-weight:bold;
	padding : 10px 0px 0 7px;
	
}
.nagport4 {
	font-family: helvetica;
	font-size: 15px;
	color: #ffffff;
	font-weight:bold;
	padding : 10px 0px 0 7px;
	
}
.footerc {
  	font-family: helvetica;
	font-size: 11px;
	color: #929292;
	font-weight:normal;
	 margin:0 auto;
	 padding-top:25px;
}
.footer2 {
  	font-family: helvetica;
	font-size: 10px;
	color: #929292;
	font-weight:normal;
		
}

.tresc1 {
  	font-family: helvetica;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
}
.tresc2 {
  	font-family: helvetica;
	font-size: 20px;
	color: #a2cf02;
	font-weight: normal;
}
.tresc3 {
  	font-family: helvetica;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
 
}
.wyroz {
  	font-family: helvetica;
	font-size: 12px;
	color: #a2cf02;
	font-weight: bold;
	
}
.wyroz2 {
  	font-family: verdana;
	font-size: 12px;
	color: #a2cf02;
	font-weight: bold;
	
}
	




a:link {
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;

}
a:visited {
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}

a:hover {
	color: #ffffff;
	font-family: helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
	

.nagobr {
	height : 93px;
	width : 15px;
	float :none;


}

#dl {
  	
	width: 353px;
	height: 100px;
	margin: 0 auto;
	padding: 26px 0px 0px 7px;
  	vertical-align : bottom;
}
#header {
	background: url(images/bg.jpg);
	width: 776px;
	height: 330px;
	margin: 0 auto;
	padding: 0 0 0 0;
 
}
#page {
	width: 776px;
         
	margin: 0 auto;
	background: #353535 ;
	border-left-style: solid;
	border-left-width: 1px;
	border-color :#6f6a6a;
	border-right-style: solid;
	border-right-width: 1px;
	margin-bottom: 1px;
	padding-bottom:1px;
}

#portfolio {
  	width: 268px;
	margin: 0 auto;
 
	float : left;
	padding-left: 5px;
	
	
}
#portfolio a
{
  color:#a2cf02;
  font-size:11px;
  text-decoration:underline;
  font-weight:bold;
  font-family:helvetica;
  padding-bottom:9px;
   
 
}
#portfolio2 {
  	width: 630px;
	margin: 0 auto;
	background: #353535;
	float : left;
	padding-left:30px;
	
}
#strona
{
  width:268px;
  height:85px;
  margin-bottom:7px;
  
}
.zdjecie
{
 
  float:left;
  padding:5px;
  width:82px;
  height:82px;
}
.tekst
{
  
   padding-top:4px;
  color:#ffffff; 
  font-size:11px; 
  line-height:15px;
}
 

#tresc {
		
  	float : left;
  	width: 340px;
	margin: 0 auto;
	background: #353535;
	padding-right : 30px;
	padding-left:30px;
	
}
#trescb {
		
  	float : left;
  	width: 616px;
	margin: 0 auto;
	background: #353535;
 	padding-right:30px;
	padding-left:10px;
	
}
#trescp {
		
  	float : left;
  	width: 600px;
	margin: 0 auto;
	background: #353535;
	padding-left:10px;
  
 
	
}

#left_linec 
{
  	float : left;
        width: 100px;
        height:830px;
        background: url(images/leftback.jpg) ;
      
}
#left_lineh 
{
  	float : left;
        width: 100px;
        height:520px;
        background: url(images/leftback.jpg) ;
}
#left_linek 
{
  	float : left;
        width: 100px;
        height:520px;
        background: url(images/leftback.jpg) ;
}  	
#left_lineo 
{
  	float : left;
        width: 100px;
        height:570px;
        background: url(images/leftback.jpg) ;
}
#left_linep 
{
  	float : left;
        width: 100px;
        height:1400px;
        background: url(images/leftback.jpg) ;
}
#footer 
{
  
  	width: 776px;
	height: 80px;
 	border-bottom:1px solid #6f6a6a;
        text-align:center;
	background: #222222 url(images/fot.jpg) ;
 	border-top:1px solid #6f6a6a;
	font-family: helvetica;
	color: #929292;
 
}
#kontakt ul
{
  list-style-type: square;
 
}
#kontakt li
{
  list-style-type: square;
  padding-bottom:10px;
}
 ul
{
list-style-type: none;
 
}
 
ul#listaoferta li p
{
   	padding-bottom:20px;
    
	display: none;
}
#tytul
{
	cursor:pointer;
	font-family: verdana;
	font-size: 12px;
	color: #a2cf02;
	font-weight: bold;
}
#opis
{
	display:none;
	 font-family:helvetica;
	 font-size:13px;
	color:#ffffff;
	width:500px;
	margin-top: 0px;
 	text-align:justify;
	margin-bottom: -5px;
}
 
.ca
{
 
  text-align:center;
}
 
#zawarc
{
 	height:830px;
}
#zawarc ul
{
   	list-style-type: square;
 
}
#zawarc li
{
   	list-style-type: square;
 	padding-bottom:7px;
}
#zawarh
{
 	height:520px;
}
#zawark
{
 	height:520px;
}
#zawaro
{
 	height:570px;
}
#zawarp
{
 	height:1400px;
}
.cl { font-size: 0; line-height: 0; height: 0; clear: both; padding:0px; margin:0; }
#kontakt

{float:left;
padding-left:180px;
line-height:10px;
}
#formularz
{
  color: #a2cf02;
  font-size:10px;
  font-family:verdana;
  padding-left:100px;
}