*{
  margin: 0px;
  padding: 0px;
}

.pics {
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 400px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 250px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0;
   margin: 0;
}

.pics img {
   margin-top:-5px;
   margin-left:-5px;
   padding: 5px;
   border: 1px solid #ccc;
   background-color: #eee;
   /* rozmiary zdjęć */
   width: 400px; /* szerokość wyświetlanych zdjęć */
   height: 250px; /* wysokość wyświetlanych zdjęć */
   top: 0;
   left: 0
} 

body {
   font-family : Georgia, serif;
   font-style : normal;
   line-height : 1.4em;
   text-align : left;
   font-size:16px;
   color: #d9d9d9;
   background-image:url('../gfx/tlo2.png');
   background-repeat:repeat; 
   height: 100%;
}
ul{
   list-style:none;
}
img{
   border:0;
}
#all_wrap{
   width: 100%;
   height: 100%;
   background: url('../gfx/tlo.png') left top repeat-x;
}
#main {
   width: 980px;
   margin: 0px auto 0px auto;
}
#logo{
   width: 970px;
   height: 170px;
   background-image:url('../gfx/logo1.png');
   z-index:100;
}
#mirascar_logo{
	float: left;
	width: 380px;
	height: 70px;
	margin-top: 50px;
	margin-left: 15px;
	outline: none;
	position: relative;
}

#cien_menu{
   width: 980px;
   height: 65px;
   background-image:url('../gfx/bg-menu1.png');
   margin-top:-10px;
   padding-top:10px;
   z-index:-100;   
}
#cien_menu1{
   width: 980px;
   height: 65px;
   background-image:url('../gfx/bg-menu.png');
   margin-top:-10px;
   padding-top:10px;
   z-index:-100;   
}
#menu{
   width: 970px;
   height: 55px;
   background-image:url('../gfx/menu.png');
   padding-left:10px; 
}
#menu li{
   float:left;  
}
#menu a, .ch_start, .ch_kontakt, .ch_onas, .ch_uslugi, .ch_porady, .ch_promocje{
   display:block;
   width: 120px;
   height: 55px;
   color: #d9d9d9;
   text-decoration:none;
   text-align: center;
   font-size:16px;
   line-height: 55px;
   outline-style:none;     
	 position: relative;
}
#menu a.ch_onas{
   background-image:url('../gfx/m2.png');
}
#menu a.check_onas{
   color:#7ddddd;
   background-image:url('../gfx/m2.png');
   background-position: 100% -55px;        
}
#menu a.ch_start{
   background-image:url('../gfx/m1.png');
   width: 121px;   
}
#menu a.check_start{
   color:#7ddddd;
   background-image:url('../gfx/m1.png');
   background-position: 100% -55px;
   width: 121px;          
}
#menu a.ch_uslugi{
   background-image:url('../gfx/m3.png');
}
#menu a.check_uslugi{
   color:#7ddddd;
   background-image:url('../gfx/m3.png');
   background-position: 100% -55px;        
}
#menu a.ch_porady{
   background-image:url('../gfx/m4.png');
}
#menu a.check_porady{
   color:#7ddddd;
   background-image:url('../gfx/m4.png');
   background-position: 100% -55px;        
}
#menu a.ch_promocje{
   background-image:url('../gfx/m5.png');
}
#menu a.check_promocje{
   color:#7ddddd;
   background-image:url('../gfx/m5.png');
   background-position: 100% -55px;        
}
#menu a.ch_kontakt{
   background-image:url('../gfx/m6.png');
}
#menu a.check_kontakt{
   color:#7ddddd;
   background-image:url('../gfx/m6.png');
   background-position: 100% -55px;        
}

#srodek{
   width:980px;
   float:left; 
   position: relative;
}
#srodek1{
   width:980px;
   float:left; 
   position: relative;
   background-image:(url('../gfx/lights.png');)
}
#cien_srodka_gora{
   width:980px;
   height:15px;
   background-image:url('../gfx/cien_srodka_gora.png');
}
#cien_srodka_gora #cien_srodka_gora_poczatek, #cien_srodka_gora_koniec{
   width:24px;
   height:15px;
   background-image:url('../gfx/cien_srodka_gora_poczatek.png');
   float:left;   
}
#cien_srodka_gora #cien_srodka_gora_koniec{
   background-image:url('../gfx/cien_srodka_gora_koniec.png');
   float:right;   
}
#cien_okno_sr{
   width:980px;
   height: 360px;
   background-image:url('../gfx/bg-panel.png');
   margin-top:-5px;
   padding-top:10px;
}
#okno_sr{
   width:980px;
   height: 350px;
   background-image:url('../gfx/srodek1.png');
}
#okno_sr1{
   width:980px;
   height: 350px;
}
#przycisk_lewy, #przycisk_prawy{
   display:block;
   background-image:url('../gfx/strzalka_lewa.gif');
   width: 34px;
   height: 34px;
   margin-top:153px;
   margin-left:426px;
   float:left;
   border:0;
   outline:none;      
}
#przycisk_prawy{
   background-image:url('../gfx/strzalka_prawa.gif');
   margin-left:25px;
}
#galeria{
   width:400px;
   height:250px;
   float:left;
   margin-top:50px;
   margin-left:484px;
   background-image:url('../gfx/zdjecie.png');     
	 overflow: hidden;
}
#gora_zakladek{
   width:980px;
   height: 95px;
   /*background-image:url('../gfx/50.png');*/
