/* 
    Document   : magento-style
    Created on : 2010-03-03, 11:58:55
    Author     : Ps
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{padding:0; margin:0;outline:0;*zoom:1;}

root { 
    display: block;
}
img {
    border: none;
}
body {
    background-image:url('img/background.jpg');
    background-repeat:repeat-x;
    text-align:center;
    margin:0 auto;
    background-color:#fff;
    font-family: Arial;
	font-size: 12px;
    color:#7b7b7b;
}

a:link {
color:#d5000f;
text-decoration:underline;
}
a:hover {
color: #939393;
text-decoration:underline;
}
a:visited {
        text-decoration: none;
        color:#7a0009;
        text-decoration:underline;
    }


h1 {
    margin-bottom:16px;
    color:#d5000f;
    font-size:16px;
    font-family: Arial;
    font-weight:100;
}
#content ul {
    margin-left:15px !important;
    padding-left:15px !important;
    line-height:180%;
}
#content ul li{line-height:16px;padding:5px 0 5px 0;list-style-image:url('img/sqpurple.gif') !important;}
#contener {
    width:960px;
    height:600px;
    margin:0 auto;
}
#top {
    width:960px;
    height:62px;
}
#logo {
    float:left;
    margin-top:10px;
    margin-left:20px;
}
#menu {
    width:600px;
    height:62px;

    float:right;
}
#baner {
    font-size:13px;
    padding-top:7px;
    color:#fff;
    text-align:left;
    margin:20px 0 20px 0;
    background-image:url('img/top.png');
    background-repeat:no-repeat;
    width:960px;
    height: 294px;
}
#haslo {
    margin:20px 0 10px 30px;
}
#baner-tresc {
    text-align:justify;
    margin:0 0 0 30px;
    width:527px;
    
}
.box {
    text-align:left;
    width:270px;
    height:170px;
    float:left;
    margin:0 25px 0 25px;
    position:relative;
}
.box1 {
    text-align:left;
    width:270px;
    height:200px;
    float:left;
    margin:0 25px 0 25px;
    position:relative;
}
.box2 {
    text-align:left;
    width:270px;
    height:160px;
    float:left;
    margin:0 25px 0 25px;
    position:relative;
}
.box3 {
    text-align:left;
    width:270px;
    height:170px;
    float:left;
    margin:0 25px 0 25px;
    position:relative;
}
.box4 {
    text-align:left;
    width:270px;
    height:160px;
    float:left;
    margin:0 25px 0 25px;
    position:relative;
}
.wiecej {
    position:absolute;
    left:5px;
    bottom:5px;
}
.linia {
    width:960px;
    height:1px;
    margin:20px 0 20px 0;
}
#stopka {
    margin-top:10px;
    width:960px;
    height:58px;
    background-image:url('img/stopka-background.jpg');
}
#menu-stopka {
    float:right;
    margin-top:20px;
    margin-right:30px;
    height:20px;

}
.menu-s {
    margin-right:40px;
}
#menu-stopka a:link {
color:#919191;
text-decoration:none;
}
#menu-stopka a:hover {
color: #939393;
}
#menu-stopka a:visited {
        text-decoration: none;
        color:#919191;
    }
#podpis {
    margin-top:4px;
    width:960px;
    height:10px;
    font-size:10px;
    color:#9b9b9b;
    text-align:left;
}