/* PROJEKT I REALIZACJA AGENCJA REKLAMY STUDIO SZAHAL www.studioszahal.pl*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, address, form, fieldset, ul, li,  ol, dl, dt, li, hr, table, td, th, img, input { margin: 0px; padding: 0px; top:0px; left:0px; margin:0px; border:0px}

body {
background-image:url(img/portfolio/tlo_center.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color: #333333;
font-family: Tahoma, Helvetica, sans-serif;
color: #000;
line-height: 18px;
font-size: 12px;
}
#strona{margin:0px; padding:0px; top:0px;}
/* TABELA TLO */
#top_left{background-image:url(img/portfolio/tlo_left.jpg);background-position:top right;background-repeat:no-repeat;}
#top_right{background-image:url(img/portfolio/tlo_right.jpg);background-position:top left;background-repeat:no-repeat;}

#zawartosc{
width: 980px;
margin:0px;
padding:0px;
background:;
float:left;
}
/* TOP */
#top{
margin:0px;
padding:0px;
background: ;
float:left;
}
#minimenu{background:  ;padding:13px 0px 0px 500px; float:left;margin-right:200px;}
#minimenu a.home{font-size: 11px;color:#979797;text-decoration:none;background: transparent url(img/portfolio/arrow_home.png) no-repeat 0px 0px;padding:2px 0 6px 26px;margin:0px 0px 0px 0px; line-height:28px;}
#minimenu a:hover.home{font-size: 11px;color:#979797;text-decoration:underline;background: transparent url(img/portfolio/arrow_home.png) no-repeat 0px 0px;padding:2px 0 6px 26px;margin:0px 0px 0px 0px;}
#minimenu a.sitemap{font-size: 11px;color:#979797;text-decoration:none;background: transparent url(img/portfolio/arrow_sitemap.png) no-repeat 0px 0px;padding:2px 0 6px 26px;margin:0px 0px 0px 20px;}
#minimenu a:hover.sitemap{font-size: 11px;color:#979797;text-decoration:underline;background: transparent url(img/portfolio/arrow_sitemap.png) no-repeat 0px 0px;padding:2px 0 6px 26px;margin:0px 0px 0px 20px;}

/* MENU */
#menu{
float:left;
width:550px;
height:22px;
padding:0px;
margin:36px 0 0 430px;
}
#link1 a {width: 108px; height: 22px;background: url(img/portfolio/menu_home.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link1 a:hover {width: 108px;height: 22px;background: url(img/portfolio/menu_home.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link2 a {width: 47px; height: 22px;background: url(img/portfolio/menu_firma.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link2 a:hover {width: 47px;height: 22px;background: url(img/portfolio/menu_firma.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link3 a {width: 56px; height: 22px;background: url(img/portfolio/menu_oferta.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link3 a:hover {width: 56px;height: 22px;background: url(img/portfolio/menu_oferta.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link4 a {width: 75px; height: 22px;background: url(img/portfolio/menu_portfolio.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link4 a:hover {width: 75px;height: 22px;background: url(img/portfolio/menu_portfolio.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link5 a {width: 85px; height: 22px;background: url(img/portfolio/menu_referencje.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link5 a:hover {width: 85px;height: 22px;background: url(img/portfolio/menu_referencje.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link6 a {width: 34px; height: 22px;background: url(img/portfolio/menu_faq.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link6 a:hover {width: 34px;height: 22px;background: url(img/portfolio/menu_faq.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#link7 a {width: 63px; height: 22px;background: url(img/portfolio/menu_kontakt.png) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#link7 a:hover {width: 63px;height: 22px;background: url(img/portfolio/menu_kontakt.png) 0px -22px no-repeat;display: block;float: left;margin-right:10px;}

#scrollflash{
width:980px;
height:360px;
margin: 32px 0 0 0;
float:left;
}

/* TRESC */
#tresc{
width: 980px;
padding:0px 0 0 0;
margin:40px 0 0 0;
top:0px;
left:0px;
float:left;
}
.kolumna1{
width:285px;
float:left;
padding: 0 21px 0 22px;
margin:0;
top:0px;
left:0px;}
.kolumna2{
width:285px;
float:left;
padding: 0 21px 0 20px;
margin:0px;
top:0px;
left:0px;}