background-image:url('../gfx/50_promo.png');
   float:left;
      
}
#gora_zakladek.onas{
   background-image:url('../gfx/gora_zakladek_onas1.png');
   margin-top:-10px;   
}
#gora_zakladek.klienci{
   background-image:url('../gfx/gora_zakladek_klienci.png');
}
#gora_zakladek.kontakt{
   background-image:url('../gfx/gora_zakladek_kontakt1.png');
}
#gora_zakladek.promocje{
   background-image:url('../gfx/gora_zakladek_promocje.png');
}
#gora_zakladek.uslugi{
   background-image:url('../gfx/gora_zakladek_uslugi.png');
}
#zakladki{
   float:left;   
}
#zakladki li{
   min-height: 255px;
   width: 319px;   
   display:block;
   float:left;
   padding-bottom: 5px;
   /*background-image:url('../gfx/zakladkaa.png');*/
}
#zakladki li.spec, #zakladki li.spec_wide{
   background-image:url('../gfx/zakladka2aaaaa.png');            
}
#zakladki #poczatek_zakladek{
   width:10px;
   /*background-image:url('../gfx/poczatek_zakladeka.png');*/
}
#zakladki li.zakladki_wide{
	width: 318px;
}
#zakladki .separator{
   width:2px;
   background:url('../gfx/separator_zakladek.png') left top no-repeat;
	
}
.tekst, .tekst1{
   width:305px;
   height:175px;
   color: #d9d9d9;
   font-size: 16px;
   padding-left:10px;   
}
.tekst {
	height: auto;
}
.tekst1{
   line-height:20px;
}
.tekst tr{
   width:100%;
}
.tekst td{
   width:150px;
}
#zakladki .tekst ul.uslugi_start_lista li{
   display: list-item;
   width: auto;
   height: auto;
   float: none;
   background: url('../gfx/lista_strzalka.png') left 10px no-repeat;
   padding-left: 15px;
   line-height: 19px;
   margin-bottom: 5px;
}
.wiecej_cien, .wiecej_cien1{
   background-image:url('../gfx/przycisk_wiecej.png');
   width: 116px;
   height: 52px;
   float: left;
   margin-left:180px;
   margin-top: -9px;
}
.wiecej, .wiecej1{
   display:block;
   width: 100px;
   height: 29px;
   margin: 9px 0 0 8px;
   float:left;
   border:0;
   outline:none; 
   color:#d9d9d9;
   text-decoration:none;
   text-align: center;
   font-size:14px;
   padding-top: 7px;         
}
.wiecej_cien1{
   margin-left:495px;
   margin-top:21px;         
}
.wiecej_zakladki{
   display:block;
   background-image:url('../gfx/przycisk_wiecej.gif');
   width: 100px;
   height: 29px;
   margin-left:190px;
   float:left;
   border:0;
   outline:none; 
   color:#d9d9d9;
   text-decoration:none;
   text-align: center;
   font-size:14px;
   padding-top: 7px;         
}
.pole_tekstowe, .pole_tekstowe_select{
   width:140px;
   height:27px;
   background-image:url('../gfx/pole_tekstowe.gif');
   background-repeat:no-repeat;   
   position: relative;   
}
input{
   margin-top:3px;
   margin-left:3px;      
   width:134px;
   height:16px;
   border:0;  
   background-image:url('../gfx/pole_txt.png');
   color:#d9d9d9;     
   font-family: Georgia, serif;
}
select{
   background-color: transparent;
   border: 0;
   margin-top:4px;    
      width:132px;
      height:14px; 
   color: #d9d9d9;
   font-size: 11px;
	 white-space: nowrap;
}
option{
   border: 0;
   background-color: #2d2d2d;
   color: #d9d9d9;
   font-size: 11px;
   font-family: Georgia, serif;
}
.tresc_pytania{
   width: 460px;
   height: 112px;
   background-image:url('../gfx/tresc_pytania.gif');
   background-repeat:no-repeat;   
}
.input_tresci_pytania{
   margin-top:5px;
   margin-left:4px;      
   width:452px;
   height:102px;
   border:0;  
   background-image:url('../gfx/srodek_tresci_pytania.png');
   color:#d9d9d9;   
}
#nasze_uslugi{
   width:648px;
   height:163px;
   background-image:url('../gfx/nasze_uslugi1.png');
}
#srodek #zakladka_nasze_uslugi{
   width:648px;
   height:362px;
   background-image:url('../gfx/tlo_srodka_uslugi111111111.png');
}
#srodek #separator_uslugi{
   height: 525px;
   width: 4px;
   background-image:url('../gfx/separator_uslugi.png'); 
   float:left;  
}
#srodek #formularz_uslugi{
   height: 320px;
   width: 328px;
   background-image:url('../gfx/formularz_uslugi.png'); 
   float:left;   
}
#srodek #formularz_uslugi2{
   height: 205px;
   width: 328px;
   /* background-image:url('../gfx/tlo_srodka_uslugi2.png'); */
   float:left;
   font-size:18px;   
}
#srodek #opis_uslug{
   height: 430px;
   width: 618px;
   color:#d9d9d9;
   margin-top:-430px;
   padding-left:30px;
   font-size:16px;
}
#srodek #opis_porad{
   height: 460px;
   width: 618px;
   color:#d9d9d9;
   margin-top:-426px;
   padding-left:17px;
   font-size:16px;
}
#srodek #lista_uslug{
   width: 618px;
   margin: -426px 0 75px 20px;
   font-size: 16px;
   min-height: 400px;
}
#srodek #lista_uslug1{
   width: 618px;
   margin: -426px 0 75px 20px;
   font-size: 16px;
   min-height: 400px;
}
#srodek #lista_uslug li{
   background: url('../gfx/lista_uslug_strzalka.png') left 10px no-repeat;
   padding-left: 15px;
   clear: both;
}
#srodek #lista_uslug li p{
   color: #d9d9d9;   
   line-height: 19px;
   margin: 5px 0;
}
#srodek #lista_uslug span{
   color: #7ddddd;
   font-weight: bold;
}
#srodek #lista_uslug a{
   color: #7ddddd;
   font-weight: bold;
   text-decoration: none;
}
#srodek #lista_uslug a.r_float_link{
   text-decoration: underline;
   float: right;
   margin: 0 17px 7px 0;
   font-size: 12px;
}
#srodek #lista_uslug a.l_float_link{
   text-decoration: underline;
   float: left;
   margin: 0 17px 7px 0;
   font-size: 12px;
}
#srodek #lista_uslug ul{
   margin: 20px 0;   
}
#srodek #lista_uslug ul li{
   background: none;
   padding: 0 0 0 12px;
   background: url('../gfx/dash.gif') left 9px no-repeat;
   color: #d9d9d9;
   line-height: 19px;
}
.linki_spis_tresci{
   margin-left: 300px;
   margin-top: auto;   
   margin-bottom:20px !important;      
}
.linki_spis_tresci a{
   color: #7ddddd;
   font-weight: bold;
   text-decoration: none;
   text-decoration: underline;   
}
#pytanie_button{
   float: none;
   position: absolute;
   top: 42px;
   left: 530px;
   margin: 0;
}
#porady_klucz, #promocje_klucz, #uslugi_klucz, #onas_klucz, #klienci_klucz{
   width:300px;
   height:50px;
   margin-top:31px;
   margin-left:20px;   
   background-image:url('../gfx/h05.png');
   float:left;   
}
#promocje_klucz{
   background-image:url('../gfx/h06.png');
}
#uslugi_klucz{
   background-image:url('../gfx/h01.png');   
}
#onas_klucz{
   background-image:url('../gfx/h04.png');
}
#klienci_klucz{
   background-image:url('../gfx/h02.png');   
}
#zaufali_klucz{
   width:221px;
   height:50px;
   background-image:url('../gfx/h07.png');   
}
#opax{
	display: block;
	width: 271px;
	height: 85px;
	background-image:url('../gfx/logo_opax.png');   
}



