/* CSS Document */
html, body {
background-color:#050505; 
padding: 0;
margin: 0;
border: 0 none;
vertical-align: baseline;
}
* {padding: 0; margin: 0;}

a:link {text-decoration: none; color:#666666;}
a:visited {text-decoration: none; color:#666666;}
a:hover {text-decoration: none; color:#CCCCCC;}
a:active {text-decoration: none; color:#666666;}

#header {height: 60px; width: 960px; margin: 0 auto; background-color:#050505;}
.logo_luminance {position: relative; left: 15px; top: 15px; width: 166px;}
.belka {height: 1px; width: 960px; background-color:#3B3B3B; margin: 0 auto;}

#menu {width: 578px; height: 25px; left: 360px; bottom: 3px; margin: 0; padding: 0; background:url(grafika/menu_sprite.png) no-repeat; position: relative; overflow: hidden;}
#menu span {display: none;}
#menu li, #menu a {height: 25px; display: block;}
#menu li {float:left; list-style:none; display:inline;}
#oferta {width: 71px;}
#portfolio {width: 117px;}
#klienci {width: 96px;}
#technologia {width: 134px;}
#blog {width: 78px;}
#kontakt {width: 82px;}
#oferta a:hover {background:url(grafika/menu_sprite.png) 0px -18px no-repeat;}
#portfolio a:hover {background:url(grafika/menu_sprite.png) -71px -18px no-repeat;}
#klienci a:hover {background:url(grafika/menu_sprite.png) -188px -18px no-repeat;}
#technologia a:hover {background:url(grafika/menu_sprite.png) -284px -18px no-repeat;}
#blog a:hover {background:url(grafika/menu_sprite.png) -418px -18px no-repeat;}
#kontakt a:hover {background:url(grafika/menu_sprite.png) -496px -18px no-repeat;}

#belka_holder {height: 1px; width: 960px; margin: 0px auto;}
#belka_main {height: 1px; width: 358px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_oferta {height: 1px; width: 50px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_portfolio {height: 1px; width: 68px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_klienci {height: 1px; width: 49px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_technologia {height: 1px; width: 85px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_blog {height: 1px; width: 35px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#belka_kontakt {height: 1px; width: 58px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
.belka_dz1 {height: 1px; width: 47px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
.belka_dz2 {height: 1px; width: 22px;  margin-left: 0px; float: left; background-color:#3B3B3B;}

#belka_oferta_hover {height: 1px; width: 50px;  margin-left: 0px; float: left; background-color: #CCCCCC;}
#belka_portfolio_hover {height: 1px; width: 68px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#belka_klienci_hover {height: 1px; width: 49px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#belka_technologia_hover {height: 1px; width: 85px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#belka_blog_hover {height: 1px; width: 35px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#belka_kontakt_hover {height: 1px; width: 58px;  margin-left: 0px; float: left; background-color:#CCCCCC;}

.dzial_index {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_index.jpg);}
.dzial_prawa {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_prawa.jpg);}
.dzial_sitemap {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_sitemap.jpg);}
.dzial_oferta {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_oferta.jpg);}
.dzial_portfolio {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_portfolio.jpg);}
.dzial_klienci {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_klienci.jpg);}
.dzial_technologia {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_technologia.jpg);}
.dzial_blog {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_blog.jpg);}
.dzial_kontakt {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_kontakt.jpg);}
.dzial_panoramy {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_panoramy.jpg);}
.dzial_inne {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_inne.jpg);}

.dzial_exterior {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_exterior.jpg);}
.dzial_produkt {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_produkt.jpg);}
.dzial_animacje {width: 960px; height: 180px; margin: 10px auto 0px; background-image:url(dzialy/dz_animacje.jpg);}

#ramka_index {width: 960px; height: 160px; margin: 5px auto;}
.ofirmie {width: 438px; height: auto; margin-top: 15px; float: left; margin-left: 20px;}
.klienci_box {width: 276px; height: 115px; float: right; margin-right: 50px; margin-top: 20px;}

