@import url('forms.css');

/* Body
----------------------------------------------------------------------------------------------------*/
body {
    background-color: #fff;
	text-align: center;
	margin: 0;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

/* Container
----------------------------------------------------------------------------------------------------*/
.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* Header
----------------------------------------------------------------------------------------------------*/
.header {
    width: 960px;
    height: 93px;
    position: relative;
}

    .header h1 {
        position: absolute;
        top: 31px;
        right: 160px;
    	font-size: 10px;
    	line-height: 10px;
    	margin: 0;
    	padding: 0;
    }

        .header h1 a {
        	width: 251px;
        	height: 46px;
        	padding: 0;
        	background: url(../img/general/logo.png) no-repeat;
        	text-decoration: none;
        	display: block;
        }

            .header h1 a span {
            	visibility: hidden;
            }

            .header h1 a:focus {
                -moz-outline: none;
                outline: none;
            }

    .header .nav {
        float: left;
        padding: 70px 0 0;
    }

        .header .nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 12px;
            line-height: 18px;
        }

        .header .nav ul li {
            float: left;
            width: 130px;
            height: 23px;
            font-size: 14px;
            font-weight: bold;
            line-height: 18px;
            text-transform: uppercase;
        }

        .header .nav ul li a {
            display: block;
            color: #fff;
            padding: 5px 5px 0 0;
            text-decoration: none;
            text-align: center;
        	background: url(../img/backgrounds/bg-nav-li.png) left bottom no-repeat;
        }

            .header .nav ul li a.active, .header .nav ul li a:hover, .header .nav ul li:hover a {
                color: #fff;
                text-decoration: none;
        	    background: url(../img/backgrounds/bg-nav-li-active.png) left bottom no-repeat;
            }

        .header .nav ul ul {
        	position: absolute;
        	width: 160px;
        	left: -999em;
        	z-index: 100;
        	padding: 0;
        	margin: 0;
        }

            .header .nav li ul li {
            	background: none;
            	padding: 0;
            	width: 160px;
                font-size: 12px;
            }

                .header .nav li ul li a {
                    display: block;
                	padding: 1px 0 1px 20px;
                	line-height: 24px;
                    text-align: left;
                	background: none !important;
                	background-color: #EF4035 !important;
                }

                    .header .nav li ul li a:hover, .header .nav li ul li a.active-sub {
                	   background: none !important;
                	   background-color: #E50B00 !important;
                    }

                    .header .nav li ul li.last-sub a {
                    	-moz-border-radius-topleft: 0px;
                        -moz-border-radius-topright: 0px;
                        -moz-border-radius-bottomright: 10px;
                        -moz-border-radius-bottomleft: 10px;
                        -webkit-border-radius: 0px 0px 10px 10px;
                        border-radius: 0px 0px 10px 10px;
                    }

                .header .nav li:hover ul {
                	left: auto;
                	z-index: 1000;
                }

                .header .nav li:hover {
                    position: static;
                }

    .header .mobile {
        position: absolute;
        top: 52px;
        right: 7px;
    }

        .header .mobile a, .header .mobile a:hover {
            display: block;
            padding: 0 20px 0 0;
    	    background: url(../img/general/icon-phone.png) right top no-repeat;
            color: #999;
            text-decoration: none;
        }

/* Content
----------------------------------------------------------------------------------------------------*/
.content-container {
    float: left;
    width: 800px;
}

    .visual {
        float: left;
        width: 800px;
        position: relative;
    }

        .visual .hours {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 10;
            background: rgb(255, 255, 255);
            background: rgba(255, 255, 255, 0.7);
            width: 150px;
            padding: 13px 13px 0 13px;
        	-moz-border-radius: 10px;
        	-webkit-border-radius: 10px;
        	border-radius: 10px 10px 10px 10px;
        	font-size: 14px;
            font-weight: bold;
            color: #000;
            letter-spacing: 0.2px;
        }

            .hours h2 {
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                color: #ef4035;
            }

            .hours a, .hours a:hover {
                color: #ef4035;
            }

        .visual .cycle {
            width: 800px;
            height: 400px;
            overflow: hidden;
        }

    .content {
        float: left;
        position: relative;
        width: 670px;
        padding: 20px 58px 0 72px;
        font-size: 14px;
        line-height: 18px;
        color: #070707;
        letter-spacing: 0.2px;
    }

        .content h2 {
            font-size: 21px;
            font-weight: bold;
            color: #ef4035;
            letter-spacing: 0.25px;
        }

            .content h2.first {
                position: absolute;
                z-index: 100;
                display: block;
                margin-top: -80px;
                margin-left: -32px;
                padding-top: 40px;
                width: 140px;
                height: 30px;
                background-color: #fff;
            	-moz-border-radius: 70px;
            	-webkit-border-radius: 70px;
            	border-radius: 70px 70px 0 0;
                text-align: center;
            }

        .content a, .content a:hover {
            color: #ef4035;
        }

        .content p + ul {
            margin-top: -1em;
        }

        .content table p {
            margin: 0;
        }

        .content #gmap {
            position: absolute;
            width: 800px;
            height: 400px;
            top: -20px;
            left: -72px;
        }

        .content table.occasions {
            margin-left: -72px;
            margin-right: -58px;
            width: 800px;
            font-size: 12px;
        }

            .content table.occasions th {
                font-weight: bold;
                border-bottom: 2px solid #cc0000;
            }

            .content table.occasions td {
                border-bottom: 1px dotted #888888;
                vertical-align: middle;
            }

    .featured {
        float: left;
        width: 800px;
        min-height: 97px;
        height: auto !important;
        height: 97px;
        padding: 79px 0 0;
        background: url(../img/backgrounds/bg-featured.png) top right no-repeat;
    }

        .featured .intro {
            float: left;
            width: 250px;
            padding: 20px 42px 0 24px;
        }

            .intro p {
                margin-bottom: 10px;
            }

            .intro a, .intro a:hover {
                color: #070707;
            }

                .intro a.more, .intro a.more:hover {
                    color: #ef4035;
                    text-decoration: none;
                    float: right;
                }

        .featured .cars {
            float: right;
            height: 97px;
        }

            .cars .car {
                float: left;
                position: relative;
                margin-left: 9px;
                height: 97px;
                width: 130px;
            }

            .cars img {
                float: left;
                height: 97px;
                width: 130px;
            }

            .cars .info {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                height: 80px;
                width: 100px;
                padding: 15px 15px 2px 15px;
                z-index: 20;
                background: rgb(255, 255, 255);
                background: rgba(255, 255, 255, 0.7);
            }

                .cars .info a, .cars .info a:hover {
                    display: block;
                    color: #070707;
                    text-decoration: none;
                }

                    .cars .info a strong {
                        color: #ef4035;
                    }

        .featured span, .footer span {
            color: #ef4035;
        }

    .footer {
        float: left;
        width: 800px;
        border-top: 20px solid #ef4035;
        padding: 10px 0 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
        color: #929497;
        letter-spacing: 0.2px;
        text-align: right;
    }

        .footer p {
            margin: 0;
        }

        .footer a {
            color: #929497;
            text-decoration: none;
        }

            .footer a:hover {
                color: #929497;
                text-decoration: underline;
            }

    .sidebar {
        float: left;
        width: 140px;
        padding-left: 20px;
    }

        .sidebar .bovag {
            height: 322px;
        }

        .sidebar .bovag-pech {
            height: 40px;
        }

        .sidebar .nap {
            height: 80px;
        }

        .sidebar .apk {
            height: 130px;
        }