/*FONTS*/
@font-face {
    font-family: 'Soho';
    src: url('Soho-Std-Light.eot');
    src: url('Soho-Std-Light.eot?#iefix') format('embedded-opentype'),
        url('Soho-Std-Light.woff') format('woff'),
        url('Soho-Std-Light.ttf') format('truetype'),
        url('Soho-Std-Light.svg#Soho-Std-Light') format('svg');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Soho';
    src: url('Soho-Std-Regular.eot');
    src: url('Soho-Std-Regular.eot?#iefix') format('embedded-opentype'),
            url('Soho-Std-Regular.woff') format('woff'),
            url('Soho-Std-Regular.ttf') format('truetype'),
            url('Soho-Std-Regular.svg#Soho-Std-Medium') format('svg');    
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Soho';
    src: url('Soho-Std-Medium.eot');
    src: url('Soho-Std-Medium.eot?#iefix') format('embedded-opentype'),
        url('Soho-Std-Medium.woff') format('woff'),
        url('Soho-Std-Medium.ttf') format('truetype'),
        url('Soho-Std-Medium.svg#Soho-Std-Medium') format('svg');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Soho';
    src: url('Soho-Std-Bold.eot');
    src: url('Soho-Std-Bold.eot?#iefix') format('embedded-opentype'),
        url('Soho-Std-Bold.woff') format('woff'),
        url('Soho-Std-Bold.ttf') format('truetype'),
        url('Soho-Std-Bold.svg#Soho-Std-Bold') format('svg'); 
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Myriad';
    src: url('MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
            url('MyriadPro-Regular.woff') format('woff'),
            url('MyriadPro-Regular.ttf') format('truetype'),
            url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0; padding:0; }
img { border:none; }
.content-breaker { width:100%; clear:both; }

/* TEMPORARY TRASH - FIX THIS */
.tmp p { margin:0; }
.mg-bg {  }
/**/

/* HIDE STUFF FROM MOBILE */
#menulogo-mobile { display:none; }
#menutree-mobile { display:none; }
#menubar-mobile { display:none; }

#accordion-goodservice-mobile { display:none; }
/**/

/* MENUBAR start */
#menubar-wrapper { width:954px;/*980*/ margin:0px auto 30px auto; }
#menulogo { width:180px;/*174*/ height:80px; float:left; margin:0px 0px 0px 0px; /*side:20px*/ background:url('logo_black.png') no-repeat center center; }
#menulogo.homestyle { background:url('logo_white.png') no-repeat center center; }
#menulogo > a { display:block; width:100%; height:100%; text-decoration:none; }
#menutree { display:block; width:774px; list-style-type:none; float:left; height:44px; margin-top:26px; padding:10px 9px 0px 9px; box-sizing:border-box; 
            background-color:#E2E3E5; font-family:Soho; }
#menutree > li { display:block; float:left; margin:0px 11px 0px 11px; }
#menutree > li a { color:White; text-decoration:none; text-transform:uppercase; font-size: 20px; font-weight:lighter; letter-spacing: -1px; }
#menutree > li a:hover,
#menutree > li a.on { color:#D22242; }
#menutree.homestyle { background:url('1px_shad_80.png') repeat center center Transparent; /*opacity:0.8;*/ }
#menutree.homestyle > li a { color:#CDCDCD; }
#menutree.homestyle > li a:hover,
#menutree.homestyle > li a.on { color:#D22242; }
#menutree > li:last-child { float:right; }
#menutree > li:last-child a { color:Black; }
#menutree > li:last-child a:hover,
#menutree > li:last-child a.on { color:#D22242; }
/* MENUBAR end */

#content-wrapper { width:954px;/*980*/ margin:0px auto 0px auto; /*background-color:Silver;*/ }
#content-pagetitle {  }
#eventtypes-wrapper { width:100%; clear:both; background-color:#282425; }
#eventtypes-wrapper > .eventtype-big { width:577px; height:499px; float:left; margin:30px 0px 0px 41px; }
#eventtypes-wrapper > .eventtype-big .lnktitle { display:inline-block; margin:0px 0px 14px 10px; font-family:Soho; font-size:16px; font-weight:400; color:#D22242; text-transform:uppercase; }
#eventtypes-wrapper > .eventtype-small-upper { width:246px; height:246px; float:left; margin:30px 0px 0px 60px; }
#eventtypes-wrapper > .eventtype-small-upper .lnktitle { display:inline-block; margin:0px 0px 14px 10px; font-family:Soho; font-size:16px; font-weight:400; color:#D22242; text-transform:uppercase; }
#eventtypes-wrapper > .eventtype-small-lower { width:246px; height:246px; float:left; margin:7px 0px 0px 60px; }
#eventtypes-wrapper > .eventtype-small-lower .lnktitle { display:inline-block; margin:5px 0px 9px 10px; font-family:Soho; font-size:16px; font-weight:400; color:#D22242; text-transform:uppercase; }
#eventtypes-wrapper .lnktitle { text-decoration:none; }
#eventtypes-wrapper > .bottom-bar { width:100%; height:47px;/*51*/ margin-top:29px; border-top:4px solid #D22242; background:url('1px_grad_83.png') repeat-x center center; }
.eventtypelinkbig { width:100%; height:466px; display:block; clear:both; background-color:#282425; }
.eventtypelinksmall { width:100%; height:213px; display:block; clear:both; background-color:#282425; }


#background-container { width:100%; height:416px; position:absolute; top:0px; left:0px; z-index:-10; overflow:hidden; text-align:center; background-color:Black; }
#background-container > .center-box { position:relative; width:984px;/*1*/ height:100%; margin-left:auto; margin-right:auto; overflow:hidden; }
#background-container > .center-box > img { display:none; width:100%; /*position:absolute;*/ /*right:0px;*/ /*margin-left:-80000%;*/ }
#background-container > .center-box > img.on { display:block; }

#home-highlights { width:205px; height:244px; float:left; margin-top:56px; }
#home-highlights > .highlights-box { width:191px;/*205*/ height:184px;/*205*/ clear:both; position:relative; padding:14px 7px 7px 7px; background:url('1px_shad_50.png') repeat center center; }
#home-highlights > .highlights-box .glass { width:20px; height:39px; clear:both; background:url('glass.png') no-repeat center center; }
#home-highlights > .highlights-box .highlight-item { width:100%; height:110px; float:left; }
#home-highlights > .highlights-box .text { display:none; margin-top:5px; text-decoration:none; }
#home-highlights > .highlights-box .text.on { display:block; }
#home-highlights > .highlights-box .text p { margin:0px; font-size:21px; font-family:Soho; color:White; text-transform:uppercase; }
#home-highlights > .highlights-box .text p strong { font-weight:700; }
#home-highlights > .highlights-box .selector-box { width:100%; height:10px; /*margin-top:23px;*/ position:absolute; bottom:10px; left:7px; }
#home-highlights > .highlights-box .selector-box .selector { width:10px; height:10px; float:left; margin-right:3px; background:url('selector.png') no-repeat center center; }
#home-highlights > .highlights-box .selector-box .selector:hover,
#home-highlights > .highlights-box .selector-box .selector.on { cursor:pointer; background:url('selector_hover.png') no-repeat center center; }
#home-highlights > .highlights-box .selector-box a { display:block; width:10px; height:10px; float:left; margin-right:3px; background:url('selector.png') no-repeat center center; text-decoration:none; color:Transparent; }
#home-highlights > .highlights-box .selector-box a.activeSlide,
#home-highlights > .highlights-box .selector-box a:hover { cursor:pointer; background:url('selector_hover.png') no-repeat center center; }



#home-highlights > .button-events { display:block; width:82px; height:14px; margin-top:9px; padding-top: 3px; background-color:#282425;
                                    color:White; font-family:Soho; font-weight:300; font-size: 9px; 
                                    text-align: center;  text-transform:uppercase; text-decoration:none; }

#home-professional { width:145px; height:244px; float:right; margin-top:56px; }
#home-professional > .title-box { width:100%; height:24px;/*29*/ background-color:#282425; margin:21px 0px 1px 0px; padding-top:5px; text-align:center; }
#home-professional > .title-box > .title { color:White; font-family:Soho; font-size:14px; text-transform:uppercase; }
#home-professional > .links-box { width:100%; height:193px; background-color:#282425; }
#home-professional > .links-box ul { list-style-type:none; padding:11px 0px 0px 0px; margin:0; }
#home-professional > .links-box ul li { display:block; clear:both; margin:0px 6px 18px 10px; padding-right:11px; line-height:10px; background:url('arrow_mini.png') no-repeat right center; }
#home-professional > .links-box ul li a { font-family:Soho; font-size:10px; font-weight:400; color:White; text-decoration:none; text-transform:uppercase; }
#home-professional > .links-box ul li:hover { cursor:pointer; background:url('arrow_mini_hover.png') no-repeat right center; }
#home-professional > .links-box ul li:hover a { color:#D22242; }


#home-restaurant { width:376px;/*356-326*/ height:206px;/*236*/ float:left; padding:15px; margin-top:25px; position:relative; background:url('1px_grad_236.jpg') repeat-x left center; }
#home-restaurant > .image { width:206px; height:206px; float:left; margin-right:15px; overflow:hidden; }
#home-restaurant > .image img { width:100%; }
#home-restaurant > .title { font-size:14px; font-weight:300; font-family:Soho; color:White; text-transform:uppercase; }
#home-restaurant > .restaurant-text { float:left; width:105px; margin-top:8px; line-height:16px; font-family:Soho; text-transform:uppercase; }
#home-restaurant > .restaurant-text .name { font-size:20px; color:#D22242; }
#home-restaurant > .restaurant-text .location { font-size:14px; font-weight:700; color:White; }
#home-restaurant > .arrow { display:block; width:13px; height:19px; position:absolute; right:15px; bottom:15px; 
                            background-image:url('arrow_right.png'); background-repeat:no-repeat; background-position:center center; text-decoration:none; }
#home-restaurant > .arrow:hover { background-image:url('arrow_right_hover.png'); }

#home-events { width:473px;/*567-523*/ height:206px;/*236*/ float:right; padding:15px 22px 15px 22px; margin-top:25px; position:relative; background:url('1px_grad_236.jpg') repeat-x left center; }
#home-events > .title { width:100%; height:29px; clear:both; font-family:Soho; font-size:19px; color:#D22242; text-transform:uppercase; }
#home-events > .image { width:346px; height:177px; float:left; overflow:hidden; }
#home-events > .image img { width:100%; }
#home-events > .arrow-box { width:13px; height:19px; position:absolute; right:15px; bottom:15px;  }
#home-events > .arrow-box a { display:block; width:100%; height:100%; color:Transparent; text-decoration:none; 
                                   background-image:url('arrow_right.png'); background-repeat:no-repeat; background-position:center center;}
