@CHARSET "UTF-8";
/*
    Document   : style for layout
    Created on : 2009-12-01, 8:32:24
    Author     : Lukasz Bodurka
*/
*{
    font-family:"Verdana";
}
html,body{
    text-align:center;
    background:#ffffff;
    padding:0;
    margin:0;
}
 #witryna{
     width:100%;
     margin:0 auto;
 }
 #strona{
     width:1000px;
     margin:0 auto;
     text-align:left;
     padding:10px 0 0 0;
 }
 #top{
     width:1005px;
     margin:0;
     text-align:left;
     padding:0;
     float:left;
 }
 #content{
     width:1000px;
     float:left;
 }

/* #################################################################
TOP
##################################################################*/

#index{
    display:block;
    width:297px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_01.jpg) no-repeat;
}
#home{
    display:block;
    width:101px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_02.jpg) no-repeat;
     text-decoration:none;
}
#poradnik{
    display:block;
    width:95px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_03.jpg) no-repeat;
     text-decoration:none;
}
#linki{
    display:block;
    width:94px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_04.jpg) no-repeat;
     text-decoration:none;
}
#banner01{
    display:block;
    width:151px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_05.jpg) no-repeat;
     text-decoration:none;
}
#banner02{
    display:block;
    width:161px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_06.jpg) no-repeat;
     text-decoration:none;
}
#cpr_pl{
    display:block;
    width:101px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_07_pl.jpg) no-repeat;
     text-decoration:none;
}
#cpr_en{
    display:block;
    width:101px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_07_en.jpg) no-repeat;
     text-decoration:none;
}
#cpr_de{
    display:block;
    width:101px;
    height:126px;
    margin:0;
    border:0;
    float:left;
    background:url(../des/des_07_de.jpg) no-repeat;
     text-decoration:none;
}
/* #################################################################
TOP MENU
##################################################################*/
.intop{
    width:80%;
    font-size:11px;
    color:#ffffff;
    float:left;
    margin:80px 0 0 8%;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
}
#top_menu{
    float:left;
    margin:7px 0 8px 0;
}
#tm_left{
    float:left;
    width:297px;
    height:275px;
    background:#9d9da0;
}
#natopnik{
    width:703px;
    float:left;
}
#natopnik_proper{
    float:left;
    width:46px;
    height:275px;
    background:url(../des/natopnik.png) no-repeat left;
    height:275px;
    position:absolute;
    width:46px;
    z-index:999;
    margin:-275px 0 0 297px
}
#tm_right{
    float:left;
    width:703px;
}
#tmll{
    float:left;
    width:100%;
    padding:0 0 21px 0;
    margin:0;
    text-align:center;
    background:#ffffff;
}
#lang_pl{
    display:inline-block;
    border:0;
    width:18px;
    height:12px;
    margin:0;
    padding:0;
    background:url(../des/lang_pl.jpg) no-repeat;
}
#lang_en{
    display:inline-block;
    border:0;
    width:18px;
    height:12px;
    margin:0 5px;
    padding:0;
    background:url(../des/lang_en.jpg) no-repeat;
}
#lang_de{
    display:inline-block;
    padding:0;
    border:0;
    width:18px;
    height:12px;
    background:url(../des/lang_de.jpg) no-repeat;
}
#lls{
    width:100%;
    float:left;
    margin:0 0 15px 0;
    _margin:0 0 5px 0;
    display:block;
    height:7px;
    padding:0;
    background:url(../des/des_10.jpg) no-repeat;
}
.tm_link{
    width:259px;
    height:30px;
    display:block;
    margin:5px 0 5px 18px;
    float:left;
    background:url(../des/des_09.jpg) no-repeat;
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
}
/* #################################################################
lewe menu
##################################################################*/
#left_content{
    width:297px;
    float:left;
}
#offer_menu{
    float:left;
    width:297px;
    padding-bottom:15px;
}
#offer_menu ul{
    width:295px;
    float:left;
    margin:0;
    display:block;
    padding:0;
    font-size:18px;
    text-decoration:none;
    color:#000000;
    list-style:none;
}
.l1{
    width:297px;
    float:left;
    margin:5px 0;
    display:block;
    padding:0;
    font-size:18px;
    text-decoration:none;
    color:#ffffff;
    list-style:none;
    background:url(../des/des_11.jpg) #07297d no-repeat right top;
}
.rozwiniete{
    width:297px;
    float:left;
    margin:5px 0;
    display:block;
    padding:0;
    font-size:18px;
    text-decoration:none;
    color:#ffffff;
    list-style:none;
    background:url(../des/des_11a.jpg) #07297d no-repeat right top;
}
.arrow{
    width:250px;
    display:block;
    color:#000000;
    text-decoration:none;
    padding:0 0 0 15px;
}
.meninblack{
    color:#ffffff;
    margin:5px;
    text-decoration:none;
    float:left;
    _float:none;
    width:245px;
}
h4,h5,h6,h7{
    margin:0;
    padding:0;
}
#offer_menu ul li ul{
    width:297px;
    float:left;
    margin:0;
    display:block;
    padding:10px 0;
    font-size:18px;
    text-decoration:none;
    background:#ffffff;
}
#offer_menu ul li ul li{
    width:243px;
    float:left;
    margin:8px 0 5px 10px;
    display:block;
    font-size:16px;
    text-decoration:none;
    color:#000000;
     background:#ffffff;
    background:url(../des/des_18.jpg) no-repeat;
}

