@import "menu.css";
@import "forms.css";

* {
padding: 0;
margin: 0;
}

a {text-decoration: none;}
a:hover {text-decoration: underline}
img {border: 0;}

body {
background: white;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #555;
line-height: 16px;
}

a,
a:hover {
color: #f19137;
}

a.text-arrow {
background: url('gfx/i-go.png') no-repeat left top;
padding-left: 22px;
float: right;
line-height: 18px;
}

a.text-arrow2 {
background: url('gfx/i-go.png') no-repeat right top;
padding-right: 22px;
float: right;
line-height: 18px;
font-weight: bold;
}

a.back {
background: url('gfx/i-gobackensidonna.png') no-repeat right top;
padding-right: 22px;
float: right;
line-height: 18px;
}

a.arrow2 {
background: url('gfx/i-go.png') no-repeat left top;
width: 18px;
height: 18px;
}

#main-top {
float: left;
width: 100%;
height: 92px;
border-bottom: 1px solid #f0f0f0;
}

#main-mid {
float: left;
width: 100%;
border-top: 1px solid white;
border-bottom: 1px solid white;
background: #f0f0f0;
}

#main-bottom {
float: left;
width: 100%;
border-top: 1px solid #f0f0f0;
text-align: center;
color: #b7b7b7;
font-weight: bold;
padding: 4px 0 26px 0;
line-height: 38px;
height: 38px;
}

#main-bottom span {
position: absolute;
left: 50%;
margin-left: -480px;
}

#main-bottom #flashbottom {
position: absolute;
left: 50%;
margin-left: -360px;
}

#main-bottom img {
margin: 0 16px;
vertical-align: middle;
}

#top {
float: left;
position: relative;
top: 0;
left: 50%;
width: 980px;
height: 90px;
margin-left: -490px;
}

#top .title {
position: absolute;
left: 0;
top: 0;
}

#top .menu {
position: absolute;
left: 0;
bottom: 0;
background: #e37c1d url('gfx/bk-top-menu.png') no-repeat;
float: left;
width: 980px;
height: 30px;
list-style: none;
}

#top .menu li {
float: left;
width: 139px;
height: 30px;
line-height: 30px;
color: white;
font-weight: bold;
border-left: 1px solid #db700f;
text-align: center;
}

#top .menu li:hover {
/*background: url('gfx/bk-top-menu-item-hover.png');*/
}

#top .menu li.sel {
background: url('gfx/bk-top-menu-item-sel.png') no-repeat center center;
}

#top .menu li.first {
border-left: 0;
}

#top .menu li a {
width: 100%;
height: 100%;
float: left;
text-align: center;
color: white;
}

#top .menu li a:hover {
text-decoration: none;
}

#top .links {
float: left;
position: absolute;
top: 21px;
right: 210px;
font-size: 10px;
height: 22px;
line-height: 22px;
color: #bbb;
list-style: none;
}

#top .links li {
float: left;
padding: 0 12px;
}

#top .links a {
padding-left: 17px;
color: #bbb;
}

#top .links .home {
background: url('gfx/i-home.png') no-repeat left center;
}

#top .links .mapa {
background: url('gfx/i-mapa.png') no-repeat left center;
}

#top .links .lang {
color: #f19137;
padding-left: 0;
}

#top .search {
position: absolute;
right: 0;
top: 21px;
height: 18px;
width: 205px;
padding: 2px;
background: url('gfx/bk-itx209.png') no-repeat left top;
}

#top .btn {
float: left;
width: 18px;
height: 18px;
}

#top .input {
float: left;
padding: 1px 5px 1px 15px;
height: 16px;
width: 167px;
color: #bbb;
}

#main {
position: relative;
left: 50%;
top: 0;
width: 960px;
margin-left: -480px;
padding-top: 1px;
}

#left {
float: left;
width: 220px;
padding-bottom: 20px;
}

.left-with-arrow {
background: url('gfx/bk-left.png') no-repeat left 200px;
min-height: 430px;
}

#right {
position: relative;
top: 11px;
float: left;
width: 220px;
}

#content {
float: left;
width: 480px;
padding: 0 20px 20px 20px;
}

.generic-frame,
.box-zobacz-referencje,
.box-nasze-produkty {
position: relative;
float: left;
width: 220px;
background-repeat: no-repeat;
margin: 8px 0;
}

.media-box-left {
position: relative;
float: left;
width: 220px;
background-repeat: no-repeat;
margin:0px 0px 0px 0px;
z-index:2;
padding-bottom:5px;
}
.media-box-left .tmce p {
margin:16px 0px 0px 0px;
}

.box-zobacz-referencje {height: 88px; margin-top: 0;}
.box-nasze-produkty {height: 170px;}

.box-do-celu {
margin: 8px 0;
}

.generic-frame {
background: url('gfx/bk-frame-bottom.png') no-repeat left bottom;
padding-bottom: 10px;
}

.generic-frame .image {
background: url('gfx/bk-frame-top.png') no-repeat left top;
min-height: 40px;
text-align: center;
}

.generic-frame .tmce {
float: left;
width: 180px;
padding: 10px 20px;
}

.generic-frame .link {
float: right;
margin-right: 20px;
display: inline;
}

.box-nasze-produkty .link,
.box-zobacz-referencje .link {
position: absolute;
right: 20px;
bottom: 10px;
}

.box-zobacz-referencje-top {
float: left;
width: 220px;
height: 40px;
background: url('gfx/g-zobacz-referencje-top.png') no-repeat;
margin-top:2mm;
}

