html, body {text-align: center; border:0; margin:0 auto; height:100%; padding:0; border:0; background: url(../gfx/duze_tlo.jpg);background-size: 100% 100%;
    background-repeat: no-repeat;
 }


#strona
{
width: 980px;
margin:0 auto;
height: auto;
background:#ffffff;

}



#top
{
width: auto;
height: 6px;
background-color: #d9d6d6;
}



#slaider
{
width: 980px;
background-color: #000000;
height: 270px;
background: url(../gfx/slaider.jpg);


}

#header
{
width: 980px;
height: 90px;
background-color: #ffffff;
}

.logo
{
width:180px;
height:80px;
background: url(../gfx/artsystem_logo.jpg);
position:absolute;
margin-top:5px;
}

.tel
{
width: 165px;
height: 35px;
background-color: #ffffff;
margin-left:815px;
position:absolute;
font:80% Arial Bold, Helvetica, Sans-Serif;
text-align: right;
margin-top:45px;
text-decoration:none;
color:#1c1f26;
}

.firma
{
width: 134px;
height: 58px;
background-color: red;
margin-left:325px;
position:absolute;
margin-top:-18px;

}


#menu
{
width: 980px;
background: url(../gfx/menu_tlo.jpg);
height: 45px;

}



.button1 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button1 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button11 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;

}

.button11 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button2 a
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button2 a:hover
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button12 a
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button12 a:hover
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button3 a
{
padding-top:15px;
width: 90px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button3 a:hover
{
padding-top:15px;
width: 90px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button13 a
{
padding-top:15px;
width: 90px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button13 a:hover
{
padding-top:15px;
width: 90px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button4 a
{
padding-top:15px;
width: 85px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button4 a:hover
{
padding-top:15px;
width: 85px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}



.button14 a
{
padding-top:15px;
width: 85px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button14 a:hover
{
padding-top:15px;
width: 85px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button5 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button5 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}



.button15 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button15 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}



.button6 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button6 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button16 a
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button16 a:hover
{
padding-top:15px;
width: 70px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button7 a
{
padding-top:15px;
width: 205px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button7 a:hover
{
padding-top:15px;
width: 205px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button17 a
{
padding-top:15px;
width: 205px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button17 a:hover
{
padding-top:15px;
width: 205px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}

.button8 a
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #1c1f26;


}

.button8 a:hover
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}



.button18 a
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);


}

.button18 a:hover
{
padding-top:15px;
width: 80px;
float: left;
height: 30px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: url(../gfx/button_tlo.jpg);

}


.button9 a
{

width: 70px;
float: left;
height: 20px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #0095b5;


}

.button9 a:hover
{

width: 70px;
float: left;
height: 20px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:#000000;
background: #ffffff;

}


.button10 a
{

width: 70px;
float: left;
height: 20px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:white;
background: #3c3d42;
padding-top:1px;


}

.button10 a:hover
{

width: 70px;
float: left;
height: 20px;
font:90% Arial Bold, Helvetica, Sans-Serif;
text-align: center;
text-decoration:none;
color:#ffffff;
background: #0095b5;

}


#kategorie
{
width: 980px;
background: url(../gfx/kategorie_tlo.jpg);
height: 200px;
margin-top:8px;

}

#kategorie2
{
width: 980px;
background: url(../gfx/kategorie_tlo2.jpg);
height: 200px;
margin-top:8px;

}


.kat01
{
width: 305px;
height: 150px;
margin-top:26px;
position:absolute;
margin-left:26px;

}



.kat01_txt
{
font:100% Arial Bold, Helvetica, Sans-Serif;
text-align: left;

}


.kat02_txt
{
font:100% Arial Bold, Helvetica, Sans-Serif;
text-align: left;

}


.kat03_txt
{
font:100% Arial Bold, Helvetica, Sans-Serif;
text-align: left;

}

.kat02
{
width: 305px;
height: 150px;
margin-top:26px;
position:absolute;
margin-left:350px;

}


.kat03
{
width: 305px;
height: 150px;
margin-top:26px;
position:absolute;
margin-left:665px;

}


#zawartosc
{
text-align: left;
marin-top:20px;
}



#lewa_kolumna
{
float: left;
display: inline;
width: 520px;
background-color: #ffffff;
margin-top:10px;
font:75% Arial Bold, Helvetica, Sans-Serif;
}


.lewa_tresc
{

background-color: #ffffff;
width: 460px;

}

#prawa_kolumna
{
float: left;
width: 460px;
display: inline;
background-color: #ffffff;
margin-top:10px;
font:75% Arial Bold, Helvetica, Sans-Serif;
}


.prawa_tresc
{

background-color: #ffffff;
width: 460px;

}


.kwad01
{
width:220px;
height:130px;
background-color: #3c3d42;
float:left;


}


.pasek a
{
width:220px;
height:28px;
background: #3c3d42; /* Old browsers */
background: -moz-linear-gradient(top,  #3c3d42 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3d42), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3c3d42 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3d42', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

color:#ffffff;
font:130% Verdana;
position:absolute;
margin-top:-35px;
padding-top:7px;


}


.pasek a:hover
{
width:220px;
height:28px;
background: #0095b5;
color:#ffffff;
font:130% Verdana;
position:absolute;
margin-top:-35px;
padding-top:7px;


}



.pasek2 a
{
width:220px;
height:28px;
background-color: #0095b5;
color:#ffffff;
font:130% Verdana;
position:absolute;
margin-top:-35px;
padding-top:7px;


}


.pasek2 a:hover
{
width:220px;
height:28px;
background-color: #0095b5;
color:#ffffff;
font:130% Verdana;
position:absolute;
margin-top:-35px;
padding-top:7px;


}



.kwad02
{
width:220px;
height:130px;
background-color: #3c3d42;
margin-left:5px;
float:right;

}





#bottom
{
width: auto;
height: 55px;
background: #3c3d42; /* Old browsers */
background: -moz-linear-gradient(top,  #3c3d42 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3d42), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3c3d42 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3c3d42 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3d42', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

bottom:0;
color:#0095b5;
padding-top:17px;
}



#stopka
{
clear: left;
width: 980px;
background-color: #ffffff;
height:20px;
}