* { margin: 0; padding: 0 } a { text-decoration: none; color: #c20f25; } body { background: #FFF; color: #5f5f5f; font-family: Verdana; font-size: 12px; line-height: 20px; } a img { border: 0; } .clear { clear: both; } .container { width: 1024px; margin: auto; } #top { height: 167px; padding-top: 70px; } .contact_top { background: url('/upload/slider/slide01.jpg') center -15px; } #menu_top_container { background: #252527; height: 90px; } #menu_top_container #home { position: relative; top: -21px; display: block; height: 157px; width: 312px; float: left; } #menu_1_0 { float: left; margin-left: 50px; margin-top: 30px; position: relative; z-index: 100; } #menu_1_0 li { *float: left; } #menu_1_0 .menu_li_1_0 a { display: block; height: 25px; line-height: 25px; padding: 0 15px; color: #7b7e84; font-family: "Roboto", sans-serif; font-size: 12px; font-weight: 400; } #menu_1_0 .menu_li_1_0 a:hover, #menu_1_0 .menu_li_1_0 a.menu_active { color: #FFF; } #menu_1_0 .menu_li_1_0 ul { background: #444444; width: 250px; } #menu_1_0 .menu_li_1_0 ul li { border-bottom: 1px solid #555; *float: none; } #menu_1_0 .menu_li_1_0 ul li a { height: 30px; line-height: 30px; padding: 0 20px; color: #8C8C8C; box-sizing: border-box; } #menu_1_0 .menu_li_1_0 ul li a:hover { background: #292A2C; } #menu_link_1_7 { color: #FEBD1C !important; } #hidden_container { clear: both; } #goto { display: block; background: #FFF; height: 80px; line-height: 80px; padding: 0 30px; text-align: center; color: #cc0000; width: 310px; position: relative; top: 70%; margin-top: -50px; float: right; font-family: "Roboto", sans-serif; font-weight: bold; text-transform: uppercase; border: 5px solid #252527; font-size: 26px; } #goto:hover { color: #FFF; background: #252527; border: 5px solid #FFF; } #footer { background: #252527; min-height: 100px; padding: 30px; } #footer #mini_contact { float: left; } #footer .phone { color: #ffffff; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 18px; margin-bottom: 11px; } #footer .company { color: #7b7e84; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 18px; } #footer #copyright { float: right; font-size: 11px; } #footer #copyright a { color: #7b7e84; } #footer #copyright a:hover { color: #FFF; } #facebook { background: none repeat scroll 0 0 #fff; border-color: #3b5998 #3b5998 #3b5998 -moz-use-text-color; border-image: none; border-style: solid solid solid none; border-width: 1px 1px 1px 0; box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3); height: 550px; left: -293px; margin-top: -275px; position: fixed; top: 50%; width: 292px; z-index: 10; } #facebook-toggle { background: url("/images/system/facebook.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3); cursor: pointer; float: right; height: 133px; position: relative; right: -50px; top: -1px; width: 50px; z-index: 12; } #facebook iframe { margin-top: -133px; } #rzetelna_firma { display: block; float: right; margin-top: 20px; clear: right; } #rzetelna_firma img { height: 60px; margin-left: 30px; } #main_subpages { clear: both; background: #FFF; padding: 30px 0; } #site-title, h2, h3, .article_draw_title { color: #28292b; font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; } h2, .article_draw_title { font-size: 16px; } h3 { font-size: 13px; margin: 10px 0 0; } #contact_left { width: 460px; float: left; margin-right: 20px; } #contact_right { width: 490px; float: right; border-left: 1px solid #E4E4E4; padding-left: 50px; } #contact .text { margin-bottom: 15px; } #contact a { font-weight: bold; } .bold { font-weight: bold; } #contact img { border: 1px solid #494949; } #grid { margin: 35px 0; } #grid li { float: left; list-style: none; margin: 0 25px 25px 0; position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; border /*\**/ : 1px solid #C6B8AE\9; *width: 300px; } #grid li.end { margin-right: 0; } #grid li:nth-child(3n) { margin-right: 0; } #grid li:hover { z-index: 2; -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); } #grid .details { position: absolute; bottom: 0; background: #fff; background: rgba(255, 255, 255, 0.87); border-top: 1px solid #fff; width: 280px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 10px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35); } #grid .details h3 { margin: 0; letter-spacing: -1px; padding-left: 10px; font-weight: bold; } #grid .details a.more { position: absolute; right: 10px; top: 10px; font-size: 11px; padding: 3px 25px; border-radius: 12px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6); background: #252527; color: #fff; } .gallery_picture { width: 200px; height: 141px; position: relative; background: #FFF; padding: 8px; float: left; margin: 5px 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .gallery_picture div { width: 200px; height: 141px; } .gallery_picture:hover { -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); } .article_back { display: block; padding: 6px 12px; font: normal 12px/18px "Roboto", sans-serif; color: #7b7e84; cursor: pointer; text-align: left; background: #252527; width: 100px; text-align: center; margin: 20px 10px; } .article_back:hover { color: #FFF; } .fronts { border-collapse: collapse; width: 100%; } .fronts thead td { text-align: center; background: #C20F25; color: #FFF; padding: 5px; border: 1px solid #FFF; } .fronts tbody td { text-align: center; } #visit_counter { margin-top: 20px; color: #7B7E84; } #visit_counter span { color: #FFF; font-weight: bold; } #meble, #fronty { width: 100%; height: 80px; line-height: 80px; display: block; text-align: center; font-family: "Roboto", sans-serif; font-size: 28px; font-weight: 400; border: 2px solid #252527; border-left: 0; border-right: 0; top: 35%; margin-top: -50px; position: fixed; box-sizing: border-box; } #fronty { margin-top: 28px; } .polityka-prywatnosci { margin-top: 10px; } .polityka-prywatnosci a { color: #FFF; } #logo-20 { height: 150px; float: left; margin-top: -30px; }