#home-events > .arrow-box a:hover { background-image:url('arrow_right_hover.png'); }

/* START A Copo */
#testimonies { width:180px; float:left; }
#testimonies .testimony-main { width:100%; display:none; clear:both; padding-bottom:10px; font-family:Soho; color:White; background-color:#808485; }
#testimonies .testimony-main.on { display:block; }
#testimonies .test-img-name { float:left; }
#testimonies .test-description { float:left; }
#testimonies .testimony-main img {  }
#testimonies .testimony-main .subject { padding:10px 10px 0px 10px; }
#testimonies .testimony-main .jobtitle { font-weight:300; font-size:20px; text-transform:uppercase; /*padding:0px 10px 0px 10px;*/ }
#testimonies .testimony-main .name { font-weight:700; font-size:20px; text-transform:uppercase; /*padding:0px 10px 0px 10px;*/ }
#testimonies .testimony-main p { font-size:11px; padding:0px 10px 0px 10px; }
#testimonies .testimony-video { width:100%; min-height:57px; clear:both; margin-top:10px; font-family:Soho; color:Black; }
#testimonies .testimony-video .subject { width:103px;/*123*/ min-height:47px;/*57*/ float:left; padding:5px 10px 5px 10px; background-color:#E2E3E5; overflow-x:hidden; }
#testimonies .testimony-video .jobtitle { font-weight:300; font-size:18px; text-transform:uppercase; } 
#testimonies .testimony-video .name { font-weight:700; font-size:18px; text-transform:uppercase; }
#testimonies .testimony-video .link-video { width:56px; min-height:57px; float:left; margin-left:1px; background-color:#E2E3E5; }
#testimonies .testimony-video .link-video span { display:block; width:100%; margin-top:5px; font-family:Soho; font-size:9px; text-transform:uppercase; color:Black; text-align:center; }
#testimonies .testimony-video .link-video .button { width:24px; height:24px; margin:5px auto; background:url('play.png') no-repeat center center; }
#testimonies .testimony-video .link-video .button:hover { cursor:pointer; background:url('play_hover.png') no-repeat center center; }

#byglass { width:750px; float:right; margin-left:22px; }
#byglass > .highlight-main { width:750px; height:396px; float:left; }

