/* IMPORT RESET */
@import url('../images/reset.css');

/* GENERAL */
body {
    background: url('../images/bg.jpg') #181a1b no-repeat top center;
    height: 100%;
    font-size: 13px;
    font-family: Arial;
}

p, label {
    color: #fff;
    text-shadow: 1px 1px 0px #272a2b;
    line-height: 1.6;
}

.cb {clear:both;}

img.h2 {
    margin-bottom: 16px;
}

/* LAYOUT */
#container {
    margin: 0 auto;
    width: 940px;
}

#headerContainer {
    width: 100%;
    height: 122px;
    background: url('../images/headerbg.jpg') repeat-x top center;
    position: absolute;
    top: 40px;
	left: 0px;
}

    #topbg {
        height: 40px;
        width: 100%;
        position: absolute;
        top: 0px;
		left: 0px;
        background: url('../images/topbg.png') repeat-x;
    }

    #header {
        width: 980px;
        margin: 22px auto 0px auto;
		position: relative;
    }
    
        a#logo {
            display: block;
            float: left;
            width: 207px;
            height: 103px;
			margin-top: -10px;
            background: url('../images/logo.png') no-repeat;
        }
        
#container > #content {
    margin-top: 200px;    
}

#kontaktsmallContainer {color: white; position: absolute; top: 6px; left: 720px; width: 245px; height: 68px;}

/* G��WNA */

#container .glowna {
    background: url('../images/holownik.png') no-repeat;
    width: 100%;
    height: 800px;
    position: relative;
}

#container .glowna .leftColumn {
    width: 325px;
    float: left;
}

#container .glowna .rightColumn {
    width: 615px;
    float: right;
}

    #container .glowna .about {
        width: 640px;
        float: right;
    }
    
        #container .glowna .about a{
            margin-left: 180px;
        }
        
        #container .glowna .about a.gallink {
            margin: -30px 0 0 260px;
            width: 311px;
            height: 163px;
            display: block;
        }
        
    #container .glowna .kontakt {
        width: 265px;
        height: 320px;
        float: left;
        margin: 380px 0 30px 0;
    }
    
        #container .glowna .kontakt img{
            margin-bottom: 20px;
        }
            
    #container .glowna .mobile {
    }
    
    #container .glowna .news {
        background: url('../images/news_box.png') no-repeat;
        float: right;
        width: 373px;
        height: 358px;
        margin-top:100px;
    }
    
        #container .glowna .news a {
            text-decoration: none;
            color: #fff;
        }
        
                #container .glowna .news a:hover {
                    text-decoration: underline;
                }
    
        #container .glowna .news ul {
            margin: 140px 0 0 70px;
        }
        
            #container .glowna .news ul li.header {
                margin-bottom: 20px;
            }
        
            #container .glowna .news ul li{
                color: #fff;
                line-height: 2;
            }
    
    #container .glowna #footerContainer {
        position: absolute;
        margin-top: 20px;
    }

/* GALERIA */

#container .galeria .gallery {margin-bottom: 32px;}

#container .galeria .gallery a.photo {
    display: block;
    float: left;
    margin: 6px;
    border: 1px solid #596163;
    overflow: hidden;
    width: 142px;
    height: 106px;
}

#container .galeria .gallery a.photo img {width: 142px; height: 106px;}

#container .galeria .gallery a.photo {-moz-box-shadow: 3px 3px 7px #333333; -webkit-box-shadow: 3px 3px 7px #333333; box-shadow: 3px 3px 7px #333333; }
#container .galeria .gallery a.photo:hover {opacity: 0.7;}

#container .galeria #footerContainer {
    margin-left: 6px;
    margin-top: 32px;
}

#container .galeria h2 {
    margin: 16px 0 32px 0;
}

/* USLUGI */

#container .uslugi {
    background: url('../images/samochody.png') no-repeat;
}

#container .uslugi .topBox {
    height: 340px;
    margin-left: 300px;
}

    #container .uslugi .topBox h2 {
        margin-bottom: 24px;
    }

#container .uslugi .bottomBox {
    margin-top: 104px;
    height: 300px;
}

/* KONTAKT */

#container .kontakt .column {
    width: 220px;
    height: 540px;
    float: left;
    margin-right: 90px;
}

        #container .kontakt img{
            margin-bottom: 20px;
        }
        
    label {
        display: block;
        margin-left: 3px;
    }
    
    input {
        display: block;
        width: 205px;
        height: 25px;
        border: 0px none;
        background: url('../images/inputbg.png') no-repeat;
        color: #fff;
        padding-left: 10px;
    }
    
        input.sendbtn {
            cursor: pointer;
            width: 85px !important;
            background: url('../images/btn_wyslij.png') no-repeat;
        }
    
    textarea {
        font-family: Arial;
        color: #fff;
        font-size: 12px;
        padding: 5px;
        width: 205px;
        height: 160px;
        background-color: #262626;
        background-repeat: repeat;
        border: 0px none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 1px 1px 0px #777e7f; -webkit-box-shadow: 1px 1px 0px #777e7f; box-shadow: 1px 1px 0px #777e7f;
        margin-bottom: 16px;
    }

/* MENU */

#menu {
    height: 77px;
}

    #menu ul {
        margin-left: 32px;
        display: block;
        width: 466px;
        height: 77px;
        float: left;
    }
    
	#menu ul li {padding: 0px; margin: 0px; font-size: 0px;}
	
        #menu ul li a{
            float: left;
            display: block;
            background-image: url('../images/menu.png');
            background-repeat: no-repeat;
            height: 77px;
			margin: 0px;
        }
        
            #menu ul li.start a{
                width:91px;
                background-position: 0px 0px;
            }
            
            #menu ul li.uslugi a{
                width:144px;
                background-position: -91px 0px;
            }
            
            #menu ul li.galeria a{
                width:118px;
                background-position: -238px 0px;
            }
            
            #menu ul li.kontakt a{
                width:107px;
                background-position: -366px 0px;
            }
            
            /* MENU HOVER AND ACTIVE */
            
                #menu ul li.start a:hover, #menu ul li.start a.active {
                    width:91px;
                    background-position: 0 -77px;
                }
                
                #menu ul li.uslugi a:hover, #menu ul li.uslugi a.active {
                    width:144px;
                    background-position: -91px -77px;
                }
                
                #menu ul li.galeria a:hover, #menu ul li.galeria a.active {
                    width:118px;
                    background-position: -238px -77px;
                }
                
                #menu ul li.kontakt a:hover, #menu ul li.kontakt a.active {
                    width:107px;
                    background-position: -366px -77px;
                }

#content.glowna div.newsContent {display: none;}