﻿@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

#body {
    background-image: none;
    min-height: 1440px;
    background-position: initial initial;
    background-repeat: initial initial;
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    overflow-x: hidden;
}

#background {
    width: 1920px;
    height: 542px;
    top: 0px;
    background: url(../images/background.png) no-repeat 0 0 #181E38 !important;
    position: absolute;
    left: -100px;
}

#mainWrapper {
    position: absolute;
    width: 100%;
}

#mainContentWrapper {
    width: 940px;
    height: inherit;
    min-height: inherit;
    margin: 0px auto;
}

#headerWrapper {
    width: inherit;
    height: 120px;
}

.phone {
    text-align: right;
}

#logo {
    width: 86px;
    height: 73px;
    margin: 30px 10px 0px 8px;
    background: url(../images/logo.png) no-repeat;
    float: left;
}

#logoText {
    font-family: 'Open Sans';
    font-size: 3.5em;
    color: #EAECF4;
    letter-spacing: -1px;
    height: 40px;
    font-weight: bold;
    width: 300px;
    float: left;
    margin-top: 20px;
}

#logoBottomTextWrapper {
    width: 300px;
}

.logoBottomText {
    font-family: 'Open Sans';
    float: left;
    font-size: 3.5em;
    font-weight: bold;
    height: 40px;
    letter-spacing: -2px;
    width: 24px;
}

#headerRightWrapper {
    float: right;
    margin-top: -20px;
	padding-right: 40px;
}

#navigator {
    width: inherit;
    margin-top: 15px;
}

    #navigator ul li {
        background: linear-gradient(to bottom, #F5A300, #DA7D01) repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: inline-block;
        height: 46px;
        margin-right: -3px;
    }

        #navigator ul li:hover, .navigatorSelected {
            background: linear-gradient(to bottom, #2661D6, #164AB4) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
            cursor: auto;
        }

        #navigator ul li span {
            text-align: center;
            display: table-cell;
            font-weight: bold;
            font-size: 1.2em;
            padding-top: 13px;
            cursor: pointer;
        }

#slider {
    background: url(../images/slide9.jpg) no-repeat 0 0 /*#181E38*/ !important;
    height: 255px; /*448px;*/
	position: relative;
}

#firstRowWrapper {
    margin-top: 20px;
    height: 350px;
}

.firstRowBlockWrapper {
    float: left;
    display: inline;
    margin-right: 20px;
}

    .firstRowBlockWrapper img {
        display: block;
    }

.firstRowBlockTextWrapper {
    border-radius: 0 0 4px 4px;
    height: 157px;
    width: 190px;
    padding: 15px;
}

.firstRowBlockTitle {
    font-family: 'Open Sans';
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: -1px;
}

.firstRowBlockSubtitle {
    font-size: 1.2em;
    padding-top: 8px;
    height: 65px;
}

#firstRowBlockTextWrapper1, #secondRowBlockNextButtonBackground1 {
    background-image: linear-gradient(#FC8301, #FE9C01);
}

    #secondRowBlockNextButtonBackground1:hover {
        background-image: linear-gradient(#FE9C01, #FC8301);
    }

#firstRowBlockTextWrapper2, #secondRowBlockNextButtonBackground2 {
    background-image: linear-gradient(#13A76F, #18C68B);
}

    #secondRowBlockNextButtonBackground2:hover {
        background-image: linear-gradient(#18C68B, #13A76F);
    }

#firstRowBlockTextWrapper3, #secondRowBlockNextButtonBackground3 {
    background-image: linear-gradient(#137CA6, #1AA9CE);
}

    #secondRowBlockNextButtonBackground3:hover {
        background-image: linear-gradient(#1AA9CE, #137CA6);
    }

#firstRowBlockTextWrapper4, #secondRowBlockNextButtonBackground4 {
    background-image: linear-gradient(#164AB4, #2661D6);
}

    #secondRowBlockNextButtonBackground4:hover {
        background-image: linear-gradient(#2661D6, #164AB4);
    }