/* #################################################################
news
##################################################################*/

#news{
     width:297px;
     display:block;
     float:left;
     margin:0 0 10px 0px;
     padding:0;
     background:url(../des/des_12.jpg) no-repeat;
 }
 #news h2{
     margin:5px 0 0 10px;
     padding:0;
     font-size:20px;
     font-weight:normal;
     color:#000000;
     
     width:296px;
     height:34px;
 }
 #news_content{
     float:left;
     width:296px;
     background:#b3c0ee;
     padding:0 0 10px 0;
 }
 #news_content h3{
     width:265px;
     margin:5px 0 15px 15px;
     _margin:5px 0 5px 15px;
     padding:0;
     text-align:justify;
 }
 #news_content h3 a{
     font-size:12px;
     color:#201f1f;
     font-weight:normal;
     text-decoration:none;
     text-align:justify;
     float:left;
     margin:10px 0;
     _margin:0;
}
 #news_content h3 a:hover{
     text-decoration:underline;
}
 .news_lt{
     width:265px;
     height:5px;
     display:block;
     margin:0 0 0 15px;
     padding:0;
     font-size:1px;
     float:left;
     border-bottom:1px solid #ffffff;
     background:#b3c0ee;
 }

/* #################################################################
content główny
##################################################################*/
 #proper_content{
     margin:0 0 0 20px;
     _margin:0 0 0 10px;
     float:left;
     width:680px;
     text-align:justify;
 }
#proper_content h1{
    width:493px;
    height:44px;
    display:block;
    float:left;
    margin:0 0 0 190px;
    padding:4px 0 0 20px;
    font-size:18px;
    color:#ffffff;
    font-weight:normal;
    background:url(../des/des_15.jpg) no-repeat;
    text-align:left;
} 
#proper_content h2{
     width:680px;
     margin:0;
     float:left;
     padding:0;
     font-size:14px;
     color:#201f1f;
     font-weight:normal;
}
.lt{
     width:680px;
     float:left;
     height:23px;
     display:block;
     margin:20px 0;
     padding:0;
     background:url(../des/des_16.jpg) no-repeat;
}
.lt span{
    margin:5px 0 0 40px;
    color:#ffffff;
    font-size:12px;
    float:left;
    font-weight:bold;
}
.lt a{
    text-decoration:none;
    color:#ffffff;
}
/* #################################################################
stopka
##################################################################*/
#stopka{
    width:1000px;
    float:left;
    margin:30px 0;
    padding:15px 0 0 0;
    background:url(../des/des_13.jpg) no-repeat top;
}
#krantom{
    text-decoration:none;
    font-size:14px;
    color:#9d9da0;
    margin:0 40px;
    float:left;
    display:block;
}
#slinki{
    float:left;
    text-align:right;
    width:700px;
}
.s_menu{
    text-decoration:none;
    font-size:14px;
    color:#9d9da0;
    margin:0 5px;
    display:inline-block;

}
/* #################################################################
artykuły
##################################################################*/
#articles{
     width:680px;
     _width:650px;
     display:block;
     float:left;
     margin:10px 0 0 0;
     _margin:10px 0 0 10px;
     padding:10px 0;
     background:#d1d1d1;
     text-align:center;
     height:280px;
}
#articles h3{
    font-weight:normal;
    font-size:12px;
    text-align:justify;
    width:640px;
    color:#000000;
    margin:0 0 0 20px;
    padding:0;
}
#articles a{
    color:white;
    display:inline-block;
    margin:10px 6px;
    text-decoration:none;
    color:#07297d;
    font-weight:bold;
    width:200px;
 
}
 #articles img{
     border:0;
     margin:0 0 10px 0;
     height: 200px;
     width: 200px;

 }
