img, div, td, a, input { behavior: url(iepngfix.htc); }

div {
	overflow: hidden;
}

.menu {
display: block;
border: 1px solid #fff;
color:#fff; 
text-align: center; 
float: left; 
height:35px; 
font-size:13px;
padding-left:15px;
padding-right:15px; 
padding-top:9px;  

}

.menu:hover {
color: #000;
background: #999;
text-decoration: none;
}

body {
 background-image: url(../../content/images/logo2.png); 
	background-color: #fff;
	background-repeat: no-repeat;  
	
	background-position: top left;	
	border: 0px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#gora {
	margin:auto;
	width:800px; 
	margin-top:0px;
	height:100px;

}

#container{
	margin:auto;
	width:800px; 
	margin-top:20px;
	
	border: 0px solid #ccc;
}	

li.portfolio
{
  list-style:none;
  position:absolute;
  opacity:0;
  width:300px;
  height:186px;
}
li.portfolio:first-of-type
{
  opacity:1;    
}
.screeny div
{
width:300px;
height:186px;    
}
.main {
	width:100%;
	position:relative;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0 0 0 0;
	overflow:hidden;
	background:url(bg.png) center 0 no-repeat  #000000;
}
#fotos
{


width:1000px;  
height: 278px;
margin-top:15px;

}
.strzalka
{
display:block;
float:left;
width:45px;
height:50px;
margin-top:85px;
color:white;
font-weight:bold;
font-size:15px;
color:#ccc;
padding-top:45px;
text-align:center;
background-color:#fff;
background-image: url(arrow.jpg);
}
.strzalka:hover
{
background-color:#fff;
background-image: url(arrowh.jpg);
}
.strzalkal
{
display:block;
float:left;
width:45px;
height:50px;
margin-top:85px;
color:white;
font-weight:bold;
font-size:15px;
color:#ccc;
padding-top:45px;
text-align:center;
background-color:#fff;
background-image: url(arrowl.jpg);
}
.strzalkal:hover
{
background-color:#fff;
background-image: url(arrowlh.jpg);
}
#zdjecia
{
float: left;



height:286px;
}
#zdjecia img
{ 
position: absolute;
width:590px;
height:340px;


}


@font-face {
 font-family: Avant;
 src: url(lackey.ttf);
}

span.avant {
 font-family: Avant;
 font-size: 36px;
 text-align: right;
}

#efekt
{
    display: block;
    width: 200px;
    height: 300px;
    background: url('studio.jpg') no-repeat;
    background-position: 0 0px;
    float: left; 
	  border-bottom: 12px solid #00A0E3;
	  margin-left: 0px; 
		margin-right:20px;
	  text-align: right;
}

.pf_nr_active 	{ 
	  width: 20px;
    height: 19px;
    background: url('pf3.jpg') no-repeat;
    background-position: -19 0px;
    float: left; 
    text-align: right;	
	  margin-left: 0px;
		 
		overflow: hidden; 
		position: relative; 
}
.pf_nr_3 	{ 
	  width: 20px;
    height: 19px;
    background: url('pf3.jpg') no-repeat;
    background-position: 0 0px;
    float: left; 
    text-align: right;	
	  margin-left: 0px; 
		overflow: hidden; 
		position: relative; 
}

.pf_nr_2 	{ 
	  width: 20px;
    height: 19px;
    background: url('pf2.jpg') no-repeat;
    background-position: 0 0px;
    float: left; 
    text-align: right;	
	  margin-left: 0px; 
		overflow: hidden; 
		position: relative; 
}
.pf_nr_1 	{ 
	  width: 20px;
    height: 19px;
    background: url('pf1.jpg') no-repeat;
    background-position: 0 0px;
    float: left; 
    text-align: right;	
	  margin-left: 0px; 
		overflow: hidden; 
		position: relative; 
}








div.foto {
        width: 400px;
        height: 310px;
        margin-top: 37px;
        margin-bottom: 0px;
        padding: 0px;
}





ul.briask-iss {position:relative;list-style:none;list-style-image:none;margin:0px auto;padding:0px;overflow:hidden;border:none;background:none;}

ul.briask-iss li {list-style:none;margin:0px;padding:0px;border:none;background:none;}

ul.briask-iss li a {margin:0px;padding:0px;border:none;background:none;}

