/************************************************************\
-	globalne
\************************************************************/


body {
    background: #FFFFFF url(img/lay/bl.body-bg2.jpg) repeat-x left 0;
    margin: 0px;
    padding: 0px;
    scrollbar-3dlight-color:black;
    scrollbar-arrow-color:white;
    scrollbar-track-color:black;
    scrollbar-darkshadow-color:black;
    scrollbar-face-color:gray;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:white;
  }


textarea, input, select {
    background: url() #ffffff repeat;
    border: 1px solid #313029;
    color: #000000;
    font-size: 11px;
    font-family: verdana;
    font-style: normal;
    font-weight: bold;
    overflow: hidden;
  }


td.body-bg1 {
    background: url(img/lay/bl.body-bg1.jpg) repeat-x left top;
    text-align: left;
    vertical-align: top;
  }


td.body-bg2 {
    text-align: left;
    vertical-align: top;
  }


td.body-left {
    background: url(img/lay/bl.body-left.jpg) no-repeat right top;
  }


td.body-right {
    background: url(img/lay/bl.body-right.jpg) no-repeat left top;
  }


td.body-left2 {
    background: #484848;
  }


td.body-right2 {
    background: #484848 url(img/lay/body-right2.gif) no-repeat 8px bottom;
  }


td.body1 {
    background: url(img/lay/body1.jpg) no-repeat left top;
    vertical-align: top;
    height: 311px;
  }


#body-bg12 {
    background: url(img/lay2/body2.jpg) no-repeat right top;
    width: 197px;
    height: 100%;
    margin-bottom: 8px;
  }


td.body2 {
    background: url(img/lay/body31.gif) no-repeat left top;
    vertical-align: top;
    height: 100%;
    padding-top: 18px;

  }


#body3 {

    background: #000000 url(img/lay/body3.jpg) no-repeat left top;
    vertical-align: top;
    font: bold 10px Tahoma;
    color: #fff;
    width: 190px;
    
  }


#body3 div {
    padding-left: 14px;
  }


#body3 h2 {
    font: bold 10px Tahoma;
    color: #fff;
    margin: 0px;
    padding: 0px;
  }


#body3 img {
    margin-right: 8px;
  }


.ramka {
    border:3px solid #626263;
}


/************************************************************\
-	menu lewe
\************************************************************/


#menu {
    background: url(img/lay/menu-left1.jpg) no-repeat left top;
    height: 212px;
    vertical-align: top;
    overflow : hidden;
  }


#menu ul {
    margin: 0px;
    padding: 11px 0px 0px 26px;
    list-style-type: none;
  }


#menu li {
    height:15px;
    font-size:12px;
    line-height:12px;
    padding:4px 0px;
    margin:0px;
    margin-top:1px;
  }


#menu a {
    background: url(img/lay/menu-krop1.gif) no-repeat left center;
    line-height:10px;
    padding-left: 23px;
    font: bold 11px Arial;
    color: #FFFFFF;
    text-decoration: none;
  }


#menu a:hover {
    background: url(img/lay/menu-krop2.gif) no-repeat left center;
    text-decoration: underline;
  }


#menu a.act {
    background: url(img/lay/menu-krop2.gif) no-repeat left center;
    padding-left: 23px;
    font: bold 11px Tahoma;
    color: #C9C9C9;
    text-decoration: none;
  }


#przyk {
    position: relative;
    top:0px;
  }


#przyk a {
    float: left;
  }


#przyk a div {
    float: left;
    line-height: 11px;
  }


#przyk a div:hover {
    text-decoration: underline;
  }

/************************************************************\
-	boxy dol
\************************************************************/


#box1 {
    background: #36363F url(img/lay/bl.tlo1-cz2.jpg) no-repeat right top;
    float: left;
    margin-right: 10px;
    padding: 8px 10px 0px 0px;
  }


#box1 td.td1 {
    vertical-align: top;
    background: #5a5a63 url(img/lay/bl.tlo1-cz1.jpg) no-repeat left top;
    width: 28px;
  }


#box1 td.td1b {
    vertical-align: top;
    background: #5a5a63 url(img/lay/bl.tlo1-cz1.jpg) no-repeat left top;
    width: 28px;
  }