.highlight { display:none; width:750px; height:396px; position:relative; }
.highlight.on { display:block; }
/*.highlight:first-child { display:block; }*/
.highlight > img { position:absolute; top:0px; left:0px; }
.highlight > .box { width:560px;/*508*/ height:130px;/*166*/ padding:11px 18px 11px 18px; position:absolute; top:194px; left:68px; color:White; font-family:Soho; background:url('1px_shad_50.png') repeat center center; }
.highlight > .box .glass { width:23px; height:42px; clear:both; margin-bottom:2px; }
.highlight > .box .title { max-width:160px; float:left; line-height:23px; font-size:21px; font-weight:300; text-transform:uppercase; }
.highlight > .box .title p { margin:0; }
.highlight > .box .content-box { width:400px; float:right; }
.highlight > .box .content-box p { margin:0; line-height:13px; }
.highlight > .box .content-box > .subtitle { font-size:13px; font-weight:700; text-transform:uppercase; }
.highlight > .box .content-box > .text { font-size:12px; }
.highlight-thumb { width:117px; float:left; margin:0px 12px 0px 12px; }
.highlight-thumb:hover { cursor:pointer; }
.highlight-thumb img {  }
.highlight-thumb .title { font-family:Soho; color:White; font-size:11px; line-height:10px; text-transform:uppercase; }
.highlight-thumb .title p { margin:0; }

#byglass > .highlight-slider { width:705px;/*750*/ height:198px; float:left; margin-top:22px; padding:0px 22px 0px 23px; background:url('1px_grad_198.png') repeat-x center center; }
#byglass > .highlight-slider .selector-container { width:705px; height:6px; margin:21px 0px 6px 0px; background-color:#282425; }
#byglass > .highlight-slider .selector-container .selector { width:117px; height:6px; margin:0px 12px 0px 12px; float:left; background-color:transparent; }
#byglass > .highlight-slider .selector-container .selector.on { background-color:#D22242; }
/* END A Copo */

/* START Onde */
#search-rest { width:160px; height:390px; float:left; }
#search-rest > .distritos-box { width:100%; height:42px; margin-bottom:1px; background-color:#808485; }
#search-rest > .distritos-box .combobox { /*width:127+17; padding-right:17px;*/ width:145px; height:17px; float:left; position:relative; margin:14px 0px 0px 7px; background-color:White; 
                                -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #808485; }
#search-rest > .distritos-box .combobox .text { display:block; width:123px; float:left; margin:3px 0px 0px 5px; font-size:10px; font-family:Soho; color:#333; text-transform:uppercase; }
#search-rest > .distritos-box .combobox .button { width:17px; height:17px; float:right; background:url('drop.png') no-repeat center center; }
#search-rest > .distritos-box .combobox .button:hover { background:url('drop_hover.png') no-repeat center center; }
#search-rest > .distritos-box .combobox .options { /*width:100%; height:*/ }
#search-rest > .map-box { width:100%; height:280px; margin-bottom:1px; background-color:#808485; }
#search-rest > .map-box img { margin:40px 0px 0px 10px; }
#search-rest > .filter-box { width:151px; height:66px; padding-left:9px; margin-bottom:1px; background-color:#808485; color:White; font-family:Soho; font-weight:300; font-size:10px; text-transform:uppercase; }
#search-rest > .filter-box .title { display:block; float:left; clear:both; width:100%; margin:7px 0px 5px 9px; }
#search-rest > .filter-box .option { cursor:pointer; float:left; margin-left:7px; }
#search-rest > .filter-box .option .check { width:11px; height:11px; float:left; margin-right:2px; background-position:center center; background-repeat:no-repeat;
                                            background-image:url('box.png'); }
#search-rest > .filter-box .option.on .check { background-image:url('box_checked.png'); }
#search-rest > .filter-box .option span { display:block; float:left; }

#search-rest > .filter-box .search-input { width:147px; height:17px; float:left; position:relative; background-color:White; margin-top:6px;
                                -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #808485; }
#search-rest > .filter-box .search-input input { margin: 0px 0px 0px 5px; padding: 0; border: 0; width: 121px; height:17px; float:left; }
#search-rest > .filter-box .search-input .button { width:17px; height:17px; float:right; background:url('go.png') no-repeat center center; }
#search-rest > .filter-box .search-input .button:hover { cursor:pointer; background:url('go_hover.png') no-repeat center center; }



#highlight-rest { width:766px; min-height:390px; float:left; margin-left:28px; }
#highlight-rest .restaurant-main-box { width:100%; height:100%; float:left; display:none; }
#highlight-rest .restaurant-main-box.on { display:block; }
#highlight-rest .page-title { display:block; height:42px; /*float:left;*/ clear:both; font-family:Soho; color:Transparent; text-transform:uppercase; }
#highlight-rest .restaurant-main-box[ishighlight="true"] .page-title { color:#D22242; }
#highlight-rest .image-box { width:567px; height:347px; float:left; }
#highlight-rest .image-box img { width:100%; }
#highlight-rest .detail-box { width:169px; min-height:200px; margin-left:30px; float:left; font-family:Soho; }
#highlight-rest .detail-box .type { font-weight:300; text-transform:uppercase; }
#highlight-rest .detail-box .name { font-weight:900; font-size:28px; line-height:27px; color:#D22242; text-transform:uppercase; }
#highlight-rest .detail-box .name p { margin:0; }
#highlight-rest .detail-box .description { margin-top:20px; font-size:10px; }
#highlight-rest .detail-box .description p {  }

#choose-rest { width:100%; height:165px;/*198*/ float:left; position:relative; overflow:hidden; margin-top:22px; padding-top:33px; /*padding:0px 22px 0px 23px;*/ background:url('1px_grad_198.png') repeat-x center center; }
#choose-rest > .arrow-left { width:29px; height:117px; float:left; position:absolute; top:33px; left:0px; z-index:200; background-image:url('arrow_left.png'); background-repeat:no-repeat; background-position:right center; }
#choose-rest > .arrow-left:hover { cursor:pointer; background-image:url('arrow_left_hover.png'); }
#choose-rest > .arrow-right { width:29px; height:117px; float:right; position:absolute; top:33px; right:0px; z-index:200; background-image:url('arrow_right.png'); background-repeat:no-repeat; background-position:left center; }
#choose-rest > .arrow-right:hover { cursor:pointer; background-image:url('arrow_right_hover.png'); }
#choose-rest .scroll-wrapper { width:1908px; height:165px; position:absolute; top:33px; left:0px; margin-left:30px; }
#choose-rest .restaurant-box { display:none; width:117px; /*height:117px;*/ margin:0px 16px 0px 16px; float:left; cursor:pointer; }
#choose-rest .restaurant-box.on { display:block; }
#choose-rest .restaurant-box > .image-box { width:100%; height:117px; overflow:hidden; }
#choose-rest .restaurant-box > .image-box img { width:100%; }
#choose-rest .restaurant-box > .name { display:block; float:left; margin:6px 0px 2px 0px; clear:both; font-family:Soho; font-size:9px; color:White; text-transform:uppercase; }
#choose-rest .restaurant-box > .rating-box { width:35px; height:12px; float:left; clear:both; background:url('glass_rating_grey.png') repeat-x left center; }
#choose-rest .restaurant-box > .rating-box .glass { width:7px; height:12px; float:left; background:url('glass_rating_red.png') no-repeat left center; }