ul.briask-iss li a img {display:none;position:absolute;padding:0px;top:0;left:0;border:none;background:none;}

ul.briask-iss li img {display:none;position:absolute;top:0;padding:0px;left:0;border:none;background:none;}


}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
	  color: #222;
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	
	 width:560px;
	 margin-left: 0px;
	 height:200px;
	 overflow:hidden; 
	 color: #222;
		}	

		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:12px;	
		}
	ol#controls li{
		margin:0 4px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:12px;
		line-height:10px;
		}
	ol#controls li a{
		float:left;
		height:12px;
		line-height:10px;
		border:1px solid #aaaaaa;
		background:#000000;
		color:#fff;
		padding:0 3px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#cccccc;
		color:#000000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


div.cytat {

        width: 400px;

        height: 85px;

        background-image: url(cytat.jpg);

        background-repeat: no-repeat;



        margin-bottom: 0px;

        padding: 0px;

	      

	     

}



div.zdjecie {

        width: 400px;

        height: 310px;

    

        margin-bottom: 0px;

        padding: 0px;

	      float:left;

	 

}



div.menus {

        width: 498px;

        height: 310px;

  /*      background-image: url(baner.jpg);

        background-repeat: no-repeat;*/

        border: 0px solid ;

        margin-bottom: 0px;

        padding: 0px;

	      float:right;

	   

	      

}



div.baner {

        width: 970px;

        height: 200px;

        background-image: url(logo.jpg);

        background-repeat: no-repeat;

        border: 0px solid;

        margin-bottom: 0px;

        padding: 0px;

	      float:right;

	    

 }




.nivoSlider{position:relative;background:#202834 url(loading.gif) no-repeat 50% 50%; float: left; }
.nivoSlider img{position:relative;top:0;left:0;display:none; width:800px; height:278px; overflow:hidden;}

.NivoSzakiSlider { position:relative; z-index:999; border: 0px solid #fff; margin-top:50px;}

.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%; overflow:hidden;}
.nivo-caption{position:absolute;left:-20px;bottom:auto; top:501px;color:#fff;opacity:1 !important;width:800px;z-index:900; }
.nivo-caption p{margin:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#fff; line-height:24px; text-transform:capitalize; letter-spacing:-1px;}
.nivo-caption p span {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color:#dcdcdc; font-weight:bold; display:block;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivoSlider a{border:0;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}


.nivo-controlNav img{display:none;width:0;height:0;}
.nivo-controlNav a.active img{}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(arrows_e.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav{background-position:-30px 0;right:15px;}
a.nivo-prevNav{left:15px;}
.nivoSlider .nivo-controlNav{position:absolute;left:0px;z-index:1500;width:960px;text-align:center; display:block; top:451px; bottom:auto;zoom:1}
.nivoSlider .nivo-controlNav a{display:inline-block;width:25px;height:25px;background:url(bullets.png) no-repeat;border:0; font-size:0; text-decoration:none; overflow:hidden; margin:0 0 0 2px; color: #9D3825;}
.nivoSlider .nivo-controlNav a.active, .nivoSlider .nivo-controlNav a:hover {background-position:-25px 0; color:#cfcfcf;}







#menulist1{

        width: 260px;

        height: 34px;

        margin-top: 10px;

        padding: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

        border: 0px solid #000000;

        text-align: right;

        float: right;

}



#menulist1 li  {

    list-style: none;

    margin: 0px;

    padding: 0px;

    float: left;

   }



 

#menulist1 li a {

   background-repeat: no-repeat;

   background-position: left top;

   text-decoration: none;

   padding-top: 0px;

   padding-left: 0px;

   font-weight: normal;

   font-size: 10px;

   list-style: none;

   display: block;

   overflow: hidden;

   float: left;

   width: 85px;

   height: 30px;

   text-align: center;

   vertical-align: text-middle !important;

   border: 0px;

   color: #4d4d4d;



   

}



#menulist1 li a:hover {

   padding-bottom: 0px;

   text-align: center;

   color: #000000;

}



#menulist1 li a.active  {

    color: #00a2ff;

}

#menulist1 img {

 border: 0px;

}





#menulist2{
    margin: 0px;
    padding: 0px;
    float: left;
    border: 0px solid #000000;
}

