/*
    Document   : main
    Created on : 2011-04-23, 20:46:37
    Author     : Michał Szczepanowski
    Description:
        Main screen stylsheet
*/

body, html{
    background: url(/htdocs/images/bg_content.jpg) repeat-x top;
    padding: 0px;
    margin: 0px;
    color: #000;
}

.clear  { clear: both; }

.left   { float: left; }
.right  { float: right; }

.red    { color: #ff0000 }
.green	{ color: #649A28 }

.bold    { font-weight: bold; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }

a:link, a:visited, a:hover{
    color: #649A28;
}

a img {
	border: 0px;
}


#banner {
    /* background: url('../images/banner/bg-banner.jpg') no-repeat; */
    background: url('../images/dreamliner.jpg') no-repeat;
	/* width: 815px; */
	width: 800px;
	/*    height: 685px; */
	height: 600px
    font-family: Calibri, sans-serif;
    position: fixed;
    /*float: left;*/
    float: center;
    color: #000;
    overflow: hidden;
    vertical-align: middle;
}

    #banner #logo {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #banner #address {
        position: absolute;
        top: 70px;
        right: 30px;
        font-size: 24px;
        color: #000;
        font-weight: bold;
    }

    #banner #link {
        position: absolute;
        top: 125px;
        right: 20px;
        font-size: 36px;
        font-weight: bold;
        color: #b5293b;
        text-decoration: none;
    }

    #banner .list {
        position: absolute;
        font-weight: bold;
    }

        #banner .list  p {
            background: url('../images/banner/bg-p.png') no-repeat;
            background-position: 0 4px;
            padding-left: 35px;
            margin-bottom: 0px;
            font-size: 32px;
            color: #005b2c;
            font-weight: bold;
            line-height: 1em;
        }

        #banner .list ul {
            margin-top: 0px;
            list-style: none;
        }

            #banner .list ul li {
                background: url('../images/banner/bg-li.png') no-repeat;
                background-position: 0 4px;
                padding-left: 20px;
                font-size: 20px;
            }

    #banner #list-1 {
        top: 170px;
        left: 30px;
    }

        #banner #list-1.de {
            top: 150px;
        }


    #banner #list-2 {
        top: 400px;
        left: 30px;
    }


#left-footer{
    float: left;
    width: 100%;
    height: 96px;
    position: absolute;
    background-color: #5A8A24;
    left: -665px;
}

#right-footer{
    width: 590px;
    height: 96px;
    margin: 0 auto;
    background-color: #E5E5E5;
    position: relative;
    color: #8A8A8A;
    font-size: 12px;
    font-family: "Tahoma";
}

#right-footer a:link, #right-footer a{
    color: #8A8A8A !important;
}

#footer{
    width: 100%;
    height: 96px;
    background-color: #E5E5E5;
}

#page{
    margin: 0 auto;
}
    /*
       PAGE HEADER
    */
    #header{
        width: 100%;
        height: 500px;
    }

    #header #slider{
        width: 100%;
        height: 351px;
        background: url(/htdocs/images/bg_header.jpg) no-repeat;
        background-position: center;
		position: relative;
		z-index: 10;
        outline: none;
    }

	#header #slider object{
		outline: none;
	}

    #header #top{
        width: 970px;
        height: 148px;
        margin: 0 auto;
    }

    #header #top .logo{
        margin: 40px 0 0 10px;
        float: left;
        border: 0;
            }

	#header #top #flags {
		width: 35px;
		float: right;
		margin: 10px 0 0 0px;
	}

    #header #top .flag{
		margin-top: 10px;
        margin-left: 10px;
        border: 0;
		display: block;
    }
    .flag img {border: 0;}

/*
    PAGE CONTENT
*/