/* END Onde */

/* EVENTOS */
#events { width:100%; clear:both; background-color:#282425; }
#events > .event-title { /*width:100%;*/ float:left; clear:both; position:relative; z-index:1000; margin:30px 0px 15px 50px; color:white; font-family:Soho; font-size:16px; }
#events > .event-title > .event-name { display:none; float:left; font-weight:400; color:#D22242; text-transform:uppercase; }
#events > .event-title > .event-date { display:none; float:left; margin-left:5px; color:#E2E3E5; }
#events > .event-title > .event-name.on,
#events > .event-title > .event-date.on { display:block; }
#events > .event-title > .container { float:left; margin:0px 0px 0px 20px; }
#events > .event-images { width:879px; height:464px; clear:both; position:relative; overflow:hidden; margin:0px auto 0px auto; }
#events > .event-images > .images-container { width:879px; height:464px; display:none; overflow:hidden; position:absolute; top:0px; left:0px; }
#events > .event-images > .images-container.on { display:block; }
#events > .event-images /*> .images-container*/ .images-change { width: 100px; height: 100%; position: absolute; top: 0px; z-index:100; /*background-color: maroon;*/ /*opacity: 0.5;*/ }
#events > .event-images /*> .images-container*/ .images-change:hover { background-color:#D22242; }
#events > .event-images /*> .images-container*/ .images-change.left { left:0px; background:url('arrow_left_big.png') no-repeat center center; }
#events > .event-images /*> .images-container*/ .images-change.left:hover { cursor:pointer; background:url('arrow_left_big_hover.png') no-repeat center center; }
#events > .event-images /*> .images-container*/ .images-change.right { right:0px; background:url('arrow_right_big.png') no-repeat center center; }
#events > .event-images /*> .images-container*/ .images-change.right:hover { cursor:pointer; background:url('arrow_right_big_hover.png') no-repeat center center; }
#events > .event-images > .images-container img { width:879px;/*100%*/ float:left;  /*display:none;*/ }
#events > .event-images > .images-container img.on { /*display:block;*/ }
#events > .go-back { width:100%; height:47px;/*51*/ margin-top:29px; border-top:4px solid #D22242; background-color:Black; }
#events > .go-back a { font-weight:700; font-size:16px; font-family:Soho; color:White; text-transform:uppercase; text-decoration:none; display:inline-block; margin:13px 0px 0px 38px; }
#events > .go-back a:hover { color:#D22242; }
#events > .go-back-mobile { display:none; }

#lightbox-events { display:none; }
/**/

/* START Bom Serviço a Copo */
#accordion-goodservice { width:100%; /*min-height:618px;*/ background-color:#282425; }
#accordion-goodservice > .bar { width:100%; height:50px; background:url('1px_grad_142.jpg') repeat center center; background-size:100% 100%; }
#accordion-goodservice > .accordion-container { width:880px; min-height:496px; clear:both; margin:35px auto 0px auto; }
#accordion-goodservice .accordion-line { width:100%; float:left; }
#accordion-goodservice .accordion-line:first-child .line-items .item { border-top:3px solid #D22242; }
#accordion-goodservice .accordion-line:last-child .line-items .item { border-bottom:3px solid #D22242; }
#accordion-goodservice .accordion-line > .line-items { height:83px; }
#accordion-goodservice .accordion-line > .line-items > .item { display:table; vertical-align:middle; width:440px; height:83px; float:left; position:relative; background:url('1px_grad_83.png') repeat center center; }
#accordion-goodservice .accordion-line > .line-items > .item > span { display:table-cell; vertical-align:middle; color:#D22242; font-size:20px; font-family:Soho; text-transform:uppercase; }
#accordion-goodservice .accordion-line > .line-items > .item > .arrow { position:absolute; width:19px; height:13px; top:35px; background:url('arrow_down.png') no-repeat center center; }
#accordion-goodservice .accordion-line > .line-items > .item[side="0"] span { padding:0px 20px 0px 55px; }
#accordion-goodservice .accordion-line > .line-items > .item[side="0"] .arrow { left:18px; }
#accordion-goodservice .accordion-line > .line-items > .item[side="1"] span { padding:0px 55px 0px 20px; }
#accordion-goodservice .accordion-line > .line-items > .item[side="1"] .arrow { right:18px; }

#accordion-goodservice .accordion-line > .line-contents {  }
#accordion-goodservice .accordion-line > .line-contents > .content { display:none; width:100%; min-height:163px; float:left; clear:both; padding-bottom:25px; border-top:3px solid #D22242; border-bottom:3px solid #D22242; color:White; font-family:Soho; font-size:12px; }
#accordion-goodservice .accordion-line > .line-contents > .content p { margin:0; padding:0; padding:15px 30px;  }
#accordion-goodservice .accordion-line > .line-contents > .content ul { padding-left:70px; }
#accordion-goodservice .restaurant-seal { width:210px; height:250px; float:left; margin:10px 0px 10px 10px; }
#accordion-goodservice .restaurant-seal .seal { width:65px; height:100%; float:left; margin-right:10px; }
#accordion-goodservice .restaurant-seal .content-box { width:135px; height:100%; float:left; font-family:Soho; }
#accordion-goodservice .restaurant-seal .content-box .district { font-size:14px; color:#D22242; font-weight:700; text-transform:uppercase; }
#accordion-goodservice .restaurant-seal .content-box .name { font-size:14px; font-weight:700; text-transform:uppercase; }
#accordion-goodservice .restaurant-seal .content-box .name a { color:White; text-decoration:none; }
#accordion-goodservice .restaurant-seal .content-box .telephone { font-size:10px; color:Gray; text-transform:uppercase; }
#accordion-goodservice .restaurant-seal .content-box .telephone > p { margin:0; padding:0; }
#accordion-goodservice .restaurant-seal .content-box .rankname { font-size:10px; color:Silver; text-transform:uppercase; }
#accordion-goodservice .restaurant-seal .content-box .rank { font-size:10px; color:Gray;  }
#accordion-goodservice .restaurant-seal .content-box .description { margin-top:10px; }
#accordion-goodservice .restaurant-seal .content-box .description p { margin:0; padding:0; }