#menulist2 li  {
    list-style: none;
    margin: 0px;
    margin-left: 20px;
		padding: 0px;
    float: left;
   }

#menulist2 li a {

   /*background-image: url(menu.jpg) !important;  
*/
   background-repeat: no-repeat;
   background-position: left top;
   text-decoration: none;
   padding-top: 0px;
   font-family: "Trebuchet MS";
   font-size: 20px; 
	 padding-left: 0px;
   text-align: center;
   font-weight: normal;
   list-style: none;
   display: block;
   overflow: hidden;
   float: left;
   /* height: 35px; */
   text-align: center;
   vertical-align: text-middle !important;
   border: 0px;
   color: #4d4d4d;
}



#menulist2 li a:hover {


   color: #00a0e3;

}



#menulist2 li a.active  {

   



    color: #00a2ff;

}

#menulist2 img {

 border: 0px;

}



#menulist3 {

        width: 460px;

        height: 40px;

        margin-top: 0px;

        float: right;

        text-align: right;

        padding: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

        border: 0px solid #000000;

     

       

}



#menulist3 li  {

    list-style: none;

    margin: 0px;

    padding: 0px;

    float: left;

   }



 

#menulist3 li a {

   background-image: url(menusep.jpg) !important;

   background-repeat: no-repeat;

   background-position: right top;

   text-decoration: none;

   padding-top: 0px;

   padding-left: 0px;

   text-align: center;

   font-weight: bold;

   list-style: none;

   line-height: 280%;

   display: block;

   width: 76px;

   height: 40px;

   text-align: center;

   vertical-align: text-middle !important;

   border: 0px;

   color: #4d4d4d;



   

}



#menulist3 li a:hover {

   padding-bottom: 0px;

   text-align: center;

   color: #00a2ff;

}



#menulist3 li a.active  {

   



    color: #00a2ff;

}







#menu_1b {

        width: 150px;

        height: 130px;

        margin-top: 0px;

        

        line-height: 140%; 

        text-align:left;

        padding: 0px;

        float: left;

        margin-left: 50px;

        margin-top: 15px;

        border: 0px solid #000000;

    

}



#menu_1b a {

          color: #ffffff;

}



#menu_2b {

        width: 150px;

        height: 130px;

        margin-top: 0px;

        text-align:left;

        line-height: 140%; 

      

        padding: 0px;

        margin-right: 0px;

        margin-top: 15px;

        border: 0px solid #000000;

        float: left;

}



#menu_2b a {

          color: #ffffff;

}





div.stopka {

    font-family: Arial;

    font-size: 12px;

    font-weight: normal;

    text-align: center;

    width: 900px;

    height: 155px;



    color: #ffffff;

    padding: 0px;

    border: 0px solid #000000;





}





 

div.Text

{

        min-height: 350px;

        padding-left: 20px;

        padding-top: 0px;

        padding-right: 0px;
      background-color:transparent;
        font-size: 12px;
			 margin-top:20px; 
			 line-height:180%;

        font-family: arial;

        margin: 0px;

        float: left;

        

        text-align: justify;

   
        background-repeat: no-repeat;

        background-position: bottom right;



}

	 





div.Glowna {

        width: 648px;

        min-height: 350px;

        margin-top: 0px;

        padding: 0px;

        border-collapse: collapse;

        margin-right: 0px;

        margin-bottom: 0px;

        border: 0px;

       /* background-image: url(tlo_text.png); */

        background: #ffffff;

        float: right;

       

}





  

 



div.naglowek {

        padding-bottom: 2px;

        border-bottom: 1px #000000 dashed;

}



img.teksty {

        border: 0px solid #000000;

        padding: 1px;

        margin-left: 5px;

        float: right;

        display: inline;

}







div.kontakt1 {

float: left;

width: 240px;

}

.error { color:red;

          font-size: 11px;

          font-weight: bold;

          font-family:Tahoma;

          text-align: center;

}

div.kontakt2 {

float: left;

width: 260px;

}

form input, #form input, #form textarea{margin-top:10px; }

#form { font-size:11px;padding-right:10px;background-color:#FFFAFA;color:#8B2323;}

