@charset "utf-8";
/* CSS Document */
/* środkowanie strony */

html, body
{
height:100%;
margin:0;
padding:0;
}

body
{
min-width:960px;
min-height:590px;
background-color:#ffffff;
background-image:url('images/background-site.jpg');
background-position:center center;
background-repeat:no-repeat;
overflow:auto
}

#background
{
min-width:960px;
min-height:590px;
width:100%;
height:100%;
background-image:url('images/background-site.jpg');
background-position:center center;
background-repeat:no-repeat;
overflow:visible;
}


#vertical
{
float:left;
height:50%;
margin-top:-295px;
/**/width:100%;
}

#horizontal
{
width:100%;
margin-right:auto;
margin-left:auto;
height:590px;
/**/text-align:left;
clear:both;
overflow:hidden;
}

/* layout */

#container
{
height:100%;
width:960px;
margin:0 auto;
}

#top
{
height:38px;
width:100%;
background-color:transparent
}

#left
{
float:left;
width:280px;
height:450px;
margin:50px 0 0 0;
padding:0;
overflow:hidden
}

#right
{
float:right;
width:280px;
height:450px;
margin:50px 0 0 0;
padding:0;
overflow:hidden
}

#center
{
width:400px;
height:500px;
margin:0 auto;
padding:0;
z-index:10;
}

#menu-kula{
text-align:center;
z-index:99;
color:#ffffff;
font-size:16px;
position:relative;
top:-300px;
clear:both;
width:394px;
height:130px;
margin:0 auto -100px auto;padding:0

}
#menu-kula img{
width:394px; height:130px; z-index:99; border:0;margin:0px
}
.map-transparent{width:394px;height:130px;}

#footer
{
width:100%;
height:20px;
text-align:center;
position:relative;
top:-15px
}

.nav-footer a, #footer span
{
margin:0px 10px;

color:#ffffff;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;line-height:10px;


}
.nav-footer a{
text-decoration:underline}
.nav-footer a:hover, .nav-footer a:focus
{background:#128918;color:#ffffff;text-decoration:none
}
.nav-footer
{
float:left;width:320px;
}