/*#accordion-goodservice .accordion-item { width:50%; height:83px; float:left; background:url('1px_grad_83.png') repeat center center;}*/
/* END Bom Serviço a Copo */

/* START Wine Lovers */
#quiz { width:100%; /*height:619px;*/ float:left; background-color:Black; color:White; }
#quiz > .head { width:889px; height:87px;/*142*/ float:left; padding:55px 0px 0px 65px; font-family:Soho; background:url('1px_grad_142.jpg') repeat-x left top; }
#quiz > .head > img { display:none; }
#quiz > .head span { display:block; clear:both; }
#quiz > .head .pretitle { font-size:17px; font-weight:300; line-height:10px; text-transform:uppercase; }
#quiz > .head .title { font-size:34px; font-weight:900; color:#D22242; text-transform:uppercase; }
#quiz > .head .subtitle { font-size:12px; font-weight:300; line-height:30px; }
#quiz > .content-box { width:100%; min-height:347px; float:left; background:url('1px_grad_236.jpg') repeat-x left top Black; }
#quiz .question-box { width:238px; height:200px; float:left; margin: 20px 40px 20px 40px; 
                      font-family:Soho;}
#quiz .question-box > .number { font-size:30px; font-weight:700; color:#D22242; }
#quiz .question-box > .question { font-size:14px; }
#quiz .question-box > table { margin-top:10px; }
#quiz .question-box > table td { padding-left:20px; font-size:11px; }
#quiz .question-box > table td label.right { color:#AAE97F; }
#quiz .question-box > table td label.wrong { color:#D22242; }

#quiz > .foot { width:100%; height:100px; float:left; background:url('1px_grad_142.jpg') repeat-x left top; }
#quiz > .foot .buttons { width:87px; height:70px; float:left; margin:10px 0px 0px 62px; }
#quiz > .foot .buttons .btn { width:100%; height:32px; float:left; }
#quiz > .foot .buttons .rank { background:url('btn_quiz_rank.png') no-repeat center center; }
#quiz > .foot .buttons .rank:hover { cursor:pointer; background:url('btn_quiz_rank_hover.png') no-repeat center center; }
#quiz > .foot .buttons .result { margin-top:4px; font-family:Soho; font-weight:900; font-size:26px; text-align:center; background:url('btn_quiz_result.png') no-repeat center center; }
#quiz > .foot .restart { width:30px; height:29px; float:left; margin:27px 10px 10px 10px; background-image:url('undo.png'); background-position:center center; background-repeat:no-repeat; }
#quiz > .foot .restart:hover { cursor:pointer; background-image:url('undo_hover.png') }
#quiz > .foot .result-titles { float: left; font-family: soho; margin-top: 53px; margin-left: 5px; }
#quiz > .foot .result-titles span { display:none; }
#quiz > .foot .result-titles span.on { display:block; }
/* END Wine Lovers */

/* START Agenda */
#agenda { width:100%; float:left; background-color:Black; color:White; }
#agenda > .head { width:889px; height:67px;/*142*/ float:left; padding:75px 0px 0px 65px; font-family:Soho; background:url('1px_grad_142.jpg') repeat-x left top; }
#agenda > .head .title { font-size:17px; font-weight:900; color:#D22242; text-transform:uppercase; }
#agenda > .content-box { width:100%; min-height:347px; float:left; background:url('1px_grad_236.jpg') repeat-x left top Black; }
#agenda > .content-box > .agenda-item { width:275px; height:150px; float:left; margin: 20px 20px 10px 20px; font-family:Soho; font-size:12px; }
#agenda > .content-box .field { color:#D22242; font-weight:700; text-transform:uppercase; }
#agenda > .content-box .value { color:White; }
#agenda > .content-box .date { font-size:16px; text-transform:uppercase; }

#agenda > .foot { width:100%; height:100px; float:left; background:url('1px_grad_142.jpg') repeat-x left top; }
/* END Agenda */

/* START Institucional (AboutUs, PressRoom, Contactos) */
#institutional { width:100%; float:left; background:url('bg_glasses.png') repeat -1px top #231f20; }
#institutional > .content-block { width:600px; height:616px; margin:0px auto 0px auto; background:url('1px_grad_616.png') repeat-x left top #231f20; border-left:3px solid #424649; border-right:3px solid #424649; }
#institutional > .content-block > .content { width:530px; padding-top:100px; margin:0px auto 0px auto; font-family:Soho; font-size:14px; font-weight:300; color:White; }
#institutional > .content-block > .content a { text-decoration:none; color:White; font-weight:700; }
#institutional > .content-block > .content a:hover { text-decoration:underline; }
#institutional > .content-block > .content > .title { font-weight:900; font-size:18px; color:#D22242; text-transform:uppercase; }

#pressroom { width:100%; float:left; background-color:Black; color:White; }
#pressroom > .head { width:889px; height:67px;/*142*/ float:left; padding:75px 0px 0px 65px; font-family:Soho; background:url('1px_grad_142.jpg') repeat-x left top; }
#pressroom > .head .title { font-size:17px; font-weight:900; color:#D22242; text-transform:uppercase; }
#pressroom > .content-box { width:904px; min-height:347px; float:left; padding:25px; font-family:Soho; font-size:13px; background:url('1px_grad_236.jpg') repeat-x left top Black; }
#pressroom > .content-box strong { color:#d22242; }
#pressroom > .foot { width:100%; height:100px; float:left; background:url('1px_grad_142.jpg') repeat-x left top; }

#newslist { width:100%; float:left; }
#newslist > .news-item { width:854px; float:left; clear:both; margin: 20px 50px 10px 50px; font-family:Soho; }
#newslist > .news-item span { display:inline-block; width:100%; clear:both; }
#newslist > .news-item .title a { color:#D22242; font-size:16px; font-weight:700; line-height:17px; text-transform:uppercase; text-decoration:none; }
#newslist > .news-item .date { font-size:11px; }
#newslist > .news-item .lead { font-size:12px; }

#news { width:100%; float:left; background-color:Black; color:White; }
#news > .head { width:889px; height:107px;/*142*/ float:left; padding:35px 0px 0px 65px; font-family:Soho; background:url('1px_grad_142.jpg') repeat-x left top; }
#news > .head span { display:inline-block; width:100%; clear:both; }
#news > .head .title { font-size:17px; font-weight:900; color:#D22242; text-transform:uppercase; }
#news > .head .date { font-size:11px; }
#news > .head .subtitle { font-size:14px; margin-top:7px; }
#news > .content-box { width:904px; min-height:347px; float:left; padding:25px; font-family:Soho; font-size:13px; background:url('1px_grad_236.jpg') repeat-x left top Black; }
#news > .content-box strong { color:#d22242; }
#news > .foot { width:100%; height:100px; float:left; background:url('1px_grad_142.jpg') repeat-x left top; }
#news > .foot .go-back { width:100%; height:47px;/*51*/ margin-top:29px; }
#news > .foot .go-back a { font-weight:700; font-size:16px; font-family:Soho; color:White; text-transform:uppercase; text-decoration:none; display:inline-block; margin:13px 0px 0px 38px; }
#news > .foot .go-back a:hover { color:#D22242; }
/* END Institucional */

