@font-face {
    font-family: "DavidSans";
    src: url('../Fonts/david_sans-webfont.eot');
    src: url('../Fonts/david_sans-webfont.eot?#iefix') format('eot'), url('../Fonts/david_sans-webfont.woff') format('woff'), url('../Fonts/david_sans-webfont.ttf') format('truetype'), url('../Fonts/david_sans-webfont.svg') format('svg');
}

@font-face {
    font-family: "CCRSans";
    src: url('../Fonts/ccr_i-webfont.eot');
    src: url('../Fonts/ccr_i-webfont.eot?#iefix') format('eot'), url('../Fonts/ccr_i-webfont.woff') format('woff'), url('../Fonts/ccr_i-webfont.ttf') format('truetype'), url('../Fonts/ccr_i-webfont.svg') format('svg');
}

@font-face {
    font-family: "CCRSansBold";
    src: url('../Fonts/ccr_bi-webfont.eot');
    src: url('../Fonts/ccr_bi-webfont.eot?#iefix') format('eot'), url('../Fonts/ccr_bi-webfont.woff') format('woff'), url('../Fonts/ccr_bi-webfont.ttf') format('truetype'), url('../Fonts/ccr_bi-webfont.svg') format('svg');
}

@font-face {
    font-family: "NasaDisplay";
    src: url('../Fonts/nasa-display.eot');
    src: url('../Fonts/nasa-display.eot?#iefix') format('eot'), url('../Fonts/nasa-display.woff') format('woff'), url('../Fonts/nasa-display.ttf') format('truetype'), url('../Fonts/nasa-display.svg') format('svg');
}

@font-face {
    font-family: "CCRSansBlackItalic";
    src: url('../Fonts/ccrsbli.eot');
    src: url('../Fonts/ccrsbli.eot?#iefix') format('eot'), url('../Fonts/ccrsbli.woff') format('woff'), url('../Fonts/ccrsbli.ttf') format('truetype'), url('../Fonts/ccrsbli.svg') format('svg');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

/* _helpers.sass
 * 
 * based on HTML5 Boileiplate 3.0 stylesheet
 * http://html5boilerplate.com
 * 
 */
body {
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 11px;
}

a {
    color: #565656;
}

::-moz-selection {
    background-color: #fdb827;
    color: #3a3a3a;
}

::selection {
    background-color: #fdb827;
    color: #3a3a3a;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.wrap {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

a {
    text-decoration: none;
}

    a.button, a.bt {
        cursor: pointer;
    }

    a.disabled {
        cursor: default;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

nav ul, nav ol {
    list-style: none;
    font-size: 0;
}

    nav ul li, nav ol li {
        display: inline-block;
    }

b {
    font-weight: bold;
}

select.custom {
    font-size: 16px;
}

body > header {
    position: relative;
    z-index: 2;
}

    body > header .support-menu {
        background-color: #bdbdbd;
        border-bottom: 4px solid #a22800;
        height: 29px;
        position: relative;
        z-index: 2;
    }

        body > header .support-menu ul {
            height: 29px;
            text-align: right;
        }

            body > header .support-menu ul li {
                text-align: left;
                margin: 0 15px;
                vertical-align: top;
            }

                body > header .support-menu ul li:first-child {
                    margin-left: 0;
                }

        body > header .support-menu a {
            height: 29px;
            font-family: "DavidSans";
            font-size: 8px;
            color: #565656;
            display: table-cell;
            vertical-align: middle;
            padding: 0 8px;
        }

            body > header .support-menu a.jobs {
                background-color: #9f0000;
                color: #d7d6d6;
                margin-right: 0;
            }

            body > header .support-menu a:hover {
                background-color: #5e5c5c;
                color: #f0f0f0;
            }

        body > header .support-menu .jobs {
            margin-right: 0;
        }

        body > header .support-menu .languages-sprite, body > header .support-menu .languages li a.por, body > header .support-menu .languages li a.eng, body > header .support-menu .languages li a.esp {
            background: url('../Images/header/languages-scca06d09dd.png') no-repeat;
        }

        body > header .support-menu .languages {
            margin: 0;
        }

            body > header .support-menu .languages li {
                display: block;
                margin: 0;
            }

                body > header .support-menu .languages li:nth-of-type(2) a {
                    border: 2px groove #cccccc;
                    border-left: none;
                    border-right: none;
                }

                body > header .support-menu .languages li a {
                    position: relative;
                    padding-left: 44px;
                    width: 48px;
                    display: none;
                }

                    body > header .support-menu .languages li a.selected {
                        display: table-cell;
                    }

                        body > header .support-menu .languages li a.selected::after {
                            content: "";
                            width: 0;
                            height: 0;
                            border-top: 4px solid black;
                            border-left: 3px solid transparent;
                            border-right: 3px solid transparent;
                            position: absolute;
                            right: 28px;
                            top: 13px;
                        }

                    body > header .support-menu .languages li a span {
                        display: none;
                    }

                    body > header .support-menu .languages li a.por {
                        background-position: 0 -54px;
                        background-color: #b5b3b3;
                    }

                    body > header .support-menu .languages li a.eng {
                        background-position: 0 0;
                        background-color: #b5b3b3;
                    }

                    body > header .support-menu .languages li a.esp {
                        background-position: 0 -27px;
                        background-color: #b5b3b3;
                    }
        /*body > header .support-menu.no-languages ul li {
  margin: 0 20px;
}*/
        body > header .support-menu.no-languages .languages {
            display: none;
        }

    body > header .black-header {
        background: #3a3a3a url('../Images/header/black-header.png?1374593176') repeat-x top center;
        position: relative;
        z-index: 1;
    }

        body > header .black-header .wrap {
            border-right: 1px #222222 solid;
        }

            body > header .black-header .wrap:after {
                content: "";
                position: absolute;
                height: 107px;
                display: block;
                width: 1px;
                background: #3a3a3a;
                top: 0;
                right: -2px;
            }

            body > header .black-header .wrap h3 {
                position: absolute;
                background: transparent url('../Images/header/conditions.png?1374593176');
                width: 233px;
                height: 16px;
                top: 0;
                left: 483px;
                color: #acacac;
                text-align: center;
                font-size: 10px;
                line-height: 13px;
            }

            body > header .black-header .wrap .expand-menu {
                position: absolute;
                color: #565656;
                font-family: "CCRSans";
                font-size: 22px;
                background: url('../Images/header/logo-area.png?1374593177') no-repeat center top;
                height: 107px;
                width: 357px;
                margin-left: -60px;
                z-index: 2;
            }

                body > header .black-header .wrap .expand-menu b {
                    font-family: "CCRSansBold";
                }

                body > header .black-header .wrap .expand-menu .content {
                    margin: 0 60px;
                    position: relative;
                    cursor: pointer;
                }

                    body > header .black-header .wrap .expand-menu .content > a {
                        display: block;
                        position: relative;
                        z-index: 3;
                    }

                body > header .black-header .wrap .expand-menu h1 {
                    white-space: nowrap;
                    margin-left: 37px;
                }

                    body > header .black-header .wrap .expand-menu h1::before {
                        content: "";
                        display: block;
                        background-image: url('../Images/header/icons/h1.png?1374593177');
                        width: 66px;
                        height: 66px;
                        margin-top: -1px;
                        margin-left: -10px;
                        margin-bottom: 3px;
                    }

            body > header .black-header .wrap .expand-button {
                cursor: pointer;
                background: url('../Images/header/expand-button.png?1374593177');
                width: 227px;
                height: 18px;
                position: absolute;
                z-index: 1;
                top: 96px;
                left: 4px;
                font-size: 12px;
                font-family: Helvetica, Arial, sans-serif;
                text-align: center;
                font-weight: normal;
                color: #606060;
                padding-top: 18px;
            }

            body > header .black-header .wrap .concessionaries {
                background: url('../Images/ie/expand-menu.png?1374593177') no-repeat center bottom;
                padding: 7px 0 0;
                margin: 0 7px;
                width: 223px;
                -moz-border-radius-bottomleft: 25px;
                -webkit-border-bottom-left-radius: 25px;
                border-bottom-left-radius: 25px;
                -moz-border-radius-bottomright: 25px;
                -webkit-border-bottom-right-radius: 25px;
                border-bottom-right-radius: 25px;
                display: none;
                top: 99px;
                position: absolute;
            }

                body > header .black-header .wrap .concessionaries li {
                    display: block;
                }

                    body > header .black-header .wrap .concessionaries li a {
                        font-size: 22px;
                        color: #565656;
                        padding: 13px 22px 9px;
                        border-top: 1px dotted #bdbdbd;
                        display: block;
                        white-space: nowrap;
                        font-family: "CCRSans";
                    }

                        body > header .black-header .wrap .concessionaries li a b {
                            font-family: "CCRSansBold";
                        }

                        body > header .black-header .wrap .concessionaries li a:hover {
                            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #474646), color-stop(100%, #676767));
                            background-image: -webkit-linear-gradient(top, #474646, #676767);
                            background-image: -moz-linear-gradient(top, #474646, #676767);
                            background-image: -o-linear-gradient(top, #474646, #676767);
                            background-image: linear-gradient(top, #474646, #676767);
                            color: #fefefe;
                        }

                    body > header .black-header .wrap .concessionaries li:first-child a {
                        border: none;
                    }

                    body > header .black-header .wrap .concessionaries li:last-child a {
                        -moz-border-radius-bottomleft: 25px;
                        -webkit-border-bottom-left-radius: 25px;
                        border-bottom-left-radius: 25px;
                        -moz-border-radius-bottomright: 25px;
                        -webkit-border-bottom-right-radius: 25px;
                        border-bottom-right-radius: 25px;
                        font-size: 12px;
                        font-family: Helvetica, Arial, sans-serif;
                        text-align: center;
                        padding-top: 10px;
                        cursor: pointer;
                    }

#mini-map {
    position: absolute;
    width: 692px;
    top: 20px;
    right: 5px;
    z-index: 3;
    background-repeat: no-repeat;
}

    #mini-map #subtitle-green {
        position: absolute;
        height: 10px;
        bottom: 2px;
        right: 110px;
    }

        #mini-map #subtitle-green span {
            display: inline-block;
            color: white;
            font-size: 8px;
            text-transform: uppercase;
            vertical-align: middle;
        }

        #mini-map #subtitle-green .txt {
            margin-left: 5px;
            background-color: #2da14e;
            border-radius: 1px;
            padding: 1px 4px;
        }

        #mini-map #subtitle-green .icons-sprite, #mini-map #subtitle-green .icon {
            background: url('../Images/minimap/icons-s4f9c9a4d03.png') no-repeat;
        }

        #mini-map #subtitle-green .icon {
            background-position: 0 -29px;
            height: 9px;
            width: 9px;
        }

    #mini-map .occurrence {
        position: absolute;
    }

        #mini-map .occurrence .icons-sprite, #mini-map .occurrence #subtitle-green .icon, #mini-map #subtitle-green .occurrence .icon, #mini-map .occurrence .icon.alert, #mini-map .occurrence .icon.orange, #mini-map .occurrence .icon.green, #mini-map .occurrence .icon.green-text {
            background: url('../Images/minimap/icons-s4f9c9a4d03.png') no-repeat;
        }

        #mini-map .occurrence .icon {
            position: absolute;
            display: block;
            cursor: pointer;
            left: -6px;
            top: -5px;
        }

            #mini-map .occurrence .icon.alert {
                background-position: 0 -10px;
                height: 10px;
                width: 13px;
            }

            #mini-map .occurrence .icon.orange {
                background-position: 0 -20px;
                height: 9px;
                width: 9px;
            }

            #mini-map .occurrence .icon.green {
                background-position: 0 -29px;
                height: 9px;
                width: 9px;
            }

            #mini-map .occurrence .icon.green-text {
                background-position: 0 0;
                height: 10px;
                width: 88px;
            }

        #mini-map .occurrence .info-window-sprite, #mini-map .occurrence .info-window header, #mini-map .occurrence .info-window .torso, #mini-map .occurrence .info-window footer {
            background: url('../Images/minimap/info-window-s3ded653387.png') no-repeat;
        }

        #mini-map .occurrence .info-window {
            position: absolute;
            display: none;
            width: 217px;
            left: -113px;
            top: 10px;
            z-index: 2;
        }

            #mini-map .occurrence .info-window header {
                background-position: -217px 0;
                height: 44px;
            }

                #mini-map .occurrence .info-window header .close {
                    position: absolute;
                    display: block;
                    cursor: pointer;
                    right: 16px;
                    top: 25px;
                    width: 22px;
                    height: 14px;
                }

            #mini-map .occurrence .info-window .torso {
                background-position: -434px 0;
                background-repeat: repeat-y;
                padding: 17px 20px 0 19px;
            }

                #mini-map .occurrence .info-window .torso h4 {
                    font-weight: bold;
                }

            #mini-map .occurrence .info-window footer {
                background-position: 0 0;
                height: 44px;
            }

.novadutra .black-header .wrap {
    height: 140px;
}

    .novadutra .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/novadutra.png?1374593179');
        height: 120px;
    }

.autoban .black-header .wrap {
    height: 153px;
}

    .autoban .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/autoban.png?1374593179');
        height: 113px;
    }

.msvia .black-header .wrap #mini-map {
    background-image: url('../Images/minimap/maps/msvia.png?1374593179');
    height: 113px;
}

.msvia .black-header .wrap {
    height: 153px;
}

