﻿.interactive-map { position: relative; overflow: hidden; }
.box-482.f-right .interactive-map { border: 1px solid #ACAAAB; border-radius: 5px; height: 355px; overflow: hidden; width: 482px; }
.box-482.f-right.interactive-home .interactive-map { height: 290px; margin-top: 21px; }
.box-482.f-right .interactive-guide .maps { border: 0 none; }
.only-map .interactive-guide { height: 477px; overflow: hidden; width: 100%; }
.box-482 .establishment,
.only-map .establishment,
.only-map .minimize-establishment,
.only-map .option,
.only-map header { display: none; }
.only-map .interactive-map { height: 477px; width: 100%; }
.only-map .maps { height: 477px; }
.box-content-transport .c645 .interactive-guide .maps { height: 475px; width: 643px; }
section.interactive-guide {
    float: right;
    font-family: 'Neo Sans Pro Medium';
    margin: 33px 0 0;
    position: relative;
}
    section.interactive-guide a { color: #383838; text-decoration: none; }
    section.interactive-guide a.btn-bgray { float: left; }
    section.interactive-guide h1 { color: #383838; font-size: 15px; text-transform: uppercase; }
    section.interactive-guide > header { margin: 0 0 5px; overflow: hidden; }
    section.interactive-guide > header h1 { float: left; padding-left: 6px; max-width: 80%;}

    section.interactive-guide .option {
        left: 0;
        height: 44px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 10;
    }
    .box-482.f-right.interactive-home .option {
        left: 0;
        right: -1px;
    }
    section.interactive-guide .option .phrase {
        position:absolute;
        color:#fff;
        z-index:9;
        top:12px;
        left:285px;
        text-transform: uppercase;
    }
    .box-482.f-right.interactive-home .option .phrase { left:21px; }
        section.interactive-guide .bg-black-opacity {
            background-color: #000;
            height: 42px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            position: absolute;
            width: 100%;
        }
        section.interactive-guide .ddl-guide-interactive { float: right; margin: 10px 15px 0 0; position: relative; z-index: 2; }
        
   .full-interactive-guide .interactive-guide { margin-top:-130px;}
   .full-interactive-guide .interactive-guide .wrap-search { clear: both; margin-top: 0; width: 655px; }

.establishment { 
    float: left; 
    position: relative;
    width: 397px; 
    z-index: 5;
}
.minimize-establishment {
    background-color: #F4F4F4;
    border-left: 1px solid #d0d0d0;
    cursor: pointer;
    height: 40px;
    left: -28px;
    position: absolute; 
    width: 27px;
    text-align: center;
    z-index: 5;
}
    .minimize-establishment a { line-height: 40px; }
.interactive-guide .interactive-guide { float: left; margin: 0px; width: 100%; }
    .interactive-guide .btn-dgray-h24 { float: left; font-size: 11px; text-transform: none; }
    .interactive-guide .ico-minipad { float: right; margin: 5px 0 0 5px; }
    .interactive-guide .scroll-establishment { 
        float: left; 
        height: 702px; 
        overflow: auto; 
        width: 397px;

    }
    .full-interactive-guide header { display: none; }
    .interactive-guide .maps {
        border: 1px solid #E2E2E3;
        border-radius: 5px;
        float: right;
        height: 750px;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }
        .interactive-guide .maps .the-map { 
            background-color: #fff; 
            bottom: 0;
            left: 0;
            position: absolute; 
            right: 0;
            top: 0;
            z-index: 1;
        }
            .interactive-guide .maps .overlay { cursor: move; left: 0; position: absolute; top: 0; }
            
            .box-482.f-right.interactive-home .maps .overlay { cursor: default; }
			.box-482.f-right.interactive-home .maps .overlay input{ cursor: default; }
    .full-interactive-guide .interactive-map { 
        height: 752px; 
        float: right; 
        overflow: visible;
        width: 575px; 
        z-index: 9;
    }
    .full-interactive-guide .cabecalho { float: left; width: 380px; }
        /*.full-interactive-guide ul ul { width: 369px; }*/
        .full-interactive-guide .cabecalho { color: #fff; font: normal 14px/40px 'Neo Sans Pro Medium'; }
            .full-interactive-guide .cabecalho div{ 
                background-color: #383838;
                cursor: pointer; 
                height: 40px; 
                text-align: left;
				float:left;
            }
            .full-interactive-guide .scroll-establishment > ul > li{
                background-color: #f4f4f4;
                color: #383838;
                font: 12px/22px 'Neo Sans Pro';
                min-height: 69px;
                padding: 5px 0;
                vertical-align: middle;
				overflow:hidden;
            }
        .full-interactive-guide .scroll-establishment > ul > li.odd { background-color: #e1e1e1; }
		.full-interactive-guide .scroll-establishment > ul > li > div { float:left; }
		.full-interactive-guide .scroll-establishment > ul > li > div.cont { padding-top:25px }
		.full-interactive-guide .scroll-establishment > ul > li > div.avaliation { padding-top:15px }
        .full-interactive-guide .cont {
            color: #a7a7a7;
            font-family: 'Neo Sans Pro Medium';
            font-size: 14px;
            text-align: center;
            width: 43px;
        }
		.full-interactive-guide .avaliation { width: 101px; }
        .full-interactive-guide .content { width: 225px; }
            .full-interactive-guide .content h1 { font-family: 'Neo Sans Pro Medium'; font-size: 14px; }
            .full-interactive-guide .content a { text-decoration: underline; }
            .full-interactive-guide .minimize { 
                background-color: #f4f4f4; 
                color: #000; 
                text-align: center; 
                width: 28px;
            }
            .full-interactive-guide .container-stars { margin: 0; }
            .full-interactive-guide  .container-stars .cont { display: none; }
            
            .interactive-map .slider { height: 100px; left: 25px; position: absolute; top: 50px; z-index: 11; }
            .full-interactive-guide .slider { height: 200px; left: 25px; top: 50px; }
            .interactive-map .slider .range { background: url(/Themes/Default/Img/Lib/UI/bg-slider.png) repeat-y 7px 0; border: 0; height: 100px; padding-bottom: 11px; }
            .full-interactive-guide .slider .range { height: 200px; }
            .interactive-map .slider .range a { 
                background: url(/Themes/Default/Img/Main/icons-sprite.png) no-repeat -216px -87px;
                border: 0 none;
                display: block; 
                height: 10px;
                width: 21px;
            }
            .interactive-map .slider .plus,
            .interactive-map .slider .minus { display: block; text-indent: -9999px; }
            .interactive-map .slider .ui-widget-header { background: transparent; border: 0; }



/* Tooltip */

.interactive-guide .maps .point { 
    height: 29px;
    position: absolute; 
    width: 29px;
}
    .interactive-guide .maps .the-point {
        background-color: #f00;
        border-radius: 15px;
        cursor: pointer;
        height: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        width: 100%;
        z-index: 5; 
    }
    .point .tooltip {
        background-color: #fff;
        box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.4);
        cursor: default;
        left: 50%;
        margin-top: -32px;
        margin-left: -111px;
        position: relative;
        padding: 15px;
        width: 192px;
    }
        .point .tooltip h1 { margin-bottom: 12px; text-transform: none; }
        .point .tooltip img { max-height: 69px; }
        .point .tooltip .btn-added,
        .point .tooltip .btn-dgray-h24 { margin: 10px 0; }
        .point .tooltip p { clear: both; }
        .point .tooltip p a { color: #535353; }
        .point .tooltip .view-store { display: block; font-family: 'Neo Sans Pro'; font-size: 13px; margin: 10px 0 0; }
        
        .interactive-guide .maps .point a { text-decoration: none; }
        .interactive-guide .maps .point a:hover { text-decoration: underline; }

    .point .arrow-tooltip {
        background: url(/Themes/Default/Img/Main/arrow-tooltip.png) no-repeat 0 0;
        height: 27px;
        left: 50%;
        margin: 0 0 0 -25px;
        position: absolute;
        top: 100%;
        width: 49px;
    }