/* 
    Document   : main
    Created on : 2010-01-06, 13:24:14
    Author     : skipi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    background:#fff url("../img/backgroundGradient.png") repeat-x;
    margin:0;
    font-family: arial, sans-serif;
}

a {
    border:0;
    outline:none;
}

a img {
    border:0;
    border-style:none;
    outline:none;
}

a:visited , a:link, a:active{
    color:#258efe;
    text-decoration: none;
    outline:none;
    border:0;
}
a:hover {
    color:#290efe;
    text-decoration: none;
}


div#content li {
    font-size:12px;
    color:#555;
}
div#content ul {
    padding-left:15px;
}


div {
}

#topLogo {
    display:block;
    width:960px;
    height:141px; 
    margin:0 auto;
}

#topLogo a img {    
    height:141px;
    width:179px;
    outline:none;
    border:none;
} 

#mainMenu {
    width:960px;
    margin:0 auto;
}
    /*
        Top Menu - zaaokraglony border
    */
        #topMenuBg {
            height:50px;
            background:#258efe;
            padding:1px 1px 1px 1px;
        }

        #topMenu {
            font-size:20px;
            height:50px;
            background:url("../img/topMenuGradient.jpg") 0px 0px repeat-x;
            color:#ffffff;
        }

        #menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        #menu li {
            float:left;
            clear:right;
        }
        #menu li:first-child {
            margin-left:20px;
        }

        #menu li a {
            float:left;
            margin:15px 20px 0px 20px;
        }

        .topMenuSpacer {
            background:url("../img/spacer.png");
            height:50px;
            width:1px;
            margin-top:1px;
            display: inline-block;
        }

        #menu li a:link,#menu li  a:visited,#menu li  a:active {
            text-decoration: none;
            color:#ffffff;
        }
        #menu li a:hover {
            text-decoration: none;
            text-shadow:0px 0px 5px #fff;
        }
    /*
        Top Menu ~
    */
    #slider {
        height:4px;
        background:#f3f3f3;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #sliderArrow {
        background:url("../img/pointer.png");
        width:10px;
        height:10px;
        position: absolute;
        margin-left:20px;
    }

    /*
        Sub Menu
    */
    #subMenu {
        height:30px;
        font-size:13px;
        color:#a0a0a0;
        background:#f4f4f4 url("../img/subMenuBg.png") repeat-x;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }

    #subMenuOferta {
        height:10px;
        font-size:13px;
        border-left:1px solid #e1e1e1;
        border-right:1px solid #e1e1e1;
    }
        #subMenuItems {
            float:left;
            list-style: none;
            padding: 0;
            margin: 0;
        }
        #subMenuItems li {
            float:left;
            clear:right;
        }

        #subMenuItems li a {
            float:left;
            margin:8px 20px 0 20px;
        }
        
        .subMenuSpacer {
            background:url("../img/bottomSpacer.png");
            height:22px;
            width:1px;
            margin:4px 0 0 0;
            display: inline-block;
        }

        #subMenuItems li a:link, #subMenuItems li  a:visited, #subMenuItems li a:active {
            text-decoration: none;
            color:#a0a0a0;
        }

        #subMenuItems li a:hover {
            text-decoration: none;
            color:#6a6a6a;
        }
    /*
        ~Sub Menu
    */
    
    /*
        Top Menu Image - zaaokraglony border
    */
        #imageBg {
            height:300px;
            background:#e1e1e1;
            padding:0px 1px 1px 1px;
        }

        #imageBgSmall {
            height:125px;
            background:#e1e1e1;
            padding:0px 1px 1px 1px;
        }
        
        #image {
            height:300px;
            background:#f6f6f6 url("../img/imageBg.jpg") repeat-x;
        }
        
        #imageBgSmall #image{
            height:125px;
            background:#f6f6f6 url("../img/imageBg.jpg") repeat-x;
        }
        
        #imageBgPhoto {
            width:940px;
            height:290px;
            background:#fff url("../img/imageBgPhoto.jpg");
            margin-left:10px;
        }

        #imageBgPhoto p {
            font-size: 40px;
            color:#258efe;
            margin:0;
            padding: 35px 0 0 40px;
        }
        
        #imageBgSmall #imageBgPhoto {
            width:940px;
            height:115px;
            background:#fff url("../img/imageBgPhotoSmall.jpg");
            margin-left:10px;
        }

    /*
        Top Menu Image ~
    */



