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

@font-face {
  font-family: 'AlwynNew-Rg';
  src: url('AlwynNew-Rg.otf');
}

body{
font: 14px 'AlwynNew-Rg', Arial; font-weight: normal; color:#666769;
margin: 0px;
padding: 0px;
line-height: 1.3em;
}
a{ color:#2271BE; text-decoration: none; }
a:hover{ text-decoration:underline; }
p.error { margin: 0px; color: #CC0000; padding: 0px; line-height: 1.3em}   

td {font: 14px 'AlwynNew-Rg', Arial; font-weight: normal; color:#666769; line-height: 1.3em
margin: 0px;
padding: 0px;}
.kontener{
width: 990px;
margin: 0px auto;
}

.font10 {font-size: 10px}

.kontenertop{
width: 990px;
height: 100px;
margin: 0px auto;
}
.logo{
float: left;
width: 260px;
margin: 20px 0px 0px 0px;
}
.logo a{
background:url(images/logo.gif) no-repeat;
width: 253px;
height: 50px;
display:inline-block;
}
.logo a:hover{
background:url(images/logo.gif) no-repeat;
background-position: bottom;
height: 50px;
width: 253px;
display:inline-block;
}
.menu{
float: right;
width: 580px;
margin: 20px 0px 0px 0px;
}
.ofirmie{
background: url(images/menu.gif) no-repeat;
background-position: 0 0;
height: 40px;
width: 100px;
display: inline-block;
}
.ofirmie:hover{
background-position: 0 -40px;
}
.oferta{
background: url(images/menu.gif) no-repeat;
background-position: -90px 0;
height: 40px;
width: 100px;
display: inline-block;
}
.oferta:hover{
background-position: -90px -40px;
}

.technologie{
background: url(images/menu.gif) no-repeat;
background-position: -180px 0;
height: 40px;
width: 140px;
display: inline-block;
}
.technologie:hover{
background-position: -180px -40px;
}

.realizacje{
background: url(images/menu.gif) no-repeat;
background-position: -318px 0;
height: 40px;
width: 120px;
display: inline-block;
}
.realizacje:hover{
background-position: -318px -40px;
}

.kontakt{
background: url(images/menu.gif) no-repeat;
background-position: -436px 0;
height: 40px;
width: 100px;
display: inline-block;
}
.kontakt:hover{
background-position: -436px -40px;
}

#rotator{
height: 440px;
height: 100%;
position:relative;
margin-bottom:174px;

}

.animacja-kontener {
	height:440px;
position:relative;
}

.animacja-box div{
height: 440px;
width:100%;
position:absolute;
z-index:3;
}


.linki-animacja-kontener {
width: 220px;
height: 220px;
float:left;

}

.linki-animacja-box {
height: 220px;
width:220px;
position:relative;
float:left;
z-index:3;
list-style:none;
}
.linki-animacja-box a{
height: 220px;
width:220px;
position:absolute;
float:left;
z-index:3;
list-style:none;
}

.a1 {background:url(images/foto1.jpg) center no-repeat;}
.a2 {background:url(images/foto2.jpg) center no-repeat;}
.a3 {background:url(images/foto3.jpg) center no-repeat;}
.a4 {background:url(images/foto4.jpg) center no-repeat;}
.a5 {background:url(images/foto5.jpg) center no-repeat;}

.img1{
background:url(images/foto1.jpg) center no-repeat;
height: 440px;
}

.home_box_kontener{
	position:relative;
width: 990px;
margin: 0 auto;

}

.home_box{
	position:absolute;
width: 990px;
margin: 370px auto;
z-index:5;
}


.hb1{
background:url(images/kalendarze2012.jpg) no-repeat;
width: 220px;
height: 220px;
display:block;
float:left;
}

.hb5{
background:url(images/teczki.jpg) no-repeat;
width: 220px;
height: 220px;
display:block;
float:left;
}


#tabs5 {

	width:220px;

	height:220px;

	float:left;

	padding:0;

	margin:0;

}



#tabs5 li {

	height:220px;

	width:220px;

list-style:none;

margin:0;

padding:0;

background-color:#35f;

}

#tabs5 li a img {

border:none;

}

#tabs5 li a img:hover {

border:none;

}



.hb2{
background: url(images/hotstamping.jpg) no-repeat;
width: 220px;
height: 220px;
display:block;
float:left;
margin-left: 36px;
}

.hb3{
background: url(images/druk_cyfrowy.jpg) no-repeat;
width: 220px;
height: 220px;
display:block;
float:left;
margin-left: 36px;
}

.hb4{
background: url(images/lakiery.jpg) no-repeat;
width: 220px;
height: 220px;
display:block;
float:left;
margin-left: 37px;
}
.hb1:hover{ background-position: 0 -220px; }
.hb2:hover{ background-position: 0 -220px; }
.hb3:hover{ background-position: 0 -220px; }
.hb4:hover{ background-position: 0 -220px; }
.hb5:hover{ background-position: 0 -220px; }

