*{
     margin: 0;
     padding: 0;
     border: 0;
}
body {
     background-color: #333;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 12px;
}
a {
     text-decoration: none;
     color: #fff;
     font-weight: bold;
}
.strona {
     width: 1004px;
     margin: 0 auto;
}
.nav {
     background: url(img/nav-bg.jpg) repeat-x top left #000;
     height: 31px;
     width: 100%;
}
.nav-center {
     width: 1004px;
     margin: 0 auto;
}
.nav ul {
     list-style-type: none;
     margin-left: 175px;
}
.nav ul li {
     list-style: inline;
     float: left;
     padding: 5px 15px; 
}
.nav a {
     padding: 10px 10px;
}
.nav a:hover {
     background-color: #fda122;
     color: #000;
     padding: 5px 10px;
}
.page {
     background: url(img/page-top-bg.jpg) top left repeat-x #feb101;
}
.top-col1 {
     width: 190px;
     margin: 40px 0 0 30px;
     float: left;
}
.menu {
     margin: 10px 20px 0 18px;
}
.menu ul li {
     list-style-image: url(img/square.jpg);
     border-bottom: dotted 1px #fff;
     padding: 3px 0;
}
.menu ul li:hover {
     background-color: #eda802;
}
.top-col2{
     background: url(img/bulb.jpg) top left no-repeat #feb101;
     width: 216px;
     height: 357px;
     float: left;
     margin-top: -7px;
}
.top-col3{
     width: 533px;
     float: right;
     margin-right: 35px;
}
.portfolio {
     background: url(img/portfolio-bg.jpg) bottom center repeat-x #feb101;
/*      width: 198px; */
     height: 70px;
     margin-top: 100px;
     border-bottom: dotted 1px #fff;
     float: left;
}
.portfolio-img {
     height: 64px;
     width: 50px; 
     float: left;
     margin-left: 3px;
     text-align: right;
}
.portfolio-txt {
     margin:: 0 0 10px 5px;
     padding: 10px 10px 0 10px;
     height: 59px;
     float: right;
     border-right: dotted 1px #fff;
     font-size: 18px;
}
.portfolio-txt-last {
     margin:: 0 0 10px 5px;
     padding: 10px 39px 0 10px;
     float: right;     
}
.portfolio h2 {
     color: #fff;
     font-size: 18px;
}
.portfolio h3 {
     color: #000;
     font-size: 10px;
}
.fix {
     clear:both;
     height:1px;
     margin:0 0 -1px;
     overflow:hidden
}
.pasek-ostatnio-dodane {
     width: 513px;
     background-color: #fff5e0;
     font-size: 17px;
     font-weight: bold;
     color: 353535;
     padding: 10px;
}
.pod-paskiem {
     height: 30px;
     width: 513px;
     background: url(img/trojkat.jpg) top left no-repeat #feb100;
     margin-left: 12px;
}
.prace-z-portfolio {
     width: 533px;
     height: 115px;
}
.prace-z-portfolio ul {
     list-style: none;
}
.prace-z-portfolio ul li {
     float:left;
     padding-right: 3px;
}
#prace-z-portfolio-last {
     float: right;
     padding:0;
}
.center {
     background: url(img/center-bg.jpg) repeat-x top left #fdd679;
     width: 944px;
     margin: 15px 30px 0;
     height: 427px;
}
.center-door {
     background: url(img/door.jpg) no-repeat left top;
     width: 257px;
     height: 402px;
     float: left;
     margin: 25px 0 0 10px;
}
.center-wizytowka {
     width: 677px;
     height: 370px;
     float: right;
     margin-top: 40px;
     color: #3c3a3b;
}
.center-wizytowka h1 {
     font-size: 36px;
     padding-left: 5px;
     font-weight: bold;
}
.polishwebdesign ul{
     list-style: none;
     width: 672px;
}
.polishwebdesign ul li {
/*      display: inline; */
     float: left;
     height: 40px;
}
#polish {
     color:#fff;
     float: left;
}
#web {
     color:#be0800;
     float: left;
}
#design {
     float: none;
}
.center-wizytowka h2 {
     padding-left: 15px; 
     margin-top: -5px; 
     font-size: 18px;
}
.center-wizytowka h3 {
     color: #3b2d12;
     font-size: 12px;
}
#ha31 {
     padding: 2px 0 0 90px;
}
#ha32 {
     padding-left: 110px;
}
#ha33 {
     padding-left: 125px;
}
#ha34 {
     padding-left: 135px;
}
#ha35 {
/*      padding-left: 135px; */
     text-align: center;
}
#ha36 {
     text-align: center;
}
.kontakt {
     padding: 5px 0 0 10px;;
}
.dane-kontaktowe {
     float:left;
     border-right: 1px dotted #3c3a3b;
     font-size: 14px;
     padding: 0 7px;
     font-weight: bold;
}
#d-k-last {
     border-right: none;
}
.dane-kontaktowe a {
     font-weight: normal;
     color: blue;
     text-decoration: underline;
     font-size: 14px;
}
.numer {
     font-size: 20px;
     font-weight: normal;
     margin-top: -2px;
}
.email {
     font-size: 20px;
     margin-top: -2px;
}
.realizacje {
     padding: 0 0 0 10px;
     font-weight: bold;
}
.realizacje ul {
     list-style: none;
}
.realizacje ul li {
     display: inline;
     float: left;
     padding: 5px 5px 0 0;
}
.grey-stripe {
     height: 75px;
     width: 944px;
     background-color: #bca05f;
     margin: 0 30px;
     text-align: center;
     font-size: 24px;
     font-weight: bold;
}
.grey-stripe-l {
     width: 471px;
     border-right: dotted 2px #fdd679;
     float: left;
     height: 75px;
     padding-top: 10px;
}
.grey-stripe-r {
     width: 471px;
     float: right;
     height: 65px;
     padding-top: 20px;
}
.tlo-dolu-strony {
     background: url(img/page-bg.jpg) bottom center no-repeat #fdd679;
/*      padding-bottom: 150px; */
}
.oferty {
     width: 944px;
     margin: 0 30px;
}
.oferty a {
     font-family: times new roman;
     font-size: 18px;
     color: #283b76;
     padding-bottom: 3px;
}
.oferta-l{
     width: 467px;
     float: left;
}
.oferta-r{
     width: 467px;
     float: right;
}
.oferta {
     width: 467px;
     margin-bottom: 20px;
}
.oferta-img {
     width: 75px;
     float: left;
}
#oferta1 {
     background: url(img/oferta1.png) top left no-repeat;
     height: 113px;
}
#oferta2 {
     background: url(img/oferta2.png) top left no-repeat;
     height: 111px;
}
#oferta3 {
     background: url(img/oferta3.png) top left no-repeat;
     height: 120px;
}
#oferta4 {
     background: url(img/oferta4.png) top left no-repeat;
     height: 120px;
}
#oferta5 {
     background: url(img/oferta5.png) top left no-repeat;
     height: 120px;
}
.oferta-txt {
     width: 387px;
     padding-left: 5px;
     float: left;
     font-size: 13px;
}
.oferta-txt h1 {
     font-family: times new roman;
     font-size: 18px;
     color: #283b76;
     padding-bottom: 3px;
}
.oferta-txt ul {
     margin: 10px 0 0 30px;
}
.oferta-txt-r {
     width: 457px;
     padding-right: 15px;
     float: left;
     font-size: 13px;
}
.oferta-txt-r h1 {
     font-family: times new roman;
     font-size: 18px;
     color: #283b76;
     padding-bottom: 3px;
}
.footer {
     margin: 100px 0 0 30px;
     font-size: 10px;
     padding-bottom: 120px;
}
.footer a {
     color: #000;
     font-weight: normal;
     font-size: 12px;
}
.footer-l {
     float: left;
}
.footer-r {
     float:right;
     padding-right: 20px;
}
.wysrodkuj {
     text-align: center;
}
.page-content {
     width: 944px;
     margin: 15px 30px 0;
/*      height: 427px; */
     margin-bottom: 200px;
}
.tlo-dolu-zwyklej-strony {
     background: url(img/normal-page-bg.jpg) bottom center no-repeat;
}
.content-box {
     width: 744px;
     margin-left: 200px;
}
.pasek-tytulu {
     background-color: #3b3b3b;
     color: #fff;
     font-size: 31px;
     padding: 3px 0 3px 10px;
     font-weight: bold;
}
.zawartosc {
     background-color: #ffc236;
     padding: 15px;
     font-size: 11px;
}
.zawartosc h2 {
     color: #fff;
     margin-left: 100px;
     font-size: 31px;
}
.zawartosc h3 {
     color: #484848;
     margin: -5px 0 15px 100px;     
     font-size: 18px;
}
.zawartosc form {
     height: 170px;
     /*margin-bottom: 20px;*/
}
.testimonials-img {
     background: url(img/testimonials.jpg) no-repeat top left;
     width: 100%;
     height: 200px;
     margin-bottom: 20px;
}
.contact-col1 {
     float: left;
     width: 365px;
}
.contact-img {
     float: right;
     width: 291px;
     background: url(img/concatct.gif) top right no-repeat;
     height: 307px;
     margin-top: 0;
     padding-top: 0;
}
/*================style wziete z serwera========================*/
.left_form {
     float: left;
     padding:  20px 0 0 15px;
     width: 350px;
     color: #626262;
}
.left_form label {
/*      display:block; */
     float:left;
     width:107px;
     margin-bottom: 10px;
}
.left_form input{
     margin-bottom: 10px;
}
.left_form select{
     margin-bottom: 10px;
}
.main_content{
     float: left;
     width: 535px;
     margin-top: -170px;
}
.box{
     background: #ffc236;
     width: 735px;
/*      height: 635px; */
}
.gray_background{
     background: #3b3b3b;
     margin-bottom: 5px;
     color:#fff;
     font-size:31px;
     font-weight: bold;
     padding-left:11px;
}
.box{
     position: relative;
}
.box p {
     color: #3b3b3b;
     line-height: 14px;
     font-size: 12px;
     padding:  0 5px;
     text-align: justify;
     position: relative;
     z-index: 11;
}
.box h5{
     font-weight:bold;
     padding:0 5px;
}
.box img{
     margin-top: -50px;
}
.box img.absolute{
     position: absolute;
     right: 0;
     bottom:0;
}
.box_bottom{
     height: 38px;
     width: 735px;
     float: left;
     background:  #3b3b3b url(../gfx/box_bottom_bg.gif) 702px 0 no-repeat;
}

.folio_site{
     background: url(../gfx/folio_single_bg.gif) 0 0 no-repeat;
     color: #fff;
     padding: 22px 17px;
     overflow: hidden;
     position: relative;
     margin-bottom: 30px;
}
.view_site{
     right: 300px!important;
     bottom: 7px!important;
     border:0!important;
}
.folio_site img{
     float: right;
     margin-top:-20px;
     border: 4px solid #3b3b3b;
}
.folio_site h5{
     font-size: 18px;
}
.folio_site dt{
     float: left;
     margin-right:5px;
     font-weight: bold;
     width: 70px;
}
.folio_site dd{
     color: #000;
     font-weight: bold;
     float: left;
     width: 225px;
}
.folio_site .desc{
     color: #cfcfcf;
     font-style: italic;
     font-size: 11px;
     font-weight: normal;
     padding-bottom: 8px;
     border-bottom: 1px dotted #6f6e6e;
     margin-bottom: 4px;
}
.no_image{
     background-image: none;
}