* {
margin: 0;
padding: 0;
}

img {
border: none;
}

body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background: #fff url(/img/bbg.gif) center top repeat-x;
padding-top: 4px;
}

#bgb {

}

#nobg, .nobg {
background: none !important;
}

#wrapper {
margin: 0px auto;
margin-top: 0px;
width: 1000px;
}

#top {
width: 996px;
height: 170px;
float: left;
clear: both;
background: #fff;
}


.body {
min-height: 500px;
width: 966px;
float: left;
padding-top: 10px;
padding-left: 30px;
padding-bottom: 5px;
position: relative;
background: #fff;
clear: both;
}

.col3 {
width: 916px;
float: left;
padding-left: 20px;
}

.right_top {
width: 227px;
height: 200px;
padding-top: 27px;
float: right;
color: #888;
font-size: 13px;
}

.right_top p {
padding: 0px 20px 10px 10px;
margin-bottom: 10px;
text-align: center;
font-size: 14px;
}

.right_top p.big {
font-size: 18px;
}

a#top_logo {
width: 239px;
height: 160px;
float: left;
display: block;
margin-top: 12px;
}

ul#menu {
list-style-type: none;
width: 756px;
height: 80px;
float: right;
margin-top: 15px;
padding-top: 15px;
padding-left: 0px;
background: transparent url(/img/menu_bg.png) -2px 0px no-repeat;
}

#tagline_wrapper {
width: 505px;
height: 38px;
float: right;
margin-top: 10px;
}

#tagline {
width: 505px;
height: 38px;
}

ul#menu li {
width: 100px;
height: 32px;
float: left;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
border-right: 1px solid #fff;
}


ul#menu li.m1, ul#menu li.m1 a {
width: 133px;
}

ul#menu li.m2, ul#menu li.m2 a {
width: 96px;
}

ul#menu li.m_last, ul#menu li.m_last a{
border: none;
width: 96px;
}

ul#menu li a {
height: 24px;
padding-top: 8px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
background: transparent url(/img/dziubek.gif) center -50px no-repeat;
}

ul#menu li a:hover, ul#menu li#m_selected a{
margin-top: -6px;
padding-top: 14px;
background: #ED1A1A url(/img/dziubek.gif) center top no-repeat;
}

ul#menu li.m1#m_selected a, ul#menu li.m1#m_selected a:hover{
padding-top: 14px;
height: 34px;
background: #C50000 url(/img/selected1.gif) bottom right no-repeat;
}

ul#menu li.m2#m_selected a, ul#menu li.m2#m_selected a:hover{
padding-top: 14px;
height: 34px;
background: #C50000 url(/img/selected2.gif) bottom right no-repeat;
}

ul#menu li.m_last#m_selected a, ul#menu li.m_last#m_selected a:hover{
padding-top: 14px;
height: 34px;
background: #C50000 url(/img/selected3.gif) bottom right no-repeat;
}

.text_column {
width: 303px;
float: left;
margin-right: 30px;
width: 285px;
}

.text_column2 {
width: 300px;
float: right;
overflow: hidden;
margin-left: 20px;
}

.text_column p, .text_column_floating p {
padding: 5px;
margin-bottom: 25px;
line-height: 22px;
text-align: justify;
font-size: 12px;
text-indent: 20px;
}

.text_column_floating {
width: 100%;
float: left;
clear: both;
}

.text_column_floating p {
width: 267px;
margin-right: 20px;
float: left;
}

.text_column2 p {
width: 300px;
margin: 0px 10px 5px 0px;
}

#contact_form {
width: 534px;
float: left;
margin-right: 120px;
margin-bottom: 40px;
}

 #left {
width: 620px;
float: left;

margin-bottom: 40px;
}

#contact_form  p {
float: none;
width: 100%;
margin: 0;
text-align: left;
}

#contact_form input , #contact_form textarea{
width: 98%;
border: 1px solid #ddd;
background: #fafafa;
}

#contact_form input#active , #contact_form textarea#active{
background: #fff;
border: 1px solid #FF7C00;
}

#contact_form p input#submit {
width: 130px;
margin-top: 10px;
padding: 3px;
background: #eee;
border: 1px solid #EC0000;
cursor: pointer;
}

