body,html {
    background: #45aee3;
    font-family: 'PT Sans', sans-serif;
    min-width: 1000px;
    font-size: 16px;
}

.center-content {
    width: 80%;
    min-width: 960px;
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
}

/*  header */

    #header {
        height: 90px;
        background: #fff;
        white-space: nowrap;
    }

        #header-logo {
            position: absolute;
            left:0;
            top:0;
            line-height: 90px;
            vertical-align: top;
        }

            #header-logo img {
                vertical-align: middle;
            }

        #header-menu {
            height: 90px;
            float:right;
        }

            #header-language-menu  {
                float:right;
                margin: 15px 0 15px 15px;
            }
            #header-language-menu li {
                display: block;
                height: 30px;
                line-height: 30px;
            }
            #header-language-menu li img {
                vertical-align: middle;
            }


        #header-menu li {
            display: inline-block;
            *display: inline;
            zoom:1;
        }

            #header-menu li a {
                display: block;
                height: 90px;
                line-height: 90px;
                vertical-align: top;
                /* font-size: 75%; */
                color: #3884dd;
                text-transform: uppercase;
                padding: 0 12px;
                text-decoration: none;
                font-size: 112.5%;
                letter-spacing: -1px;
            }

            #header-menu li.active a {
                background: #9bc1ee;
                color: #fff;
            }

/*  slider */

    #slider {
        position: relative;
        height: 400px;
        overflow: hidden;
        white-space: nowrap;
    }

        #slider-control-left,
        #slider-control-right {
            position: absolute;
            top: 50%;
            height: 100px;
            margin-top: -50px;
            line-height: 100px;
            width: 50px;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center center;

        }

        #slider-control-left{
            left: 0;
            background-image: url('../images/slider-control-left.bg.png');
        }
        #slider-control-right {
            right:0;
            background-image: url('../images/slider-control-right.bg.png');
        }
            .slider-item {
                display: inline-block;
                width: 100%;
                height: 400px;
                background-color: #fff;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: auto 100%;
                vertical-align: top;
            }


/*  content-menu */

    #content-menu-wrapper {
        background: #054fcc;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NGZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NWFlZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #054fcc 0%, #45aee3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#054fcc), color-stop(100%,#45aee3));
        background: -webkit-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
        background: -o-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
        background: -ms-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
        background: linear-gradient(to bottom,  #054fcc 0%,#45aee3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054fcc', endColorstr='#45aee3',GradientType=0 );
    }

        #content-menu {
            margin-right: 290px;
            text-align: center;
            display: block;
            vertical-align: top;
        }

        #content-menu ul {
            display: inline-block;
            vertical-align: top;
            width: 46%;
            *display: inline;
            zoom:1;
        }
        #content-menu-left{
            margin-right: 4%;
        }

        #content-menu ul li a {
            border: #5c92df;
            padding: 7px 30px;
            text-align: center;
            text-transform: uppercase;
            color: #ceddf5;
            text-decoration: none;
            display: block;
            border-radius: 7px;

            border: rgba(255,255,255,0.4) 1px solid;
            margin: 10px auto;
            font-size: 112.5%;
        }

            #content-menu ul li.active a {
                background: #fff;
                color: #3873d7;
            }

        #content-menu-form-wrapper {

            width: 290px;
            position: absolute;
            right:0;
            top:0;
            *display: inline;
            zoom:1;
            vertical-align: top;
            text-align: right;
        }

            #content-menu-form {
                display: inline-block;
                width: 240px;
                margin: 10px 0 20px 20px;
                border: 3px #3f7dda solid;
                border-radius: 10px;
                padding: 10px 5px;
                box-shadow: 0 3px 5px rgba(0,0,0,0.2), inset 0 3px 5px rgba(0,0,0,0.2);
                text-align: center;
            }

            #content-menu-form h2 {
                color: #fff;
                margin: 10px 0 20px 0;
                font-size: 125%;
            }

            #content-menu-form-tour {
                margin-bottom: 10px;
            }

            #content-menu-form-days,
            #content-menu-form-people {
                display: inline-block;
                width: 35%;
            }

            #content-menu-form-email {
                width: 135px;
                padding: 5px;
                border: none;
                margin-right: 10px;
                margin-top: 1px;
                font-size: 12px;
                height: 28px;
                vertical-align: top;
                border-radius: 3px;
            }

            #content-menu-form-cal {
                display: block;
                float:left;
                width: 48px;
                height: 48px;
                background: url('../images/calendar-icon.png') center center no-repeat;
            }

            #content-menu-form-price,
            #content-menu-form-no-price {
                padding: 10px;
                color: #fff;
                text-align: center;
                margin-top: 1px;
            }

            #content-menu-form-submit-control {
                display: block;
                clear:both;
                font-size: 12px;
                text-transform: uppercase;
                background: #34a0e1;
                border: #65b3e7 1px solid;
                text-align: center;
                color: #fff;
                width: 100%;
                margin: 10px 0;
                padding: 5px 10px;
            }