#cala_stopka{
   width:980px;
   height:67px;   
}
#stopka{
   width:950px;
   height:55px;
   background-image:url('../gfx/tlo_stopki.png');
   background-repeat:repeat-x;
   float:left;
   color:#d9d9d9;
   font-size:13px;
   line-height: 50px;       
}
#stopka table{
   width: 100%;
}
#stopka table tr td{
   text-indent:13px;
}
#stopka table tr td.rt_align{
   text-align: right;
   padding-right: 13px;
}
#stopka table tr td a{
   color:#E0E0E0;
   text-decoration:none;   
}
#poczatek_stopki, #koniec_stopki{
   width:15px;
   height:55px;
   background-image:url('../gfx/poczatek_stopki.gif');
   background-repeat:no-repeat;
   float:left;   
}
#koniec_stopki{
   background-image:url('../gfx/koniec_stopki.gif');
}
#za_stopka{
   width:980px;
   height:24px;   
   float:left;   
}
.clr{
   height:0.1em;
   clear: both;
}
/* Custom form elements styles */
.select {
   position: absolute;
   top: 0;
   left: 0;
   width: 136px;
   height: 22px;
   padding-left: 4px;
   color: #d9d9d9;
   background: url('../gfx/select.gif') no-repeat;
   overflow: hidden;
   font-size: 11px;
	 white-space: nowrap;
}





.black_screen {
	display: 	none;
	position: 	absolute;
	position: 	fixed !important;
	top: 		0px;
	right: 		0px;
	left: 		0px;
	bottom: 	0px;
	background-image: url('../gfx/black_transparent.png');
	text-align: center;
	z-index: 100;
}

.black_screen_preloader {
	margin: 200px auto 0px auto;
	background-image: url('../gfx/preloader.gif');
	width: 64px;
	height: 47px;
}
