html, body{
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #edeef2;
}
#searchbar{
    height: 57px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #dbdce0 url('/images/searchbar.png') no-repeat top center;
}
#searchbarCenter{
    height: 57px;
}

#menubar{
    height: 55px;arz
	
    background-color: #dbdce0;
    border-bottom: 1px solid #9ba7b5;
}
#menubarCenter{
    height: 55px;
    background-color: #495a74;
}
#menubarCenter ul{
    margin: 0;
    padding:0;
    list-style: none;
}
#menubarCenter ul li{
    float: left;
}
#menubarCenter a{
    display: block;
    height: 35px;
    width: 175px;
    padding-top:20px;
    margin:0 10px;
    text-align: center;
    font: bold 11px verdana;
    color: #bfccdd;
    text-decoration: none;
    background: #495a74 url('/images/href.png') no-repeat bottom center;
}
#menubarCenter a:hover,#menubarCenter a.active{
    color: #495a74;
    text-decoration: none;
    background: #df870b url('/images/href-hover.png') no-repeat bottom center;
}

#titlebar{
    height: 146px;
    background-color: #ebebeb;
    border-bottom: 1px solid #9ba7b7;
}
#titlebarCenter{
    position: relative;
    height: 146px;
    background: #fdfdfd url(/images/ser.png) no-repeat top left;
}
h1{
    margin: 0;
    padding: 30px 0 0 0;
    text-align: center;
    font: normal 30px times;
    color:#374659;
}
h2{
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
    font: normal 18px times;
    color:#374659;
}
#logo{
    position: absolute;
    right: 30px;
    top:10px;
}
#logo img{
    border: 0 none;
}
#mainContent{
    background: #edeef2 url(/images/pict1.jpg) no-repeat bottom right;
}
#leftSide{
    position: relative;
    background: #9faab6 url(/images/baner_bg.png) repeat-x top left  !important;

}
#milkBaner{
    width: 181px;
    overflow: hidden;
    margin: 0 0 0 3px;
    z-index: 1;
}
#bannerSide{
    position: absolute;
    font: normal 14px times;
    text-align: center;
    color:#475d75;
    left: 0; 
    float: left;
   
}
#banerFooder{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 11px;
    width: 185px;
    background-color: #677383;
}
#gazetka{
    position: absolute;
    top:260px;
    left: 7px;
    z-index: 100;
}
#gazetka img{
    border: 0px solid #4e6078;
}
#content{
    position: relative;
    min-height: 550px;
    height:auto;
    height: 550px;	
    width: 735px;
    padding: 20px 10px 10px 50px;
    font:normal 11px verdana;
    color:#565656;
    background-color: #edeef2;
    margin-left: 185px !important;
}
#content p{
    padding: 0;
    margin: 0;
}
#footerbar{
    border-top: 1px solid #9ba7b7;
    background-color: #ebebeb;
}
#footerCenter{
    margin-bottom: 0px;
}

#footerCenter ul{
    margin:0;
    padding:10px 0;
    list-style: none;
    font: bold 10px verdana;
    color: #4d5b78;
}
#footerCenter ul li{
    float: left;
}
#footerCenter p{
    font: normal 10px verdana;
    color: #4d5b78;
    float: left;
    margin:0 270px 0 0;
    padding:10px 20px;
}
#footerCenter a{
    margin:0 5px;
    font: bold 10px verdana;
    color: #4d5b78;
    text-decoration: none;
}
#footerCenter a:hover{
    color: #df870b;
}
.clear{
    clear: both;
}
.wraper{
    margin: 0 auto;
    width: 980px;
}
.ofirmie{
    background: #edeef2 url(/images/pict1.jpg) no-repeat bottom right;
}

.center{
    text-align:center;
}

.field input[type=text],
.field input[type=password],
.field textarea {
    padding:1px;
    width:300px;
    font: normal 11px tahoma;
    border: 1px solid #ccc;

    
}
.field{
    margin-top: 10px;
    margin-bottom :10px
}

.formContent label{
    width:230px;
    display: block;
    float: left;
    clear:left;
   
}
.formContent .field{
    padding: 2px 5px;
}
.formContent .fieldButton{
    text-align: right;
}
.formContent .fieldFooter{
    padding: 2px 5px;
    border-top: 2px solid #ccc;
    margin-top: 10px;
    background-color: #fefefe;
}
#productLogoUploadCancel
{display:none} 

#fileCancel{
    display:none
}
.picture-preview img {
    border: 1px solid silver;
    padding: 3px;
}
.picture-preview {
    margin-right: 50px;
    float:left;
}

.picture-close {
    width:10px;height:10px;
    position:relative;
    right:19px;
    top:0px;
}

.picture-close img {
    position: absolute;
    border:0;
}

#offerForm{
    display: none;
}
#offergrid{
    display:none;
}

#dystrybucja{
    width: 210px;
    height: 170px;
float:left;
	

}
#zarzad{
    width: 210px;
    height: 180px;
float:left;	
  
}
.hurtownia{
    width: 200px;
    float: left;

}
.mapaLink{
    width:139px;
    text-align: center;
    margin-top: 10px !important;
}
#contactForm{
    float: right;
    height: 320px;
    width: 400px;
margin-right:65px;
margin-top:0;
}
#contactForm p,#contactForm h3{
    color: #485a72;
}
#contactForm input,#contactForm textarea{
    width:350px;
    border: 1px solid #677284;
    font:normal 11px verdana;
    color:#677284;
    padding: 1px 2px;
    margin-bottom: 7px;
}
#contactForm select{
width:355px;
    border: 1px solid #677284;
    font:normal 11px verdana;
    color:#677284;
    padding: 1px 2px;
    margin-bottom: 7px;

}



#contactForm textarea{
    height: 70px;
}
a img{
    border: 1px dotted #677284;
}
a{
    text-decoration: none;
    color:#677284;
}
a:hover{
    text-decoration: none;
    color:#df870b;
}
.right{
    text-align: right;
    margin-right: 30px;
}
#mapa{
    margin: 10px auto;
    width: 710px;
    height: 450px;
    border: 1px dotted #677284;
}
.appends{
 text-align: center;
 margin-top:30px;
}
.appends a img{
    border:0px none;
}

.right2{
    float:right;
    margin-right: 160px
}

.right3{
    text-align:right;
}
.right3 div{
    display:inline;
}