/* CLASS DIV TRESC */
.topk{margin: 0 0 30px 0;}



/* BOX REALIZACJE */
.realizacje{
width:284px;
margin:0px;
padding:0px 0px 20px 0px;
}
.link {
background:#438fcb;
padding:0 0 26px 0;
margin:0px;
}
.link img{
padding:0 0 6px 0;
margin:0px;
}
.link a{color:#000; text-decoration:none; font-weight:bold; font-size:11px;margin-left:10px;}
.link a:hover{color:#165485; text-decoration:none;}
.portfirma {
background:#296b9f;
color:#092d49;
padding:3px 10px 3px 10px;
font-size:11px;
}








.webbox{
width:284px;
height:260px;
background-image:url(img/portfolio/tlo_zoom.png);
background-position:top left;
background-repeat:no-repeat;
font-size:11px;
margin:0px;
padding:28px 0 0 0;
}
.webbox p{
padding:0 0  0 40px;
line-height:22px;
}
.webbox img{
padding:18px 0  0 16px ;
}
.webbox a{color:#fff; text-decoration:none;}

.cdbox{
width:284px;
height:260px;
background-image:url(img/portfolio/tlo_zoomcd.png);
background-position:top left;
background-repeat:no-repeat;
font-size:11px;
margin:0px;
padding:28px 0 0 0;
}
.cdbox p{
padding:0 0  0 40px;
line-height:22px;
color:#fff;
}
.cdbox img{
padding:18px 0  0 16px ;
}



.allbox{width:284px;height:260px;background-image:url(img/portfolio/tlo_zoomall.png);background-position:top left;background-repeat:no-repeat;font-size:11px;margin:0px;padding:28px 0 0 0;}
.allbox p{padding:0 0  0 40px;line-height:22px;color:#fff;}
.allbox img{padding:18px 0  0 16px ;}
.allbox a{color:#fff; text-decoration:none;}
.sklepbox{width:284px;height:260px;background-image:url(img/portfolio/tlo_zoomsklep.png);background-position:top left;background-repeat:no-repeat;font-size:11px;margin:0px;padding:28px 0 0 0;}
.sklepbox p{padding:0 0  0 40px;line-height:22px;color:#fff;}
.sklepbox img{padding:18px 0  0 16px ;}
.sklepbox a{color:#fff; text-decoration:none;}
.logobox{width:284px;height:260px;background-image:url(img/portfolio/tlo_zoomlogo.png);background-position:top left;background-repeat:no-repeat;font-size:11px;margin:0px;padding:28px 0 0 0;}
.logobox p{padding:0 0  0 40px;line-height:22px;color:#fff;}
.logobox img{padding:18px 0  0 16px ;}
.logobox a{color:#fff; text-decoration:none;}

.banerbox{width:284px;height:260px;background-image:url(img/portfolio/tlo_zoombaner.png);background-position:top left;background-repeat:no-repeat;font-size:11px;margin:0px;padding:28px 0 0 0;}
.banerbox p{padding:0 0  0 40px;line-height:22px;color:#fff;}
.banerbox img{padding:18px 0  0 16px ;}
.banerbox a{color:#fff; text-decoration:none;}


























/* STOPKA */
#fotter{
width:100%;
background: url(img/portfolio/border_fotter.jpg) 0 0 repeat-x;
float:left;
margin:70px 0 0 0;
color:#000;
font-size:11px;
}
#stopka{
width: 980px;
margin:0 auto;
}
#fleft{
padding:70px 80px 60px 0;
float:left;
}
#fright{
float:left;
width:660px;
background: url(img/portfolio/tlo_fotter.jpg) right 1px no-repeat;
height:220px;
}
#fright #menufotter{
margin:30px 0 40px 0;}
#fright #menufotter a{
background: url(img/portfolio/arrow_fotter.gif) 0px 4px no-repeat;
padding-left:14px;
margin:0 26px 0 0;
}
#fright #podpis{
margin:40px 0 30px 0;}
#fotter h1{
font-weight:normal;
font-size:11px;
color:#000;
line-height:12px;
}
#fotter a{color:#000; text-decoration:none;}
#fotter a:hover{color:#0e0e0e; text-decoration:underline;}
#fotter .podpis1{float:left;}
#fotter .podpis2{float:left;margin-left:110px;}