@charset "utf-8";
/* CSS Document */

body {
background:#e6e6e6 center top;
font-family:Tahoma;
font-size:10px;
color:#999999;
margin:0;
text-align:justify;
line-height:15px;
}
div{overflow:hidden;}
a img{ border:0;}
.{margin:0; padding:0;}
#{margin:0; padding:0;}
p{margin:0; padding:0; text-indent:20px;}
p.zobacz_takze{margin:0; padding-top:20px; text-indent:20px; text-indent:0px;}
ul{margin:0; padding:5px 0 5px 25px;}
li{list-style:square;}
li.oferta_lista{font-size:12px; font-weight:700;}
input{background:#ffd8d8; border:#ff0000 1px solid; width:298px; color:#ff0000; font-weight:600;}
textarea{background:#ffd8d8; border:#ff0000 1px solid; width:298px; height:80px; color:#ff0000;}
#error{font-weight:600; color:#ff0000;}
#correct{font-weight:600; color:#009933;}
h1{margin:0; padding:0; font-size:10px; font-weight:400; display:inline;}
h2{margin: 0 auto; padding:0; background:#ffeeee; font-size:14px; font-weight:500; padding-top:2px; padding-bottom:2px; padding-left:10px;}
h3{margin: 0 auto; padding:0; font-size:13px; font-weight:500;}
h4{margin: 0 auto; padding:0; font-size:13px; font-weight:600; padding-top:15px; padding-bottom:2px; padding-left:30px; text-align:center;}
h5{margin: 0 auto; padding:0; font-size:12px; font-weight:500; padding-top:20px;}
h6{margin: 0; padding:0; font-size:13px; font-weight:600; padding-bottom:2px; padding-left:30px; text-align:left;}

#menu a{
display:block;
height:45px;
width:100px;
float:left;
text-align:center;
text-decoration:none;
color:#666666;
font-weight:600;
font-size:11px;
padding-top:30px;
}
#menu a:hover, #menu a.aktywne{
background:#ffeeee url(menu_item1.jpg) center top no-repeat;
}
/*#menu_item a{
padding-top:25px;
}*/
#menu_portfolio{
width:980px;
height:30px;
float:left;
background:#ffeeee;
}

.przycisk_portfolio{
width:180px;
height:30px;
float:left;

}
.przycisk_portfolio_aktywne{
width:180px;
height:30px;
float:left;

}

.przycisk_portfolio_aktywne a{
text-align:center;
display:block;
font-weight:600;
padding-top:8px;
text-decoration: none;
color:#ff0000;
font-size:11px;
}


.przycisk_portfolio:hover{
background:#eeeeee;
}

.przycisk_portfolio a{
text-align:center;
display:block;

padding-top:8px;
text-decoration: none;
color:#ff0000;
font-size:11px;
}


#content{
width:980px;
margin:0 auto;
background:#ffffff;
}

#pasek_menu{
background:#ffffff;
width:980px;
height:75px;
float:left;
}
#logo{
width:330px;
height:75px;
float:left;
}
#menu{
width:400px;
height:75px;
float:right;
}

#baner{
background:url(baner.jpg) no-repeat;
width:980px;
height:315px;
float:left;
}
#baner_oferta{
background:url(baner_oferta.jpg) no-repeat;
width:980px;
height:124px;
float:left;
}

#co_mozemy_zrobic_strony_www{
background:#ffffff url(co_mozemy.jpg) no-repeat center;
width:980px;
height:30px;
float:left;
}
/*=========================================================oferta=========================================================*/
#co_mozemy_zrobic_nasza_oferta{
background:#ffffff url(nasza_oferta.jpg) no-repeat center;
width:700px;
height:30px;
float:left;
}
#pasek_bialy{
background:#ffffff;
width:980px;
height:30px;
float:left;
}
#oferta_strony_www1{
background:#f7f7f7 url(oferta_strony_www.jpg) top right no-repeat;
height:100px;
width:670px;
margin-bottom:10px;
display:block;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}
#oferta_projekty_graficzne1{
background:#f7f7f7 url(oferta_projekty_graficzne.jpg) top right no-repeat;
height:100px;
width:670px;
margin-bottom:10px;
display:block;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}
#oferta_pozycjonowanie_stron1{
background:#f7f7f7 url(oferta_pozycjonowanie_stron.jpg) top right no-repeat;
height:100px;
width:670px;
margin-bottom:10px;
display:block;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}
#oferta_poligrafia1{
background:#f7f7f7 url(oferta_poligrafia.jpg) top right no-repeat;
height:100px;
width:670px;
margin-bottom:10px;
display:block;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}
#oferta_fotografia1{
background:#f7f7f7 url(oferta_fotografia.jpg) top right no-repeat;
height:100px;
width:670px;
margin-bottom:10px;
display:block;
cursor:pointer;
text-decoration:none;
overflow:hidden;
}
.placki_oferta_tekst{
height:70px;
width: 330px;
float:left;
padding-left:10px;
padding-top:15px;
padding-bottom:15px;
}
.zobacz_portfolio_oferta{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:60px;
margin-right:70px;
float:right;
padding-top:4px;
text-align:center;
}
.zobacz_portfolio_oferta1{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:5px;
margin-bottom:5px;

padding-top:4px;
text-align:center;
margin-left:225px;
margin-right:225px;
}
.zobacz_portfolio_oferta a, .zobacz_portfolio_oferta1 a{
color:#FF0000; text-decoration:none; font-weight:600; font-size:11px;
}
.oferta_title_tekst a{
color:#999999; text-decoration:none; font-weight:600; font-size:11px;
}
.link_oferta{
color:#FF0000; text-decoration:none; font-weight:600; font-size:11px;
}
ul li a{
color:#FF0000; text-decoration:none; font-weight:600; font-size:11px;
}
/*=========================================================oferta=========================================================*/
#placki{
background:#ffffff;
width:980px;
float:left;
padding-bottom:10px;
}