.box-aktualnosci {
float: left;
width: 220px;
}

.box-aktualnosci ul {
float: left;
width: 100%;
clear: both;
list-style: none;
font-size: 10px;
border-top: 1px solid white;
margin: 8px 0;
}

.box-aktualnosci ul li {
float: left;
width: 100%;
clear: both;
border-bottom: 1px solid white;
padding: 2px 0;
line-height: 14px;
}

.box-aktualnosci p {
color: #999;
font-size: 10px;
}

.box-aktualnosci ul .date {
float: left;
width: 55px;
color: #999;
padding-top: 2px;
}

.box-aktualnosci ul .desc {
float: left;
width: 145px;
padding: 2px 20px 2px 0;
color: #555;
background: url('gfx/i-go.png') no-repeat right bottom;
}

.box-aktualnosci ul .link {
float: left;
}

h1.red {
font-size: 17px;
font-weight: bold;
color: #e6392c;
letter-spacing: -1px;
}

#left h1.red,
#content h1.red {
padding: 12px 0;
}

h1.arrow {
background: url('gfx/bk-header.png') no-repeat;
height: 23px;
line-height: 23px;
color: white;
padding-left: 32px;
padding-right: 10px;
font-size: 11px;
margin: 4px 0;
}

ul.breadcrumb {
display: block;
list-style: none;
font-size: 10px;
height: 36px;
line-height: 36px;
}

ul.breadcrumb li,
ul.breadcrumb li a {
color: #bbb;
padding-right: 3px;
}

ul.breadcrumb li {
display: inline;
}

.pagecontent {
float: left;
width: 100%;
padding-top: 10px;
}

.tmce ul li {
padding-left: 20px;
background: url('gfx/i-li-arrow.png') no-repeat left 2px;
list-style:none;
}

.tmce p,
.tmce ul {
margin: 16px 0;
}

.tmce table
{
  font-size:11px;
}

div.news {
float: left;
width: 100%;
clear: both;
color: #333;
padding-bottom: 16px;
}

ul.news {
float: left;
width: 100%;
clear: both;
list-style: none;
color: #333;
}

ul.news li {
float: left;
width: 100%;
clear: both;
border-bottom: 1px solid white;
padding-bottom: 20px;
margin-bottom: 5px;
position: relative;
}

.news .date {
color: #f19137;
float: left;
width: 70px;
}

.news .title {
font-weight: bold;
float: left;
width: 380px;
}

.news .desc {
float: left;
width: 380px;
padding-left: 70px;
margin-top: 8px;
}

div.news .title {
width: 410px;
}

div.news .desc {
width: 410px;
padding-bottom: 16px;
}

ul.news .link {
position: absolute;
bottom: 16px;
right: 0;
}

div.news .link {
margin-top: 15px;
}

.nav {
float: left;
padding: 8px 0 0 35px;
list-style: none;
}

.nav li {
float: left;
height: 18px;
line-height: 18px;
padding: 0 3px;
color: #333;
}

.nav li a {
height: 18px;
line-height: 18px;
float: left;
}

.nav li.prev,
.nav li.next {
padding: 0 18px;
}

.nav li.prev a,
.nav li.next a {
padding: 0 22px;
}

.nav li.prev a {background: url('gfx/i-gobackensidonna.png') no-repeat right top;}
.nav li.next a {background: url('gfx/i-go.png') no-repeat left top;}

h1 span {
float: right;
font-weight: normal;
}

.news .images {
float: left;
width: 426px;
padding-left: 69px;
margin-right: -17px;
}

.news .images li {
float: left;
width: 200px;
height: 150px;
background: white;
border: 1px solid white;
text-align: center;
overflow: hidden;
margin: 0 8px 8px 0;
}

h2.result {
color: #333;
font-size: 11px;
}

ul.results {
float: left;
width: 100%;
clear: both;
list-style: none;
margin: 16px 0;
}

ul.results li {
float: left;
width: 100%;
clear: both;
margin-bottom: 10px;
}

.results .number {
float: left;
width: 20px;
}

.results .title {
float: left;
width: 460px;
margin-bottom: 2px;
}

.results .desc {
float: left;
width: 460px;
padding-left: 20px;
}

.results .desc span {
background: #ddd;
}


#footer-menu {
float: right;
width: 700px;
padding-left: 240px;
list-style: none;
color: #b7b7b7;
padding-top: 30px;
padding-bottom: 5px;
font-weight: bold;
position: absolute;
bottom:0;
left:0;
}

#footer-menu a {
color: #b7b7b7;
}

#footer-menu li {
display: inline;
padding-right: 10px;
}

.ref {
float: left;
list-style: none;
width: 495px;
margin: 0 -15px 15px 0;
font-size: 10px;
}

.ref a {
color: #666;
}

.ref li {
float: left;
width: 150px;
height: 190px;
margin: 0 15px 15px 0;
}

.ref .image {
float: left;
width: 148px;
height: 148px;
border: 1px solid #ccc;
overflow: hidden;
text-align: center;
background: white;
margin-bottom: 2px;
}


ul.mapa {
list-style: none;
float: left;
width: 100%;
clear: both;
padding: 15px 0;
}

.mapa li {
margin-bottom: 1px;
}

.mapa a {
padding-left: 3px;
}

.mapa li a,
.mapa li {
color: #666;
}

.mapa li.level0 a,
.mapa li.level0 {
color: #333;
}

.mapa li.level0 {padding-left: 5px;}
.mapa li.level1 {padding-left: 45px;}
.mapa li.level2 {padding-left: 77px;}