/* 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/tlo.jpg);
background-position:top center;
background-repeat:repeat;
background-color: #000000;
font-family: Tahoma, Helvetica, sans-serif;
color: #aaaaaa;
line-height: 18px;
font-size: 12px;
text-align:left;
}

#strona{
width:100%;
float:left;
margin:6px 0 0 0;
padding:0px;
background-image:url(img/tlo_strona.gif);
background-position:top center;
background-repeat:repeat-x;
}
#top1{
width:900px;
margin:0px auto;
padding:0px 0px 0px 0px;
}

#haslo{
float: left;
width:386px;
margin:0px 0px 0px 120px;
padding-top:22px;
}
#menu{
float: left;
width:204px;
margin:0px 0px 0px 160px;
padding-top:32px;
}

#menu #link1 a {width: 80px; height: 17px;background: url(img/menu1.gif) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#menu #link1 a:hover {width: 80px;height: 17px;background: url(img/menu1.gif) 0px -17px no-repeat;display: block;float: left;margin-right:10px;}
#menu #link2 a {width: 42px; height: 17px;background: url(img/menu2.gif) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#menu #link2 a:hover {width: 42px;height: 17px;background: url(img/menu2.gif) 0px -17px no-repeat;display: block;float: left;margin-right:10px;}
#menu #link3 a {width: 47px; height: 17px;background: url(img/menu3.gif) 0 0 no-repeat;display: block; float: left;margin-right:10px;}
#menu #link3 a:hover {width: 47px;height: 17px;background: url(img/menu3.gif) 0px -17px no-repeat;display: block;float: left;margin-right:10px;}

#strona2{
width:100%;
float: left;
margin:17px 0 0 0;
padding:0px 0 0 0;
background-image:url(img/top_strona.gif);
background-position:top center;
background-repeat:no-repeat;

}
#strona3{
width:901px;
margin:0px auto;
padding:0px;
}
#top2{
width:900px;
float:left;
margin:0px 0 0 0;
padding:0px;
left:0px;
text-align:left;
}

#tresc{
float:left;
width:644px;
margin: 30px 0px 0px 184px;
padding:0px;
}
#tresc #naglowek{
float:left;
width:374px;
margin: 0px 0px 0px 0px;
padding:0px;
}
#tresc p{
text-align:justify;
width:574px;
padding-left:64px
}
#tresc p span{
color:#08b4e6;
}

#tresc ul{list-style:none; margin: 0px 0px 0px 74px;}
#tresc li{
color:#08b4e6;
background-image:url(img/arrow_li.gif);
background-position:0px 8px;
background-repeat:no-repeat;
padding:0 0 0 10px;
}

a {text-decoration:none; color:#aaaaaa;}
a:hover {text-decoration:none; color:#08b4e6;}

#tresc2{
margin:0px;
padding:0px;
}

#tresc2 .szybkikontakt{
float:left;
width:289px;
height:143px;
margin:80px 0px 0px 60px;
padding-bottom:50px;
background-image:url(img/szybkikontakt.gif);
background-position:top center;
background-repeat:no-repeat;
font-size:11px;
}
#tresc2 .szybkikontakt a{padding:96px 0 0 8px; float:left;}

#tresc2 .imgscroll{
float:left;
margin:80px 0px 0px 40px;
padding-bottom:50px;
}

#fotter{
float:left;
width:100%;
background-image:url(img/tlo_fotter.jpg);
background-position:top center;
background-repeat:repeat;
border-top: 1px solid #0e4251;
color:#353535;
font-size:11px;
}
#fotter H2{color:#353535; font-size:11px; font-family:tahoma; font-weight:normal;}
.stopka1{
width:900px;
margin:20px auto 30px auto;
padding:0px;
}

#porfil{
float:left;
width:700px;
line-height:14px;
}
#porfil span{color:#08b4e6;}
#menuf{
float:right;
margin:6px 0 0 0;
}
#menuf span{color:#08b4e6; margin:0 4px;}
#menuf a {text-decoration:none;color:#353535;}
#menuf a:hover {text-decoration:none; color:#08b4e6;}
.stopka2{
float:left;
width:900px;
margin:30px auto 20px auto;
padding:0px;
}
.stopka2 a {text-decoration:none;color:#353535;}
.stopka2 a:hover {text-decoration:none; color:#08b4e6;}
.podpis1{float:left;}
.podpis2{float:right;}



/* IMAGE SCROLL */

#screen{
width:430px;
padding:0;
background-image:url(img/tlo_fotter.jpg);
background-position:top center;
background-repeat:repeat;
float:left;
margin:10px 0 0 0;
height:128px;
}			
#screen li{
float:left;
list-style:none;
}
#screen .jq-ss-crop{
margin:0px 10px;
border:0px;
float:left;				
}
#left{
margin:48px 0px 0px 18px;
float:left;
color:#000;
}
#right{
margin:48px 0px 0px 4px;
float:left;
color:#000;
}
#view{
margin:14px 0;
width:331px;
border:0px;				
overflow:hidden;
}
#images{
width:3818px !important;
width:3822px;
padding:0;
}
#images li img{
border:0;
}


#txtkontakt{
float:left;
width:330px;
}
#kontakt{
float:left;
width:310px;
}
#txtkontakt p{
width:210px;
text-align:left;
}

/* FORULARZ KONTAKTOWY */
input {
border: 1px solid #333333;
background: none;
color: #aaaaaa;
width: 190px;
height: 18px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
margin:2px 0 2px 4px;
}
textarea {
border: 1px solid #333333;
background: none;
color: #aaaaaa;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
scroller: no;
margin:2px 0 2px 4px;
}
.wyslij {
border: 0;
cursor:pointer;
COLOR:#08b4e6;
text-decoration:none;
width:90px;
}
.wyslij:hover{
border: 0;
cursor:pointer;
COLOR:#aaaaaa;
text-decoration:none;
width:90px;
}
input.wyslij {margin:0px; padding:0px; }
.blue {
border: 1px solid #08b4e6;
}