/* FOOTER start */
#footer-wrapper { width:954px;/*980*/ height:35px; margin:0px auto 0px auto; }
#footer { width:100%; height:23px; clear:both; margin:5px 0px 5px 0px; }
#footer > .pages { display:block; float:left; margin:0; padding:0; }
#footer > .pages li { display:block; float:left; }
#footer > .pages a { margin-right:20px; color:#999; font-size:10px; font-weight:300; font-family:Soho; text-transform:uppercase; text-decoration:none; }
#footer > .pages a:hover { color:#D22242; }
#footer > .links-wrapper { width:224px; height:23px; float:right; }
#footer > .links-wrapper a { display:block; float:left; text-decoration:none; }
#footer > .links-wrapper img {  }
#footer > .links-wrapper .mobile { display:none; }
#footer > .copyright { float:right; margin:10px 15px 0px 0px; font-size:7px; font-family:Soho; color:#999; }
/* FOOTER end*/

/* START Lightboxes */
.lightbox { display:none; position:fixed; z-index:3000; top:0px; right:0px; bottom:0px; left:0px; background:url('1px_shad_20.png') repeat center center; }

#lightbox-video {  }
#lightbox-video #testimonyvideo { display:block; margin:20px auto 0px auto; }
#lightbox-video .close-box { cursor:pointer; width:800px; height:20px; margin:10px auto; color:White; font-family:Soho; font-weight:700; text-transform:uppercase; text-align:right; }

#lightbox-information {  }
#lightbox-information .close-box { cursor:pointer; width:800px; height:20px; margin:10px auto; color:White; font-family:Soho; font-weight:700; text-transform:uppercase; text-align:right; }
#lightbox-information .form-information { margin-top:25px; position:relative; }
#lightbox-information .form-information .success { width:334px; height:100%; position:absolute; top:0px; left:0px; right:0px; margin:0px auto 0px auto; background:url('1px_shad_20.png') repeat center center; }
#lightbox-information .form-information .success span { display:inline-block; font-size:22px; font-family:Soho; font-weight:900; color:#d22242; text-align:center; margin-top:180px; }
#lightbox-information .form-information .success .close { float:right; font-family:Soho; text-transform:uppercase; color:White; font-size:12px; font-weight:700; margin:10px 10px;}
#lightbox-information .form-information .input-line { width:314px; min-height:26px; margin:10px auto 0px auto; }
#lightbox-information .form-information .input-line .text { display:block; float:left; width:100px; margin-top:3px; font-family:Soho; font-weight:700; color:#D22242; font-size:14px; }
#lightbox-information .form-information .input-line input[type=submit] { float:right; }
#lightbox-information .form-information .input-line .txtarea { padding:0; font-family:Soho; }
#lightbox-information .form-information .input-line .valid { float:right; width:10px; height:10px; margin-top:5px; text-align:center; color:#d22242; }

#lightbox-evaluation {  }
#lightbox-evaluation .close-box { cursor:pointer; width:800px; height:20px; margin:10px auto; color:White; font-family:Soho; font-weight:700; text-transform:uppercase; text-align:right; }
#lightbox-evaluation .form-description { width:360px; margin:0px auto 0px auto; font-family: Soho; color:White; font-size:14px; }
#lightbox-evaluation .form-evaluation { margin-top:25px; position:relative; }
#lightbox-evaluation .form-evaluation .success { width:380px; height:100%; position:absolute; top:0px; left:0px; right:0px; margin:0px auto 0px auto; background:url('1px_shad_20.png') repeat center center; }
#lightbox-evaluation .form-evaluation .success span { display:inline-block; font-size:22px; font-family:Soho; font-weight:900; color:#d22242; text-align:center; margin-top:180px; }
#lightbox-evaluation .form-evaluation .success .close { float:right; font-family:Soho; text-transform:uppercase; color:White; font-size:12px; font-weight:700; margin:10px 10px; }
#lightbox-evaluation .form-evaluation .input-line { width:360px; min-height:26px; margin:10px auto 0px auto; }
#lightbox-evaluation .form-evaluation .input-line .text { display:block; float:left; width:145px; margin-top:3px; font-family:Soho; font-weight:700; color:#D22242; font-size:14px; }
#lightbox-evaluation .form-evaluation .input-line input[type=submit] { float:right; }
#lightbox-evaluation .form-evaluation .input-line .txtarea { padding:0; font-family:Soho; }
#lightbox-evaluation .form-evaluation .input-line .valid { float:right; width:10px; height:10px; margin-top:5px; text-align:center; color:#d22242; }
/* END Lightboxes */