.firstRowBlockNextButton, .firstRowBlockNextButton:hover {
    width: 100px;
    height: 29px;
    background: linear-gradient(to bottom, #FFFFFF, #DDE1EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
}

    .firstRowBlockNextButton a {
        font-family: 'Open Sans';
        font-size: 1.2em;
        font-weight: bold;
    }

    .firstRowBlockNextButton:hover {
        background: linear-gradient(to bottom, #DDE1EC, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

#firstRowBlockNextButton1, #secondRowBlockTitle1, .firstRowBlockPopup1, .secondRowBlockPopup1, .headingTextColor1 {
    color: #FC8301 !important;
}

#firstRowBlockNextButton2, #secondRowBlockTitle2, .firstRowBlockPopup2, .secondRowBlockPopup2, .headingTextColor2 {
    color: #13A76F !important;
}

#firstRowBlockNextButton3, #secondRowBlockTitle3, .firstRowBlockPopup3, .secondRowBlockPopup3, .headingTextColor3 {
    color: #137CA6 !important;
}

#firstRowBlockNextButton4, #secondRowBlockTitle4, .firstRowBlockPopup4, .secondRowBlockPopup4, .headingTextColor4 {
    color: #164AB4 !important;
}

#secondRowWrapper {
    margin-top: 60px;
    height: 300px;
}

.secondRowBlockWrapper {
    float: left;
    display: inline;
    margin-right: 20px;
    width: 220px;
}

.secondRowBlockTitle {
    font-family: 'Open Sans';
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: -2px;
}

.secondRowBlockSubtitle {
    font-family: 'Open Sans';
    padding-top: 2px;
    font-weight: bold;
    font-size: 1.3em;
}

.secondRowBlockText {
    padding-top: 1.5em;
    height: 120px;
}

.secondRowBlockSubtitle, .secondRowBlockText, #smallNavigator, .headingSubTitle, .contactWrapper {
    color: #7C7B7B;
}

.secondRowBlockNextButton {
    width: 100px;
    height: 29px;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
}

    .secondRowBlockNextButton a {
        font-family: 'Open Sans';
        font-size: 1.2em;
        font-weight: bold;
        color: #FFFFFF;
    }

#smallNavigator {
    margin-top: 15px;
}

    #smallNavigator ul li {
        display: inline-block;
        padding: 5px;
    }

        #smallNavigator ul li:hover, .smallNavigatorSelected {
            color: #1AA8CD;
            cursor: auto;
        }

        #smallNavigator ul li span {
            text-align: center;
            display: table-cell;
            font-weight: bold;
            font-size: 0.8em;
            cursor: pointer;
        }

.popupContainer {
    overflow-y: scroll;
    overflow-x: no-display;
    height: 420px;
}

/* scroll megoldása IE-ben */

.popupContainer {
    scrollbar-face-color: #7C7B7B;
}

/* scroll megoldása chrome-ban */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner {
    background-color: #7C7B7B;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

/* scroll megoldása firefox-ban */

.jspVerticalBar {
    width: 10px;
}

.jspTrack {
    background: #7C7B7B;
    position: relative;
    width: 10px;
}

.jspDrag {
    background: rgba(0,0,0,0.3);
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.headingText {
    font-size: 2.3em;
    font-weight: bold;
    padding-top: 0.5em;
}

.headingSubTitle {
    font-size: 1.35em;
    font-weight: bold;
    padding-top: 0.4em;
}

.contactWrapper {
    display: inline-block;
    padding-left: 5px;
    line-height: 1.7em;
}

    .contactWrapper span, .contact {
        font-weight: bold !important;
        display: block;
    }

.contact {
    padding-top: 1em;
}

    .contact dd {
    }

    .contact span {
        font-weight: bold !important;
        width: 60px;
        text-align: left;
        display: inline-block;
    }

.pageContentWrapper {
    min-height: 400px; 
    background-color: #FFFFFF; 
    color: #5B5B5B;
}

.profil {
    width: 260px; 
    padding: 15px 15px 15px 0px;
}

.scheduleTime {
    padding-left: 4em; 
    float: left;
}

.scheduleTimeText {
    padding-left: 10em; 
    float: none;
}

.scheduleTimePrice {
    float: none;
    padding-left: 4em; 
}

ol {
    padding-left: 20px;
}

    ol li {
        padding-bottom: 8px;
    }