.form{font-size:12px; font-weight:bold; padding:15px 0px !important; color:#572f0d;}

.form-standard{padding-top:12px; font-size:11px;}

 



































div.pg {

        width: 100px;

        height: 80px;

        background-repeat: no-repeat;

      	background-position: top;

        color: #000000;

        background-image: url(logo.jpg);

        padding-left: 0px;

        margin-left: 10px;

        padding-bottom: 10px;

        border: 0px;

        text-align: center;

   

        float: left;

        vertical-align: top;



}



a.pg {

        

       

        color: #000000;



        padding-top: 0px;

        margin-left: 0px;

        padding-bottom: 0px;

        border: 0px;

        text-align: center;

        text-decoration: none;

        font-weight: bold;

        float: right;

        vertical-align: top;



}



a.pg:hover {

        

       

        color: #ffffff;

        padding-top: 0px;

        margin-left: 0px;

        padding-bottom: 0px;

        border: 0px;

        text-align: center;

        text-decoration: none;

        font-weight: bold;

        float: right;

        vertical-align: top;



}



p.news {



  margin-left: 12px;

	text-align: justify;	

}



div.naglowek {

font-size: 10px;

}

p.naglowek {

        background-image: url(naglowek.jpg);

        background-repeat: no-repeat;

      	background-position: bottom left;

        margin-top: 0px;        

        height: 22px;

        padding-left: 0px;

 	      font-family: "Palatino Linotype";

	      font-size: 19px;

        padding-bottom: 0px;

        color: #00a2ff;

    

        font-weight: bold;

        text-align: left;

}

#foto {

        width: 900px;

        margin-left: 10px;

      /*  clear:both;*/

        float: left;       

}



#foto td{

  background-position: left top;

  background-color: #809fb1;  

  background-repeat: no-repeat;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);	

  opacity: .8; 

  text-align: center;

  vertical-align: middle;

  width: 152px;

  height: 152px;	

	font-family: Verdana;

	font-weight: normal;

	color: #000000;

	font-size: 10px;

	text-decoration: none;

	-moz-border-radius: 5px;

  }



#foto td:hover{

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);	

  opacity: 1; 

  background-position: left top;

	vertical-align: middle;

	text-align: center;

	width: 152;

	height: 152px;	

	font-family: Verdana;

	font-weight: normal;

  color: #ffffff;

	font-size: 10px;

	text-decoration: none;

	-moz-border-radius: 5px;

  }



#gallery td {

  background-image: url(tlogal.jpg);        

  background-position: left top;

  background-repeat: no-repeat;

  text-align: left;

  padding-left: 10px;

  vertical-align: middle !important;

  width: 300px;

  height: 200px;	

	font-family: Verdana;

	font-weight: normal;

	border-bottom: 5px  solid #809fb1;

	color: #000000;

	font-size: 9px;

	text-decoration: none;



}



#gallery td:hover {



  border-bottom: 5px  solid #ffcc00;

  background-color: #809fb1 !important;

  vertical-align: middle !important;







}



#gallery tr{

  text-align: center;

    margin-top: 5px !important;

}



#gallery table{



	border-spacing:0px;

	border: 0px solid #ffffff;

  width: 900px;

	margin-left: 10px; 

}



#gallery a{

  text-align: center;

  font-family: Verdana;

	font-weight: bold;

	color: #000000;

	font-size: 10px;

	text-decoration: none;

}



#gallery a:hover{

  text-align: center;

	font-family: Verdana;

	font-weight: bold;

  color: #ffcc00 !important;

	text-decoration: underline;

}



#foto img{

  text-align:center;

  margin-top:10px;

  margin-bottom: 5px;

  border:5px #ffffff solid;

}

#realizacje img{

  text-align:center;

  margin-top:10px;

  margin-bottom: 5px;

  border:5px #cfcfcf solid;

}
#realizacje img:hover{

  text-align:center;

  margin-top:10px;

  margin-bottom: 5px;

  border:5px #1d85bb solid;

}


img {

 border: 0px;

}

img.gallery{



  

  background-color: #ffffff;

  margin-right: 5px;

  text-align: center;

  padding: 5px;

  margin-top:0px !importanr;

  margin-bottom: 5px;

  border: 1px #809fb1 solid !important; 

}



