body{
margin:30px auto;
width:866px;
padding:10px 10px 50px 10px;
font-family:tahoma,verdana,arial,sans-serif;
font-size:12px;
line-height:16px;
color:#999;
position:relative;
_behavior:url(/s/csshover3.htc);
}
img{
border:0;
}
a{
color:#f60;
text-decoration:underline;
font-weight:bold;
}
a:link,a:visited{
color:#f60;
text-decoration:underline;
}
a:hover{
color:#777;
text-decoration:none;
}
#topPart{
overflow:hidden;
height:100%;
}
#topLink{
display:block;
float:left;
cursor:pointer;
margin:80px 0 40px 20px;
}
#topLink img{
display:block;
}
#topLink:hover img{
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
}
#orderNow{
margin:20px 0;
/*display:block;*/
float:right;
text-align:center;
}
#orderNow:hover img{
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
}
p.go2Top{
font-size:10px;
font-weight:normal;
text-align:right;
margin-top:20px;
}
p.go2Top a{
font-size:10px;
font-weight:normal;
color:#888;
text-decoration:underline;
}
#mainLinks{
overflow:hidden;
list-style-type:none;
height:100%;
}
#mainLinks li{
float:left;
margin:0 8px;
position:relative;
}
#mainLinks li a{
position:absolute;
top:0;
left:0;
z-index:100;
display:block;
float:left;
width:100%;
height:100%;
}
#mainLinks li a:hover + span + img{
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
}
#mainLinks li span{
position:absolute;
width:50px;
z-index:1;
color:#eee;
}
#mainLinks li img{
cursor:pointer;
z-index:2;
position:relative;
}
#mainLinks li img:hover{
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
}

#zakladki{
border-bottom:#f60 1px solid;
padding-top:10px;
margin-top:10px;
}
div#funkcje,div#integracja,div#grafika, div#przyklady,div#zamow,div#kontakt,#start{
border-top:#f60 1px solid;
margin-top:40px;
padding:24px 50px 40px 50px;
}
div#zamow{
display:none;
}

#zakladki div p strong{
color:#777;
}
#zakladki div h2{
font-size:14px;
color:#f60;
}
#zakladki div h4{

color:#f60;
font-size:13px;
}

/* realizacja*/

#realizacje {
overflow:hidden;
height:100%;
}
#realizacje span{
display:block;
height:114px;
width:135px;
padding:4px;
border:#eee 1px solid;
margin:5px;
text-align:center;
float:left;
}
#linkRealizacje{
overflow:hidden;
height:100%;
}
#linkRealizacje span{
display:block;
width:30%;
padding-left:2%;
float:left;
line-height:19px;
}
#linkRealizacje span a{
color:#999;
font-weight:normal;
}
/* integracja*/
#zintegrowane{
overflow:hidden;
height:100%;
}
#zintegrowane li{
width:40%;
margin-bottom:5%;
margin-left:4%;
float:left;
}
#kontakt{
text-align:center;
}

/* zapytanie */
#zapytanieForm{

}
#zapytanieForm p{
overflow:hidden;
height:100%;
}
#zapytanieForm p label{
float:left;
width:200px;
text-align:right;
padding-right:5px;
}
#zapytanieForm p input{
border:#ccc 1px solid;
padding:2px 5px;
font-size:12px;

}
#zapytanieForm p input#send{
margin-left:205px;
border:#090 1px solid;
background:#dfc;
color:#090;
margin-right:10px;
font-weight:bold;
float:none;
}
#zapytanieForm p input#kasuj{
border:#e66 1px solid;
background:#fcc;
color:#e00;
}
#zapytanieForm p input.rqrd{
border-color:#c00;
}
.rqd{
color:#a00;
font-weight:bold;
}
#loader{
display:none;
}
#wynik p.success{
margin:0;
border:#090 1px solid;
background:#cf9;
color:#090;
font-weight:bold;
padding:10px;
font-size:13px;
}
#wynik p.error{
margin:0;
border:#c00 1px solid;
background:#f99;
color:#fff;
font-weight:bold;
padding:10px;
font-size:13px;
_color:#c00;
}
/* stopka*/
#foot{
padding-top:20px;
height:100%;
overflow:hidden;
}
#leftFoot{
width:40%;
text-align:left;
float:left;
}
#leftFoot a{
margin-right:25px;
}
#rightFoot{
width:40%;
text-align:right;
float:right;
}
#logo span{
font-weight:bold;
}
address{
font-style: normal;
}
span#fPr,span#fWw,span#fPr2,span#fWw2 {letter-spacing:-0.01em;}
span#fDot, a span#fDot,span#fDot2, a span#fDot2 {margin:0 -0.07em 0 -0.13em; z-index:10; font-size: 13px; font-weight: bold;}
span#fPr, span#fDot,a#footProjekt:hover span#fPr2,a#footProjekt:hover span#fDot2{color:#ff4c00;}
span#fPl,a#footProjekt:hover span#fPl2{color:#3f6267;}
span#fWw,a#footProjekt:hover span#fWw2{color:#c4d4d6;}
a#footProjekt,a#footProjekt span,#leftFoot a{
text-decoration:none;
color:#999;
}