.viaoeste .black-header .wrap {
    height: 153px;
}

    .viaoeste .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/viaoeste.png?1374593180');
        height: 113px;
    }

.rodoanel .black-header .wrap {
    height: 153px;
}

    .rodoanel .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/rodoanel.png?1374593179');
        height: 113px;
    }

.spvias .black-header .wrap {
    height: 153px;
}

    .spvias .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/spvias.png?1374593179');
        height: 113px;
    }

.rodonorte .black-header .wrap {
    height: 153px;
}

    .rodonorte .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/rodonorte.png?1374593179');
        height: 113px;
    }

.ponte .black-header .wrap {
    height: 153px;
}

    .ponte .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/ponte.png?1374593179');
        height: 113px;
    }

.vialagos .black-header .wrap {
    height: 153px;
}

    .vialagos .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/vialagos.png?1374593180');
        height: 113px;
    }

.viasul .black-header .wrap {
    height: 153px;
}

    .viasul .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/viasul.png?1374593190');
        height: 113px;
    }

.viacosteira .black-header .wrap {
    height: 153px;
}

    .viacosteira .black-header .wrap #mini-map {
        background-image: url('../Images/minimap/maps/viacosteira.png?1374593179');
        height: 113px;
    }

.pmv-sprite, #pmv .wrap .alert, #pmv .wrap::before, #pmv .wrap::after {
    background: url('../Images/pmv-s48a1e82b58.png') no-repeat;
}

#pmv {
    background: #2b2b2b;
    position: relative;
    z-index: 1;
    display: none;
}

    #pmv .wrap {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NTI0NUFBRjZFMjA2ODExQjQ2QUZEODg2MzZDQzExMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGN0E5MTZBRTNCMTUxMUUyQTM5QTkxMzZGRUU1NzNENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGN0E5MTZBRDNCMTUxMUUyQTM5QTkxMzZGRUU1NzNENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjk3RjExNzQwNzIwNjgxMTk1RkVFOTI1QzAxMzMzNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzUyNDVBQUY2RTIwNjgxMUI0NkFGRDg4NjM2Q0MxMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IBa2tAAAAGklEQVR42mL8//8/AzJgBGJtBnwAQwVAgAEA0BoDV7BY65EAAAAASUVORK5CYII=');
        height: 38px;
        overflow: hidden;
    }

        #pmv .wrap .alert {
            background-position: 0 -58px;
            height: 26px;
            width: 32px;
            position: absolute;
            z-index: 3;
            top: 8px;
            left: 28px;
        }

        #pmv .wrap .pmv-text {
            margin-top: 16px;
            display: block;
            z-index: 1;
            width: 960px;
            overflow: hidden;
        }

            #pmv .wrap .pmv-text .marquee {
                letter-spacing: 1px;
                text-transform: uppercase;
                text-shadow: #ffc423 0 0 12px;
                font-family: "NasaDisplay";
                color: #ffc423;
                font-size: 12px;
                white-space: nowrap;
                display: inline-block;
            }

        #pmv .wrap::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            background-position: 0 0;
            height: 58px;
            width: 120px;
        }

        #pmv .wrap::after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            background-position: 0 -84px;
            height: 58px;
            width: 70px;
        }

.modal-sprite, #modal .container header, #modal .container header .close, #modal .container header .alert, #modal .container header h3, #modal .container .torso, #modal .container footer {
    background: url('../Images/modal-sb58c032e0a.png') no-repeat;
}

#modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3;
    display: none;
}

    #modal .container {
        width: 567px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -283.5px;
        margin-top: -100px;
    }

        #modal .container header {
            background-position: -675px 0;
            width: 567px;
            min-height: 106px;
        }

            #modal .container header .close {
                background-position: -72px 0;
                width: 36px;
                height: 32px;
                position: absolute;
                top: 13px;
                right: 27px;
                cursor: pointer;
            }

            #modal .container header .alert {
                background-position: 0 0;
                width: 72px;
                height: 57px;
                position: absolute;
                top: 14px;
                left: 27px;
            }

            #modal .container header h3 {
                font-size: 20px;
                color: #750000;
                font-weight: bold;
                padding: 36px 60px 10px 114px;
                background-position: -1242px 0;
                background-position: -1242px 106px;
            }

        #modal .container .torso {
            background-position: -1242px 0;
            width: 567px;
            background-repeat: repeat-y;
        }

            #modal .container .torso .content {
                padding: 0 27px 26px 34px;
                font-size: 18px;
            }

                #modal .container .torso .content h3 {
                    color: #911111;
                    font-weight: bold;
                    border-top: 1px solid #d9d8d5;
                    border-bottom: 1px solid #d9d8d5;
                    padding: 10px 0;
                    margin-bottom: 18px;
                }

                #modal .container .torso .content p {
                    color: #3a3a3a;
                    line-height: 30px;
                }

                    #modal .container .torso .content p a {
                        color: #9f0000;
                    }

                    #modal .container .torso .content img {
                        display: block;
                        max-width: 100%;
                        margin: auto;
                    }

        #modal .container footer {
            background-position: -108px 0;
            width: 567px;
            height: 58px;
        }

            #modal .container footer .notes {
                color: #911111;
                font-style: italic;
                font-size: 12px;
                padding: 0 27px 0 34px;
            }

body {
    background: #dfdfdf;
}

#torso {
    overflow: hidden;
    *zoom: 1;
    margin-top: -56px;
    padding-top: 56px;
}

strong {
    font-weight: bold;
}

.shadows-sprite, #big-map::before, #big-map::after, #services .torso .service > .content::before {
    background: url('../Images/big-map/shadows-s1ea43a2940.png') no-repeat;
}

