body{
    margin: 0;
    padding: 0;
  	background: rgb(255,255,255) url('../img/bg1.png') no-repeat center top;
  /*	#text-align: center;*/
  	font-family: 'Tahoma'; font-size: 12px; color: #000;
}

a{
    text-decoration: none; color: #fff; font-size: 12px;
}

a.more {
display: block;
float: right;
margin: 0px 20px;
color: #CA0B27;
background: #fff;
padding: 2px 13px;
border-radius: 4px;
}

img{
    border: none;
}
div {
 margin: 0;
 padding: 0;
}

.uppercase {
text-transform: uppercase;
}
.bold {
font-weight:bold;
}
.center {
text-align:center;
}

#page {
width: 100%; text-align:center; height:auto;
}

#top {
margin: 15px auto;
width:1000px;
padding: 0px;
height: 600px;

}
#top #navy {
width:40px; height:100px;
float: left; 
}

#top #navy img {
display:block; margin: 15px 5px;
}

#top #navy img:hover {
opacity: 0.8;
}

#top #root {
width:920px;height:76px;
float: left; background: url('../img/bg_root.png') left top no-repeat;
}

#top #lang {
width:40px; height:100px;
float: left;
}
#top #lang img {
width:25px; height:25px; float:right; margin: 4px 5px;
}
#top #root #logo {
width:275px; height:75px;
float: left;
}
#top #root #mainmenu {
width:645px; height:75px;
float: left;
}

#top #mainmenu ul {
margin: 3px; padding: 0px; float:left;
}


#top #mainmenu li {
background: url('../img/li.png') center top no-repeat;
width:125px; float:left; height: 71px;
text-align:center; line-height: 65px; vertical-align:20px;
font-size: 13px; list-style:none;
position: relative; height: 171px;
z-index: 102; font-weight: bold;
}
#top #mainmenu li.act, #top #mainmenu li:hover{
background: url('../img/li_act.png') center top no-repeat;
position: relative;
z-index: 102;
}
#top #mainmenu li a {
color: #fff; display: block;
}

#top #mainmenu #submenu {
position: relative;
z-index: 100; font-size: 13px;
display:none; top: 2px;
}
#top #mainmenu .submenu ul {
padding: 0px 0px 10px 0px; border-radius: 10px;
position: relative; border: 1px #eee solid;
z-index: 101; margin: 6px 0px 0px -2px; background: #f9f9f9;
}

#top #mainmenu .submenu li {
width:255px; height:42px; background: url('../img/sub_li.png') -2px top no-repeat;
text-indent: 40px; line-height:45px; text-align: left; 

}
#top #mainmenu .submenu li:hover {
background: url('../img/sub_li_act.png') -2px top no-repeat;
}
#top #mainmenu .submenu li a {
color:#464646; display: block;
}
#top #mainmenu #tubmenu {
left: 255px;
position: relative;
z-index: 104; font-size: 13px;
display:none;
}

#top #slider {
position:relative;
float: left;
top: -26px;
left: 20px;
width: 941px;
height: 515px;
z-index: 99;
}

#top #main {
width:435px; height: 122px; background: url('../img/bg_sli.png') left top no-repeat;
position:relative; z-index:100; top: 445px; left: 508px;
}

#center {
margin:auto;
width: 925px;
height:auto;
min-height: 400px;
padding-left: 2px;
overflow: hidden;
}

#holder {
width:inherit;
height:auto;
min-height: 200px;

}

div.foto {
width: 275px; height: 250px;
background: url('../img/gall.png') left bottom no-repeat;
margin: 0px 10px 10px 8px; float:left; 
}

div.foto:hover {
opacity:0.95;
} 

div.foto img {
margin:0px; 
padding:0px;
}

div.foto h1 {
background:none !important; text-align:center;
line-height:8px; text-indent: 0px !important;
}

h1 {
font-size: 20px; color: #fff; margin: 5px; padding: 5px; text-align:left;
}
h2 {
font-size: 20px;
color: #505050;
margin: 5px;
padding: 5px;
text-align: left;
font-weight: normal;
}
h3 {
font-size: 15px; color: #fff; margin: 5px; padding: 7px; text-align:left;
}
h4 {
font-size: 13px; color: #fff; margin: 0px; padding: 5px 0px; text-align: left;
}

#index {
float: left;
width: 100%;
height: 288px; color: #fff;
}

#about, #act, #gall {
float: left;
width: 256px;
height: 288px;
padding: 0px 10px; 
}



#about {
background: url('../img/bg_abut.png') left -3px no-repeat;
}
#act {
background: url('../img/bg_act.png') left top no-repeat;
}
#about:hover {
background: url('../img/bg_abut_a.png') left -3px no-repeat;
}
#act:hover {
background: url('../img/bg_act_a.png') left top no-repeat;
}


#gall {
width: 352px; background: url('../img/bg_gall.png') left top no-repeat;
} 

#c_left {
width: 17px;
float: left;
height: 100px;
margin: 50px 0px; cursor:pointer;
}

#gall_img {
float: left;
width: 317px;
margin: 16px 0px;
height: 205px;
}

#c_right {
width: 13px;
float: left;
height: 100px;
margin: 50px 0px; cursor:pointer;
}