/* TMP Dropdown */
.dropdown { position:relative; /*width:297px;*/ height:17px; cursor:pointer; color:#333;
           background-color:White; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #808485; }
.dropdown .value-block { float:left; /*width:280px;*/ height:17px; margin-right:6px; }
.dropdown .value-block span { font-size:12px; text-transform:uppercase; }
.dropdown .value-block span.id {display:none;}
.dropdown .value-block span.value { display:block; margin:1px 0px 0px 4px; }

.dropdown .picker-block { float:left; width:17px; height:17px; background:url('drop.png') no-repeat center center;}

.dropdown .list-block { position:absolute; top:17px; left:0px; z-index:1; width:100%;/*297*/ margin-left:-1px; display:none; border:1px solid #808485; border-top:none;}
.dropdown .list-block .list-item {background-color:white; display:block; width:100%; min-height:20px; border-top:1px solid #808485;}
.dropdown .list-block .list-item span { font-size:12px; text-transform:uppercase; }
.dropdown .list-block .list-item span.id { display:none; }
.dropdown .list-block .list-item span.value { display:block; margin:3px 0px 0px 4px; }
/**/
.distritos-box .container { float:left; margin:14px 0px 0px 7px; }
.distritos-box .dropdown { position:relative;width:145px;height:17px; cursor:pointer; color:#333; font-family:Soho;
           background-color:White; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #808485; }
.distritos-box .dropdown .value-block { float:left; width:128px; height:17px; margin-right:0px;}
.distritos-box .dropdown .value-block span { font-size:12px; text-transform:uppercase; }
.distritos-box .dropdown .value-block span.id {display:none;}
.distritos-box .dropdown .value-block span.value { display:block; margin:1px 0px 0px 4px; }

.distritos-box .dropdown .picker-block { float:left; width:17px; height:17px; background:url('drop.png') no-repeat center center;}

.distritos-box .dropdown .list-block { position:absolute; top:17px; left:0px; z-index:1; width:145px; margin-left:-1px; display:none; border:1px solid #808485; border-top:none;}
.distritos-box .dropdown .list-block .list-item {background-color:white; display:block; width:100%; height:20px; border-top:1px solid #808485;}
.distritos-box .dropdown .list-block .list-item span { font-size:12px; text-transform:uppercase; }
.distritos-box .dropdown .list-block .list-item span.id { display:none; }
.distritos-box .dropdown .list-block .list-item span.value { display:block; margin:3px 0px 0px 4px; }

/*
.content-explorer-toolbar { position:relative;width:100%; height:38px;padding-top: 17px; z-index:10; }
.sort-button {cursor:pointer;width:36px;height:36px;position: relative;float: right;margin-left: 10px;margin-right:10px;background-image:url('seta_ordenar.png'); background-position:center center; background-repeat:no-repeat;border-width:1px; border-style:solid; border-color:#1C67B2;}
.dropdown-container {width:260px;height:38px;position:relative;float:right; font-family:'Lato',sans-serif;}
.dropdown-custom-explorer {outline:none;position:relative;width:260px;height:38px;cursor:pointer;/*font-weight:bold;*/}/*
.dropdown-custom-explorer.expanded, 
.dropdown-custom-explorer:hover {background-color:#d1d4d7;}

.dropdown-custom-explorer .value-block,
.dropdown-custom-explorer:hover .value-block{float:left;width:222px;height:30px;color:#1C67B2;font-size:20px;margin-top:7px;}
.dropdown-custom-explorer .value-block span.id {display:none;}
.dropdown-custom-explorer .value-block span.value {padding-left:5px}
.dropdown-custom-explorer .picker-block {float:left;width:36px;height:36px;background-image: url('seta_accordion.png');background-repeat: no-repeat;background-position: center center; border:1px solid #1C67B2; }
.dropdown-custom-explorer.expanded .picker-block, .dropdown-custom-explorer:hover .picker-block {background-color:#d1d4d7; /*background-image: url('seta_accordion_hover.png');*/}/*
.dropdown-custom-explorer .list-block {position:absolute;top:38px;left:0px;z-index:1;width:222px;display:none;margin-left:0px;}
.dropdown-custom-explorer .list-block.expanded {}
.dropdown-custom-explorer .list-block .list-item {font-weight:normal;font-size:14px;padding-top:5px;background-color:#ededed;display:block;width:100%;height:34px;border-top:1px solid #fff;}
.dropdown-custom-explorer .list-block .list-item:hover {background-color:#d1d4d7;}
.dropdown-custom-explorer .list-block .list-item span.id {display:none;}
.dropdown-custom-explorer .list-block .list-item span.value {margin-top: 6px;margin-left:26px;color:#1f2730;display:block;width:100%;height:20px}
.content-filter {position: relative;float:right;width: 200px;height: 30px;}
.content-filter #content-filter-select {width:190px;display:none;}
*/
/**/
#highlight-rest .onde-highlight-ctrl-wrapper{
}
#highlight-rest .onde-highlight-ctrl{
   height: 20px;
   position: absolute;
   top: 0;
   left: 1100px !important;
   text-align: left;
   z-index: 5;
   top: auto;
}
.onde-highlight-ctrl.pager{
   margin: 0 10px;
}
.onde-highlight-ctrl.pager a{
   background: url("selector.png") no-repeat scroll center center rgba(0, 0, 0, 0);
   color: Transparent;
   display: block;
   float: left;
   height: 10px;
   margin: 5px 2px;
   text-decoration: none;
   width: 10px;
}
.onde-highlight-ctrl.pager a:hover,
.onde-highlight-ctrl.pager a.activeSlide{
   opacity: 0.53;
   background: url("selector.png") no-repeat scroll center center rgba(0, 0, 0, 0);
   cursor: pointer;
}
.lightbox .wpcf7-form-control-wrap,
.lightbox .wpcf7-form-control-wrap input{
   width: 200px;
}
.lightbox .wpcf7-form-control-wrap.mensagem,
.lightbox .wpcf7-form-control-wrap.mensagem textArea{
   height: 150px;
   width: 100%;
   min-width: 100%;
   max-width: 100%;
}
.lightbox .wpcf7-submit{
   width: 100px;
}
.screen-reader-response,
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
   display: none !important;
}

.wpcf7-not-valid-tip,
.wpcf7-mail-sent-ok{
   color: #fff;
   width: 314px;
   display: block;
   float: left;
   font-family: Soho;
   font-size: 12px;
   font-weight: 700;
   margin-bottom: 8px;
}
.wpcf7-mail-sent-ok{
   margin: 10px auto 0;
   float: none;
}

.page-navigation {
   color: white;
   text-align: center;
   font-family: Soho;
   font-size: 16px;
   font-weight: 700;
   line-height: 17px;
}
.page-navigation li {
   display: inline-block;
   list-style-type: none;
   padding: 15px;
}
.page-navigation a {
   color: #D22242;
   text-transform: uppercase;
   text-decoration: none;
}

h2 {
   font-family: Soho;
   color: #000000;
}

.entry-content {
   font-family: Soho;
   color: #000000;
   font-size: 13px;
}




#construir-carta,
#construir-carta *{
   box-sizing: -webkit-border-box;
   box-sizing: -moz-border-box;
   box-sizing: border-box;
}
#construir-carta {
   background-color: #282425;
   width: 100%;
   float: left;
}
#construir-carta .title {
   background: url("1px_grad_142.jpg") repeat scroll center center / 100% 100% rgba(0, 0, 0, 0);
   height: 50px;
   float: left;
   text-align: center;
}
#construir-carta #list-title{
   width: 185px;
   font-size: 17px;
}
#construir-carta #main-title{
   width: 769px;
   font-size: 20px;
}
#construir-carta .title div{
   color: #d22242;
   font-family: Soho;
   line-height: 50px;
   text-transform: uppercase;
   text-align: center;
   display: inline-block;
}