#funkcje h2 {
font-size:14px;
color:#f60;
}
#funkcje ul li {
color:#f60;
font-size:11px;
}
#funkcje ul li p {
color:#999;
font-size:11px;
}
#offerLink{
text-align:center;
}


/* zapraszamy na zakupy */

#st_frame_text_main {
padding:0;
width:752px;
}


#pw_main_pasek1 {
background-color:#4e4e4e;
width:744px;
height:68px;
padding-left:8px;
margin-bottom:1px;
font-family:Arial;
font-size:18px;
font-weight:normal;
color:#cacaca;
line-height:18px;
}
#pw_main_pasek1 span {
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#ffc600;
line-height:40px;
}

#pw_main1a, #pw_main2a, #pw_main3a {
float:left;
width:230px;
padding-left:20px;
}
#pw_main1b, #pw_main2b, #pw_main3b {
float:left;
width:250px;
}


#pw_main1a, #pw_main2a, #pw_main3a {
height:156px;
padding-top:40px;
}
#pw_main1b, #pw_main2b, #pw_main3b {
height:54px;
}


#pw_main1a {
background:#ffc600 url(/i/main_bg1.png) right top no-repeat;
}
#pw_main2a {
background:#ff8f00 url(/i/main_bg2.png) right top no-repeat;
margin-left:1px;
}
#pw_main3a {
background:#ff6600 url(/i/main_bg3.png) right top no-repeat;
margin-left:1px;
}

#pw_main1b, #pw_main2b, #pw_main3b {
background-image:url(/i/main_zamawiam.png);
background-repeat:no-repeat;
margin-bottom:1px;
}



#pw_main1b {
background-color:#ffd74e;
background-position:20px 0px;
}
#pw_main2b {
background-color:#ffb14d;
background-position:20px -54px;
margin-left:1px;
}
#pw_main3b {
background-color:#ff944d;
background-position:20px -108px;
margin-left:1px;
}
#pw_main1b a, #pw_main2b a, #pw_main3b a {
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#424242;
line-height:54px;
padding-left:60px;
}

#pw_main1a a.maly, #pw_main2a a.maly, #pw_main3a a.maly {
font-family:Arial;
font-size:11px;
font-weight:normal;
color:#353535;
line-height:18px;
text-decoration:none;
}
#pw_main1a a.duzy, #pw_main2a a.duzy, #pw_main3a a.duzy {
font-family:Arial;
font-size:22px;
font-weight:bold;
color:#fff;
line-height:60px;
text-decoration:underline;
}
#pw_main1a a.maly:hover, #pw_main2a a.maly:hover, #pw_main3a a.maly:hover {
text-decoration:underline;
}


#pw_main_pasek2 {
background-color:#4e4e4e;
width:742px;
height:101px;
padding-left:10px;
margin-bottom:1px;
}
#pw_main_pasek2 a {
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#ffc600;
line-height:101px;
text-decoration:none;
}
#pw_main_pasek2 a span {
font-family:Arial;
font-size:24px;
font-weight:bold;
color:#fff;
line-height:101px;
text-decoration:underline;
padding-left:10px;
}

#pw_main_pasek3 {
background-color:#c5c5c5;
width:744px;
height:58px;
padding:10px 0 0 8px;
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#353535;
line-height:20px;
}