/* CSS by Craftnet */

* { margin:0; padding:0; }

body { background:#fff; font:11px Tahoma, Helvetica, sans-serif; color:#545454; margin: 0px auto; text-align: center; line-height: 150%;}

img { border:0; vertical-align:top; }

a { color:#ffffff; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus { outline: 0; }

#wrap {  position: relative; width: 960px; margin: 0px auto 0px auto; float: inherit; text-align: left;}
.wrapper { width: 960px; margin: 0px auto;}
.space {height: 2px;}
.space_b {height: 18px;}
.space_c {height: 10px;}
.space_d {height: 8px;}

h2 {font-family: Arial; font-size: 26px; font-weight: bold; color: #FA501D; margin: 10px 25px 10px 0; }
h3 {font-family: Arial; font-size: 26px; color: #585858; font-weight: normal; margin: 10px 25px 10px 0; line-height: 105% }
h4 {font-family: Arial; font-size: 16px; color: #585858; font-weight: normal; margin: 10px 25px 10px 0; line-height: 105% }

/* =================================================================== * TOP * =================================================================== */

#top {height: 93px; width: 960px;}
#logo {background:#fff url(../images/logo.png) no-repeat; height: 90px; width: 305px; float: left; margin-top: 2px}
#tilia {background:#fff url(../images/tilia-3.png) no-repeat; height: 60px; width: 183px; float: right; margin-top: 2px; margin-top: 16px;}
#lang {width: 330px; float: right; margin-top: 35px}

/* --------------------------- * LANG * --------------------------- */

a.pl { width: 20px; height: 20px; background: url(../images/pl.png) no-repeat; float: right;  text-decoration: none; padding: 0px 5px 0px 5px;}
a:hover.pl { background-position: 0 -20px; text-decoration: none; border: 0px;}

a.en { width: 20px; height: 20px; background: url(../images/en.png) no-repeat; float: right;  text-decoration: none; padding: 0px 5px 0px 5px;}
a:hover.en { background-position: 0 -20px; text-decoration: none; border: 0px;}

a.it { width: 20px; height: 20px; background: url(../images/it.png) no-repeat; float: right;  text-decoration: none; padding: 0px 0px 0px 5px;}
a:hover.it { background-position: 0 -20px; text-decoration: none; border: 0px;}

/* --------------------------- * MENU * --------------------------- */

#nav {background:#fff url(../images/bkg_menu.gif); height: 38px; width: 951px;}
.frame_nav { padding: 0 17px 0 0px; margin-top: 11px; float: left; font-weight: bold; color: #fff; font-size: 11px; margin-left: 15px;}
.line {background: url(../images/line.gif) no-repeat; width: 2px; height: 9px; float: left; margin-top: 13px;}

/* --------------------------- * SLIDER * --------------------------- */

#bkg_slider {background: url(../images/bkg_slider.png); height: 349px; width: 960px;}
#top_nav {height: 223px; width: 600px; margin: 2px 0px 0px 2px; float: left; z-index: 1;}
#text_nav {height: 193px; width: 335px; margin: 20px 10px 10px 10px; text-align: left; position: absolute;}

/* =================================================================== * CONTENER * =================================================================== */

#contener {float: left; width: 960px;}

/* --------------------------- * BOX * --------------------------- */

#box_left {width: 667px; float: left;}
.box_up {background: url(../images/box_up.png) no-repeat; width: 667px; height: 30px; margin-top: 7px; float: left;}
.box_cent {background: url(../images/box_cent.png) repeat-y; width: 667px; float: left;}
.box_bottom {background: url(../images/box_bottom.png) no-repeat; width: 667px; height: 4px; float: left;}

.text { margin: 0px 7px 0px 7px;}
.text_banner {margin: 15px 7px 15px 7px;}
.bkg_text_banner {background: url(../images/bkg_text_banner.png); width: 420px; height: 182px; margin: 60px 0px 0px 0px; float: left; margin-left: 527px; position: absolute; z-index: 998;}

/* --------------------------- * BOX OFERTA * --------------------------- */

#box_left1 {width: 760px; float: right;}
.box_up1 {background: url(../images/box_up1.png) no-repeat; width: 760px; height: 30px; margin-top: 7px; float: left;}
.box_cent1 {background: url(../images/box_cent1.png) repeat-y; width: 760px; float: left;}
.box_bottom1 {background: url(../images/box_bottom1.png) no-repeat; width: 760px; height: 4px; float: left;}

.text { margin: 0px 7px 0px 7px;}
.text-narzedzia img {border: 1px solid #202020; margin: 15px 25px;}
.box_cent .text li {margin-left: 25px; list-style-type:circle}
.text_banner {margin: 15px 7px 15px 7px;}
.bkg_text_banner {background: url(../images/bkg_text_banner.png); width: 420px; height: 182px; margin: 60px 0px 0px 0px; float: left; margin-left: 527px; position: absolute; z-index: 998;}

#box_left1 .text li {margin-left: 25px; list-style-type:circle}

#box_left1 img {border: 0px solid #D5D4D3; margin-bottom: 15px;}


/* --------------------------- * RIGHT BOX * --------------------------- */

#box_right {width: 287px; float: right;}
.box_1 {background: url(../images/box_1.png); width: 287px; height: 122px; float: left; margin-top: -17px;}
.box_2 {background: url(../images/box_2.png); width: 287px; height: 87px; float: left; margin-top: 10px;}

/* --------------------------- * DOWN BOX * --------------------------- */

#box_down {width: 960px; height: 74px; float: right; padding: 30px 0px 30px 0px; }
.cent_box {width: 690px; margin:0 auto;}
#box_min_1 {background: url(../images/box_min_1.png); width: 220px; height: 74px; margin: 0 5px 0 5px; float: left;}
#box_min_2 {background: url(../images/box_min_2.png); width: 220px; height: 74px; margin: 0 5px 0 5px; float: left;}
#box_min_3 {background: url(../images/box_min_3.png); width: 220px; height: 74px; margin: 0 5px 0 5px; float: left;}
.text_box {width: 216px; height: 25px; margin: 51px 5px 2px 5px; font-weight: bold; font-size: 11px; position: absolute;}
.text_box:hover {text-decoration: underline;}

/* =================================================================== * FOOTER * =================================================================== */

#foot {background: #fff url(../images/foot.gif) no-repeat; width: 960px; height: 51px; font-size: 11px; float: left;}
a.text_foot {margin: 0px 7px 0px 7px; padding: 15px 0px 15px 0px; color: #cccccc; float: left;}
a.text_foot:hover {color: #8d8d8d;}
.cent_foot_l {width:850px; margin:0 auto;}

.cent_foot {width:250px; margin:0 auto;}
a.craftnet_foot {background: url(../images/craftnet_foot.png) no-repeat; width: 90px; height: 23px; float: left;}
a:hover.craftnet_foot { background-position: 0 -23px;  text-decoration: none; border: 0px;}

/* ====================================================================================================================================== */
/* ====================================================================================================================================== */
/* =|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|= * PODSTRONA * =|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=|=| */
/* ====================================================================================================================================== */
/* ====================================================================================================================================== */

/* =================================================================== * CONTENER SUB * =================================================================== */

#bkg_up_sub {background: url(../images/bkg_up_sub.gif); width: 960px; height: 53px; float: left;}
#bkg_cent_sub {background: url(../images/bkg_cent_sub.gif); width: 960px; float: left;}
#bkg_bottom_sub {background: url(../images/bkg_bottom_sub.gif); width: 960px; height: 16px; margin-bottom: 15px; float: left;}
.text_sub { margin: 0px 15px 0px 15px;}
.text_sub_karty {margin: 0px 15px 0px 15px; font-size: 14px;}
.text_sub_karty a {color: #545454}
.text_sub_karty li {list-style-type: circle; margin: 0 25px; padding: 7px 0; border-bottom: 1px solid #a0a0a0 }

/* =================================================================== * WYCENA * =================================================================== */

#wycena {width: 960px; float: left;}
.right {padding: 5px 3px 5px 3px; text-align: right;}
.left {text-align: left;}

a.wycena_but { width: 221px; height: 28px; background: url(../images/wycena.png) no-repeat; float: right;  text-decoration: none; float: left; margin-left: 350px;;} 
a:hover.wycena_but { background-position: 0 -28px; text-decoration: none; border: 0px; margin-left: 350px;}

/* =================================================================== * GALERIA * =================================================================== */

.box_gallery {float: left; width: 225px; padding: 10px 3px 10px 4px;}
.gallery_up {background: url(../images/gallery_up.png) no-repeat; width: 225px; height: 39px; margin-top: 7px; float: left;}
.gallery_cent {background: url(../images/gallery_cent.png) repeat-y; width: 225px; height: 300px; float: left;}
.gallery_bottom {background: url(../images/gallery_bottom.png) no-repeat; width: 225px; height: 4px; float: left;}
.gallery_foto {width: 200px; padding: 20px 10px 0px 10px; float: left; text-align: center;}
.gallery_text {width: 200px; padding: 5px 10px 0px 10px; float: left; text-align: center;}
.gallery_text_bottom {width: 200px; margin: 10px 10px 0px 10px; float: left; text-align: justify;}

/* =================================================================== * IMAGES * =================================================================== */

.images_up {background: url(../images/images_up.gif) no-repeat; width: 950px; height: 53px; float: left;}
.images_cent {background: url(../images/images_cent.gif) repeat-y; width: 950px; float: left;}
.images_bottom {background: url(../images/images_bottom.gif) no-repeat; width: 950px; height: 16px; float: left; padding-bottom: 10px;}
.text_images { margin: 0px 5px 0px 5px;}

/* =================================================================== * KONTAKT * =================================================================== */

.left_box_kontakt {width: 400px; float: left;}
.right_box_kontakt {width: 530px; float: right;}
.mail {color: #ff5400;}


dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu1 {
width : 190px;
padding : 0;
float: left;
}
#menu1 dt {
cursor : pointer;
margin : 2px 0;
height : 32px;
line-height : 32px;
text-align : center;
font-weight : bold;
color: white;
background: url("../images/sub-menu1.png"); width: 190px; height: 38px;
}

#menu1 dt span {
width : 190px;
background-repeat : no-repeat;
background-position : 95% center;
display : block;
color: white;
}
#menu1 dd {
border : thin solid #d9def6;
}
#menu1 li {
text-align : center;
background-color : #eff3ff;
margin: 2px 0px; 
}
#menu1 li a, #menu1 dt a {
color: white;
text-decoration : none;
display : block;
border : 0 none;
height : 32px;
background: #000;
line-height: 32px;
}
#menu1 dt a:hover, #menu1 dt:hover {

}
#menu1 li a:hover {
background-color : #353535;
}