#big-map {
    height: 450px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    #big-map::before {
        background-position: 0 -6px;
        top: 0;
    }

    #big-map::after {
        background-position: 0 0;
        bottom: 0;
    }

    #big-map::before, #big-map::after {
        background-repeat: repeat-x;
        content: "";
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        z-index: 2;
    }

    #big-map .lControlPanZoomBar {
        top: 60px;
    }

    #big-map #maplink {
        height: 450px;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    #big-map .map-error {
        color: #565656;
        font-size: 20px;
        line-height: 1.4em;
        padding-top: 200px;
        text-align: center;
    }

    #big-map .leaflet-popup-content {
        margin: 0;
    }

    #big-map #infoWindow {
        width: 237px;
    }

        #big-map #infoWindow header {
            width: 100px;
            background-image: url('../Images/big-map/info/header.png?1374593174');
            background-position: -10px  bottom;
            height: 25px;
            border-radius: 20px;
        }

            #big-map #infoWindow header a.bt-close {
                display: none;
                position: absolute;
                top: 9px;
                right: 16px;
                width: 23px;
                height: 14px;
                cursor: pointer;
            }

        #big-map #infoWindow .torso {
            /*background-image: url('../Images/big-map/info/tile.png?1374593174');*/
            background-repeat: repeat-y;
            padding: 17px 20px 0 19px;
        }

            #big-map #infoWindow .torso h4 {
                font-size: 14px;
                font-weight: bold;
            }

            #big-map #infoWindow .torso p {
                line-height: 17px;
                margin-top: 3px;
            }

        #big-map #infoWindow footer {
            background-image: url('../Images/big-map/info/footer.png?1374593174');
            height: 53px;
        }

    #big-map .togglers {
        position: absolute;
        min-width: 70px;
        max-width: 140px;
        top: 2px;
        right: 10px;
        z-index: 2;
    }

        #big-map .togglers .togglers-sprite, #big-map .togglers header a.handler, #big-map .togglers header a.toggle-collapse, #big-map .togglers ul li .occurrence, #big-map .togglers ul li .occurrence.selected, #big-map .togglers ul li .occurrence:hover, #big-map .togglers ul li .camera, #big-map .togglers ul li .camera.selected, #big-map .togglers ul li .camera:hover, #big-map .togglers ul li .toll, #big-map .togglers ul li .toll.selected, #big-map .togglers ul li .toll:hover, #big-map .togglers ul li .gas, #big-map .togglers ul li .gas.selected, #big-map .togglers ul li .gas:hover, #big-map .togglers ul li .atm, #big-map .togglers ul li .atm.selected, #big-map .togglers ul li .atm:hover, #big-map .togglers ul li .restaurant, #big-map .togglers ul li .restaurant.selected, #big-map .togglers ul li .restaurant:hover, #big-map .togglers ul li .weighing, #big-map .togglers ul li .weighing.selected, #big-map .togglers ul li .weighing:hover, #big-map .togglers ul li .trucker-rest, #big-map .togglers ul li .trucker-rest.selected, #big-map .togglers ul li .trucker-rest:hover, #big-map .togglers ul li .sos, #big-map .togglers ul li .sos.selected, #big-map .togglers ul li .sos:hover, #big-map .togglers ul li .headoffice, #big-map .togglers ul li .headoffice.selected, #big-map .togglers ul li .headoffice:hover, #big-map .togglers ul li .fiscal, #big-map .togglers ul li .fiscal.selected, #big-map .togglers ul li .fiscal:hover, #big-map .togglers ul li .road-to-health, #big-map .togglers ul li .road-to-health.selected, #big-map .togglers ul li .road-to-health:hover, #big-map .togglers ul li .support-center, #big-map .togglers ul li .support-center.selected, #big-map .togglers ul li .support-center:hover, #big-map .togglers ul li .driver-rest, #big-map .togglers ul li .driver-rest.selected, #big-map .togglers ul li .driver-rest:hover, #big-map .togglers ul li .customer-house, #big-map .togglers ul li .customer-house.selected, #big-map .togglers ul li .customer-house:hover, #big-map .togglers ul li .customer-help, #big-map .togglers ul li .customer-help.selected, #big-map .togglers ul li .customer-help:hover, #big-map .togglers ul li .office-support, #big-map .togglers ul li .office-support.selected, #big-map .togglers ul li .office-support:hover, #big-map .togglers ul li .sau, #big-map .togglers ul li .mechanic, #big-map .togglers ul li .mechanic.selected, #big-map .togglers ul li .mechanic:hover, #big-map .togglers ul li .bso, #big-map .togglers ul li .bso.selected, #big-map .togglers ul li .bso:hover, #big-map .togglers ul li .tourism, #big-map .togglers ul li .tourism.selected, #big-map .togglers ul li .tourism:hover, #big-map .togglers ul li .portico, #big-map .togglers ul li .portico.selected, #big-map .togglers ul li .portico:hover {
            background: url('../Images/big-map/controls/togglers-s3433579965.png') no-repeat;
        }



        #big-map .togglers .background {
            position: absolute;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            background-color: rgba(38, 38, 38, 0.85);
            overflow: hidden;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 0;
        }

        #big-map .togglers .split-2 {
            width: 141px;
        }

            #big-map .togglers .split-2 ul {
                width: 70px;
                float: left;
            }

                #big-map .togglers .split-2 ul.double-width {
                    float: none;
                }

                    #big-map .togglers .split-2 ul.double-width li, #big-map .togglers .split-2 ul.double-width li a {
                        width: 140px;
                    }

                    #big-map .togglers .split-2 ul.double-width a.occurrence {
                        background-repeat: no-repeat;
                        background-position: center top;
                        background-image: url('../Images/big-map/controls/togglers/occurrence.png?1374593173');
                    }

                        #big-map .togglers .split-2 ul.double-width a.occurrence:hover, #big-map .togglers .split-2 ul.double-width a.occurrence.selected {
                            background-image: url('../Images/big-map/controls/togglers/occurrence-selected.png?1374593173');
                        }

        #big-map .togglers header {
            height: 19px;
            background: rgba(0, 0, 0, 0.4);
            position: relative;
            z-index: 1;
        }

            #big-map .togglers header a {
                display: block;
                position: absolute;
            }

                #big-map .togglers header a.handler {
                    left: 5px;
                    top: 3px;
                    width: 30px;
                    height: 14px;
                    cursor: move;
                    background-position: 0 -1404px;
                }

                #big-map .togglers header a.toggle-collapse {
                    right: 3px;
                    top: 5px;
                    width: 22px;
                    height: 10px;
                    cursor: n-resize;
                    background-position: 0 -1394px;
                }

                    #big-map .togglers header a.toggle-collapse.closed {
                        cursor: s-resize;
                    }

        #big-map .togglers ul {
            position: relative;
            z-index: 1;
        }

            #big-map .togglers ul li {
                position: relative;
                display: block;
                height: 42px;
            }

                #big-map .togglers ul li .tooltip {
                    position: absolute;
                    height: 26px;
                    bottom: 10px;
                    opacity: 0;
                    -webkit-transition-duration: 250ms;
                    -moz-transition-duration: 250ms;
                    -o-transition-duration: 250ms;
                    transition-duration: 250ms;
                }

                    #big-map .togglers ul li .tooltip .torso {
                        height: 26px;
                    }

                        #big-map .togglers ul li .tooltip .torso span {
                            font-size: 8px;
                            color: white;
                            padding: 9px;
                            display: inline-block;
                            font-family: "DavidSans", Helvetica, Arial;
                            white-space: nowrap;
                        }

                    #big-map .togglers ul li .tooltip .tail {
                        height: 26px;
                        width: 13px;
                    }

                    #big-map .togglers ul li .tooltip.show {
                        opacity: 1;
                    }

                #big-map .togglers ul li a {
                    cursor: pointer;
                    display: block;
                    border-top: 1px dotted #5f6265;
                    height: 41px;
                }

                    #big-map .togglers ul li a.first-child {
                        border: none;
                    }

                #big-map .togglers ul li .occurrence {
                    background-position: 0 -697px;
                }

                    #big-map .togglers ul li .occurrence.selected, #big-map .togglers ul li .occurrence:hover {
                        background-position: 0 -656px;
                    }

                #big-map .togglers ul li .sau.selected {
                    background-position: 2px -1493px;
                }

                #big-map .togglers ul li .camera {
                    background-position: 0 -943px;
                }

                    #big-map .togglers ul li .camera.selected, #big-map .togglers ul li .camera:hover {
                        background-position: 0 -902px;
                    }

                #big-map .togglers ul li .toll {
                    background-position: 0 -615px;
                }

                    #big-map .togglers ul li .toll.selected, #big-map .togglers ul li .toll:hover {
                        background-position: 0 -574px;
                    }

                #big-map .togglers ul li .gas {
                    background-position: 0 -861px;
                }

                    #big-map .togglers ul li .gas.selected, #big-map .togglers ul li .gas:hover {
                        background-position: 0 -820px;
                    }

                #big-map .togglers ul li .atm {
                    background-position: 0 -328px;
                }

                    #big-map .togglers ul li .atm.selected, #big-map .togglers ul li .atm:hover {
                        background-position: 0 -369px;
                    }

                #big-map .togglers ul li .restaurant {
                    background-position: 0 -779px;
                }

                    #big-map .togglers ul li .restaurant.selected, #big-map .togglers ul li .restaurant:hover {
                        background-position: 0 -738px;
                    }

                #big-map .togglers ul li .weighing {
                    background-position: 0 -533px;
                }

                    #big-map .togglers ul li .weighing.selected, #big-map .togglers ul li .weighing:hover {
                        background-position: 0 -492px;
                    }

                #big-map .togglers ul li .trucker-rest {
                    background-position: 0 -451px;
                }

                    #big-map .togglers ul li .trucker-rest.selected, #big-map .togglers ul li .trucker-rest:hover {
                        background-position: 0 -410px;
                    }

                #big-map .togglers ul li .sos {
                    background-position: 0 -287px;
                }

                    #big-map .togglers ul li .sos.selected, #big-map .togglers ul li .sos:hover {
                        background-position: 0 -246px;
                    }

                #big-map .togglers ul li .sau {
                    background-position: 2px -1445px;
                }

                    #big-map .togglers ul li .sau.selected, #big-map .togglers ul li .sau:hover {
                        background-position: 2px -1493px;
                    }

                #big-map .togglers ul li .headoffice {
                    background-position: 0 -164px;
                }

                    #big-map .togglers ul li .headoffice.selected, #big-map .togglers ul li .headoffice:hover {
                        background-position: 0 -82px;
                    }

                #big-map .togglers ul li .fiscal {
                    background-position: 0 -1025px;
                }

                    #big-map .togglers ul li .fiscal.selected, #big-map .togglers ul li .fiscal:hover {
                        background-position: 0 -984px;
                    }

                #big-map .togglers ul li .road-to-health {
                    background-position: 0 -41px;
                }

                    #big-map .togglers ul li .road-to-health.selected, #big-map .togglers ul li .road-to-health:hover {
                        background-position: 0 0;
                    }

                #big-map .togglers ul li .support-center {
                    background-position: 0 -1148px;
                }

                    #big-map .togglers ul li .support-center.selected, #big-map .togglers ul li .support-center:hover {
                        background-position: 0 -1189px;
                    }

                #big-map .togglers ul li .driver-rest {
                    background-position: 0 -1066px;
                }

                    #big-map .togglers ul li .driver-rest.selected, #big-map .togglers ul li .driver-rest:hover {
                        background-position: 0 -1107px;
                    }

                #big-map .togglers ul li .customer-house {
                    background-position: 0 -1230px;
                }

                    #big-map .togglers ul li .customer-house.selected, #big-map .togglers ul li .customer-house:hover {
                        background-position: 0 -1271px;
                    }

                #big-map .togglers ul li .customer-help {
                    background-position: 0 -1312px;
                }

                    #big-map .togglers ul li .customer-help.selected, #big-map .togglers ul li .customer-help:hover {
                        background-position: 0 -1353px;
                    }

                #big-map .togglers ul li .office-support {
                    background-position: 0 -205px;
                }

                    #big-map .togglers ul li .office-support.selected, #big-map .togglers ul li .office-support:hover {
                        background-position: 0 -123px;
                    }

                #big-map .togglers ul li .mechanic {
                    background-position: 0 -1625px;
                }

                    #big-map .togglers ul li .mechanic.selected, #big-map .togglers ul li .mechanic:hover {
                        background-position: 0 -1671px;
                    }

                #big-map .togglers ul li .bso {
                    background-position: 0 -1717px;
                }

                    #big-map .togglers ul li .bso.selected, #big-map .togglers ul li .bso:hover {
                        background-position: 0 -1760px;
                    }

                #big-map .togglers ul li .tourism {
                    background-position: 0 -1801px;
                }

                    #big-map .togglers ul li .tourism.selected, #big-map .togglers ul li .tourism:hover {
                        background-position: 0 -1848px;
                    }

                #big-map .togglers ul li .portico {
                    background-position: 0 -1895px;
                }

                    #big-map .togglers ul li .portico.selected, #big-map .togglers ul li .portico:hover {
                        background-position: 0 -1941px;
                    }

            #big-map .togglers ul.list-0 li .tooltip, #big-map .togglers ul.togglers-container li .tooltip, #big-map .togglers ul.double-width li .tooltip {
                right: 60px;
                background: url('../Images/big-map/controls/tooltip/right.png?1374593174') right top no-repeat;
                padding-right: 13px;
            }

                #big-map .togglers ul.list-0 li .tooltip .torso, #big-map .togglers ul.togglers-container li .tooltip .torso, #big-map .togglers ul.double-width li .tooltip .torso {
                    background: url('../Images/big-map/controls/tooltip/tile.png?1374593174') repeat-x;
                    margin-left: 13px;
                }

                    #big-map .togglers ul.list-0 li .tooltip .torso span, #big-map .togglers ul.togglers-container li .tooltip .torso span, #big-map .togglers ul.double-width li .tooltip .torso span {
                        padding-left: 0;
                    }

                #big-map .togglers ul.list-0 li .tooltip .tail, #big-map .togglers ul.togglers-container li .tooltip .tail, #big-map .togglers ul.double-width li .tooltip .tail {
                    background: url('../Images/big-map/controls/tooltip/tail.png?1374593174');
                    float: left;
                }

                #big-map .togglers ul.list-0 li .tooltip.show, #big-map .togglers ul.togglers-container li .tooltip.show, #big-map .togglers ul.double-width li .tooltip.show {
                    right: 80px;
                }

            #big-map .togglers ul.list-1 {
                border-left: 1px dotted #5f6265;
            }

                #big-map .togglers ul.list-1 li .tooltip {
                    left: 60px;
                    background: url('../Images/big-map/controls/tooltip/left.png?1374593174') left top no-repeat;
                    padding-left: 13px;
                }

                    #big-map .togglers ul.list-1 li .tooltip .torso {
                        background: url('../Images/big-map/controls/tooltip/tile.png?1374593174') repeat-x;
                        margin-right: 13px;
                    }

                        #big-map .togglers ul.list-1 li .tooltip .torso span {
                            padding-right: 0;
                        }

                    #big-map .togglers ul.list-1 li .tooltip .tail {
                        background: url('../Images/big-map/controls/tooltip/heads.png?1374593174');
                        float: right;
                    }

                    #big-map .togglers ul.list-1 li .tooltip.show {
                        left: 80px;
                    }

            #big-map .togglers ul.double-width li a {
                border-left: dotted 1px #5f6265;
            }

            #big-map .togglers ul.double-width li .tooltip {
                right: 130px;
            }

                #big-map .togglers ul.double-width li .tooltip.show {
                    right: 150px;
                }

#filter {
    display: block;
    background: url('../Images/filter/background.png?1374593176') repeat-x center top;
    position: relative;
    z-index: 2;
}

    #filter.single {
        background: url('../Images/filter/background-single.png?1374593176') repeat-x center top;
    }

        #filter.single .wrap {
            width: 650px;
        }

            #filter.single .wrap .map-download {
                margin-left: 28px;
            }

    #filter .wrap, #filter .field {
        height: 68px;
    }

    #filter .field {
        display: table-cell;
        vertical-align: middle;
        padding-left: 12px;
    }

        #filter .field:first-child {
            padding: 0;
        }
        /*.msvia #filter .field:first-child{
	padding-left: 50px;
}*/
        #filter .field select {
            width: 412px;
        }

    #filter.travel-time .field select {
        width: 270px;
    }

    #filter .map-download {
        display: block;
        background: url('../Images/filter/map-download.png?1374593176');
        width: 94px;
        height: 68px;
        text-align: center;
        font-size: 10px;
        line-height: 99px;
    }

    #filter .wrap .travel-time {
        /*background: url('../Images/filter/bg-crossing.png?1374593176') no-repeat 30px top;*/
        padding: 0 25px;
    }

        #filter .wrap .travel-time h3 {
            padding-left: 20px;
            background: url('../Images/filter/h3-crossing.png?1374593176') no-repeat left top;
            height: 13px;
            line-height: 14px;
            color: #636363;
            font-size: 14px;
        }

        #filter .wrap .travel-time .time {
            display: block;
            /*background: url('../Images/filter/bg-time.png?1374593176') no-repeat left top;*/
            height: 28px;
            width: 865px;
            padding: 0 10px;
            margin-top: 7px;
            background-color: #ccc;
            border-radius: 15px;
        }

            #filter .wrap .travel-time .time span {
                font-size: 14px;
                color: #363636;
                line-height: 27px;
                padding-left: 10px;
                background: url('../Images/filter/bullet.png?1374593176') no-repeat left center;
                margin-left: 5px;
            }

.viasul #filter .wrap .travel-time h3 {
    font-weight: bold;
    color: #9f0000;
    background: url('../Images/filter/h3-crossing_red.png?1374593176') no-repeat left top;
    font-size: 18px;
}

.viasul #filter .wrap .travel-time .time span {
    font-weight: bold;
}


.box-sprite, #torso .boxes > div.half .torso .camera-disabled, #torso .boxes > div > .content header nav.prev-next .prev, #torso .boxes > div > .content header nav.prev-next .next, #cameras footer a.live, #traffic header time, #services span.tel {
    background: url('../Images/torso/box-sc0b23f88c8.png') no-repeat;
}

.no-touch .scroll-parent {
    height: 100%;
    overflow-y: hidden;
}

.no-touch #occurrences-scroll {
    height: 100%;
    overflow-y: hidden;
}

.touch .scroll-parent,
.touch #occurrences-scroll {
    height: 100%;
    overflow-y: auto;
}

.scrollbar {
    position: absolute;
    top: 7px;
    right: 7px;
    bottom: 7px;
    width: 8px;
    background-color: transparent;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background 500ms;
    -moz-transition: background 500ms;
    -o-transition: background 500ms;
    transition: background 500ms;
}

    .scrollbar:hover {
        background-color: rgba(120, 120, 120, 0.4);
    }

    .scrollbar .handler {
        position: absolute;
        height: 20px;
        top: 0;
        right: 0;
        width: 8px;
        background-color: rgba(200, 200, 200, 0.5);
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 50ms;
        -moz-transition: all 50ms;
        -o-transition: all 50ms;
        transition: all 50ms;
    }

        .scrollbar .handler:hover {
            background-color: rgba(200, 200, 200, 0.9);
            width: 12px;
            margin-right: -2px;
        }