#box1 td.td2 {
    background: url(img/lay/bl.nag-cz1.jpg) no-repeat 18px 0px;
    vertical-align: top;
    padding: 0px 0px 8px 18px;
    font: 10px/14px Tahoma;
    color: #fff;
  }


#box1 a {
    display: block;
    color: #D9D7D8;
    font: bold 10px/19px Tahoma;
    text-decoration: none;
    height: 22px;
    background: #5a5a63 url(img/lay/arrow1.gif) no-repeat right center;
    padding-left: 8px;
  }


#box1 a:hover {
    background: #6C6C75 url(img/lay/arrow1.gif) no-repeat right center;
    color: #eee;
  }


#box1 div {
    margin-left: 26px;
    height: 26px;
    background: url(img/lay/nag-cz2.jpg);
    text-align: right;
  }


#box1 h3 {
    background: url(img/lay/bl.nag-cz3.jpg) no-repeat right top;
    margin: 0px;
    padding: 0px;
    padding-right: 16px;
    height: 26px;
    font: bold 11px/26px Tahoma;
    color: #36363F;
    text-transform: uppercase;
  }


#box1 h1,#box1 h2 {
    margin: 0px;
    padding: 0px;
    font: bold 10px/14px Tahoma;
    color: #fff;
  }

/*	--- */


#box2 {
    position: relative;
    background: url(img/lay/tlo2-cz1.jpg);
    float: left;
  }


#box2 td {
    background: url(img/lay/tlo2-cz2.jpg) no-repeat right top;
    padding: 14px 13px 8px 13px;
    font: 10px/14px Tahoma;
  }


#box2 h3 {
    font: bold 12px Tahoma;
    color: #000;
    margin: 0px;
  }


#box2 a {
    font: 10px Tahoma;
    color: #000;
    text-decoration: underline;
  }


#box2 a:hover {
    text-decoration: none;
  }

/*	--- */


#box3 {
    background: url(img/lay/tlo3-cz5.jpg) no-repeat left top;
    font: 10px/14px Tahoma;
    color: #fff;
    height: 214px;
  }


#box3 td.c {
    background: url(img/lay/tlo3-cz3.gif) repeat-y left top;
    padding: 20px 0px 0px 36px;
    height: 100%;
    vertical-align: top;
  }


#box3 div {
    margin-left: 8px;
    height: 25px;
    background: url(img/lay/nag-cz2.jpg);
    text-align: right;
  }


#box3 h3 {
    background: url(img/lay/bl.nag-cz3.jpg) no-repeat right top;
    margin: 0px;
    padding: 0px;
    padding-right: 16px;
    height: 25px;
    font: bold 11px/25px Tahoma;
    color: #36363F;
    text-transform: uppercase;
  }


#box3 td.td2 {
    background: url(img/lay/bl.nag-cz1.jpg) no-repeat left 6px;
    vertical-align: top;
    padding: 6px 8px 0px 18px;
    font: 10px/14px Tahoma;
    color: #fff;
  }

/*	--- */


#box4 {
    background: #36363F url(img/lay/bl.tlo1-cz2.jpg) no-repeat right top;
    padding: 8px 10px 0px 0px;
    float: left;
  }


#box4 td.td1 {
    vertical-align: top;
    background: #5a5a63 url(img/lay/bl.tlo1-cz1.jpg) no-repeat left top;
    width: 28px;
  }


#box4 td.td2 {
    background: url(img/lay/bl.nag-cz1.jpg) no-repeat 18px 0px;
    vertical-align: top;
    padding: 0px 0px 8px 18px;
    font: 10px/14px Tahoma;
    color: #fff;
  }


#box4 div {
    margin-left: 26px;
    background: url(img/lay/nag-cz2.jpg);
    text-align: right;
  }


#box4 h1 {
    background: url(img/lay/bl.nag-cz3.jpg) no-repeat right top;
    margin: 0px;
    padding: 0px 16px 0px 8px;
    height: 26px;
    font: bold 11px/26px Tahoma;
    color: #36363F;
    text-transform: uppercase;
  }


#box4 strong {
    color: #FFfff0;
  }

/************************************************************\
-	menu ikony
\************************************************************/


#m1 {
    width: 100%;
    height: 80px;
    background: #484851;
    border-bottom: 8px solid #5a5a63;
    margin-bottom: 8px;
  }