#content{
    width: 1084px;
    margin: 0 auto;
    position: relative;
    left: -57px;
    font-family: "Tahoma,Geneva,Kalimati", sans-serif;
    font-size: 12px;
}
    /*
        Breadcrumb
    */

    #content #breadcrumb{
        width: 100%;
        height: 40px;
        /*background-color: #F4F5F8;*/
        background: #F4F5F8 url(/htdocs/images/breadcrumb.jpg) no-repeat top right;
       /* border: 1px solid #000;*/
        margin: 10px 0 10px 0;
        float: left;
    }

    #content #breadcrumb span{
        margin: 15px 0 10px 10px;
        float: left;
    }

    #content .seperator{
        width: 570px;
        height: 1px;
        background: #E8E9EC url(/htdocs/images/bg_seperator.jpg) no-repeat right;
        float: left;
    }

    #content .seperator-740{
        width: 740px;
        height: 2px;
        background: #E8E9EC url(/htdocs/images/bg_seperator.jpg) no-repeat right;
        float: left;
    }

    #content #road_sign{
        background: url(/htdocs/images/znak.jpg) no-repeat bottom;
        width: 114px;
        min-height: 1300px;
    }

    /*
        MENU
    */

    #content #menu{
        width: 195px;
        min-height: 1240px;
        background-color: #649A28;
        float: left;
        background: url(/htdocs/images/bg_menu.jpg) repeat-y;
        font-family: "Trebuchet MS", sans-serif !important;
        font-size: 13px !important;
    }

        #menu-contact{
            float: left;
            background: url(/htdocs/images/menu_contact.jpg) no-repeat;
            width: 195px;
            height: 218px;
            margin: 14px 0 0 0 ;
            z-index: 50;
			font-family: Quill, Arial, Tahoma, sans-serif;
			font-size: 12px;
			color: #fff;
			padding: 20px 0 0 20px;
        }

        #menu ul {
            list-style: none;
            position: relative;
            padding: 0px;
            margin: 0px;
            height: 726px;
        }

        #menu ul li a {
            display: table-cell;
            width: 175px;
            padding-left: 20px;
            text-decoration: none;
            color: #ffffff;
            text-transform: uppercase;
            vertical-align: middle;
            background: url(/htdocs/images/menu.png);
        }

        #menu ul li {
            position: absolute;
        }

        #menu ul li a:hover {
            color: #ffef00;
        }

        #menu ul li .selected {
            color: #ffef00;
        }

        #menu .menu-item-1, #menu .menu-item-1 a { height: 63px; top: 0; z-index: 16; }
        #menu .menu-item-2, #menu .menu-item-2 a { height: 65px; top: 60px; z-index: 15; }
        #menu .menu-item-3, #menu .menu-item-3 a { height: 60px; top: 123px; z-index: 14; }
        #menu .menu-item-4, #menu .menu-item-4 a { height: 64px; top: 183px; z-index: 13; }
        #menu .menu-item-5, #menu .menu-item-5 a { height: 60px; top: 247px; z-index: 12; }
        #menu .menu-item-6, #menu .menu-item-6 a { height: 66px; top: 303px; z-index: 11; }
        #menu .menu-item-7, #menu .menu-item-7 a { height: 63px; top: 363px; z-index: 10; }
        #menu .menu-item-8, #menu .menu-item-8 a { height: 63px; top: 423px; z-index: 9; }
        #menu .menu-item-9, #menu .menu-item-9 a { height: 63px; top: 483px; z-index: 8; }
        #menu .menu-item-10, #menu .menu-item-10 a { height: 63px; top: 543px; z-index: 7; }
        #menu .menu-item-11, #menu .menu-item-11 a { height: 63px; top: 603px; z-index: 6; }
		#menu .menu-item-12, #menu .menu-item-12 a { height: 63px; top: 663px; z-index: 5; }


        #menu ul .menu-item-1 a { background-position: 0 0; }
        #menu ul .menu-item-2 a { background-position: 0 -60px; }
        #menu ul .menu-item-3 a { background-position: 0 -123px; }
        #menu ul .menu-item-4 a { background-position: 0 -183px; }
        #menu ul .menu-item-5 a { background-position: 0 -247px; }
        #menu ul .menu-item-6 a { background-position: 0 -303px; }
        #menu ul .menu-item-7 a { background-position: 0 -363px; }
        #menu ul .menu-item-8 a { background-position: 0 -423px; }
        #menu ul .menu-item-9 a { background-position: 0 -483px; }
        #menu ul .menu-item-10 a { background-position: 0 -543px; }
        #menu ul .menu-item-11 a { background-position: 0 -603px; }
		#menu ul .menu-item-12 a { background-position: 0 -543px; }

        #menu ul .menu-item-1 a:hover, #menu ul .menu-item-1 .selected { background-position: -195px 0;}
        #menu ul .menu-item-2 a:hover, #menu ul .menu-item-2 .selected { background-position: -390px -60px; }
        #menu ul .menu-item-3 a:hover, #menu ul .menu-item-3 .selected { background-position: -195px -123px; }
        #menu ul .menu-item-4 a:hover, #menu ul .menu-item-4 .selected { background-position: -390px -183px; }
        #menu ul .menu-item-5 a:hover, #menu ul .menu-item-5 .selected { background-position: -195px -247px; }
        #menu ul .menu-item-6 a:hover, #menu ul .menu-item-6 .selected { background-position: -390px -303px; }
        #menu ul .menu-item-7 a:hover, #menu ul .menu-item-7 .selected { background-position: -195px -363px; }
        #menu ul .menu-item-8 a:hover, #menu ul .menu-item-8 .selected { background-position: -390px -423px; }
        #menu ul .menu-item-9 a:hover, #menu ul .menu-item-9 .selected { background-position: -195px -483px; }
        #menu ul .menu-item-10 a:hover, #menu ul .menu-item-10 .selected { background-position: -390px -543px; }
        #menu ul .menu-item-11 a:hover, #menu ul .menu-item-11 .selected { background-position: -195px -603px; }
		#menu ul .menu-item-12 a:hover, #menu ul .menu-item-12 .selected { background-position: -390px -543px; }

        #menu ul li:hover,  #menu ul li .selected { z-index: 1000; }

    #content h1{
        font-family: "Trebuchet MS", sans-serif;
        height: 42px;
        background: url(/htdocs/images/h1.png) no-repeat;
        color: #930000;
        font-size: 24px;
        text-transform: uppercase;
        padding: 1px 0 0 32px;
        margin: 10px 0 10px 0;
    }

    #content h1 span{ height: 30px; display: block;}

    #content h2 {
        font-family: "Trebuchet MS", sans-serif;
        font-size: 18px;
        color: #930000;
        text-transform: uppercase;
    }

    #content #main-left{
        float: left;
        width: 195px;
        height: 1000px;
        background: url(/htdocs/images/bg_woman_main.jpg) no-repeat;
        background-position: 0px 10px;
    }

    #content #container-left{
        float: left;
        width: 30px;
        /*width: 195px;*/
        height: 967px;
        /*background: url(/htdocs/images/bg_woman_container.jpg) no-repeat;*/
        background-position: 0px 10px;
    }

    #content #main-right{
        float: left;
        width: 570px;

    }

        #content #main-right #about-txt{
            width: 100%;
            height: 200px;
        }

        #content #main-right #offer{
            float: left;
            width: 570px;
            height: 640px;
            border-left: 1px solid #D3D4D8;
            border-top: 1px solid #D3D4D8;
        }

        #content #main-right .offer-box{
            width: 283px;
            height: 159px;
            float: left;
            border-right: 1px solid #D3D4D8;
            border-bottom: 1px solid #D3D4D8;
        }

            #content #main-right .offer-box a{
                display: block;
                font-family: "Trebuchet MS", sans-serif;
                font-size: 16px;
                text-decoration: none;
                color: #6fa42d;
                padding: 32px 0 0 10px;
                text-transform: uppercase;
                width: 100%;
                height: 100%;
            }

            #content #main-right .offer-box a:hover{
                text-decoration: none;
                color: #ffef00;
            }

        #content #main-right #offer-bottom{
            float: left;
            width: 100%;
            height: 8px;
            background: url(/htdocs/images/bg_main_offer.jpg) repeat-x bottom;
        }

    #content #contact{
		background: url(/htdocs/images/contact_girl.jpg) no-repeat top right;
        width: 750px;
        float: left;
        margin-left: 25px;
		height: 240px;
    }
        #content #contact input[type="submit"]{
            min-width: 10px !important;
            background-color: #fff;
            border: none !important;
            float: left !important;
            color: #649924;
        }

        #content #contact input[type="submit"]:hover{
            text-decoration: underline;
            cursor: pointer;
        }

    #content #container{
        width: 740px;
        float: left;
        margin-left: 25px;

    }

        #content input[type="text"], #content select{
            border: 1px solid #B8B8B8;
            min-width: 243px;
            height: 33px;
            margin-top: 5px;
            float: left;
            padding-left: 5px;
        }
            #content select{
                min-width: 250px;
                padding-top: 7px;
            }

        #content input[type="checkbox"]{
            float: left;
            margin-top: 10px;
        }

        #content label{
            margin-top: 10px;
            float: left;
        }

        #content textarea{
            float: left;
            margin-top: 5px;
            border: 1px solid #B8B8B8;
            height: 110px;
            padding: 5px 0 0 5px;
        }

        /*
            CONTACT SUBPAGE
        */
        #content #contact-info{
            width: 280px;
            float: left;
        }

        #content #contact-form{
            width: 460px;
            margin-bottom: 10px;
            float: left;
        }

        #content #contact-form-submit{
            min-width: 10px !important;
            background-color: #fff;
            border: none !important;
            float: right !important;
            color: #649924;
        }

            #content #contact-form-submit:hover{
                text-decoration: underline;
                cursor: pointer;
            }

        #content #contact-persons{
            margin-top: 10px;
            width: 100%;
            float: left;
        }
            #content #contact-persons .box{
                width: 300px;
                height: 72px;
                float: left;
            }

            #content #contact-persons .image{
                width: 167px;
                height: 158px;
                border: 1px solid #D3D4D8;
            }

            #content #contact-persons .desc{
                margin-top: 10px;
                width: 100%;
            }

        #content .gallery{
            height: 158px;
            width: 568px;
            border: 1px solid #D3D4D8;
        }
        #content .gallery1{
            height: 150px;
            width: 275px;
            border: 1px solid #D3D4D8;
        }

            #content .gallery .img1{
                width: 283px;
                height: 100%;
                float: left;
                border-right: 1px solid #D3D4D8;
            }

            #content .gallery .img2{
                width: 283px;
                height: 100%;
                float: left;
            }

            #content .gallery .img1 img, #content .gallery .img2 img{
                padding: 4px;
            }