#contact_form p input#send {
width: 100px;
height: 28px;
margin-top: 10px;
font-weight: bold;
color: #fff;
background: url(/img/send.gif) left top no-repeat;
border: none;
cursor: pointer;
}

#contact_form p.talr {
width: 60%;

}

#contact_form p input.short {
width: 250px;
}

.text_column_floating p img {
width: 267px;
float: left;
clear: right;
}

h1 {
width: 860px;
height: 30px;
padding-left: 25px;
padding-bottom: 3px;
clear: both;
font-family: Arial;
font-size: 26px;
font-weight: bold;
margin-bottom: 30px;
letter-spacing: 1px;
color: #707070;
border-bottom: 1px solid #eee;
}

h2 {
width: 900px;
clear: both;
margin: 10px 0px 10px 0px;
padding-top: 10px;
border-top: 2px solid #eee;
color: #D20000;
letter-spacing: 1px;
}

#board {
position: absolute;
bottom: 10px;
right: 0px;
width:360px;
height: 489px;
float: right;
background: transparent url(/img/board_full.jpg) left top no-repeat;
}

#cennik_ie {
height: 500px;
}

#board_content {
width: 252px;
height:149px;
position: absolute;
left: 75px;
top: 56px;
}

#footer {
width: 100%;
height: 84px;
clear: both;
color: #aaa;
border-top: #dedede 1px solid;
background: #fff url(/img/footer_bg.gif) center top repeat-x;
}

#footer p {
width: 900px;
margin: 5px auto;
}


.highlighted, p.highlighted {
font-family: Arial;
font-weight: bold;
color: #FF7C00;
font-size: 16px;
}

.r {
font-weight: bold;
color: #3F3F3F;
}

.o {
font-weight: bold;
color: #555;
text-transform: uppercase;
padding-left: 1px;
}

#card {
width: 294px;
height: 190px;
position: absolute;
right: 0px;
top: 50px;
}

.big, .text_column_floating p.big {
font-size: 14px;
}

#contact_info {
width: 294px;
height: 200px;
position: absolute;
right: 10px;
top: 270px;
}

a#gg {
width: 100px;
height: 25px;
padding-top: 3px;
display: block;
font-size: 11px;
color: #444;
font-weight: bold;
text-decoration: none;
text-align: left;
position: relative;
left: 120px;
top: -25px;
text-align: center;
background: url(/img/button_gg.gif) left top no-repeat;
}

.infoh {

}

a#gg:hover {
color: #fff;
}

a#gg img {
width: 14px;
height: 14px;
float: left;
margin-right: 6px;
margin-top: 5px;
margin-left: 8px;
}

#right_dia1 {
width: 284px;
height: 500px;
float: right;
background: #fff;
}

#idea, #projekt, #realizacja {
width: 283px;
margin-top: 1px;
} 

#idea {
height: 97px;
} 

#projekt {
height: 133px;

} 

#realizacja {
height: 144px;

} 

.text_column_floating p.portfolio_pic {
width: 290px;
float: right;
overflow: hidden;
}

.text_column_floating p.portfolio_pic img {
width: 300px !important;
}

.rmbox {
width: 100%;
float: left;
border: 1px solid #ddd;
background: #f8f8f8;
padding: 4px;
}

.rmbox h2 {
font-size: 14px;
width: 100%;
margin: 0;
border: none;
padding-bottom: 4px;
text-align: center;
}

.rmbox p {
padding: 0;
width: 100%;
}

.rmbox ul {
width: 95%;
float: left;
list-style-type: none;
font-size: 11px;
overflow: hidden;
padding-right: 5px;
}
.rmbox .rright ul {
float: right;
}

.rmbox ul li {

}

.rmbox ul li ul {
padding-left: 10px;
margin-bottom: 5px;
}

.rmbox ul li ul li {
padding-left: 8px;
margin-top: 1px;
background: transparent url(/img/arrow.gif) left 5px no-repeat;
}

.rlleft, .rright {
width: 48%;
float: left;
overflow: hidden;
}

.rlleft{
width: 48%;
border-right: 1px solid #ddd;
margin-right: 5px;
}

.italic {
font-style: italic;
}

.nostyle {
font-style: normal;
}

p.cena {
padding-top: 4px;
border-top: 1px solid #ddd;
}

.m30 {
margin: 30px 0px;
}

.noborder {
border: none;
}