img.gallery:hover{

  background-color: #ffffff;

  margin-right: 5px;

  text-align: center;

  padding: 5px;

  margin-top:0px !importanr;

  margin-bottom: 5px;

  border: 1px #809fb1 solid !important; 

}

                           

img.noframe{

  float:left !important;

  margin-left: 15px;

  margin-top:10px;

  margin-bottom: 5px;

  border: 0px solid !important;

}

div.news {

	border: 0px solid;

  padding-bottom: 0px;

/*	border-bottom: 1px #000000 dashed; */

  text-indent: 0px; 

  text-align: justify; 

  margin-left: 14px;



}

div.odstep {

	border: 0px solid;

  padding-bottom: 0px;

  height: 10px;

}



div.arrow {

	border: 0px solid;

  background-image: url(arrow.png);

  padding-bottom: 0px;

  margin-left: -25px;



  height: 18px;

  width: 18px;

  float: left;

}



img.teksty {

 background-color: #ffffff;

  margin-right: 5px;

  text-align: center;

  padding: 5px;

  margin-top:0px !importanr;

  margin-bottom: 5px;

  border: 1px #809fb1 solid !important; 

}



td {

        vertical-align: top;

}



div.clear {

        clear: both;

}





td {

        vertical-align: top;

}



a {

        color: #008fe1;

        text-decoration: none;

}



a:hover {

        color: #008fe1;

        text-decoration: underline;

}



.small {

        font-family: Verdana,Arial,sans-serif;

      	font-weight: bold;

       	color: #ffffff;

     	  font-size: 10px;

      	text-decoration: none;

}

a.copyright {

        font-family: Verdana,Arial,sans-serif;

        font-weight: bold;

        color: #ffffff;

        font-size: 8pt;

        border-bottom: 1px dotted;

        text-decoration: none;

}



a.copyright:hover {

        font-family: Verdana,Arial,sans-serif;

        font-weight: bold;

      	color: #ffffff;

      	font-size: 8pt;

        border-bottom: 1px solid;

        text-decoration: none;

}

div.pusty { 

        width: 750px;

        height: 10px;

}



div.copyright {

        width: 655px;

        height: 80px;

        text-align: center;

        margin-top: 0px;

        border: 0px solid;



        float: right;

} 



#czlonkowie a

{

display:block;

border-bottom:2px solid #91a22f;

}



#czlonkowie a:hover

{

background:#d9e593;

color: #000000;

text-decoration: none;

font-weight: bold;



}



#czlonkowie table

{

width:100%;

}



#czlonkowie td

{

width:50%;

}



#czlonkowie img

{

border:1px solid white;

vertical-align:middle;

margin:10px;

}



div.news {

          width: 90%;

          padding-top: 10px;

          text-align: left;

}



div.newsTop {width:100%;

             text-align: left;

             float: left;

}



span.newsTytul {

font-weight: bold;

 	font-family: "Palatino Linotype";

	font-size: 20px;



color: #008fe1;

}



span.newsData {

font-size: 10px;

color: #2f2f2f;

font-weight: bold;

}



p.newsTekst {

 line-height: 160%;

font-family: Arial;

}



p.newsAutor {

	margin-left: 150px;

	text-align: center;

	font-weight: bold;

	color: #008fe1;

}

	

span.rok{

margin-left: 10px;

font-size: 12px;

}



div.newsMiniaturka {

              border: 0px solid #000000;

        padding: 1px;

        margin-left: 5px;

        float: right;

                text-align: center;

        display: inline;

}



span.newsMiniaturkaImage {

       border: 0px solid #000000;

        padding: 1px;

        margin-left: 5px;

              text-align: center;

        float: right;

        display: inline;

}



img.newsMiniaturkaImage {

  background-color: #ffffff;

  margin-right: 5px;

  text-align: center;

  padding: 5px;

  margin-top:0px !importanr;

  margin-bottom: 5px;

  border: 1px #809fb1 solid !important; 

  float: right;

  }



/* wygląd wstpniaka */

img.wstepniakImg {

   background-color: #ffffff;

  margin-right: 5px;

  text-align: center;

  padding: 5px;

  margin-top:0px !importanr;

  margin-bottom: 5px;

  border: 1px #809fb1 solid !important; 

  float: right;

  

}



.wstepniakSeperator {

       margin-top: 10px;

        border-bottom: solid 1px #ffcc00;

     

  

}