#torso {
    padding-bottom: 60px;
    background-position: center top;
    background-repeat: repeat-x;
    position: relative;
    background-size: cover;
    z-index: 1;
}

    #torso .boxes-sprite, #torso .boxes > div, #torso .boxes > div.double, #torso .boxes > div.half, #torso .boxes > div.double-with-cam {
        background: url('../Images/torso/boxes-s871ea4cb71.png') no-repeat;
    }

    #torso .boxes {
        height: 378px;
        padding-top: 25px;
        margin: 0 -15px;
        text-align: center;
    }

        #torso .boxes > div {
            display: inline-block;
            vertical-align: top;
            margin: 0 -6px;
            background-position: 0 -378px;
            height: 378px;
            width: 338px;
            text-align: left;
        }

            #torso .boxes > div.double {
                background-position: 0 0;
                height: 378px;
                width: 676px;
                margin: 0 -12px;
            }

                #torso .boxes > div.double > .content .torso p {
                    width: 534px;
                }

            #torso .boxes > div.half {
                background-position: 0 -1134px;
                height: 378px;
                width: 167px;
            }

                #torso .boxes > div.half .torso {
                    width: 124px;
                    height: 284px;
                    text-align: center;
                }

                    #torso .boxes > div.half .torso .camera-disabled {
                        background-position: 0 0;
                        width: 102px;
                        height: 102px;
                        display: block;
                        margin: 60px auto 30px;
                    }

                    #torso .boxes > div.half .torso a.text {
                        color: #e0dbcb;
                        font-size: 12px;
                        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #616160), color-stop(100%, #4b4b4a));
                        background-image: -webkit-linear-gradient(#616160, #4b4b4a);
                        background-image: -moz-linear-gradient(#616160, #4b4b4a);
                        background-image: -o-linear-gradient(#616160, #4b4b4a);
                        background-image: linear-gradient(#616160, #4b4b4a);
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        -ms-border-radius: 2px;
                        -o-border-radius: 2px;
                        border-radius: 2px;
                        display: block;
                        padding: 10px;
                        margin: 0 auto;
                        width: 75%;
                        line-height: 18px;
                    }

            #torso .boxes > div.double-with-cam {
                background-position: 0 -756px;
                height: 378px;
                width: 511px;
            }

                #torso .boxes > div.double-with-cam .torso {
                    width: 469px;
                }

            #torso .boxes > div.small .torso {
                width: 296px;
            }

            #torso .boxes > div.double .torso {
                width: 634px;
            }

            #torso .boxes > div > .content {
                margin: 15px 20px;
                position: relative;
            }

                #torso .boxes > div > .content header h2 {
                    position: absolute;
                    top: 17px;
                    left: 4px;
                    font-size: 20px;
                    color: #e0dbcb;
                }

                #torso .boxes > div > .content header nav.prev-next {
                    position: absolute;
                    top: 10px;
                    right: 0;
                }

                    #torso .boxes > div > .content header nav.prev-next a {
                        background-color: transparent;
                        border: 0;
                        overflow: hidden;
                        display: block;
                        text-indent: -9999px;
                        cursor: pointer;
                    }

                        #torso .boxes > div > .content header nav.prev-next a:before {
                            content: "";
                            display: block;
                            width: 0;
                            height: 100%;
                        }

                    #torso .boxes > div > .content header nav.prev-next .prev {
                        background-position: 0 -249px;
                        height: 28px;
                        width: 30px;
                    }

                        #torso .boxes > div > .content header nav.prev-next .prev:hover, #torso .boxes > div > .content header nav.prev-next .prev.prev_hover, #torso .boxes > div > .content header nav.prev-next .prev.prev-hover {
                            background-position: 0 -221px;
                        }

                        #torso .boxes > div > .content header nav.prev-next .prev:active, #torso .boxes > div > .content header nav.prev-next .prev.prev_active, #torso .boxes > div > .content header nav.prev-next .prev.prev-active {
                            background-position: 0 -192px;
                        }

                    #torso .boxes > div > .content header nav.prev-next .next {
                        background-position: 0 -277px;
                        height: 28px;
                        width: 30px;
                    }

                        #torso .boxes > div > .content header nav.prev-next .next:hover, #torso .boxes > div > .content header nav.prev-next .next.next_hover, #torso .boxes > div > .content header nav.prev-next .next.next-hover {
                            background-position: 0 -164px;
                        }

                        #torso .boxes > div > .content header nav.prev-next .next:active, #torso .boxes > div > .content header nav.prev-next .next.next_active, #torso .boxes > div > .content header nav.prev-next .next.next-active {
                            background-position: 0 -135px;
                        }

                #torso .boxes > div > .content .torso {
                    background-color: #2a2a2a;
                    border-left: 1px black solid;
                    border-top: 1px black solid;
                    border-right: 1px #565656 solid;
                    border-bottom: 1px #565656 solid;
                    top: 50px;
                    position: absolute;
                }

#cameras .torso {
    padding: 1px;
}

    #cameras .torso .camera {
        display: none;
    }

    #cameras .torso .imgs {
        position: relative;
        font-size: 0;
        width: 296px;
        height: 220px;
        overflow: hidden;
    }

        #cameras .torso .imgs img {
            position: absolute;
            left: -10px;
            top: -10px;
            display: none;
            height: 230px;
        }

    #cameras .torso .location, #cameras .torso time {
        position: absolute;
        background-color: rgba(10, 10, 10, 0.6);
        color: #e0dbcb;
        left: 6px;
        right: 6px;
    }

        #cameras .torso .location .content, #cameras .torso time .content {
            font-size: 12px;
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px;
        }

    #cameras .torso .location {
        top: 7px;
    }

        #cameras .torso .location .content {
            height: 31px;
        }

    #cameras .torso time {
        bottom: 7px;
    }

        #cameras .torso time .content {
            height: 37px;
        }

#cameras footer {
    color: #727272;
    top: 286px;
    position: absolute;
    width: 100%;
}

    #cameras footer span {
        display: block;
    }

    #cameras footer a.live {
        width: 161px;
        height: 33px;
        margin: 6px auto;
        display: block;
        background-position: 0 -102px;
        height: 33px;
        width: 161px;
        color: #e0dbcb;
    }

        #cameras footer a.live span {
            font-size: 12px;
            text-align: center;
            margin-left: 30px;
            line-height: 34px;
        }

#traffic {
    color: #d4d4d4;
}

    #traffic header time {
        position: absolute;
        top: 20px;
        right: 18px;
        font-size: 11px;
        height: 14px;
        padding-left: 23px;
        padding-top: 2px;
        background-position: 0 -305px;
        color: #d4d4d4;
    }

    #traffic .torso {
        height: 286px;
        width: 469px;
    }

.occurrence-status-sprite {
    background: url('../Images/torso/occurrence-status-s72111b034e.png') no-repeat;
}

#occurrences li {
    border-bottom: 1px black solid;
    border-top: 1px #565656 solid;
    border-left: none;
    border-right: none;
    padding: 15px 50px;
}

    #occurrences li:first-child {
        border-top: none;
    }

    #occurrences li:last-child {
        border-bottom: none;
    }

    #occurrences li a {
        color: inherit;
        cursor: pointer;
    }

        #occurrences li a:hover {
            color: white;
        }

    #occurrences li p {
        font-size: 12px;
        line-height: 15px;
    }

        #occurrences li p time {
            display: block;
            color: #565656;
        }

    #occurrences li.yellow {
        background: url('../Images/torso/occurrence-status/yellow.png?1374593188') no-repeat 10px center;
    }

    #occurrences li.red {
        background: url('../Images/torso/occurrence-status/red.png?1374593187') no-repeat 10px center;
    }

    #occurrences li.green {
        background: url('../Images/torso/occurrence-status/green.png?1374593187') no-repeat 10px center;
    }

    #occurrences li.orange {
        background: url('../Images/torso/occurrence-status/orange.png?1374593188') no-repeat 10px center;
    }

#services .toll-sprite, #services .torso .service > .content h5, #services .torso .toll ul.distribute-vertical li a.motorcycle, #services .torso .toll ul.distribute-vertical li a.motorcycle:hover, #services .torso .toll ul.distribute-vertical li a.car, #services .torso .toll ul.distribute-vertical li a.car:hover, #services .torso .toll ul.distribute-vertical li a.truck, #services .torso .toll ul.distribute-vertical li a.truck:hover, #services .torso .toll ul.distribute-vertical li a.big-truck, #services .torso .toll ul.distribute-vertical li a.big-truck:hover, #services .torso .toll ul.distribute-vertical li a.bus, #services .torso .toll ul.distribute-vertical li a.bus:hover, #services .torso .toll ul.distribute-vertical li.selected a.motorcycle, #services .torso .toll ul.distribute-vertical li.selected a.car, #services .torso .toll ul.distribute-vertical li.selected a.truck, #services .torso .toll ul.distribute-vertical li.selected a.big-truck, #services .torso .toll ul.distribute-vertical li.selected a.bus {
    background: url('../Images/torso/services/toll-sb45dea7c24.png') no-repeat;
}

#traffic-flow {
    background-color: #4c4b4b;
}

    #traffic-flow .traffic-flow {
        /*height: 286px;*/
    }

        #traffic-flow .traffic-flow .content {
            overflow-y: scroll !important;
            overflow: auto !important;
            padding: 16px 20px;
            /*height: auto !important;*/
            background-color: #4c4b4b !important;
        }

            #traffic-flow .traffic-flow .content .toll {
                padding: 10px 0;
                border-bottom: 1px solid #5e5e5e;
            }

                #traffic-flow .traffic-flow .content .toll + h5 {
                    margin-top: 20px;
                }

            #traffic-flow .traffic-flow .content h6 {
                font-size: 12px;
                color: #f1ba26;
                margin: 0 0 15px -10px;
                line-height: 2;
            }

            #traffic-flow .traffic-flow .content h3 {
                font-size: 12px;
                font-weight: bold;
                margin: 0 0 10px -10px;
            }

            #traffic-flow .traffic-flow .content .toll + h6 {
                margin-top: 15px;
            }

            #traffic-flow .traffic-flow .content .traffic-flow-no-signal {
                text-align: center;
                font-weight: bold;
                font-size: 18px;
                display: block;
                margin-top: 35%;
            }

#services span.tel {
    background-position: 0 -352px;
    color: #ffc423;
    font-size: 16px;
    font-weight: normal;
    padding-left: 14px;
    padding-top: 3px;
    position: absolute;
    top: 17px;
    right: 72px;
    height: 14px;
}

#services span a {
    color: #ffc423;
}

#services .torso {
    width: 298px;
    height: 286px;
    overflow: hidden;
}

    #services .torso header {
        padding: 8px 10px;
        background: #2a2a2a;
    }

        #services .torso header h4 {
            color: #a6a6a6;
            font-size: 14px;
            font-weight: bold;
        }

        #services .torso header form {
            display: block;
            margin-top: 6px;
        }

        #services .torso header label {
            color: #fbfbfb;
            font-size: 10px;
        }

    #services .torso .service {
        display: none;
    }

        #services .torso .service > .content {
            position: relative;
            background-color: #282828;
            height: 254px;
            overflow: hidden;
            border-top: 2px solid black;
            color: #c7c7c5;
        }

            #services .torso .service > .content::before {
                background-position: 0 -6px;
                top: 0;
                background-repeat: repeat-x;
                content: "";
                display: block;
                position: absolute;
                height: 6px;
                width: 100%;
                z-index: 2;
            }

            #services .torso .service > .content h5 {
                background-position: 0 -514px;
                padding-left: 10px;
                margin-left: -10px;
                margin-bottom: 6px;
            }

            #services .torso .service > .content .scroll-content {
                overflow: hidden;
                *zoom: 1;
            }

            #services .torso .service > .content p.left {
                position: absolute;
                left: 0px;
                width: 80px;
                top: 145px;
                text-align: center;
            }

                #services .torso .service > .content p.left .light {
                    color: #d6d1c2;
                }

                #services .torso .service > .content p.left .dark {
                    color: #6c6c6c;
                    display: block;
                }

            #services .torso .service > .content .right {
                width: 155px;
                float: right;
                padding: 25px;
                font-size: 12px;
            }

                #services .torso .service > .content .right p, #services .torso .service > .content .right ul {
                    margin-bottom: 25px;
                }

    #services .torso .toll ul.distribute-vertical {
        left: 0;
        width: 90px;
    }

        #services .torso .toll ul.distribute-vertical li {
            display: block;
            text-align: center;
        }

            #services .torso .toll ul.distribute-vertical li a {
                cursor: pointer;
                display: inline-block;
                margin: 11px 0;
            }

                #services .torso .toll ul.distribute-vertical li a.motorcycle {
                    background-position: 0 -279px;
                    width: 47px;
                    height: 27px;
                }

                    #services .torso .toll ul.distribute-vertical li a.motorcycle:hover {
                        background-position: 0 -252px;
                    }

                #services .torso .toll ul.distribute-vertical li a.car {
                    background-position: 0 -443px;
                    width: 55px;
                    height: 21px;
                }

                    #services .torso .toll ul.distribute-vertical li a.car:hover {
                        background-position: 0 -422px;
                    }

                #services .torso .toll ul.distribute-vertical li a.truck {
                    background-position: 0 -464px;
                    width: 64px;
                    height: 25px;
                }

                    #services .torso .toll ul.distribute-vertical li a.truck:hover {
                        background-position: 0 -489px;
                    }

                #services .torso .toll ul.distribute-vertical li a.big-truck {
                    background-position: 0 -306px;
                    width: 69px;
                    height: 29px;
                }

                    #services .torso .toll ul.distribute-vertical li a.big-truck:hover {
                        background-position: 0 -335px;
                    }

                #services .torso .toll ul.distribute-vertical li a.bus {
                    background-position: 0 -393px;
                    width: 69px;
                    height: 29px;
                }

                    #services .torso .toll ul.distribute-vertical li a.bus:hover {
                        background-position: 0 -364px;
                    }

            #services .torso .toll ul.distribute-vertical li.selected {
                background-image: url('../Images/torso/services/toll-select-list.png');
                background-repeat: no-repeat;
                background-position: right center;
            }

                #services .torso .toll ul.distribute-vertical li.selected a.motorcycle {
                    background-position: 0 -252px;
                }

                #services .torso .toll ul.distribute-vertical li.selected a.car {
                    background-position: 0 -422px;
                }

                #services .torso .toll ul.distribute-vertical li.selected a.truck {
                    background-position: 0 -489px;
                }

                #services .torso .toll ul.distribute-vertical li.selected a.big-truck {
                    background-position: 0 -335px;
                }

                #services .torso .toll ul.distribute-vertical li.selected a.bus {
                    background-position: 0 -364px;
                }

    #services .torso .toll .prices {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 208px;
        background-color: #4c4b4b;
    }

        #services .torso .toll .prices .content {
            background-color: transparent;
            padding: 14px;
            padding-left: 30px;
        }

            #services .torso .toll .prices .content h6 {
                font-size: 12px;
                color: #f1ba26;
                margin-left: -10px;
            }

            #services .torso .toll .prices .content h5 {
                margin-top: 20px;
            }

                #services .torso .toll .prices .content h5:first-child {
                    margin-top: 0;
                }

            #services .torso .toll .prices .content .toll {
                display: block;
                padding-bottom: 3px;
                padding-top: 2px;
                padding-left: 12px;
                margin-bottom: 2px;
                margin-left: -11px;
                margin-right: 16px;
                border-bottom: 1px solid #5e5e5e;
                overflow: hidden;
                *zoom: 1;
            }

                #services .torso .toll .prices .content .toll span {
                    line-height: 18px;
                    font-size: 12px;
                }

                    #services .torso .toll .prices .content .toll span.weekday, #services .torso .toll .prices .content .toll span.weekend {
                        font-weight: bold;
                        white-space: nowrap;
                    }

    #services .torso .toll.weekday .weekend, #services .torso .toll.weekday .weekday,
    #services .torso .toll.weekend .weekend,
    #services .torso .toll.weekend .weekday {
        display: none;
    }

    #services .torso .toll.weekday .weekday {
        display: inline;
    }

    #services .torso .toll.weekend .weekend {
        display: inline;
    }

