@import "styleTiny.css";
@import "globals.css";
@import "forms.css";


.pageHead {
width:100%;
height:100px;
margin: 0px auto;
float:none;
background: url('../img/pageHead_bg.jpg') repeat-x;
border-bottom:1px solid #fff;
}

.pageHead .content { width:870px; height:0px;margin: 0px auto;float:none;}

.pageHead .logo {float:left; margin: 15px 0px 0px 0px;}

.pageHead  .top {
background:url(../img/pageTop_content_2.png) top right no-repeat;
height:26px;
padding:6px 0px 0px 20px;
color:#333;
width:800px;
}

.pageHead  .top ul{
list-style:none;margin:0;padding:0; width:390px; float:right;
}
.pageHead  .top li{
float:left;width:100px;margin:0;padding:0;text-align:center;
padding-right:30px;
}


.pageNav {
width:100%;
height:73px;
background: url('../img/pageNav_bg.png') repeat-x;
z-index:5px;
position:relative;
top:-5px;
}

.pageNav .content {
width:900px;
margin:0px auto;
}

.pageNav .content a {
text-shadow: #dcdcdc 1px 1px;
color:#666;
font-size:14px;
font-family: "Trebuchet MS";
font-style:italic;
width:150px;
height:60px;
float:left;
text-align:center;
line-height:61px;
margin-top:4px;
}

.pageNav .content a:hover {
height:59px;
background: url('../img/pageNav_hover.jpg') 0px 0px repeat-x;
}

.hover {
height:59px;
background: url('../img/pageNav_hover.jpg') 0px 0px repeat-x;
}

.pageSep {
width:100%;
height:141px;
background:#51485f url(/img/lay/pageNav_sep.png) 50% 100% no-repeat;
margin-top:-14px;

}

.pageSep .content {

width:900px;
height:140px;
margin:0px auto;
background:#FFF url(/img/lay/baner.jpg) no-repeat;
position:relative;
}

.pageSep .content object {
position:absolute;
left:0px;
top:0px;
}

.pageContent {
position:relative;
width:100%; 
min-height:310px;
}

.pageContent  h1 { color:#666;
font-size:18px;
font-family: "Trebuchet MS";
font-style:italic; }
.pageContent .content {width:870px; margin: 20px auto 0px auto; float:none; line-height:15px; position:relative; clear:both;}
.pageContent .contentLeft { width:600px; min-height:240px; float:left; margin-right:30px; position:relative;}
.pageContent .contentRight { width:230px; min-height:200px; float:left; position:relative;}

.pageFootSep {clear:both;width:100%;height:58px; background:url(../gfx/footSepBG2.jpg) top center repeat-y;}

.pageFoot {
width:850px;
text-align:left;
margin: 20px auto 20px auto;
float:none;
clear:both;
overflow:hidden;
}


.pageFoot { 

width:100%;
min-height:40px;
background: url(../img/pageFoot_bg.png) center top no-repeat;

}

.pageFoot .content {
width:870px;
margin:30px auto 0px auto;
color: #999999;
}
.pageFoot .content a {color: #999999;}

.contentLeft .kontakt { position:absolute; top:40px; right:0px;}
.kontakt .contentLeft { height:365px;}
.kariera .contentLeft p, .kontakt .contentLeft p  { width:280px; }
.kariera .contentLeft p.lay_hr_x, .kontakt .contentLeft p.lay_hr_x  { width:100%; }
.kontakt .contentLeft p.lay_hr_y, .kariera .contentLeft p.lay_hr_y {right:-294px;}


.kariera .contentLeft div.kariera { position:absolute; top:40px; right:0px;}
.kariera .contentLeft {height:420px;}


.err {
background:#fff9f4;
border:1px solid #ededed;
color:#4e5d3b;
font-weight:bold;
margin:5px 0px;
line-height:27px;
text-align:center;
}

.ok {
background:#f6f9e9;
border:1px solid #e9f0ce;
color:#4e5d3b;
font-weight:bold;
margin:5px 0px;
line-height:27px;
text-align:center;
}

.realizacje {}

.realizacje .logo {
float:left;
width:130px;
min-height:100px;
}
.realizacje .opis {
width:460px;
float:left;
}


.lay_clear {
   clear: both;
   height: 0px;
   overflow: hidden;
}