#content {
    width:960px;
    min-height:400px;
    margin:0px auto;
}

/*
    Article class
*/

div.article1 {
   width:920px;
   margin-left:20px;
   margin-right:20px;
   float:left;
}

div.article2 {
   width:440px;
   margin-left:20px;
   margin-right:20px;
   float:left;
}

div.article3 {
   width:290px;
   margin-left:10px;
   margin-right:20px;
   float:left;
}

    #content p.title {
        color:#258efe;
        font-weight: bold;
        font-size:16px;
        margin-bottom:20px;
    }
    #content p.subTitle {
        color:#258efe;
        font-weight: bold;
        margin-bottom:20px;
        font-size:14px;
    }

    #content p {
        text-align: justify;
        color:#555;
        font-size:14px;
        line-height: 24px;
    }

    #content p.more {
        font-style: italic;
        color:#258efe;
        text-align: right;
        font-size:12px;
    }

    #content .articleMenu {
        width:280px;
        margin-right:20px;
        float:left;
    }
    #content .small {
        width:640px;
        margin:30px 0 0 0;
        float:right;
    }
    #content .offerMenu {
        list-style:none;
        margin:0;
        padding:0;
    }

    #content .offerMenu li {
        padding: 14px 0px 0px 10px;
        margin:0;
        margin-right:20px;
    }
    #content .offerMenu li a {
        display:block;
        color:#555;
        padding:10px 10px 10px 10px;
        min-width:200px;
    }
    #content .offerMenu li a:active, #content .offerMenu li a:link, #content .offerMenu a:visited {
        color:#555;
        text-decoration:none;
    }
    #content .offerMenu li a:hover {
        color:#222;
        background:url('../img/offersHover.png') repeat-y;
        
    }
    #content .offerMenu li:after {
        display:block;
        margin-top:4px;
        height:1px;
        width:200px;
        content: ' ';
        background: url('../img/offersMenu.png');
    }
/*
    ~Article class
*/

#kontakt {
    background:url("../img/kontakt.png");
    margin-top:-25px;
    width:143px;
    height:143px;
    display: inline-block;
    float:right;
}

#przeslij {
    background:url("../img/przeslij.png");
    margin-top:20px;
    width:290px;
    height:100px;
    display: inline-block;
    float:right;
}


#footer {
    width:960px;
    height: 25px;
    margin:20px 0px auto;
    border-bottom: 1px solid #e1e1e1;
    float:left;
}
    #footerMenu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #footerMenu li {
        float:left;
        font-size:12px;
        color:#a0a0a0;
    }

    #footerMenu li a {
        float:left;
        margin:0 20px 0 20px;
    }

    .footerMenuSpacer {
            background:url("../img/footerSpacer.png");
            height:14px;
            width:1px;
            margin: 2px 0 0 0;
            display: inline-block;
    }
    #footerMenu li a {
        text-decoration: none;
        padding:3px 10px 3px 10px;
    }

    #footerMenu li a:visited {
        color:#a0a0a0;
        text-decoration: none;
    }
    #footerMenu li a:link {
        color:#a0a0a0;
        text-decoration: none;
    }
    #footerMenu li a:active {
        color:#a0a0a0;
        text-decoration: none;
    }
    #footerMenu li a:hover {
        color:#6d6d6d;
        background:#e1e1e1;
        text-decoration: none;
    }

#about {
    width:960px;
    margin:10px auto;
    font-size:11px;
    color:#b5b5b5;
    padding-bottom:20px;    float:left; clear:both;
}

#copy {
    margin-left:20px;
    float:left;
}

#ooioo {
    margin-right:20px;
    float:right;
}

#ooioo a:visited {
    color:#b5b5b5;
    text-decoration: none;
}
#ooioo a:link {
    color:#b5b5b5;
    text-decoration: none;
}
#ooioo a:active {
    color:#b5b5b5;
    text-decoration: none;
}
#ooioo a:hover {
    color:#6a6a6a;
    text-decoration: none;
}