.background-sprite {
    background: url('../Images/torso/services/background-sfc174afcd8.png') no-repeat;
}

#services .trucker-rest > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -1267px;
}

#services .weighing > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -1013px;
}

#services .sau > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -1520px;
}

#services .sos > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -759px;
}

#services .sos-customer-help > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -506px;
}

#services .sos-support-center > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% 0;
}

#services .sos-customer-house > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 100% -253px;
}

#services .weighing .right h5 {
    margin-top: 25px;
}

    #services .weighing .right h5:first-child {
        margin-top: 0;
    }

.toll h4 .boxTollPrices {
    font-size: 12px;
    font-weight: normal;
    color: #f1ba26;
    margin-left: 2px;
}

#services .highlight .content p.text {
    background-image: url('../Images/torso/services/toll/h5-bullet.png?1374593188');
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 15px;
    margin: 15px 10px;
    font-size: 12px;
    line-height: 1.3em;
}

#services .highlight .content a {
    color: #c7c7c5;
}

.faq-sprite {
    background: url('../Images/widgets/faq-s40af8bd838.png') no-repeat;
}

.open {
    background: url('../Images/widgets/faq/open.png?1374593189') 18px center no-repeat;
}

.closed {
    background: url('../Images/widgets/faq/closed.png?1374593189') 18px center no-repeat;
}

#carroussel {
    width: 960px;
    position: relative;
}

    #carroussel .nav-sprite, #carroussel nav ul li a, #carroussel nav ul li a:hover, #carroussel nav ul li a.selected {
        background: url('../Images/torso/carroussel/nav-s5eb4109ab6.png') no-repeat;
    }

    #carroussel .carousel-sprite, #carroussel .controls .next-slide, #carroussel .controls .prev-slide {
        background: url('../Images/widgets/carousel-sd806129d88.png') no-repeat;
    }

    #carroussel nav {
        margin-top: 11px;
        position: relative;
        z-index: 2;
    }

        #carroussel nav ul {
            text-align: center;
        }

            #carroussel nav ul li a {
                background-position: 0 -30px;
                height: 30px;
                width: 29px;
                cursor: pointer;
                display: block;
            }

                #carroussel nav ul li a:hover, #carroussel nav ul li a.selected {
                    background-position: 0 0;
                    height: 30px;
                    width: 29px;
                }

    #carroussel .controls {
        width: 100%;
        position: absolute;
        top: 150px;
        z-index: 99000;
    }

        #carroussel .controls a {
            position: absolute;
            background-color: transparent;
            border: 0;
            overflow: hidden;
            display: block;
            text-indent: -9999px;
            outline: none;
        }

            #carroussel .controls a:before {
                content: "";
                display: block;
                width: 0;
                height: 100%;
            }

        #carroussel .controls .next-slide {
            background-position: 0 0;
            height: 68px;
            width: 69px;
            right: -1px;
        }

        #carroussel .controls .prev-slide {
            background-position: 0 -68px;
            height: 68px;
            width: 69px;
            left: -1px;
        }

    #carroussel .credits {
        background: url('../Images/widgets/spacer.png?1374593189');
        height: 46px;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 12px 0 0 18px;
    }

        #carroussel .credits .title {
            color: #d4d4d4;
            font: 14px Arial, Tahoma, Verdana, sans-serif;
        }

        #carroussel .credits .source {
            color: #d4d4d4;
            font: 11px Arial, Tahoma, Verdana, sans-serif;
            margin-top: 4px;
            font-style: italic;
        }

    #carroussel .slides {
        width: 960px;
        height: 190px;
        display: block;
        background: rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        overflow: hidden;
    }

        #carroussel .slides > div {
            width: 960px;
            height: 190px;
            display: block;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            position: absolute;
            top: 0;
            opacity: 0;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
            z-index: 0;
        }

            #carroussel .slides > div.selected {
                opacity: 1;
                z-index: 1;
            }

        #carroussel .slides .collumns, #carroussel .slides .collumns-image {
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c3c3c), color-stop(100%, #313131));
            background-image: -webkit-linear-gradient(#3c3c3c, #313131);
            background-image: -moz-linear-gradient(#3c3c3c, #313131);
            background-image: -o-linear-gradient(#3c3c3c, #313131);
            background-image: linear-gradient(#3c3c3c, #313131);
        }

            #carroussel .slides .collumns .content, #carroussel .slides .collumns-image .content {
                font-size: 0;
                text-align: center;
            }

                #carroussel .slides .collumns .content > div, #carroussel .slides .collumns-image .content > div {
                    display: inline-block;
                    border: 1px outset #666666;
                    border-top: none;
                    border-bottom: none;
                    text-align: left;
                    font-size: 12px;
                    vertical-align: top;
                }

                    #carroussel .slides .collumns .content > div.first, #carroussel .slides .collumns-image .content > div.first {
                        border-left: none;
                    }

                    #carroussel .slides .collumns .content > div.third, #carroussel .slides .collumns-image .content > div.third {
                        border-right: none;
                    }

                    #carroussel .slides .collumns .content > div span.time, #carroussel .slides .collumns-image .content > div span.time {
                        color: #bcbcbc;
                    }

                    #carroussel .slides .collumns .content > div p, #carroussel .slides .collumns-image .content > div p {
                        font-size: 16px;
                        color: white;
                        margin: 9px 0;
                        font-weight: 200;
                        line-height: 22px;
                    }

                    #carroussel .slides .collumns .content > div .readmore, #carroussel .slides .collumns-image .content > div .readmore {
                        font-style: italic;
                    }

                    #carroussel .slides .collumns .content > div a:hover, #carroussel .slides .collumns-image .content > div a:hover {
                        color: #fdb827;
                    }

        #carroussel .slides .image img {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
        }

        #carroussel .slides .collumns .content {
            padding: 35px 0 23px;
        }

            #carroussel .slides .collumns .content > div {
                height: 132px;
                width: 235px;
                padding: 0 30px;
            }

        #carroussel .slides .collumns-image .content {
            padding: 35px 0 15px;
        }

            #carroussel .slides .collumns-image .content > div {
                height: 132px;
                width: 230px;
                padding: 0 20px;
            }

                #carroussel .slides .collumns-image .content > div.first {
                    width: 330px;
                }

                    #carroussel .slides .collumns-image .content > div.first img {
                        margin-top: -20px;
                    }

        #carroussel .slides .image-red-text img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        #carroussel .slides .image-red-text a {
            width: 960px;
            height: 190px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
        }

            #carroussel .slides .image-red-text a .overlay {
                width: 960px;
                height: 190px;
                display: block;
                background: url('../Images/torso/carroussel/image-red-text.png?1374593187') no-repeat right top;
                position: absolute;
                z-index: 2;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
                border-top-right-radius: 5px;
                -moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

                #carroussel .slides .image-red-text a .overlay .content {
                    height: 190px;
                    display: table-cell;
                    vertical-align: middle;
                    padding-left: 426px;
                    padding-right: 20px;
                }

                    #carroussel .slides .image-red-text a .overlay .content time, #carroussel .slides .image-red-text a .overlay .content span {
                        font-size: 12px;
                        color: #ffdc19;
                    }

                    #carroussel .slides .image-red-text a .overlay .content h3 {
                        font-size: 24px;
                        color: #ffdc19;
                        margin: 7px 0;
                        line-height: 30px;
                    }

                    #carroussel .slides .image-red-text a .overlay .content h4 {
                        font-size: 14px;
                        color: white;
                    }

#highlight-banner {
    width: 960px;
    margin-top: 30px;
    position: relative;
}

    #highlight-banner .nav-sprite, #highlight-banner nav ul li a, #highlight-banner nav ul li a:hover, #highlight-banner nav ul li a.selected {
        background: url('../Images/torso/carroussel/nav-s5eb4109ab6.png') no-repeat;
    }

    #highlight-banner .carousel-sprite, #highlight-banner .controls .next-slide, #highlight-banner .controls .prev-slide {
        background: url('../Images/widgets/carousel-sd806129d88.png') no-repeat;
    }

    #highlight-banner nav {
        margin-top: 11px;
        position: relative;
        z-index: 2;
    }

        #highlight-banner nav ul {
            text-align: center;
        }

            #highlight-banner nav ul li a {
                background-position: 0 -30px;
                height: 30px;
                width: 29px;
                cursor: pointer;
                display: block;
            }

                #highlight-banner nav ul li a:hover, #highlight-banner nav ul li a.selected {
                    background-position: 0 0;
                    height: 30px;
                    width: 29px;
                }

    #highlight-banner .controls {
        width: 100%;
        position: absolute;
        top: 150px;
        z-index: 99000;
    }

        #highlight-banner .controls a {
            position: absolute;
            background-color: transparent;
            border: 0;
            overflow: hidden;
            display: block;
            text-indent: -9999px;
            outline: none;
        }

            #highlight-banner .controls a:before {
                content: "";
                display: block;
                width: 0;
                height: 100%;
            }

        #highlight-banner .controls .next-slide {
            background-position: 0 0;
            height: 68px;
            width: 69px;
            right: -1px;
        }

        #highlight-banner .controls .prev-slide {
            background-position: 0 -68px;
            height: 68px;
            width: 69px;
            left: -1px;
        }

    #highlight-banner .credits {
        background: url('../Images/widgets/spacer.png?1374593189');
        height: 46px;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 12px 0 0 18px;
    }

        #highlight-banner .credits .title {
            color: #d4d4d4;
            font: 14px Arial, Tahoma, Verdana, sans-serif;
        }

        #highlight-banner .credits .source {
            color: #d4d4d4;
            font: 11px Arial, Tahoma, Verdana, sans-serif;
            margin-top: 4px;
            font-style: italic;
        }

    #highlight-banner .slides {
        width: 960px;
        height: 190px;
        display: block;
        background: rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
        overflow: hidden;
    }

        #highlight-banner .slides > div {
            width: 960px;
            height: 190px;
            display: block;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            position: absolute;
            top: 0;
            opacity: 0;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -o-transition: opacity 300ms;
            transition: opacity 300ms;
            z-index: 0;
        }

            #highlight-banner .slides > div.selected {
                opacity: 1;
                z-index: 1;
            }

        #highlight-banner .slides .collumns, #highlight-banner .slides .collumns-image {
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c3c3c), color-stop(100%, #313131));
            background-image: -webkit-linear-gradient(#3c3c3c, #313131);
            background-image: -moz-linear-gradient(#3c3c3c, #313131);
            background-image: -o-linear-gradient(#3c3c3c, #313131);
            background-image: linear-gradient(#3c3c3c, #313131);
        }

            #highlight-banner .slides .collumns .content, #highlight-banner .slides .collumns-image .content {
                font-size: 0;
                text-align: center;
            }

                #highlight-banner .slides .collumns .content > div, #highlight-banner .slides .collumns-image .content > div {
                    display: inline-block;
                    border: 1px outset #666666;
                    border-top: none;
                    border-bottom: none;
                    text-align: left;
                    font-size: 12px;
                    vertical-align: top;
                }

                    #highlight-banner .slides .collumns .content > div.first, #highlight-banner .slides .collumns-image .content > div.first {
                        border-left: none;
                    }

                    #highlight-banner .slides .collumns .content > div.third, #highlight-banner .slides .collumns-image .content > div.third {
                        border-right: none;
                    }

                    #highlight-banner .slides .collumns .content > div span.time, #highlight-banner .slides .collumns-image .content > div span.time {
                        color: #bcbcbc;
                    }

                    #highlight-banner .slides .collumns .content > div p, #highlight-banner .slides .collumns-image .content > div p {
                        font-size: 16px;
                        color: white;
                        margin: 9px 0;
                        font-weight: 200;
                        line-height: 22px;
                    }

                    #highlight-banner .slides .collumns .content > div .readmore, #highlight-banner .slides .collumns-image .content > div .readmore {
                        font-style: italic;
                    }

                    #highlight-banner .slides .collumns .content > div a:hover, #highlight-banner .slides .collumns-image .content > div a:hover {
                        color: #fdb827;
                    }

        #highlight-banner .slides .image img {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
        }

        #highlight-banner .slides .collumns .content {
            padding: 35px 0 23px;
        }

            #highlight-banner .slides .collumns .content > div {
                height: 132px;
                width: 235px;
                padding: 0 30px;
            }

        #highlight-banner .slides .collumns-image .content {
            padding: 35px 0 15px;
        }

            #highlight-banner .slides .collumns-image .content > div {
                height: 132px;
                width: 230px;
                padding: 0 20px;
            }

                #highlight-banner .slides .collumns-image .content > div.first {
                    width: 330px;
                }

                    #highlight-banner .slides .collumns-image .content > div.first img {
                        margin-top: -20px;
                    }

        #highlight-banner .slides .image-red-text img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        #highlight-banner .slides .image-red-text a {
            width: 960px;
            height: 190px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
        }

            #highlight-banner .slides .image-red-text a .overlay {
                width: 960px;
                height: 190px;
                display: block;
                background: url('../Images/torso/carroussel/image-red-text.png?1374593187') no-repeat right top;
                position: absolute;
                z-index: 2;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
                border-top-right-radius: 5px;
                -moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

                #highlight-banner .slides .image-red-text a .overlay .content {
                    height: 190px;
                    display: table-cell;
                    vertical-align: middle;
                    padding-left: 426px;
                    padding-right: 20px;
                }

                    #highlight-banner .slides .image-red-text a .overlay .content time, #highlight-banner .slides .image-red-text a .overlay .content span {
                        font-size: 12px;
                        color: #ffdc19;
                    }

                    #highlight-banner .slides .image-red-text a .overlay .content h3 {
                        font-size: 24px;
                        color: #ffdc19;
                        margin: 7px 0;
                        line-height: 30px;
                    }

                    #highlight-banner .slides .image-red-text a .overlay .content h4 {
                        font-size: 14px;
                        color: white;
                    }