#ramka_prawaautorskie {width: 960px; height: 160px; margin: 5px auto;}

#ramka_main {width: 960px; height: 240px; margin: 0px auto;}

#ramka_technologia {width: 960px; height: 220px; margin: 0px auto;}
#wew_technologia {width: 600px; height: auto; margin-left: 20px; margin-top: 20px; float: left;}
.tekst_main {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; text-align:justify;  line-height: 17px;}
.tekst_main_bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold;}
.tekst_index {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; text-align:justify;  line-height: 17px; font-weight:100;}

#ramka_oferta {width: 960px; height: 620px; margin: 0px auto;}
#wew_oferta {width: 600px; height: auto; margin-left: 20px; margin-top: 20px; float: left;}
#wew_oferta_images {width: 198px; height:auto; margin-right: 80px; margin-top: 150px; float: right;}

#ramka_klienci {width: 960px; height: 550px; margin: 0px auto;}
#kl_kolumna1 {width: 250px; height: auto; margin-left: 20px; float:left; margin-top: 20px;}
#kl_kolumna2 {width: 240px; height: auto; margin-left: 20px; float:left; margin-top: 20px;}
#kl_kolumna3 {width: 390px; height: auto; margin-left: 20px; margin-right: 20px; float:right; margin-top: 20px;}
.kl_linki {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; line-height: 17px;}
.kl_linki li { list-style-position:inside; list-style-type: square;}
.kl_cytat {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size: 12px; color:#666666; line-height: 17px; margin-top: 10px; text-align:justify;}
.kl_autor {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold; text-align:right;}

#ramka_blog {width: 960px; height: 1650px; margin: 0px auto;}
#wpisy {width: 600px; height: auto; margin-left: 20px; margin-top: 30px; float:left;  height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
.wpis {width: 600px; height: auto; margin-bottom: 30px;}
.wpis_tytul {font-family:Verdana, Arial, Helvetica, sans-serif; width: auto; font-size: 16px; color:#74C30D; font-weight:100;}
.wpis_data {width: auto; height: auto; font-size:12px; color:#666666;}
.wpis_tekst {width: auto; height: auto; font-size:12px; color:#666666; text-align:justify; margin-top: 10px;}
#wpisy_pozostale {width: 150px; height: auto; font-family:Verdana, Arial, Helvetica, sans-serif; float: right; margin-top: 30px; margin-right: 20px;}
.pozostale_tekst {width: auto; height: auto; font-size:12px; color:#666666; text-align:right; margin-top: 10px;  list-style-type:none;}

#ramka_kontakt {width: 960px; height: 260px; margin: 0px auto;}
#wew_kontakt {width: 300px; height: auto; margin-left: 110px; margin-top: 20px; float: left;}
.tekst_kontakt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; line-height: 17px;}
.tekst_kontakt_bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold;}
#wew_zapytanie {width: 500px; height: auto; margin-right: 20px; margin-top: 20px; float: right; list-style-position:inside; text-align:justify;}

#ramka_stopka {width: 960px; height: 25px; margin: 0px auto; float: none;}
#st_prawa {width: 300px; height: auto; text-align:right; float: right; margin-top: 2px;}
.tekst_stopka {width: auto; height: auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666666; list-style: none; display: inline; float: left; padding: 2px; margin-top: 2px;}

#st_belka_holder {height: 1px; width: 960px; margin: 0px auto;}
#st_belka_left {height: 1px; width: 3px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#st_belka_copyrights {height: 1px; width: 87px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#st_belka_copyrights_hover {height: 1px; width: 87px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#st_belka_dz1 {height: 1px; width: 13px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#st_belka_sitemap {height: 1px; width: 45px;  margin-left: 0px; float: left; background-color:#3B3B3B;}
#st_belka_sitemap_hover {height: 1px; width: 45px;  margin-left: 0px; float: left; background-color:#CCCCCC;}
#st_belka_right {height: 1px; width: 812px;  margin-left: 0px; float: left; background-color:#3B3B3B;}