.copyright
{
float:right;width:320px;text-align:right
}
.copyright a
{
clear:both;
color:#ffffff;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;text-decoration:underline
}
.copyright a:hover, .copyright a:focus
{background:#128918;color:#ffffff;text-decoration:none}

/* zawartość */

.rozwin
{

width:280px;
margin:180px 0 0 0;
}
.rozwin-fix {margin:202px 0 0 0}
.rozwin-vis{
width:280px;
margin:30px 0 0 0;}
.rozwin:hover{margin:30px 0 0 0 }
.tabelka-ul
{
list-style-type:none;
margin:0;padding:0;
}


.tabelka-li
{
display:inline;
margin:0;
padding:0;
width:280px;float:left;
clear:left;
}

.tabelka-li:hover
{
display:block;
height:350px;
width:280px;

}

.rozwin a, .rozwin-vis a
{
display:block;
padding:0;
width:280px;
height:22px;
background-repeat:no-repeat;
background-position:center center;
}


h2
{
display:none;
}

.outer
{
visibility:hidden;
height:0;
width:278px;
border:0;
margin-top:0;overflow:hidden;
}
 .outer-vis{
width:278px;
border:1px dashed #128918;
overflow:auto

}
.rozwin .tabelka-li:hover .outer, li:hover .outer
{
visibility:visible;
height:auto;
border:1px dashed #128918;
overflow:auto
}

.inner
{
visibility:hidden;
height:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding:0;
margin:0;
border-spacing:0;
background:url('images/background-div.png');
}

 .inner-vis{
 
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding:0;
height:auto;
margin:2px;
background:url('images/background-div.png');}

.rozwin .tabelka-li:hover .inner
{
visibility:visible;
height:auto;
margin:2px;
}

a.pgraficzne, a.pgraficzne:link, a.pgraficzne:visited
{background-image:url('images/h-pgraficzne-1.png');cursor:crosshair;}
a.pgraficzne:focus, .rozwin .tabelka-li:hover a.pgraficzne
{background-image:url('images/h-pgraficzne-2.png');cursor:crosshair;}

a.studiodtp, a.studiodtp:link, a.studiodtp:visited
{background-image:url('images/h-studiodtp-1.png');cursor:crosshair;}
a.studiodtp:focus, .rozwin .tabelka-li:hover a.studiodtp
{background-image:url('images/h-studiodtp-2.png');cursor:crosshair;}

a.sinternetowe, a.sinternetowe:link, a.sinternetowe:visited
{background-image:url('images/h-sinternetowe-1.png');cursor:crosshair;}
a.sinternetowe:focus, .rozwin .tabelka-li:hover a.sinternetowe
{background-image:url('images/h-sinternetowe-2.png');cursor:crosshair;}

a.reklamaipromocja, a.reklamaipromocja:link, a.reklamaipromocja:visited
{background-image:url('images/h-reklamaipromocja-1.png');cursor:crosshair;}
a.reklamaipromocja:focus, .rozwin .tabelka-li:hover a.reklamaipromocja
{background-image:url('images/h-reklamaipromocja-2.png');cursor:crosshair;}

a.iwizualna, a.iwizualna:link, a.iwizualna:visited
{background-image:url('images/h-iwizualna-1.png');cursor:crosshair;}
a.iwizualna:focus, .rozwin .tabelka-li:hover a.iwizualna
{background-image:url('images/h-iwizualna-2.png');cursor:crosshair;}

a.pprodukcyjne, a.pprodukcyjne:link, a.pprodukcyjne:visited
{background-image:url('images/h-pprodukcyjne-1.png');cursor:crosshair;}
a.pprodukcyjne:focus, .rozwin .tabelka-li:hover a.pprodukcyjne
{background-image:url('images/h-pprodukcyjne-2.png');cursor:crosshair;}

a.dcyfrowy, a.dcyfrowy:link, a.dcyfrowy:visited
{background-image:url('images/h-dcyfrowy-1.png');cursor:crosshair;}
a.dcyfrowy:focus, .rozwin .tabelka-li:hover a.dcyfrowy
{background-image:url('images/h-dcyfrowy-2.png');cursor:crosshair;}

a.dploterowy, a.dploterowy:link, a.dploterowy:visited
{background-image:url('images/h-dploterowy-1.png');cursor:crosshair;}
a.dploterowy:focus, .rozwin .tabelka-li:hover a.dploterowy
{background-image:url('images/h-dploterowy-2.png');cursor:crosshair;}

.rozwin-vis a.fkontaktowy
{background-image:url('images/h-fkontaktowy.png');}

.rozwin a.kontakt, .rozwin a.kontakt:link, .rozwin a.kontakt:visited
{background-image:url('images/h-kontakt-1.png');top:22px}
.rozwin .tabelka-li:hover a.kontakt
{background-image:url('images/h-kontakt-2.png');top:0}

.rozwin a.mapka, .rozwin a.mapka:link, .rozwin a.mapka:visited
{background-image:url('images/h-mapka-1.png');}
.rozwin .tabelka-li:hover a.mapka
{background-image:url('images/h-mapka-2.png');}

.rozwin-vis a.onas
{background-image:url('images/h-onas.png');}

.rozwin a.klienci
{background-image:url('images/h-klienci.png');}

.rozwin p, .rozwin-vis p
{
margin:0;
padding:10px;
}
p.nospace
{padding-top:0}

.inner ul, .inner-vis ul
{
list-style-type:square;
margin:0 30px 0px 30px;padding:0 0 10px 0;

}
.inner ul li, .inner-vis ul li{line-height:15px}

/* formularz */

#form
{
text-align:center;
padding-bottom:10px;
}

#form p
{
text-align:left;
padding:10px 10px 0 10px;
}
.gwiazdka
{color:#128918;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:5px;
}
input, textarea
{
background-color:#ffffff;
border:1px solid #000000;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
margin:2px 10px 1px 10px;
width:246px;
}

input
{
height:15px;
}

textarea
{
height:100px;
max-height:inherit;
max-width:inherit;
}

.input_button
{
width:100px;
height:20px;
border:1px solid #000000;
padding:0;
margin:10px auto 0 auto;
}

.input_button:hover
{
background-color:#128918;
}

a.button
{
background:#000000;
color:#ffffff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
line-height:20px;
display:block;
height:20px;
width:100px;
padding:0px;
margin:0;
}

a.button:hover, a.button:active
{
background-color:#128918;
text-decoration:none;
outline:none;
line-height:20px;
}

/* kontakt */

.kontakt-1
{text-align:right; margin:0;padding-bottom:9px}
.kontakt-2
{display:inline;height:62px;text-align:left;float:left;width:190px}
.kontakt-1 img
{height:60px;width:60px;display:inline;margin:1px 10px 1px 1px }