body {
	background-image:url('../images/bg4.jpg');
	background-repeat:repeat-x;
	background-color:#313131;
	color:#d0d0d0;
	font-size:14px;
}

a { color:#dddddd; font-weight:bold; }
a:hover { color:#a3a3a3; }
.center { display:block; text-align: center; }
#container { width:765px; margin:0px auto; }
#maincont { background-image:url('../images/main_bg.jpg'); background-repeat:repeat-y; overflow:hidden; }
#bodycol { float:left; margin-left:13px; width:445px; }
#main_menu td { padding-left:6px; }

.mainMenu { overflow:hidden; }
    .mainMenu ul { list-style-type: none; margin:30px 0 10px 10px; overflow:hidden; padding:0; }
        .mainMenu ul li { float:left; list-style-type: none; padding:0 7px 0 2px; }
            .mainMenu ul li a { background-image: url('../images/topMneu.png'); background-repeat:no-repeat; border:0px; display:block; overflow:hidden; width:139px; text-indent:-300px; height:53px; }
            .mainMenu ul li a#link_dom { background-position:0 0; }
                .mainMenu ul li a#link_dom:hover { background-position:0 -53px; }
            .mainMenu ul li a#link_uslugi { background-position:-139px 0; }
                .mainMenu ul li a#link_uslugi:hover { background-position:-139px -53px; }
            .mainMenu ul li a#link_onas { background-position:-278px 0; }
                .mainMenu ul li a#link_onas:hover { background-position:-278px -53px; }
            .mainMenu ul li a#link_portfolio { background-position:-417px 0; }
                .mainMenu ul li a#link_portfolio:hover { background-position:-417px -53px; }
            .mainMenu ul li a#linki_kontakt { background-position:-556px 0; }
                .mainMenu ul li a#linki_kontakt:hover { background-position:-556px -53px; }

.leftMenu {  }
    .leftMenu ul { list-style-type: none; margin:0px auto; padding:0px; width:258px; }
        .leftMenu ul li { width:258px;  }
            .leftMenu ul li a { background: url('../images/bg.leftMenu.png') 0 -30px no-repeat; color:#333; display:block; font-size:15px; height:28px; line-height:26px; text-align: center; text-decoration: none; width:258px; }
            .leftMenu ul li a:hover { background: url('../images/bg.leftMenu.png') 0 0 no-repeat; color:#fff; }

.mainMain {  }
    .mainMain h1 { color:#0588fc; font-size:20px; }
    
.inputCont { width:164px; background-color:#000000; border:1px solid #797979; color:#e6e6e6; margin-top:1px; margin-bottom:6px; font-size:14px; }
#textCont { background-color:#000000; border:1px solid #797979; color:#e6e6e6; }
.przycisk { margin-top:5px; }

#bottomStripe { background: url('../images/main_bottom.jpg') 0 0 no-repeat; height:21px; width:100%; }
#topStripe { background: url('../images/main_top.jpg') 0 0 no-repeat; height:21px; width:100%; }
#logo { margin: 0px 20px; text-indent:-9999px; }
#logo a { background: url('../images/web4.jpg') 0 0 no-repeat; display:block; height:55px; width:149px; }
#mainMenu { margin:0px 7px; }

#leftBottom { background: url('../images/left_bottom.gif') 0 0 no-repeat; display:block; height:8px; width:286px; }
#topLeft { background: url('../images/left_top.gif') 0 0 no-repeat; display:block; height:10px; width:286px; }
#leftMain { background-image:url('../images/left_bg.gif'); background-repeat:repeat-y; width:287px; }

#leftCol { float:right; margin-right:15px; width:286px; }
#container div { overflow:hidden; }
.clear { clear:both; }

.mainTop { background: url('../images/main_top.gif') 0 0 no-repeat; display:block; height:12px; margin-left:5px; width:435px; }
.mainMain { text-align:justify; font-size:14px; color:#313131; background-image:url('../images/main_bg.gif'); background-repeat:repeat-y; margin-left:5px; width:435px; }
    .mainMain a { color:#138EFB; }
.mainBottom { background: url('../images/main_bottom.gif') 0 0 no-repeat; display:block; height:8px; margin-left:5px; width:435px; }
.marginMain { margin:10px; }
#footerMenu {   }

.portBox { background: url('../images/port.gif') 0 0 no-repeat; height:148px; margin:5px auto 10px auto; width:265px; }
.portBox a, .portBox a:visited {  }
.portTxt { color:#138efb; font-size:16px; font-weight:bold; margin: 15px auto 0px auto; width:250px; }

.portBox #hello   { display: none;  background: url('../images/portfolio/hfm.png') 0 0 no-repeat; height:136px; margin:6px auto; width:254px; }
.portBox #centrum { display: block; background: url('../images/portfolio/cr.jpg') 0 0 no-repeat; height:136px; margin:6px auto; width:254px; }


.footerMenu { margin:0 20px; }
    .footerMenu h3 { float:left; margin:20px 0 0; text-align:left; padding-left: 5%; }
    .footerMenu h3.web4 { width:37%; }
    .footerMenu h3.psd { width:22%; }
    .footerMenu h3.hosting { width:22%; }
        .footerMenu h3 a { text-decoration: none; overflow:hidden; display:block; text-indent:-200px; height:19px; }
        .footerMenu h3.web4 a { background:transparent url('http://web4-hosting.pl/media/gfx/txt.2.png') no-repeat 0 0;  }
        .footerMenu h3.psd a { background:transparent url('http://web4-hosting.pl/media/gfx/txt.3.png') no-repeat 0 0; }
        .footerMenu h3.hosting a { background:transparent url('../images/web.1.png') no-repeat 0 0; }
    .footerMenu ul { float:left; list-style-type:none; margin:10px 0; padding-left:5%; }
        .footerMenu ul li { text-align: left; }
            .footerMenu ul li span { color:#0588FC; padding-right:10px; }
            .footerMenu ul li a { font-weight:normal; text-decoration:none; }
    .footerMenu ul.web4 { width:37%; }
    .footerMenu ul.hosting { width: 22%; }
    .footerMenu ul.psd { width: 22%; }
        
.copy { color:#FFFFFF; font-size:13px; margin:0 0 20px; text-align: right; }
    .copy span, .copy a, .copy a:visited { color:#0588FC; text-decoration:none; }
    .copy a:hover { text-decoration: underline; }

/*** promocje ***/

.adw { border:1px solid #aaa; margin:0 56px; }
.adw2 { border:1px solid #AAAAAA; margin:0 0 0px 20px; width:87%; }
.adw2Txt { color:#333; display:block; font-size:12px; margin: 5px 16px 40px 20px; text-align: justify; }
    .adw2Txt a { color:red; }
h3.promotion { color:red; text-align:center; margin:10px 0 5px; }

.promBox { background: #fff; border:1px solid #aaa; padding:10px; text-align: justify; }
    .promBox img {float:left; margin:0 10px 0 50px; }
    .promBox h3 { color:#0588FC; margin:15px 0 30px; text-transform:uppercase; }
    .promBox p { margin:0px; }
    .promBox .adw { border:0px; float:none; margin:0px 46px; } 
    .promBox strong {  }
    
/*** portfolio ***/    

.portfolioElem {/* border-bottom:3px solid #ccc; border-right:3px solid #ccc;*/ background: url('../images/under.jpg') no-repeat 0 0; margin:0 0 20px; height:176px; position:relative; width:412px; }
    .portfolioElem img { margin:7px 0 0 7px; }
    .portfolioElem div { background:#000000; color:#e1e1e1; bottom:9px; display:none; height:80px; left:7px; opacity:0.8; filter: alpha(opacity=80); position:absolute; width:400px; }
        .portfolioElem div h3 { margin:10px 0; padding:0px 20px; }
        .portfolioElem div p { padding:0 20px; }
     .portfolioElem:hover div { display:block; }