form ul li {
    display: block;
    margin-bottom: 14px;
    position: relative;
}

form label {
    display: inline-block;
    font: 14px Arial, Tahoma, Verdana, sans-serif;
    color: #d6d6d6;
    width: 75px;
    text-align: right;
    margin-right: 18px;
    vertical-align: top;
    padding-top: 5px;
}

    form label span.required {
        color: #fdb827;
        display: inline;
        margin-left: 0;
    }

form input[type="text"] {
    background: url('../Images/internals/bg/inputs.gif?1374593178') repeat-x;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    height: 27px;
    border: 1px solid #737373;
    color: black;
    padding: 0 10px;
    font: 12px Arial, Tahoma, Verdana, sans-serif;
}

    form input[type="text"]:focus {
        outline: none;
        -webkit-highlight: none;
    }

form textarea {
    background-color: #efefef;
    border: 1px solid #7e7e7e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    form textarea.big {
        width: 347px;
    }

button {
    background-color: #7e7e7d;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7E7E7D', endColorstr='#FF474746');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7e7e7d), color-stop(3%, #6d6d6c), color-stop(34%, #6c6c6b), color-stop(59%, #595958), color-stop(69%, #545453), color-stop(97%, #545453), color-stop(100%, #474746));
    background-image: -webkit-linear-gradient(top, #7e7e7d 0%, #6d6d6c 3%, #6c6c6b 34%, #595958 59%, #545453 69%, #545453 97%, #474746 100%);
    background-image: -moz-linear-gradient(top, #7e7e7d 0%, #6d6d6c 3%, #6c6c6b 34%, #595958 59%, #545453 69%, #545453 97%, #474746 100%);
    background-image: -o-linear-gradient(top, #7e7e7d 0%, #6d6d6c 3%, #6c6c6b 34%, #595958 59%, #545453 69%, #545453 97%, #474746 100%);
    background-image: linear-gradient(top, #7e7e7d 0%, #6d6d6c 3%, #6c6c6b 34%, #595958 59%, #545453 69%, #545453 97%, #474746 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font: bold 18px Arial, Tahoma, Verdana, sans-serif;
    color: #efefef;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border: none;
}

.medium {
    width: 220px;
}

.big {
    width: 330px;
}

.field-validation-error {
    display: inline-block;
    position: absolute;
    background: #f6b60a;
    height: 29px;
    vertical-align: top;
    font: bold 12px/30px Arial, Tahoma, Verdana, sans-serif;
    color: #494949;
    padding: 0 12px 0 8px;
    margin-left: 24px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

    .field-validation-error:before {
        background: url('../Images/icons/tooltip-arrow.png?1374593177') no-repeat;
        content: " ";
        display: block;
        height: 29px;
        width: 17px;
        position: absolute;
        left: -17px;
        pointer-events: none;
    }

span.required {
    color: #fdb827;
    font-size: 12px;
    display: block;
    margin-left: 99px;
}

.tolls-sprite, .tolls-auto-expresso, .tolls-big-truck, .tolls-bus, .tolls-car, .tolls-light-truck, .tolls-motorcycle, .tolls-sem-parar, .tolls-special-cargo, .tolls-truck, .tolls-trucker-rest, .tolls-visa-vale, .tolls-weighing, .internal .motorcycle, .internal .bus, .internal .car, .internal .light-truck, .internal .truck, .internal .big-truck, .internal .sem-parar, .internal .visa-vale, .internal .auto-expresso, .internal .weighing, .internal .trucker-rest, .internal .special-cargo {
    background: url('../Images/internals/tolls-sed287a4846.png') no-repeat;
}

.tolls-auto-expresso {
    background-position: 0 -231px;
    height: 125px;
    width: 163px;
}

.tolls-big-truck {
    background-position: 0 -404px;
    height: 42px;
    width: 100px;
}

.tolls-bus {
    background-position: 0 -756px;
    height: 41px;
    width: 99px;
}

.tolls-car {
    background-position: 0 -566px;
    height: 36px;
    width: 94px;
}

.tolls-light-truck {
    background-position: 0 -678px;
    height: 39px;
    width: 101px;
}

.tolls-motorcycle {
    background-position: 0 -356px;
    height: 48px;
    width: 84px;
}

.tolls-sem-parar {
    background-position: 0 -101px;
    height: 130px;
    width: 169px;
}

.tolls-special-cargo {
    background-position: 0 -446px;
    height: 49px;
    width: 114px;
}

.tolls-truck {
    background-position: 0 -717px;
    height: 39px;
    width: 101px;
}

.tolls-trucker-rest {
    background-position: 0 -495px;
    height: 71px;
    width: 106px;
}

.tolls-visa-vale {
    background-position: 0 0;
    height: 101px;
    width: 164px;
}

.tolls-weighing {
    background-position: 0 -602px;
    height: 76px;
    width: 92px;
}

.internal .motorcycle {
    background-position: 0 -356px;
    height: 48px;
    width: 84px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .motorcycle:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .bus {
    background-position: 0 -756px;
    height: 41px;
    width: 99px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .bus:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .car {
    background-position: 0 -566px;
    height: 36px;
    width: 94px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .car:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .light-truck {
    background-position: 0 -678px;
    height: 39px;
    width: 101px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .light-truck:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .truck {
    background-position: 0 -717px;
    height: 39px;
    width: 101px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .truck:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .big-truck {
    background-position: 0 -404px;
    height: 42px;
    width: 100px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .big-truck:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .sem-parar {
    background-position: 0 -101px;
    height: 130px;
    width: 169px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .sem-parar:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .visa-vale {
    background-position: 0 0;
    height: 101px;
    width: 164px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .visa-vale:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .auto-expresso {
    background-position: 0 -231px;
    height: 125px;
    width: 163px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .auto-expresso:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .weighing {
    background-position: 0 -602px;
    height: 76px;
    width: 92px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .weighing:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .trucker-rest {
    background-position: 0 -495px;
    height: 71px;
    width: 106px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .trucker-rest:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .special-cargo {
    background-position: 0 -446px;
    height: 49px;
    width: 114px;
    background-color: transparent;
    border: 0;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

    .internal .special-cargo:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.internal .sem-parar,
.internal .visa-vale,
.internal .auto-expresso {
    margin-right: 20px;
}

#content .tabs ul li {
    display: inline-block;
    margin-right: 3px;
}

    #content .tabs ul li a {
        background-color: #6a6a6a;
        color: #3a3a3a;
        display: inline-block;
        font: 14px/42px Arial, Tahoma, Verdana, sans-serif;
        text-align: center;
        padding: 0 10px;
        height: 42px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }

        #content .tabs ul li a.active {
            background: #dadada url('../Images/widgets/tabs/active-shadow.png?1374593189') center bottom;
            color: #141414;
        }

#content .toll-container.with-tabs table.custom-table {
    margin-top: 0;
}

#content table.custom-table {
    background-color: #f7f7f7;
    margin-top: 48px;
    margin-bottom: 38px;
    padding: 30px 58px;
    width: 100%;
}

    #content table.custom-table.weekend-table {
        margin-top: -38px;
    }

    #content table.custom-table thead .week-days {
        background-color: #dbdbdb;
        font-size: 18px;
        text-align: center;
        position: relative;
    }

        #content table.custom-table thead .week-days.top {
            padding-left: 100px;
        }

        #content table.custom-table thead .week-days .weekend {
            float: right;
            font-size: 12px;
            color: #d81a1a;
            padding: 3px 25px 3px 17px;
            margin-right: 17px;
            border-left: 1px solid darkgrey;
            position: relative;
            display: block;
            width: 114px;
        }

            #content table.custom-table thead .week-days .weekend span {
                width: 0;
                height: 0;
                display: block;
                border: 7px solid transparent;
                border-top-color: #b11a1a;
                position: absolute;
                top: 11px;
                right: 0;
            }

    #content table.custom-table thead tr {
        border-bottom: 1px solid #b6b6b6;
    }

    #content table.custom-table thead th {
        padding: 20px 0 15px;
        font: bold 12px Arial, Tahoma, Verdana, sans-serif;
        color: #141414;
    }

        #content table.custom-table thead th.road-name {
            text-align: center;
            font-size: 18px;
        }

        #content table.custom-table thead th.vehicle-type {
            padding: 20px 20px 15px 20px;
            width: 158px;
            text-align: center;
        }

    #content table.custom-table tbody tr {
        border-bottom: 1px solid #b6b6b6;
    }

        #content table.custom-table tbody tr td {
            width: 200px;
            padding: 30px 20px 30px 0;
        }

            #content table.custom-table tbody tr td.vehicle-type {
                padding: 0 20px 0 0;
                width: 158px;
            }

                #content table.custom-table tbody tr td.vehicle-type div {
                    margin: 0 auto;
                }

            #content table.custom-table tbody tr td ul li {
                color: #141414;
                font: bold 12px Arial, Tahoma, Verdana, sans-serif;
                list-style-type: disc;
                margin-bottom: 12px;
            }

                #content table.custom-table tbody tr td ul li .obs {
                    font: normal 12px Arial, Tahoma, Verdana, sans-serif;
                    color: #9b9b9b !important;
                }

            #content table.custom-table tbody tr td .desc {
                text-align: center;
                color: #999999;
                font-size: 10px;
                margin-top: 5px;
                line-height: 1.2em;
            }

        #content table.custom-table tbody tr.special-cargo-tr {
            padding-top: 24px;
            background-color: #f6c130;
            border-bottom: none;
        }

            #content table.custom-table tbody tr.special-cargo-tr td.vehicle-type {
                padding: 24px 20px 30px 55px;
            }

                #content table.custom-table tbody tr.special-cargo-tr td.vehicle-type .desc {
                    color: #4c4c4c;
                    font-size: 10px;
                    line-height: 1.2em;
                }

            #content table.custom-table tbody tr.special-cargo-tr p {
                font-size: 12px;
                line-height: 16px;
                color: #404040;
            }

                #content table.custom-table tbody tr.special-cargo-tr p .cargo-tel {
                    font-size: 18px;
                    font-weight: bold;
                }

.pagination-sprite, .pagination-anterior, .pagination-primeira, .pagination-proxima, .pagination-ultima, .pager ul li.first a, .pager ul li.previous a, .pager ul li.next a, .pager ul li.last a {
    background: url('../Images/news/pagination-sab981ed0bd.png') no-repeat;
}

.pagination-anterior {
    background-position: 0 -42px;
    height: 14px;
    width: 7px;
}

.pagination-primeira {
    background-position: 0 -14px;
    height: 14px;
    width: 14px;
}

.pagination-proxima {
    background-position: 0 -28px;
    height: 14px;
    width: 7px;
}

.pagination-ultima {
    background-position: 0 0;
    height: 14px;
    width: 14px;
}