.vinhos-container {
   width: 185px;
   float: left;
   padding-bottom: 100px;
}
.vinhos-container > .tipo-divider{
   border-top: 3px solid #d22242;
   width: 100%;
   position: relative;
   background: #000;
   min-height: 50px;
   float: left;
   line-height: 20px;
   margin-bottom: 10px;
   padding: 0 5px 5px 5px;
}
#construir-carta .vinhos-container .tipo-divider-header{
   background: url("1px_grad_83.png");
   color: #d22242;
   font-family: Soho;
   font-size: 17px;
   padding: 10px;
   /*float: left;*/
   /*width: 100%;*/
   margin: 0 -5px;
   position: relative;
}
#custom_vinho.tipo-divider.closed > label,
#custom_vinho.tipo-divider.closed > button,
.tipo-divider.closed > .vinho{
   display: none;
}
.vinho,
.vinho-placeholder{
   padding: 6px 10px;
   /*background: grey;*/
   color: #fff;
   font-family: Soho;
   background: #555;
   float: left;
   width: 100%;
   margin-top: 5px;
}
.vinho-placeholder{
   margin-top: 3px !important;
}
.vinho .vinho-header{
   font-size: 13px;
   line-height: 15px;
   overflow: hidden;
}
.vinho .vinho-content ul{
   margin: 0 0 0 10px;
   padding: 0;
   overflow: hidden;
}
.vinho .vinho-content ul li{
   list-style: none;
   font-size: 10px;
   line-height: 12px;
}


.tipos-container {
   width: 769px;
   float: left;
   padding-bottom: 100px;
}
.tipo,
.tipo-placeholder{
   margin: 15px 20px 0 20px;
   padding: 2px;
   background: #000;
   width: 729px;
   float: left;
   border: 1px solid transparent;
}
.tipo-placeholder{
   /*margin: 14px 20px -1px 20px;*/
}
.tipo-header {
   float: left;
   width: 100%;
   background: url("1px_grad_83.png");
   padding: 0.2em 0.3em;
   position: relative;
   color: #d22242;
   font-family: Soho;
   font-size: 17px;
   cursor: row-resize;
}
.tipo-toggle {
   position: absolute;
   top: 50%;
   right: 10px;
   margin-top: -8px;
   /*background: blue;*/
   cursor: pointer;
}
.tipo-content {
   float: left;
   padding: 10px 5px 0 5px;
   min-height: 50px;
   width: 100%;
   color: #fff;
   font-family: Soho;
   font-size: 12px;
   line-height: 40px;
}
.tipo-content:empty:before{
   content:"Arraste um vinho da lista para adicionar à sua carta.";
}
.tipo-content .vinho,
.tipo-content .vinho-placeholder{
   margin: 0 5px 10px 5px !important;
   /*float: left;*/
   width: 227px;
}
.tipo-content .vinho-placeholder{
   /*margin: -1px 4px 9px 4px !important;*/
   margin-top: -1px !important;
   margin-bottom: 9px !important;
}
.vinho-placeholder,
.tipo-placeholder {
   border: 1px dotted #999;
   background: none;
}

.vinhos-container > .tipo-divider,
.tipos-container > .tipo{
   -webkit-transition: opacity .3s ease;
   -moz-transition: opacity .3s ease;
   transition: opacity .3s ease;
}
.vinhos-container > .tipo-divider.disabled,
.tipos-container > .tipo.disabled{
   opacity: 0.1 !important;
}
.vinhos-container > .tipo-divider.active{
   border-right: 1px solid #555;
   border-bottom: 1px solid #555;
   border-left: 1px solid #555;
   padding: 0 4px 4px 4px;
}
.vinhos-container > .tipo-divider.active .tipo-divider-header{
   margin: 0 !important;
   /*margin-top: -1px !important;*/
   padding: 10px 5px !important;
}
.tipos-container > .tipo.active{
   border: 1px solid #555;
   /*padding: 1px;*/
   /*margin: 14px 19px -1px 19px !important;*/
}
.vinhos-container > .tipo-divider.active .tipo-divider-header,
.tipos-container > .tipo.active .tipo-header{
   background: #000 !important;
   color: #fff !important;
}



.vinhos-container > .tipo-divider.active .tipo-toggle{
   right: 5px;
   margin-top: -8px;
}
.ui-icon{
   height: 16px;
   width: 16px;
   background-image: url("ui-icons_888888_256x240.png");
   background-repeat: no-repeat;
   display: block;
   overflow: hidden;
   text-indent: -99999px;
}
.ui-icon-minusthick {
   background-position: -64px -128px;
}
.ui-icon-plusthick {
   background-position: -32px -128px;
}
.sortable .vinho{
   cursor: pointer;
}
#generate{
   height: 100%;
   float: right;
   background: #000;
   color: #fff;
   font-family: Soho;
   font-size: 17px;
   line-height: 45px;
   text-decoration: none;
   padding: 5px 10px;
   opacity: 0.6;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
}
#generate.available,
#generate:hover{
   background: #555;
   opacity: 1;
}
#generate.available:hover{
   background: #ddd;
   color:#d22242;
}
#generate.available:not(:hover):not(.clicked){
   -webkit-animation: alert 1s infinite alternate;
   -moz-animation: alert 1s infinite alternate;
   -o-animation: alert 1s infinite alternate;
   animation: alert 1s infinite alternate;
}
@-webkit-keyframes alert {
   from { background: #555; }
   to { background: #aaa; }
}
@-moz-keyframes alert {
   from { background: #555; }
   to { background: #aaa; }
}
@-o-keyframes alert {
   from { background: #555; }
   to { background: #aaa; }
}
@keyframes alert {
   from { background: #555; }
   to { background: #aaa; }
}

#custom_vinho{
   color: #fff;
}
#custom_vinho > *{
   display:block;
}
#custom_vinho > label{
   margin-bottom: 3px;
   float: left;
}
#custom_vinho > label > span{
   width: 50px;
   font-size: 12px;
   line-height: 19px;
   color: #fff;
   font-family: Soho;
   float: left;
}
#custom_vinho > label > .custom{
   width: 125px;
   float: left;
   background: #888;
   color: #fff;
   padding: 2px;
   height: 24px;
   line-height: 20px;
   border:none;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0; 
}
#custom_vinho > label > .custom.erro{
   background:#d22242;
}
#add_custom{
   float: right;
}
.vinho.custom{
   background: #888;
   position: relative;
   -webkit-transition: background .5s ease;
   -moz-transition: background .5s ease;
   transition: background .5s ease;
}
.vinho.custom.new{
   background: #d22242;
}
.vinho.custom > .remove{
   position: absolute;
   top: 5px;
   right: 5px;
   line-height: 12px;
   font-family: Arial;
   color: #000;
   -webkit-transition: color .3s ease;
   -moz-transition: color .3s ease;
   transition: color .3s ease;
}
.vinho.custom > .remove:hover{
   color: #fff;
}


/* Add scroll area */
@media
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){

   .vinhos-container,
   .tipos-container {
      width: 90% !important;
   }
   *{
      /*background: blue !important;*/
   }
}