div.wstepniakWypunktowanie {

	border: 0px solid;

  background-image: url(arrow.jpg);

  padding-bottom: 0px;

  margin-left: 0px;

  margin-top: 2px;

  height: 14px;

  width: 14px;

  float: left;

}



span.wstepniakTytul {

margin-left: 5px;

font-weight: bold;

	font-family: "Palatino Linotype";

	font-size: 16px;

color: #008fe1;

}



span.wstepniakData {

font-size: 10px;

color: #2f2f2f;

margin-left: 20px;

}



span.wstepniakTekst {

line-height: 160%;

font-family: Arial;

}



a.wstepniakButton {

        width: 100px;

        background: url(zw.jpg) no-repeat;  

        height: 20px;

        color: #ffffff;

        margin-top: 8px;

        text-decoration: none;

        text-align: center;

        margin-left: 0px;

        text-indent: -5px;

        padding-left: 5px;

        padding-top: 1px;

        float:right;

}

a.wstepniakButton:hover {

        width: 100px;

        background: url(zwh.jpg) no-repeat;  

        height: 20px;

        color: #ffffff;

        margin-top: 8px;

        text-indent: -5px;

        text-align: center;

        text-decoration: none;

        margin-left: 0px;

        padding-left: 5px;

        padding-top: 1px;

        float:right;

}

div.wstepniakTop {

}



div.wstepniakBottom {

}



span.wstepniakiBottom {

 float: left;

 margin-left: 10px;

 text-align: left;

}



div.newsWstepniaki {

        padding-top: 10px;        

        width: 90%;

/*        background: #445566; */

        text-align: left;

}






/* =========== Wstępniaczki ============== */


div.newsWstepniaczki {
        padding-top: 0px;        
        width: 100%;
        text-align: left;
}

span.wstepniaczekTytul {
                      
        margin-left: 15px;
        font-weight: normal;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
}
a.wstepniaczekLink {
        font-weight: normal;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
}

a.wstepniaczekLink:hover {
        font-weight: normal;
        font-size: 11px;
        color: #ffffff;
        text-decoration: none;
}


span.wstepniaczekData {
        font-weight: bold;
        margin-top: 10px;
        font-size: 11px;
        color: #ffffff;
        margin-left: 0px;
}

/* =========== Wstępniaczki KONIEC ============== */


div.create {
        margin-bottom: 10px;
        float: left;
        width: 900px;
}

div.copyright {
        margin-top: 10px;
        float: left;
}



a.created {

 font-size: 9px;

 color: #776e6a;

 text-decoration: none;

}



a.copy {

 font-size: 11px;

 color: #776e6a;

 text-decoration: none;

}



a.copy:hover, a.created:hover {

 color: #216fb1;

}



span.spec {

 color: #216fb1;

}



span.spec2 {

 color: #ffffff;

}


/* wybrane realizacje */
#box8{
  width: 390px;
	position:absolute;
}
#box8 div{
  color: #ffffff;
	width:390px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

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



.mask1{
	position:relative;
	width:390px;
	height:140px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

* {margin:0;padding:0}

div,p,li{font-size:11px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:0px}
.links a{font-size:14px;color:#999999;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{margin-left: 2px;border: 1px solid #999999; color:#999999;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#999999;color:#fff}

.buttons2{padding:5px;}
.buttons2 span{color:#999999;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons2 span.active, .buttons span:hover{background:#999999;color:#fff}

#certyfikaty a{
  text-align: center;
  font-family: Verdana;
	font-weight: bold;
	color: #e66801;
	font-size: 12px;
	text-decoration: none;

}

#certyfikaty a:hover{
  text-align: center;
	font-family: Tahoma;
	font-weight: bold;
  color: #ff0000;
	font-size: 12px;
	text-decoration: underline;
}


#certyfikaty img {
  background-color: #ffffff;
  padding: 5px !important;
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);	
  opacity: .9; 
  margin-top: 0px;
  margin-left: 12px;
  margin-bottom: 5px;
  border:1px #000000 solid;
} 

#certyfikaty img:hover {
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);	
  opacity: 1.0; 
  padding: 5px;
  margin-top: 0px;
  margin-left: 12px;
  margin-bottom: 5px;
  border:1px #000000 solid;
}