#placek_strony_www{
background:#ffeeee url(strony_www.jpg) no-repeat top left;
width:480px;
float:left;
}

#placek_grafika{
background:#ffeeee url(grafika.jpg) no-repeat top right;
width:480px;
float:right;
}

#content_strony_www{
background:#ffffff;
width:980px;
float:left;
}

#left{
background:#ffffff;
width:670px;
float:left;
}

#dlaczego_my{
background:url(dlaczego_my.jpg) top center no-repeat;
height:30px;
margin-left:30px;
}

#right{
background:#0000FF;
width:300px;
float:right;
}

#box_kontakt{
background:#ffffff url(telefon.jpg) no-repeat right bottom;
width:300px;
padding-bottom:10px;
}
.szybki_kontakt_tekst{
padding-top:30px;
padding-left:10px;
padding-bottom:40px;
padding-right:30px;
}
.dlaczego_my_tekst{
padding-top:10px;
padding-left:30px;
padding-bottom:10px;
padding-right:30px;
font-size:11px;
}
#kontakt_tekst{
padding-top:10px;
padding-left:30px;
padding-bottom:30px;
padding-right:10px;
font-size:11px;
width:250px;
float:left;
}
#kontakt_formularz{
padding-top:10px;
padding-left:30px;
padding-bottom:30px;
padding-right:30px;
font-size:11px;
width:300px;
height:400px;
float:right;
background:#ffeeee;
}

.szybki_kontakt_tekst a{
color:#FF0000;
text-decoration:none;
}

#box_onas{
background:#ffffff;
width:300px;
padding-bottom:10px;
}
#box{
background:#660000;
width:300px;
}

#placki_strony_www{
width:240px;
height:130px;
float:left;
}
#placki_grafika{
width:240px;
height:130px;
float:right;
}
#opis_strony{
width:190px;
height:110px;
float:left;
padding-left:10px;
padding-top:40px;
padding-bottom:10px;
}
#opis_grafika{
width:190px;
height:110px;
float:left;
padding-left:40px;
padding-top:40px;
padding-bottom:10px;
}
#portfolio_strony_www{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:60px;
margin-left:40px;
padding-top:4px;
text-align:center;
}

#oferta_strony_www{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:15px;
margin-left:40px;
padding-top:4px;
text-align:center;
}

#portfolio_grafika{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:60px;
margin-right:40px;
float:right;
padding-top:4px;
text-align:center;
}

#oferta_grafika{
background:#ffd8d8;
width:170px;
height:20px;
margin-top:15px;
margin-right:40px;
float:right;
padding-top:4px;
text-align:center;
}
#portfolio_strony_www a, #portfolio_grafika a, #oferta_grafika a, #oferta_strony_www a{color:#FF0000; text-decoration:none; font-weight:600; font-size:11px;}

#zaufali_nam{
background:#fff;
width:980px;
height:120px;
float:left;
text-align:center;
padding-top:20px;
}

#podpis{
background:#e6e6e6;
width:980px;
height:30px;
float:left;
text-align:right;
border-bottom:1px solid #cccccc;
}
#podpis a{
display:block;
color:#999999;
font-size:11px;
font-weight:300;
text-decoration:none;
padding-top:10px;
}

#stopka{
background:#e6e6e6;
width:980px;
height:150px;
float:left;
}
.stopka_box{
width:196px;
height:150px;
float:left;
text-align:center;
color:#CCCCCC;
}
#menu_stopka a{
float:left;
padding-left:30px;
font-size:9px;
color:#cccccc;
}