/*
    WORK SUBPAGE
*/
#work {
    margin-left: 25px;
}
#work input[type="text"]{
    min-width: 300px !important;
    float: left;
}

#work select{
    min-width: 307px !important;
}

#work input[type="file"]{
    margin-top: 5px;
    float: left;
}

#work input[type="submit"]{
    min-width: 10px !important;
    background-color: #fff;
    border: none !important;
    float: left !important;
    color: #649924;
}

    #work input[type="submit"]:hover{
        text-decoration: underline;
        cursor: pointer;
    }

.msg-error{
    width: 568px;
    min-height: 58px;
    border: 1px solid #007035;
    background: #A30000 url(/htdocs/images/error.jpg) no-repeat left center;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}

.msg-success{
    width: 568px;
    min-height: 58px;
    border: 1px solid #5E0000;
    background: #649A28 url(/htdocs/images/ok.jpg) no-repeat left center;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}

.msg-error p, .msg-success p{
    margin: 15px auto 15px 60px;
}

/*
    SALE
*/

#sale-table{
    width: 568px;
    text-align: left;
    border-bottom: 1px #d4d4d4 solid;
}

#sale-table .gray{
    background-color: #E5E5E5;
}

#sale-table th{
    border: 1px #007035 solid;
    padding-left: 10px;
    border-right: none;
}