#m1 td.l {
    background: url(img/lay/icokrop.gif) no-repeat center center;
    width: 20%;
  }


#m1 td.ll {
    width: 10%;
  }

/************************************************************\
-	wyb�r jezyka
\************************************************************/


#lang {
    background: url(img/lay/lang-c2.gif);
    font: bold 10px Tahoma;
    color: #fff;
    margin-bottom: 50px;
  }


#lang td.td1 {
    padding-right: 6px;
    padding-left: 6px;
  }


#lang td.td2 {
    padding-right: 4px;
    padding-left: 4px;
  }


#lang td.tdt {
    padding-right: 4px;
  }

/************************************************************\
-	stopka
\************************************************************/


#stopka {
    width: 100%;
    height: 70px;
    background: #5a5a63;
    border-bottom: 8px solid #484848;
  }


#stopka td.cp {
    font: 10px/16px Tahoma;
    color: #fff;
    padding-left: 14px;
  }


#farm {
    margin-right: 14px;
  }


#farm td {
    background: #6c6c75;
    height: 20px;
  }


#farm a {
    font: 10px Tahoma;
    color: #fff;
    text-decoration: none;
    padding: 0px 4px;
  }


#farm a:hover {
    text-decoration: underline;
  }

/************************************************************\
-	strona
\************************************************************/


.txt1 {
    font: bold 10px Tahoma;
    color: #fff;
  }


#plot-tab {
    font: 10px Tahoma;
    color: #fff;
  }


#plot-tab td.c1,#plot-tab td.c2,#plot-tab td.c3,#plot-tab td.c4 {
    background: #5A5A63;
    padding: 3px 6px;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
  }


#plot-tab td.c1 {
    color: #eee;
    font-weight: bold;
  }

/************************************************************\
-	galeria
\************************************************************/


#galkat {
    font: 11px/15px Tahoma;
    color: #ffe;
    padding-bottom: 10px;
  }


#galkat a {
    text-decoration: none;
  }


#galkat img.i1 {
    margin-right: 10px;
    border: 2px solid #cccccc;
  }


#galkat span.title {
    color: #fff;
    font: bold 12px/11px Tahoma;
  }

/************************************************************\
-	oferta
\************************************************************/

.atab {
    border: 0px;
    margin:0px 1;
    padding:0px;
  }

.dymek {
 border: 5px double grey;
 display: block;
 position: absolute;
 }

.ukryj {
    display : none;
  }


.pokaz {
    display: block;
  }


.widok {
    display: block;
    color: black;
    font-weight: bold;
    float:left;
  }


.rama * {
border:0px;
margin:0px;
padding:0px;
  }


.foto {
    float: right;
    margin: 1px;
    margin-left:5px;
  }


.model {
    background-color: #252525;
    color: #ddd;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin:10 40px;
  }


.rama {
    border: solid 1px #252525;
    margin-right:26px;
  }


.opis {
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
  }


.rama p {
    font-size: 13px;
  }

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

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

.uli {
  text-align: left;
  clear: both;
width: 300px;
padding-right:120px;

}

.rama span {
  background-color: #ddd;
  border: solid 1px #999;
  border-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
float:left;
  position: relative;
  left: 20px;
  top: 1px;
  z-index:2;
}

.rama ul {
clear:both;
  text-align: left;
  background-color: #ddd;
  border: solid 1px #999;
  font-size: 10px;
  font-style: normal;
  margin: 0px;
  padding-top: 2px;
  width: 320px;
  z-index: 1;
}

.rama li {
  font-weight: normal;
  text-align: left;
margin-left: 20px;
font-size: 12px;
line-height:14px;
}


.tlo {
text-align:center;
margin:auto;
}

.rama table {
text-align: center;
    border-bottom: outset 5px;
    border-left: outset 5px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 10px;
  }


.tab1, .tab2 {
    background-color: #999;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
  }


.tab2 {
    background-color: #727272;
  }


.tab1 td {
    border: solid #000 1px;
  }


.tr1 {
    background-color: #ccc;
  }


.tr2 {
    background-color : #c0c0c0;
  }


.rama table td {
    font-size: 12px;
    padding: 0px 6px;
  }


.ost {
    text-align: left;
    margin-left: 10px;
    font-size: 12px;
    font-weight:bold;
  }