.pager {
    padding-bottom: 84px;
}

    .pager ul li {
        display: inline-block;
        margin-right: 5px;
    }

        .pager ul li.disabled {
            display: none;
        }

        .pager ul li.first, .pager ul li.previous, .pager ul li.next, .pager ul li.last {
            text-indent: -99999px;
        }

        .pager ul li a {
            display: block;
            padding: 2px 8px;
            color: #767676;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }

        .pager ul li.current a {
            background-color: #c8c8c8;
            color: #434242;
        }

        .pager ul li.first a {
            background-position: 0 -14px;
            height: 14px;
            width: 14px;
            padding: 0;
        }

        .pager ul li.previous a {
            background-position: 0 -42px;
            height: 14px;
            width: 7px;
            padding: 0;
        }

        .pager ul li.next a {
            background-position: 0 -28px;
            height: 14px;
            width: 7px;
            padding: 0;
        }

        .pager ul li.last a {
            background-position: 0 0;
            height: 14px;
            width: 14px;
            padding: 0;
        }

.internal #content .photo-gallery {
    background-color: #dadada;
    width: 658px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 25px 20px 5px;
    position: relative;
}

    .internal #content .photo-gallery img {
        margin-bottom: 0;
    }

    .internal #content .photo-gallery .photoGallery-sprite, .internal #content .photo-gallery .next, .internal #content .photo-gallery .prev {
        background: url('../Images/widgets/photoGallery-s5d24f4b60b.png') no-repeat;
    }

    .internal #content .photo-gallery .galleryLoader {
        position: absolute;
        display: block;
        width: 32px;
        margin: 0 auto;
        margin-top: 49px;
        left: 50%;
        z-index: 8;
    }

    .internal #content .photo-gallery .next,
    .internal #content .photo-gallery .prev {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        display: block;
        text-indent: -9999px;
        position: absolute;
        top: 36px;
        z-index: 9990;
    }

        .internal #content .photo-gallery .next:before,
        .internal #content .photo-gallery .prev:before {
            content: "";
            display: block;
            width: 0;
            height: 100%;
        }

    .internal #content .photo-gallery .next {
        background-position: 0 0;
        height: 22px;
        width: 12px;
        left: 654px;
    }

    .internal #content .photo-gallery .prev {
        background-position: 0 -22px;
        height: 22px;
        width: 11px;
        left: -7px;
    }

    .internal #content .photo-gallery .galleries {
        border-bottom: 1px solid #b6b6b6;
        padding-bottom: 18px;
        position: relative;
        z-index: 9;
        visibility: hidden;
    }

        .internal #content .photo-gallery .galleries .clip {
            position: relative;
            overflow: hidden;
            width: 658px;
            height: 112px;
        }

            .internal #content .photo-gallery .galleries .clip .container {
                position: absolute;
                text-align: center;
            }

                .internal #content .photo-gallery .galleries .clip .container .gallery {
                    display: inline-block;
                    position: relative;
                    width: 148px;
                    height: 106px;
                    overflow: hidden;
                    margin-left: 11px;
                }

                    .internal #content .photo-gallery .galleries .clip .container .gallery > a {
                        display: inline-block;
                        width: 142px;
                        height: 100px;
                        text-align: center;
                        vertical-align: middle;
                        color: white;
                        position: absolute;
                        z-index: 150;
                        padding-top: 40px;
                        border: 3px solid #8b220c;
                        border: 3px solid rgba(139, 34, 12, 0.77);
                        background: #8b220c;
                        background: rgba(139, 34, 12, 0.77);
                    }

                        .internal #content .photo-gallery .galleries .clip .container .gallery > a:hover, .internal #content .photo-gallery .galleries .clip .container .gallery > a.ativa {
                            background-color: transparent;
                        }

                    .internal #content .photo-gallery .galleries .clip .container .gallery img {
                        position: relative;
                        z-index: 100;
                    }

    .internal #content .photo-gallery .main {
        margin-top: 10px;
        margin-bottom: 8px;
    }

        .internal #content .photo-gallery .main .gallery-name {
            font: bold 18px Arial, Tahoma, Verdana, sans-serif;
            color: #141414;
            margin-bottom: 10px;
        }

        .internal #content .photo-gallery .main .image {
            position: relative;
            width: 654px;
            height: 426px;
            background-color: black;
        }

        .internal #content .photo-gallery .main .loader {
            background-color: black;
            display: none;
            left: 50%;
            top: 50%;
            margin-left: -26px;
            margin-top: -26px;
            padding: 10px;
            position: absolute;
            width: 32px;
            height: 32px;
            z-index: 9999;
        }

        .internal #content .photo-gallery .main .credits {
            background: url('../Images/widgets/spacer.png?1374593189');
            height: 46px;
            position: absolute;
            bottom: 0;
            width: 636px;
            padding: 12px 0 0 18px;
        }

            .internal #content .photo-gallery .main .credits .title {
                color: #d4d4d4;
                font: 14px Arial, Tahoma, Verdana, sans-serif;
            }

            .internal #content .photo-gallery .main .credits .source {
                color: #d4d4d4;
                font: 11px Arial, Tahoma, Verdana, sans-serif;
                margin-top: 4px;
                font-style: italic;
            }

    .internal #content .photo-gallery .thumbs {
        position: relative;
        visibility: hidden;
    }

        .internal #content .photo-gallery .thumbs .clip {
            position: relative;
            overflow: hidden;
            width: 658px;
            height: 112px;
        }

            .internal #content .photo-gallery .thumbs .clip .container {
                position: absolute;
            }

                .internal #content .photo-gallery .thumbs .clip .container ul {
                    display: flex;
                }

                    .internal #content .photo-gallery .thumbs .clip .container ul li {
                        margin-left: 10px;
                    }

                        .internal #content .photo-gallery .thumbs .clip .container ul li a {
                            display: block;
                            width: 98px;
                            height: 98px;
                            overflow: hidden;
                        }

/* One container to bind them... */
.dk_container {
    background: url('../Images/internals/bg/inputs.gif?1374593178') repeat-x;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    position: relative;
    z-index: 20;
}

    .dk_container:focus {
        outline: 0;
    }

    .dk_container a {
        cursor: pointer;
        text-decoration: none;
    }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
    background-image: url('../Images/icons/select-arrow.png?1374593177');
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 7px 45px 7px 10px;
    text-shadow: white 1px 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
    width: 185px !important;
}

    .dk_toggle:hover {
        border-color: #8c8c8c;
    }

/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
    border-color: #40b5e2;
}

.dk_focus .dk_toggle {
    box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    -webkit-box-shadow: 0 0 5px #40b5e2;
}

/* Applied whenever the dropdown is open */
.dk_open {
    box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    -webkit-box-shadow: 0 0 5px #40b5e2;
    z-index: 50;
}

    .dk_open .dk_toggle {
        background-color: #ececec;
        border-color: #8c8c8c;
        color: #cccccc;
        box-shadow: inset 0 -2px 5px #cccccc;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

/* The outer container of the options */
.dk_options {
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
}

    .dk_options li {
        margin: 0;
    }

    .dk_options a {
        background-color: white;
        border-bottom: 1px solid #999999;
        font-weight: bold;
        padding: 8px 10px;
    }

    .dk_options li:last-child a {
        border-bottom: none;
    }

    .dk_options a:hover,
    .dk_option_current a {
        background-color: #666666;
        border-bottom-color: #666666;
        color: white;
        text-decoration: none;
        text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
    }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
    border: 1px solid #8c8c8e;
    border-bottom-width: 2px;
    border-bottom-color: #999999;
    color: #333333;
    max-height: 250px;
    text-shadow: white 0 1px 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px;
}

/*****  End Theme ***** */
/**** Critical to the continued enjoyment of working dropdowns ***** */
.dk_container {
    display: none;
    position: relative;
}

    .dk_container a {
        outline: 0;
    }

.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.dk_open {
    position: relative;
}

    .dk_open .dk_options {
        display: block;
    }

    .dk_open .dk_label {
        color: inherit;
    }

.dk_options {
    display: none;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 100%;
}

    .dk_options a,
    .dk_options a:link,
    .dk_options a:visited {
        display: block;
    }

.dk_options_inner {
    overflow: auto;
    position: relative;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

.dk_fouc select {
    position: relative;
    top: -99999em;
    visibility: hidden;
}

/**** End Critical to the continued enjoyment of working dropdowns ***** */
#filter .dk_toggle {
    background-image: url('../Images/icons/select-arrow.png?1374593177');
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 7px 45px 7px 10px;
    text-shadow: white 1px 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
    width: 360px !important;
}

#filter.single .dk_toggle {
    width: 412px !important;
}

#filter .travel-time .dk_toggle {
    width: 280px !important;
}

.distribute-vertical {
    position: absolute;
    top: 0;
    bottom: 0;
}

/* One container to bind them... */
.borderRadius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.borderRadiusTp {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.borderRadiusBtm {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    box-shadow: 0 0 5px #40b5e2;
    width: 244px;
}

.ddcommon {
    position: relative;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline-block;
    cursor: default;
    background: url("../Images/internals/bg/inputs.gif?1358365773") repeat-x;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 245px;
}

    .ddcommon ul {
        padding: 0;
        margin: 0;
    }

        .ddcommon ul li {
            list-style-type: none;
            margin: 0;
            padding: 8px;
        }

            .ddcommon ul li:hover {
                color: white;
            }

.borderRadiusTp ul li:last-child {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom: 0 none #c3c3c3;
}

.borderRadiusBtm ul li:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1 solid #c3c3c3;
}

.ddcommon .disabled img.disabledAll,
.ddcommon .disabled span.disabledAll,
.ddcommon.disabledAll {
    opacity: 0.5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    color: #999999;
}

.ddcommon .clear {
    clear: both;
}

.ddcommon .shadow {
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.ddcommon input.text {
    color: #7e7e7e;
    padding: 0 0 0 0;
    position: absolute;
    background: white;
    display: block;
    width: 98%;
    height: 98%;
    left: 2px;
    top: 0;
    border: none;
}

.ddOutOfVision {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.borderRadius .shadow {
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.borderRadiusBtm .shadow {
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.borderRadiusTp .border, .borderRadiusTp .borderRadius .border {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.borderRadiusBtm .border {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

img.fnone {
    float: none !important;
}

.ddcommon .divider {
    width: 0;
    height: 100%;
    position: absolute;
    display: none;
}

.ddcommon .arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px;
}

    .ddcommon .arrow:hover {
        background-position: 0 100%;
    }

.ddcommon .ddTitle {
    padding: 0;
    position: relative;
    display: inline-block;
}

#form0 .ddcommon .ddTitle {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 244px;
}

.ddcommon .ddTitle .ddTitleText {
    display: block;
}

    .ddcommon .ddTitle .ddTitleText .ddTitleText {
        padding: 0;
    }

.ddcommon .ddTitle .description {
    display: block;
}

.ddcommon .ddTitle .ddTitleText img {
    position: relative;
    vertical-align: middle;
    float: left;
}

.ddcommon .ddChild {
    position: absolute;
    display: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999;
}

    .ddcommon .ddChild li {
        clear: both;
    }

        .ddcommon .ddChild li .description {
            display: block;
        }

        .ddcommon .ddChild li img {
            border: 0 none;
            position: relative;
            vertical-align: middle;
            float: left;
        }

        .ddcommon .ddChild li.optgroup {
            padding: 0;
        }

            .ddcommon .ddChild li.optgroup .optgroupTitle {
                padding: 0 5px;
                font-weight: bold;
                font-style: italic;
            }

            .ddcommon .ddChild li.optgroup ul li {
                padding: 5px 5px 5px 15px;
            }

.ddcommon .noBorderTop {
    border-top: none 0 !important;
    padding: 0;
    margin: 0;
}

/************** default theme ********************* */
.dd {
    width: 100%;
}

    .dd:focus {
        -webkit-box-shadow: 0 0 5px #40b5e2;
        -moz-box-shadow: 0 0 5px #40b5e2;
        box-shadow: 0 0 5px #40b5e2;
    }

    .dd .divider {
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid white;
        right: 24px;
    }

    .dd .arrow {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url(../Images/msdropdown/skin1/dd_arrow.gif) no-repeat;
    }

    .dd:hover {
        background-position: 0 100%;
    }

    .dd .ddTitle {
        color: black;
        background: #e2e2e4 url("../Images/internals/bg/inputs.gif?1358365773") repeat-x left top;
    }

    .dd .ddTitleText {
        padding: 4px 15px 10px 5px;
        height: 16px;
        color: #333333;
        max-height: 250px;
        text-shadow: white 0 1px 0;
    }

#filter .ddTitleText {
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 7px 45px 4px 10px;
    text-shadow: white 1px 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 356px;
}

.dd .ddTitle .ddTitleText .ddTitleText {
    padding: 0;
}

.dd .ddTitle .description {
    font-size: 12px;
    color: #666666;
}

.dd .ddTitle .ddTitleText img {
    padding-right: 5px;
}

.dd .ddChild {
    border: 1px solid #c3c3c3;
    background-color: white;
    left: -1px;
    width: 100%;
}

    .dd .ddChild li {
        padding: 5px;
        background-color: white;
        border-bottom: 1px solid #c3c3c3;
    }

        .dd .ddChild li .description {
            color: #666666;
        }

        .dd .ddChild li .ddlabel {
            color: #333333;
        }

            .dd .ddChild li .ddlabel:hover {
                color: white;
            }

        .dd .ddChild li:hover {
            background-color: #666666;
            color: white;
        }

        .dd .ddChild li img {
            padding: 0 6px 0 0;
        }

        .dd .ddChild li.optgroup {
            padding: 0;
        }

            .dd .ddChild li.optgroup .optgroupTitle {
                padding: 0 5px;
                font-weight: bold;
                font-style: italic;
            }

            .dd .ddChild li.optgroup ul li {
                padding: 5px 5px 5px 15px;
            }

        .dd .ddChild li.selected {
            background-color: #666666;
            color: white;
        }

            .dd .ddChild li.selected span {
                color: white;
                text-shadow: black 0 1px 0;
            }

        .dd .ddChild li:hover span {
            color: white;
            text-shadow: black 0 1px 0;
        }

#form0 .dd .ddChild {
    width: 244px;
}

.msvia #torso {
    background-image: url('../Images/torso/background-msvia.jpg?1374593184');
}

.novadutra #torso {
    background-image: url('../Images/torso/background-novadutra.jpg?1374593184');
}

.autoban #torso {
    background-image: url('../Images/torso/background-autoban.jpg?1374593186');
}