#sale-table td{
    padding-left: 10px;
    height: 130px;
    border-right: 1px #d4d4d4 solid;
}

#sale-table td:first-child
{
    border-left: 1px #d4d4d4 solid;
}

#sale-table .thumb{
    width: 118px;
    height: 88px;
    border: 1px #D3D4D8 solid;
    margin: 20px 15px;
}

#sale-table .thumb img{
    margin: 5px;
}
/*
    FORM VALDATE
*/
label.error { float: left; color: #ff0000; padding-left: .5em; vertical-align: top; width: 180px; }
#contact label.error { display: none !important; }

input.error, textarea.error { border: 1px solid #ff0000 !important; }

.hidden {
	display: none;
}

#employee-container{
    width: 100%;
    margin: 10px 0;
    float: left;
}

#employee-form .row .col-1 {
    float: left;
    width: 100%;
}

#employee-form .row .col-2 {
    float: left;
    width: 50%;
}

#employee-form .row .col-3 {
    float: left;
    width: 33%;
    margin-bottom: 20px;
}

#employee-form .row h3 {
    height: 33px;
    text-align: left;
    margin: 0;
    padding-top: 10px;
}

#employee-form input[type="date"],#employee-form input[type="text"] {
    border: 1px solid #B8B8B8;
    width: 94%;
    min-width: 100px;
    height: 33px;
    margin-top: 6px;
    float: left;
    padding-left: 5px;
}

#employee-form .row .driver_licence {
    margin: 12px 14px;
    float: left;
}
#employee-form .row .no_expire {
    width: 100%;
    margin: 14px 0;
}

#employee-form .row textarea{
    width: 100%;
}
#employee-form .row .work_history_date{
    width: 40%;
    margin: 6px 5px 0 0;
}

#employee-form #contact-form-submit {
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    float: right !important;
    padding: 15px;
    border: solid black 1px;
    background-color: #649924;
}