.photo-area li {
list-style: none; float: left; display: inline-block; width: 140px; height: 100px;
}

#index div.textbox {
text-align:left; font-size: 12px; color: #fff;
}

#boxy {
width:100%;
height: auto;
float:left; padding-left: 2px;
}

#boxy div.textbox, div.textbox {
text-align:left; font-size: 12px; color: #fff;
line-height: 16px;
height: 190px;
}

#techno div.textbox, #calc div.textbox {
color: #464646;
}

#techno:hover, #calc:hover {
opacity:0.95;
}

#techno {
float:left; background: url('../img/box_techno.png') left top no-repeat;
padding: 0px 10px; width: 292px; height: 144px; margin: 45px 0px 0px 0px;
}
#calc {
float:left; background: url('../img/box_calc.png') left top no-repeat;
padding: 0px 10px; width: 300px; height: 137px; margin: 52px 60px 0px 60px;
}
#techno a, #calc a {
display: block;
position: relative;
top: 26px;
text-align: center;
}

#act a, #about a {
position: relative;
top: 28px;
left: 90px;
}

p.long {
display:none;
}

div.news {
width: 900px;
display: block;
float: left;
}

#tekstowa, #kontakt {
width:940px; height: auto; min-height: 200px;
float:left;
background: url('../img/bg_content.png') -10px bottom no-repeat;
}

#tekstowa div.text-box {
width: 879px; float:left;
background: #fafafa; margin-bottom: 10px; border-right: 1px solid #DFDFDF;
color:#464646; font-size:12px; padding: 20px; text-align: justify;
}

#tekstowa h1,#kontakt h1 {
background: url('../img/h1.png') -9px top no-repeat; font-weight:normal;
margin:0px; padding: 10px 0px 0px 0px; text-indent: 20px; height: 35px;
}

#kontakt div.text-box {
width: 879px; float:left;
background: #fafafa; margin-bottom: 10px; border-right: 1px solid #DFDFDF;
color:#464646; font-size:12px; padding: 20px; text-align: justify;
}

#kontakt-box {
float:left; width: 860px; height: auto; min-height: 400px;
}

#mapa {
float:left; padding: 0px 10px 0px 20px;
width: 570px; height: 350px; /*margin-top: -65px;*/
}

#mapa iframe {
border-radius: 15px; border: #eee 2px solid; padding: 2px;
}

#form {
float:left; width: 427px; height:auto; min-height: 400px;
padding-left: 20px;
}

#form label {
font-size: 12px;
color: #505050;
text-align: left;
display: block;
line-height: 22px;
padding-top: 7px;
}

#form input, #form textarea {
width: 230px; color: #555;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
padding: 6px;
display: block;
}

#form textarea {
width: 400px;
}
/*
#form input {
width: 230px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
padding: 6px;
display: block;
}*/

#form input[type=submit], #sendbutton {
width: 135px; color:#fff;
background: #ED0328; border: 2px solid #fff;
border-radius: 7px; display: block; text-align:center;
line-height:15px; cursor:pointer; float: right; height: 32px;
font-weight: bold;
font-size: 12px;
}


#news-box div.tleft {
float:left;
}
#news-box div.tleft img {
border-radius:5px; border:0px;
width: 120px;
height: 90px;
}

/*kalkulator */
div.kalk {
width: 906px; height: 186px; margin: 10px 0px 75px -10px;
float:left; background: url('../img/bg_calc.png') left top no-repeat;
}

div.kalk h3 {
font-size: 12px;
text-align: center;
}

div.kalk table {
width: 100%;
}
div.kalk table td.tab_srodek_td  {
height: 50px;
padding: 20px;
text-align: center; border-right:1px solid #ECECEC;
}
div.kalk table td.tab_dol_td {
height: 10px; height: 53px;
padding: 0px;
text-align: center; border-right:1px solid #ECECEC;
}

div.kalk  input {
width: 105px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
padding: 6px;
}

div.kalk input.formularz-buton {
width: 255px; height: 39px; float:left;
background: url('../img/przelicz.png') center top no-repeat;
color: #fff; text-align:center; line-height: 13px; border:0px;
margin: 0px 300px; font-weight:bold; 
}



#logos {
float:left; width: 528px; height: 100px;
overflow:hidden; background: url('../img/ue.png') center top no-repeat;

}

#lower {
width: auto;
max-width: 2000px;
margin: auto;
height: 377px; background: url('../img/bg_lower.png') center top no-repeat;
}

#footer {
width: 920px;
margin:auto;
height: 200px;
padding-top: 130px;
}

#footer img:hover {
opacity:0.8;
}

#lower #footer #serv  {
float:left; width:640px; height:87px; margin: 15px 0px;
background: url('../img/bg_part.png') left top no-repeat;
}

#lower #footer #serv img  {
padding: 10px 10px; float:left;
}

#lower #footer #table {
float:left; width: 100%; height:auto; color: #fff; text-align:left;
}

#scroller {
width: 6700px !important;
}

#lower #footer #table th {
background: url('../img/cross.png') left 12px no-repeat;
font-weight:bold; padding: 0px 10px;
line-height: 35px;
}
#lower #footer #table td {
padding: 0px 10px;
}
#lower #footer #table td {
height:20px;
}