.footer-bg{
background:url(images/stopka.gif) no-repeat center;
height: 26px;
margin: 20px 0px 5px 0px;
}
.czysc-footer{clear:both; margin: 90px 0px; }
.czysc-head{ clear:both; margin-bottom: 20px; }
.fl{
float: left;
width: 495px;
color: #A5A6A8;
font-size: 12px;
margin-bottom: 10px;
}
.fr{
float: right;
width: 495px;
text-align: right;
color: #A5A6A8;
font-size: 12px;
margin-bottom: 10px;
}

.bgpage{
background:url(images/bg_podstrony.jpg) repeat-x;
width: 100%
}
.headimg{
background:url(images/bg_top.jpg) no-repeat;
width: 990px;
height: 80px;
margin-bottom: 10px;
}
.box1{
width: 494px;
float: left;
border-right: 1px solid #DCDDDF;
font-weight: normal;
}
.box2{
float: left;
width: 495px;
font-weight: normal;
}
h1{
padding: 10px 0px;
margin: 0px 0px 10px 20px;
font-size: 18px;
color: #666769;
font-weight: normal;
}
#oferta p{
padding: 0px 0px 5px 0px;
margin: 0px;
font-size: 14px;
color: #666769;
font-weight: bold;
}
.bl{
float: left;
padding: 0px 10px 0px 20px;
width:225px;
}
.b2{
float: left;
padding: 0px 10px 0px 20px;
width:440px;
}

.br{
float: left;
}

ul{
padding: 0px;
margin: 0px 0px 15px 0px;
font-size: 14px;
color: #666769;
}

ul li{
padding: 0px;
margin: 5px 22px;
}

.text_name{
background:url(images/icon_domek.gif) center left no-repeat;
display: inline-block;
padding: 0px 0px 0px 20px;
font-weight: normal;
margin-bottom: 5px;
color: #666769;
}
#kontakt p{
padding: 0px 0px 5px 20px;
margin: 0px;
color: #666769;
}
.fonstac{
background: url(images/icon_tel.gif) center left no-repeat;
display: inline-block;
padding: 0px 0px 0px 20px;
margin-bottom: 5px;
color: #666769;
display:block;
}
.email{
background: url(images/icon_mail.gif) center left no-repeat;
display: inline-block;
padding: 0px 0px 0px 20px;
margin-bottom: 5px;
color: #666769;

}
.iconperson{
background: url(images/icon_ludzik.gif) center left no-repeat;
display: inline-block;
padding: 0px 0px 0px 20px;
margin-bottom: 5px;
color: #666769;
font-weight: bold;
}
.mobile{
background: url(images/icon_komorka.gif) center left no-repeat;
padding: 0px 0px 0px 20px;
margin-bottom: 5px;
color: #666769;
display:block;
}
.oddzial{
background: url(images/icon_biurowiec.gif) center left no-repeat;
font-weight: bold;
padding: 0px 0px 0px 20px;
margin-bottom: 5px;
color: #666769;
display:block;
}

.odstep_hr{
border-top: 1px solid #DCDDDF;
width: 98%;
margin: 10px 0px 15px 0px;
}

form{
padding: 0px 20px;
}

form label{
display: block;
margin: 10px 0px;
font-weight: bold;
}
.input_txt{
width: 290px;
padding: 10px;
background:url(images/bg_formularz.jpg) no-repeat;
border: 1px solid #DCDDDF;
}
.area_text{
width: 430px;
padding: 5px;
height: 150px;
border-top: 0px;
border-left: 0px;
border-right: 1px solid #DCDDDF;
border-bottom: 1px solid #DCDDDF;
background:url(images/bg_formularz.jpg) no-repeat;
}
.send{
background:url(images/wyslij.jpg) no-repeat;
width: 100px;
height: 40px;
border: 0px;
margin-top: 10px;
}
.send:hover{
background-position: 0 -40px;
}
.box3{
margin: 10px 0px 0px 0px;
border-top: 1px solid #DCDDDF;
width: 990px;
padding: 10px 0px 0px 0px;
}
.mapa{
padding-top: 10px;
}

#tekst-portfolio {
float:left;
width:990px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
}
#tresc {
width:990px;
float:left;
}
.portfolio-box {
width:329px;
margin-left:0px;
margin-right:0px;
float:left;
height:150px;
margin-bottom:0px;
}
.portfolio-box img {
}
.portfolio-box img:hover {
border-left:1px solid #2271BE;
border-top:1px solid #2271BE;
}

#intro{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
z-index: 10000;
display:none;
}
.intro-center{
margin: 0 auto;
top: 50%;
width:800px;
height:400px;
}