.viaoeste #torso {
    background-image: url('../Images/torso/background-viaoeste.jpg?1374593186');
}

.rodoanel #torso {
    background-image: url('../Images/torso/background-rodoanel.jpg?1374593189');
}

.spvias #torso {
    background-image: url('../Images/torso/background-spvias.jpg?1374593185');
}

.rodonorte #torso {
    background-image: url('../Images/torso/background-rodonorte.jpg?1374593188');
}

.ponte #torso {
    background-image: url('../Images/torso/background-ponte.jpg?1374593188');
}

.vialagos #torso {
    background-image: url('../Images/torso/background-vialagos.jpg?1374593187');
}

.viasul #torso {
    background-image: url('../Images/torso/background-viasul.png?1374593190');
}

.viacosteira #torso {
    background-image: url('../Images/torso/background-viacosteira.jpg?1374593191');
}

/* Alteracoes 22/10 */

body.en .black-header .wrapSecondModel {
}


body.en > header .black-header {
    background: #3a3a3a url('../Images/header/black-header.png?1374593176') repeat-x top center;
    position: relative;
    z-index: 1;
    height: 19px;
}

    body.en > header .black-header .wrapSecondModel {
        border-right: 1px #222222 solid;
    }

    body.en > header .black-header .wrap:after {
        content: "";
        position: absolute;
        height: 107px;
        display: block;
        width: 1px;
        background: #3a3a3a;
        top: 0;
        right: -2px;
    }

    body.en > header .black-header .wrapSecondModel h3 {
        position: absolute;
        background: transparent url('../Images/header/conditions.png?1374593176');
        width: 233px;
        height: 16px;
        top: 0;
        left: 483px;
        color: #acacac;
        text-align: center;
        font-size: 10px;
        line-height: 13px;
    }

    body.en > header .black-header .wrapSecondModel .expand-menu {
        position: absolute;
        color: #565656;
        font-family: "CCRSans";
        font-size: 22px;
        background: url('../Images/header/logo-area.png?1374593177') no-repeat center top;
        height: 107px;
        width: 357px;
        margin-left: -60px;
        z-index: 2;
    }

        body.en > header .black-header .wrapSecondModel .expand-menu b {
            font-family: "CCRSansBold";
        }

body > header .black-header .wrap .expand-menu .content {
    margin: 0 60px;
    position: relative;
    cursor: pointer;
}

body.en > header .black-header .wrapSecondModel .expand-menu .content > a {
    display: block;
    position: relative;
    z-index: 3;
}

body.en > header .black-header .wrapSecondModel .expand-menu h1 {
    white-space: nowrap;
    margin-left: 101px;
}

    body.en > header .black-header .wrapSecondModel .expand-menu h1:before {
        content: "";
        display: block;
        background-image: url('../Images/header/icons/h1.png?1374593177');
        width: 66px;
        height: 66px;
        margin-top: -1px;
        margin-left: -10px;
        margin-bottom: 3px;
    }

body.en > header .black-header .wrapSecondModel .expand-button {
    cursor: pointer;
    background: url('../Images/header/expand-button.png?1374593177');
    width: 227px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 96px;
    left: 4px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: normal;
    color: #606060;
    padding-top: 18px;
}

body.en > header .black-header .wrapSecondModel .concessionaries {
    background: url('../Images/ie/expand-menu.png?1374593177') no-repeat center bottom;
    padding: 7px 0 0;
    margin: 0 7px;
    width: 223px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px;
    border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: none;
    top: 99px;
    position: absolute;
}

    body.en > header .black-header .wrapSecondModel .concessionaries li {
        display: block;
    }

        body.en > header .black-header .wrapSecondModel .concessionaries li a {
            font-size: 22px;
            color: #565656;
            padding: 13px 22px 9px;
            border-top: 1px dotted #bdbdbd;
            display: block;
            white-space: nowrap;
            font-family: "CCRSans";
        }

            body.en > header .black-header .wrapSecondModel .concessionaries li a b {
                font-family: "CCRSansBold";
            }

            body.en > header .black-header .wrapSecondModel .concessionaries li a:hover {
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #474646), color-stop(100%, #676767));
                background-image: -webkit-linear-gradient(top, #474646, #676767);
                background-image: -moz-linear-gradient(top, #474646, #676767);
                background-image: -o-linear-gradient(top, #474646, #676767);
                background-image: linear-gradient(top, #474646, #676767);
                color: #fefefe;
            }

        body.en > header .black-header .wrapSecondModel .concessionaries li:first-child a {
            border: none;
        }

        body.en > header .black-header .wrapSecondModel .concessionaries li:last-child a {
            -moz-border-radius-bottomleft: 25px;
            -webkit-border-bottom-left-radius: 25px;
            border-bottom-left-radius: 25px;
            -moz-border-radius-bottomright: 25px;
            -webkit-border-bottom-right-radius: 25px;
            border-bottom-right-radius: 25px;
            font-size: 12px;
            font-family: Helvetica, Arial, sans-serif;
            text-align: center;
            padding-top: 10px;
            cursor: pointer;
        }

body.en .wrapSecondModel {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

body.en #cameras {
    /*display:none;*/
}

body.en #torso .boxes > div {
    background-position: 0px 0px;
}

body.en #services .torso {
    width: 545px;
}

body.en.spvias #services .torso {
    width: 545px;
}


body.en #services .torso .toll .prices {
    width: 409px;
}

body.en > header .support-menu.no-languages .languages {
    display: block;
    position: absolute;
    left: 846px;
    top: 0px;
}

body.en > header .support-menu ul {
    text-align: left;
}

body > header .support-menu.no-languages ul li {
    margin: 0px;
}

body.en .wrap {
    position: relative;
}

body.en #torso .boxes > div#services {
    width: 578px;
    margin-left: 20px;
}

body.ponte.en #torso .boxes > div#services,
body.rodonorte.en #torso .boxes > div#services {
    width: 444px;
    margin-left: 20px;
}

body.en.ponte #services span.tel,
body.en.rodonorte #services span.tel {
    right: 171px;
    top: 18px;
}

body.en #services .weighing > .content {
    background: url('../Images/torso/services/background-sfc174afcd8.png') repeat-y;
    background-position: 20px -1014px;
    margin-right: 20px;
    margin-left: 1px;
}

body.en > header .support-menu .languages li a.esp {
    display: none !important
}

body.en #services .torso .toll ul.distribute-vertical {
    width: 111px;
}

body.en #services .torso .service > .content p.left {
    left: 20px;
}

body.en #services .torso .service > .content .right {
    background-color: #4c4b4b;
    height: 230px;
}

body.en #services span.tel {
    right: 324px;
    top: 20px;
}

body.en #torso .boxes > div.half {
    width: 178px;
}

body.en #services .torso .service > .content .right {
    width: 352px;
    float: right;
    padding: 25px;
    font-size: 12px;
}

body.en #torso .boxes > div.half .torso a.text {
    font-size: 14px;
    width: 107px;
}

body.en #torso .boxes > div.half .torso {
    width: 144px;
}

body.en #torso .boxes > div {
    width: 409px;
}

body.en.ponte #services .torso,
body.en.rodonorte #services .torso {
    width: 412px;
}

    body.en.ponte #services .torso .toll .prices,
    body.en.rodonorte #services .torso .toll .prices {
        width: 276px;
    }


body.en.vialagos #services span.tel,
body.en.autoban #services span.tel,
body.en.viaoeste #services span.tel,
body.en.rodoanel #services span.tel,
body.en.spvias #services span.tel {
    right: 308px;
    top: 19px;
}

body.en #services .torso .toll .prices .content h6 {
    font-size: 13px;
}

body.en.rodoanel #torso .boxes > div#services,
body.en.spvias #torso .boxes > div#services {
    margin-left: 0px;
}

body.en .toll {
    padding: 10px;
    padding-right: 15px;
    padding-left: 13px;
}

body.en h4 {
    padding-bottom: 10px;
}

body.en #torso .boxes > div > .content {
    margin: 8px 20px;
}


body.en > header .support-menu a {
    padding: 0 18px;
}


body.en #big-map .togglers ul li .toll.selected, #big-map .togglers ul li .toll:hover {
    padding: 0px;
    margin: 0px;
}

body.en #big-map .togglers ul li .toll {
    padding: 0px;
    margin: 0px;
}

body.en #mediaplayer {
    width: 376px;
}

body.en .player embed {
    width: 376px;
}

body.en #services .torso .service > .content {
    height: 240px;
}

.concessionaries li a {
    color: transparent;
}

.expand-button {
    color: transparent;
}

.content,
h1 {
    color: transparent;
}

body.en h1 {
    color: #565656;
}

h5,
h6,
#services .torso .toll .prices .content .toll span,
#occurrences li p {
    color: #c7c7c5;
}

body.en.rodonorte #services .torso .service > .content .right {
    width: 228px;
}

body.en.autoban #services .trucker-rest > .content {
    background-position: 8% -1271px;
}

/* CSS RÁDIO */
.radio {
    position: relative;
}

    .radio h2 {
        padding: 8px 10px;
        color: #a6a6a6;
        font-size: 14px;
        font-weight: bold;
    }

    .radio object {
        position: absolute;
        left: 0px;
        bottom: -41px;
    }

/* Box clima */

.clima-button {
    background: transparent url('../Images/icons/clima.png') no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    font: 8px "DavidSans";
    float: right;
    padding: 5px 15px 5px 20px;
    text-align: right;
}

.clima {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 5;
}

    .clima .clima-prev,
    .clima .clima-next {
        cursor: pointer;
        display: block;
        position: absolute;
        top: 15px;
        height: 26px;
        width: 30px;
        text-indent: -999em;
        z-index: 5;
    }

    .clima .clima-next {
        background: transparent url('../Images/icons/clima-next.png') no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        right: 10px;
    }

        .clima .clima-next:hover {
            background-image: url('../Images/icons/clima-next-hover.png');
        }

    .clima .clima-prev {
        background: transparent url('../Images/icons/clima-prev.png') no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        right: 39px;
    }

        .clima .clima-prev:hover {
            background-image: url('../Images/icons/clima-prev-hover.png');
        }

    .clima .btCloseXBarra {
        background: url('../Images/icons/clima-arrow.png') no-repeat;
        display: block;
        position: absolute;
        top: 0;
        right: 45px;
        height: 9px;
        width: 23px;
        z-index: 5;
    }

.holderClima {
    background-color: #3a3a3a;
    border-radius: 3px;
    box-shadow: -1px -1px 10px #000;
    color: #e0dbcb;
    font-family: Helvetica, Arial;
    font-weight: 700;
    padding-bottom: 7px;
    width: 268px;
}

.clima-carrosel {
    height: 280px;
    position: relative;
    overflow: hidden;
}

    .clima-carrosel > ul {
        width: 270px;
        position: relative;
    }

        .clima-carrosel > ul > li {
            float: left;
            padding: 0 8px;
            position: absolute;
            width: 254px;
        }

body > header .black-header .wrap .holderClima h3 {
    background: none;
    font-size: 14px;
    height: auto;
    padding: 15px 0;
    position: static;
    text-align: left;
    width: auto;
}

.txtClima01 {
    background-color: #2a2a2a;
    box-shadow: -1px 1px 0 1px #3A3A3A inset;
    padding: 10px 0 12px;
    overflow: hidden;
}

    .txtClima01 .hoje {
        font-size: 12px;
        text-align: center;
    }

    .txtClima01 .hojeNum {
        position: relative;
        margin: 0 15px;
    }

        .txtClima01 .hojeNum:after,
        .txtClima01 .hojeNum:before {
            content: "|";
            position: absolute;
            top: 0;
        }

        .txtClima01 .hojeNum:after {
            left: -10px;
        }

        .txtClima01 .hojeNum:before {
            right: -10px;
        }

    .txtClima01 .holderTempo,
    .txtClima01 .maximas {
        float: left;
        margin-top: 20px;
        text-align: center;
        width: 50%;
    }

    .txtClima01 .holderTempo {
        font-size: 9px;
        font-weight: 400;
        position: relative;
        text-transform: uppercase;
    }

        .txtClima01 .holderTempo .titTempo {
            margin: 0 auto;
            width: 80%;
        }

        .txtClima01 .holderTempo:after {
            background-color: #e0dbcb;
            content: " ";
            height: 45px;
            position: absolute;
            top: 20px;
            right: -5px;
            width: 1px;
        }

    .txtClima01 .maximas .max {
        font-size: 38px;
        margin: 12px 0 18px;
    }

    .txtClima01 .maximas .min {
        font-size: 16px;
    }

.txtClima02 {
    background-color: #404040;
    box-shadow: 1px -1px 0 1px #2d2d2d inset;
    color: #e0dbcb;
    font-weight: 700;
    padding: 5px 0;
}

    .txtClima02 .dayWeek {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 48px;
    }

        .txtClima02 .dayWeek:first-child:after {
            content: none;
        }

        .txtClima02 .dayWeek:after {
            background-color: #525252;
            content: " ";
            height: 78px;
            position: absolute;
            top: 5px;
            left: 0;
            width: 1px;
        }

        .txtClima02 .dayWeek .dayico {
            margin: 5px auto;
        }

        .txtClima02 .dayWeek .dayMax {
            font-size: 12px;
            margin-bottom: 5px;
        }

        .txtClima02 .dayWeek .dayMin {
            color: #7c7c7c;
        }


.main-banner img {
    width: 100%;
}