.zal_box{
background:#E8E8E8;
float:left;
margin:5px 10px 5px 0;
padding:5px 3px;
width:326px;
}
.zal_box_b{
background:#E8E8E8;
float:left;
margin:5px 0;
padding:5px 3px;
width:326px;
}
.zal_icon {
background:url(../icons/default.png) no-repeat;
float:left;
height:43px;
margin:0 10px 0 5px;
padding:0;
width:35px;
}
.zal_tresc {
color:#333333;
float:left;
font-family:Tahoma;
font-size:11px;
font-weight:normal;
margin:0;
overflow:hidden;
padding:0;
text-align:left;
width:215px;
}
.zal_del, .remove_uploaded {
display:block;
float:left;
height:16px;
margin:13px 0 0 5px;
width:16px;
}
.jpg{
    background:url(../icons/jpg.png) no-repeat;
}
.pdf{
    background:url(../icons/pdf.png) no-repeat;
}
.ace{
    background:url(../icons/ace.png) no-repeat;
}
.bmp{
    background:url(../icons/bmp.png) no-repeat;
}
.dat{
    background:url(../icons/dat.png) no-repeat;
}
.doc{
    background:url(../icons/doc.png) no-repeat;
}
.odt{
    background:url(../icons/txt.png) no-repeat;
}
.docx{
    background:url(../icons/docx.png) no-repeat;
}
.emf{
    background:url(../icons/emf.png) no-repeat;
}
.fon{
    background:url(../icons/fon.png) no-repeat;
}
.gif{
    background:url(../icons/gif.png) no-repeat;
}
.font{
    background:url(../icons/fon.png) no-repeat;
}
.html{
    background:url(../icons/html.png) no-repeat;
}
.ini{
    background:url(../icons/ini.png) no-repeat;
}
.jpeg{
    background:url(../icons/jpeg.png) no-repeat;
}
.pdd{
    background:url(../icons/pdd.png) no-repeat;
}
.png{
    background:url(../icons/png.png) no-repeat;
}
.ppt{
    background:url(../icons/ppt.png) no-repeat;
}
.pptx{
    background:url(../icons/pptx.png) no-repeat;
}
.psd{
    background:url(../icons/psd.png) no-repeat;
}
.rar{
    background:url(../icons/rar.png) no-repeat;
}
.tif{
    background:url(../icons/tif.png) no-repeat;
}
.tiff{
    background:url(../icons/tiff.png) no-repeat;
}
.ttf{
    background:url(../icons/ttf.png) no-repeat;
}
.txt{
    background:url(../icons/txt.png) no-repeat;
}
.xls{
    background:url(../icons/xls.png) no-repeat;
}
.xlsx{
    background:url(../icons/xlsx.png) no-repeat;
}
.xml{
    background:url(../icons/xml.png) no-repeat;
}
.zip{
    background:url(../icons/zip.png) no-repeat;
}
.show{
    width:50px;
    height:30px;
    float:left;
    display:block;
    background:url(../des/des_17.jpg) no-repeat;
    margin:5px 0 0 5px;
}
.red{
    background: red;
}

/* aktualności lista */

.newss{
    width:100%;
    float:left;
    
}
.newss_photo{
    float:left;
    width:120px;
}
.newss h4 a{
    text-decoration:none;
    font-size:16px;
    color:#000000;
}
.newss h4{
    width:100%;
    float:left;
    margin:0;
    padding:0;
    
}
.newss_txt{
    margin:0 0 0 5px;
}
.newss_txt a{
    text-decoration:none;
    color:#000000;
    font-size:12px;
}
.newss_txt a:hover{
    text-decoration:underline;
}

/* formularzyk */

#formularzyk {
float:left;
width:680px;
}
#formularzyk span {
float:left;
margin:5px 0;
width:680px;
}
#formularzyk span label {
background:#d1d1d1;
color:#525252;
float:left;
padding:3px 0 0 5px;
text-align:left;
width:295px;
}
#formularzyk span input {
border:1px solid #525252;
color:#3E3013;
float:left;
margin:0 0 0 15px;
padding:3px 0;
width:364px;
}
#formularzyk span textarea {
border:1px solid #525252;
color:#3E3013;
float:left;
margin:0 0 0 15px;
height:100px;
width:364px;
}
#proper_content a{
    text-decoration:none;
    color:#031a54;
    font-weight:bold;
}
#proper_content a.fff{
    text-decoration:none;
    color:#fff;
    font-weight:bold;
}

#proper_content a:hover{
    text-decoration:underline;
}
#formularzyk span input.wssfg_cap{
    width:233px;
    float:left;
    margin:6px 0 0 0;
}
#formularzyk span img {
float:left;
margin:0 5px 0 0;
}
.captha{
    float:left;
    width:364px;
    padding:0;
    margin:0 0 0 15px;
}
#formularzyk span input.wssfg_wyslij{
    width:200px;
    margin:10px 0 0 200px;
    background:#d1d1d1;
}
.contac_map{
    float:left;
    margin:10px 0;
    overflow:hidden;
}
.contac_text a{
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}
.contact_text a:hover{
    text-decoration:underline;
}
 .art_name{
     height:40px;
     display:block;
     float:left;
     text-align:center;
     width:100%;
 }
 .certyfikat{
     width:208px;
     height:208px;
     background:#ebebeb;
     float:left;
     margin:11px 29px 11px 0;
     _margin:10px 0 0 18px;
 }
 .cert_foto{
     border:0;
 }
 .c_foto{
    display:block;
    height:155px;
    margin:15px 0 0 0;
    text-align:center;
 }
 .c_opis{
    width:208px;
    padding:5px 0;
    height:15px;
    overflow:hidden;
    color:#011a55;
    line-height:16px;
    height:15px;
    _height:25px;
    text-align:center;
    background:#bebebe;
    font-size:12px;
    display:block;
    font-family:Verdana;
 }
 .c_opis a{
     color:#011a55;
     text-decoration:none;
 }
 #certy{
     width:715px;
     _width:680px;
     float:left;
 }
 .wiecej_o_nas{
    font-size:14px;
    margin:0 0 0 560px;
    _margin:0 0 0 515px;
 }