.clear {
    clear:both;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

/*  content */

#content {
    background: #fff;
    min-height: 400px;
    padding: 20px 0 30px 0;
        color: #6d6d6d;
}


    article {
        margin: 20px 0;
        line-height: 125%;
        overflow: hidden;
    }
        article  img {
            max-width: 100%;
        }
        article a {
            color: #3884dd;
        }

        article p {
            margin: 10px 0;
        }

        article h1,
        #calculator h1 {
            margin: 20px 0 20px;
            font-size: 150%;
            color: #3884dd;
        }

        article h2 {
            margin: 20px 0 20px;
            font-size: 125%;
            color: #3884dd;
        }

        article h3 {
            margin: 20px 0 20px;
            font-size: 112.5%;
            font-weight: bold;
            color: #aaa;
        }

        article h4 {
            margin: 20px 0 20px;
            font-size: 112.5%;
            color: #aaa;
        }

        article ul {
            list-style: disc;
            margin-left: 2em;
        }


        article strong {
            font-weight: bold;
        }

        article em {
            font-style: italic;
        }
        article table {
            margin: 0 auto;
            max-width: 100%;
        }
        article table td {
            padding: 10px;
        }


/*  footer */

#footer {
    height: 80px;
    line-height: 80px;
    color: #fff;
    background: #054fcc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NGZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NWFlZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #054fcc 0%, #45aee3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#054fcc), color-stop(100%,#45aee3));
    background: -webkit-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
    background: -o-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
    background: -ms-linear-gradient(top,  #054fcc 0%,#45aee3 100%);
    background: linear-gradient(to bottom,  #054fcc 0%,#45aee3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054fcc', endColorstr='#45aee3',GradientType=0 );
}


/* misc */

.ui-datepicker {
    background: #fff;
    border-radius: 3px;
    font-size: 87.5%;
    border: 1px solid #269ad4;
}

    .ui-datepicker th {
        font-weight: normal;
    }

    .ui-state-default {
        color: #5f6d78;
    }
    .ui-state-highlight {
        background: #5f6d78;
        color: #fff;
    }
    .ui-state-active {
        background: #dbe4ea;
    }
    .ui-state-disabled span {
        color: #ccc;
    }
    .ui-state-highlight.ui-state-active {
        background: #dbe4ea;
        color: #5f6d78;
    }

    #content-contacts-wrapper {
        margin-right: 50%;
    }

    #content-contacts {
        padding-right: 20px;
    }


    #map-container {
        float:right;
        margin-right: -100%;
        width: 100%;
        background: #f0f0f0;
        text-align: center;
        color: #999;
    }

        #map-loading {
            line-height: 400px;
            font-size: 50px;
            text-shadow: 0 1px 0 #fff;
            font-family: 'PT Sans Narrow', sans-serif;
        }

    .gallery-item {
        display: inline-block;
        vertical-align: top;
        margin: 20px;
        width: 250px;
        text-align: center;
    }
    .gallery-item a {
        display: inline-block;
        vertical-align: top;
    }
    .gallery-item img {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

    .gallery-item a.gallery-item-title {
        display: block;
        padding: 5px 0;
        text-align: center;
        text-decoration: none;
    }

    .button {
        background: #45aee3;
        border-radius: 3px;
        padding: 5px 10px;
        color: #fff;
        text-decoration: none;
    }
    .button-disabled {
        background: #ccc;
        color: #999;
        border-radius: 3px;
        padding: 5px 10px;
        text-decoration: none;
    }
    .article-controls {
        margin: 20px 0;
        text-align: center;
    }
    article iframe {
        background: #ccc url('../images/youtube-logo.png') center center no-repeat;
    }

#contacts-feedback-form {
    margin: 20px 2% 20px 0;
}

    #contacts-feedback-form h1 {
        font-size: 125%;
        font-weight: bold;
    }

    #contacts-feedback-form input.text {
        display: block;
        margin: 10px 0;
        border: #ccc 1px solid;
        box-shadow: inset 0 1px 2px rgba(40,40,40,0.3);
        padding: 5px;
        font-size: 15px;
        height: 20px;
        width: 100%;
    }
    #contacts-feedback-form input.button {
        display: inline-block;
        height: 30px;
        line-height: 20px;
        padding: 5px 10px;
        font-size: 15px;
        border: none;
        box-shadow: 0 1px 3px rgba(40,40,40,0.3);
        vertical-align: top;
    }
    #contacts-feedback-form textarea {
        display: block;
        margin: 10px 0;
        border: #ccc 1px solid;
        box-shadow: inset 0 1px 2px rgba(40,40,40,0.3);
        padding: 5px;
        font-size: 15px;
        width: 100%;
        height: 150px;
        resize: vertical;
    }

#calculator {
    line-height: 150%;
}
#calculator table td {
    padding: 5px 10px 5px 0;
}
