/* CSS global BODY styles */ body { /*margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px;*/ margin:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #5D5D5D; } img {border: 0px solid white;} table {font-size:11px;} select {margin: 0px; padding: 0px; border: 0px;} lu, li, p, div {margin: 0; padding: 0;} p {text-indent: 0; } a:link, a:visited {text-decoration:none;} a:hover {text-decoration: underline;} h1 {margin:0; font-size:1.6em; margin-bottom:0.5em;} h2{font-size:1.3em; margin-bottom:0.8em;} hr {border:0px solid red; margin-bottom:0.6em;} /*#main, #footer_c, #mini_top{margin:auto;}*/ .main_bkg {background-color:#FFFFFF; background: url(m_bkg.gif) top repeat-x; } .sub_bkg {background-color:#FFFFFF; background: url(m_bkg_sub.gif) top repeat-x; } .sub_content {min-height: 60px; background: url(m_bkg_sub_top.gif) 0px 0px no-repeat; margin-left:48px; margin-right:10px} .sub_content div {margin-left:15px;} /************************************* MAIN STYLES */ /*** mini TOP */ #mini_top {clear: both; height: 46px; width: 812px; margin-left: 70px;} #mini_t1 {float: left; padding-left: 22px; background: url(mini_t1_ico.gif) top left no-repeat;} #mini_t2 {float: right; padding: 0 50px 0 22px; background: url(mini_t2_ico.gif) top left no-repeat;} #mini_t1 a, #mini_t2 a {color: #605423; font-size: 10px; } #mini_t1 p, #mini_t2 p {padding: 0px; margin: 0px; padding-top: 17px;} #mini_t_flag {height: 14px; float: right; margin-top: 28px; } /*** MAIN */ #main {clear: both; width: 882px; background-color:#FBFBFB; background: url(main_bkg.gif) repeat-y;} #main:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;} #main {display: block;} /*** MAIN CONTENT*/ #m_content {float: left; width: 635px;} /*** head */ #m_head_main p {height: 203px; background: url(m_head_main.jpg) top left no-repeat; } #m_head_offer p {height: 132px; background: url(m_head_offer.jpg) top left no-repeat; } #m_head_gallery p {height: 132px; background: url(m_head_gallery.jpg) top left no-repeat; } /*#m_head_contact p {height: 132px; background: url(m_head_contact.jpg) top left no-repeat; }*/ #m_head_contact {height: 132px; background: url(m_head_contact.jpg) top left no-repeat; margin:0;} #m_head_about p {height: 132px; background: url(m_head_about.jpg) top left no-repeat; } #m_head_portfolio p {height: 132px; background: url(m_head_portfolio.jpg) top left no-repeat; } #m_head_main span, #m_head_gallery span, #m_head_contact h1 {visibility: hidden;} #m_head_about span, #m_head_portfolio span, #m_head_offer p span {visibility: hidden;} /* main page content top */ #m_c_main_top {width: 634px; height: 158px; background: url(m_c_mt_bkg.gif) top left repeat-x;} #m_c_main_top p {padding: 0 30px 0 80px; text-align:justify;} #m_c_main_top a {color:#945B57; text-decoration: underline;} #m_c_main_top .head { background: url(m_c_mt_head.gif) 0% 10% no-repeat; margin: 0 35px 15px 80px; padding: 0; } #m_c_main_top .head span {visibility: hidden;} #m_c_main_top .right {text-align:right;} /*** MAIN MENU */ #m_menu {float: right; width: 247px; } .m_menu {background: url(menu_bkg.jpg) top right no-repeat;} .m_menu_sub {background: url(menu_bkg_sub.jpg) top right no-repeat; } #menu_top p {height: 26px; background: url(menu_top.gif) top left no-repeat; } #menu_top span {visibility: hidden;} #menu_btm {height: 46px; background: url(menu_btm.gif) no-repeat; margin-bottom: 44px;} #menu {width:194px;} #menu div span {visibility: hidden;} #menu div a {height: 30px; width:100%; display:block; text-decoration: none; cursor: hand;} #Link1 a {background: url(menu_lnk3.gif); } #Link1 a:hover {background: url(menu_lnk3_ov.gif); } #Link2 a {background: url(menu_lnk_pracujemy.gif); } #Link2 a:hover {background: url(menu_lnk_pracujemy_over.gif); } #Link3 a {background: url(menu_lnk_ceny.gif); } #Link3 a:hover {background: url(menu_lnk_ceny_over.gif); } #Link4 a {background: url(menu_lnk2.gif); } #Link4 a:hover {background: url(menu_lnk2_ov.gif); } #Link5 a {background: url(menu_lnk8.gif); } #Link5 a:hover {background: url(menu_lnk8_ov.gif); } /*** BOX */ #box_bottom {width:194px; height: 46px; background: url(box_bottom.gif) top left no-repeat; } #box {width:194px; height:auto; background-color: #ECEBE1; } #box_news {width: 160px; margin-left: 17px; background-color: #ECEBE1;} #box_news p {color: #953935; font-weight: bold;} #box_news a {display: block; text-decoration:none; border:0px; margin-left: 105px; color: #953935;font-weight: bold;} #box_news a.a {display: block; text-decoration:none; border:0px; margin-left: 50px; color: #953935;font-weight: bold;} #box_news a.gallery {display: block; text-decoration:none; border:0px; margin-left: 5px; color: #953935;font-weight: bold;} #box_news img {border: 0px;} /*** ADD MENU */ #menu_add {width:194px;} #m_add_news p {height: 50px; background: url(m_add_news.gif) top left no-repeat; } #m_add_news span {visibility: hidden;} /*** FOOTER */ #footer {clear: both; background: url(f_bkg.gif) top repeat-x; } #footer_c {height: 81px; width: 882px; background: url(f_add_bkg.gif) top no-repeat; color: #EFECD9; } #footer_c1 {float:left; padding: 46px 0 0 80px; } #footer_c2 {float:right; padding: 46px 280px 0 0 ;} #footer_c a {color: #EFECD9;} #kontakt {position: relative; top:20px; left: 15px; background: url(kontakt.jpg) 0 0 no-repeat; width:195px; height:39px; margin-bottom:25px} #kontakt h1 {display:none;} #portfolio{position: relative; top:20px; left: 15px; background: url(portfolio.jpg) 0 0 no-repeat; width:195px; height:39px; margin-bottom:25px} #portfolio h1 {display:none;} #oferta{position: relative; top:20px; left: 15px; background: url(oferta.gif) 0 0 no-repeat; width:195px; height:39px; margin-bottom:25px} #oferta h1 {display:none;} .sub_content h1 {padding-top:10px; padding-left: 20px} .sub_content p {line-height:180%; padding-left: 20px}