body,img{border:none; margin:0px;} img,embed {max-width:100%;} p, a, h1, h2, h3, h4, li, ul, ol, span, label, img, input, textarea {border: medium none;margin: 0;padding: 0;} a{text-decoration: none;} /*Estilo TopBeaches Main*/ div.container-topbMain{ margin:0px auto; width:960px;} div.container-topbMain div.header{display:inline-block;margin:15px 0px 25px 0px; width:100%;} div.container-topbMain div.header img{float:left;} div.container-topbMain div.header div.title{float:left;height:100%;width:27.39%/*263px/960px*/;} div.container-topbMain div.header div.title h1{font-family: Arial Black;font-size: 60px;font-weight: normal;line-height:20px;letter-spacing: -5px;margin:0 !important;padding-top:14px;text-align: left;} div.container-topbMain div.header div.title h1 a {color: #6dcff6;} div.container-topbMain div.header div.title span{color: #0076a3;font-family: Trebuchet MS;font-size: 18px;font-weight: normal;text-align: left;letter-spacing: 5px; padding-left:4px;} div.container-topbMain div.header #like-header{float: right; margin:5px 0px 20px 0; /*120px/960px*/;} div.container-topbMain div.up{display:inline; float: left; width:100%;} div.container-topbMain div.up div.video-main{float:left; /*height:398px;*/ width:67.7%/*650px/960px*/;} div.container-topbMain div.up div.main-map{border:1px solid #bebebe; border-radius:5px; float:right;height:466px;width:28.2%/*271px/960px*/;} div.container-topbMain div.up div.main-map #map{display: inline; float: left; /*height: 477px;*/ padding:3%/*9px*/; width:94%/*254px*/;} div.container-topbMain div.up div.main-map #map h4{color:#6dcff6; font-size: 20px; font-weight: bold; font-family: Arial; margin: 0;} div.container-topbMain div.up div.main-map #map iframe{width:100%;} div.container-topbMain div.up div.social-bar{display: inline; float: left; /*height:47px;*/ margin-top:23px; width:67.7%/*650px/960px*/;} div.container-topbMain div.up div.social-bar #sb1{background: url("https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg") no-repeat 10px 10px transparent; border:1px solid #bebebe; display: inline; float: left; font-size: 16px; font-weight: bold; font-family: Arial; /*height:45px;*/ letter-spacing:-1px; width:100%/*649px*/;} div.container-topbMain div.up div.social-bar #sb1 label{display: inline; float: left; list-style: none; padding:12px 12px; width: auto;} div.container-topbMain div.up div.social-bar #sb1 label a{color:#6dcff6;} div.container-topbMain div.up div.social-bar #sb1 #c-video{background: url("https://css.topmexicorealestate.com/topbeaches/video-icon.jpg") no-repeat center right; margin-left:25px; width:13%/*85px/650px*/;} div.container-topbMain div.up div.social-bar #sb1 #c-gallery{background: url("https://css.topmexicorealestate.com/topbeaches/gallery-icon.jpg") no-repeat center right; width:13.8%/*90px/650px*/;} div.container-topbMain div.up div.social-bar #sb1 #c-map{background: url("https://css.topmexicorealestate.com/topbeaches/map-icon.jpg") no-repeat center right; width:11.5%/*75px/650px*/;} div.container-topbMain div.up div.social-bar #sb2{display: inline; float: right; height:45px; width:40%/*255px/650px*/;} div.container-topbMain div.up div.social-bar #sb2 #shareon{background: url("https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg") no-repeat 0px 10px transparent;color:#6dcff6; display: inline; float: left; font-size: 16px; font-weight: bold; font-family: Arial; letter-spacing: -1px; padding: 12px 0 12px 22px;} div.container-topbMain div.up div.social-bar #sb2 div{float: right; margin: 12px 2px;} div.container-topbMain div.up div.social-bar #sb2 div.share-f{display: inline; width: 21px;} div.container-topbMain div.up div.social-bar #sb2 div.share-t{display: inline; width: 21px;} div.container-topbMain div.up div.social-bar #sb2 div.share-G{display: inline; width: 32px;} div.container-topbMain div.up div.social-bar #sb2 div.share-Fs{display: inline; width: 50px;} div.container-topbMain div.up div.social-bar #sb2 div.share-Li{display: inline; width: 21px;} div.container-topbMain div.up div.social-bar #sb2 div.share a{margin: 0px 7px;} div.container-topbMain div.topbeach-indice{display: inline; float: left; font-family:"Arial Black";/*height: auto;*/ margin-top:50px; width:100%/*960px*/;} div.container-topbMain div.topbeach-indice #tbindice-title{border:1px solid #bebebe;display: inline; float: left; padding-bottom:10px; /*height: 57px;*/ width:100%/*960px*/;} div.container-topbMain div.topbeach-indice #tbindice-title h3{background:url('https://css.topmexicorealestate.com/topbeaches/indicetitle-topbeaches-image.jpg') no-repeat left; color:#6dcff6; display: inline; float: left; font-size: 25px; letter-spacing: -1px; margin:7px 0 0 75px; text-align: left; text-indent: 50px; /*width: 844px;*/} div.container-topbMain div.topbeach-indice div.tb-list-container{display: inline; float: left; margin-top:15px; height: auto; width:33.3%/*320px/960px*/; } div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element{border:1px solid #bebebe; display: inline; float: left; /*height: 73px;*/ margin:12px 5%/*16px*/; width:90%/*285px*/;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content{display: block; float: left; margin:1%/*6px*/;/*height: 61px;*/ width:98%/*273px*/;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content img.active{display: inline; float: left;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content img.inactive{display: inline; float: left; opacity: 0.3; filter: alpha(opacity=50): } div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content label.beach-no {color:#bebebe; display: inline; float: left; font-size: 30px; font-family:"Arial Black"; height:30px; margin:-8px 0 0 5px; text-align: left;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content label.beach-no a{color:#6dcff6; display: inline; float: left; font-size: 30px; font-family:"Arial Black"; height:30px; margin:0 0 0 5px; text-align: left;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content h4.beach-name {color:#898989; display: inline; float: left; text-align: left; font-size: 13px; /*text-align: left;*/ letter-spacing: -1px; margin: 4px 0 0 5px; width: 136px;} div.container-topbMain div.topbeach-indice div.tb-list-container div.beach-element div.be-content h4.beach-name a{color:#898989; display: inline; float: left; text-align: left; font-size: 13px; /*text-align: left;*/ letter-spacing: -1px; margin: 4px 0 0 5px; width: 136px;} div.container-topbMain div.list-bottom{background:url('https://css.topmexicorealestate.com/topbeaches/doyoulikebeaches.jpg') no-repeat center -4px; border:1px solid #bebebe; display: inline; float: left; /*height:57px;*/ margin:20px 0 30px 1.6%/*15px*/; width:96.5%/*926px*/;} div.container-topbMain div.list-bottom #like-header{display: inline; float: right; margin:19px 16.6%/*154px*/ 20px 0; width:13%/*120px/926px*/;} div.topbeach-footer{background:url('https://css.topmexicorealestate.com/topbeaches/topbeaches_footer_marco_sup.jpg') repeat-x #6dcff6;display: inline; float: left; height: auto; width: 100%;} div.topbeach-footer div.footer-content{margin:0px Auto;position:relative;width:960px;} div.topbeach-footer div.footer-content img.footerimg-1{margin:45px 0px 0px 25px;} div.topbeach-footer div.footer-content img.footerimg-2{float:right;margin-top:35px;/*position:relative;*/} div.topbeach-footer div.footer-content div.beachs-list{/*float:left;*/ height:auto;margin-top:30px;/*position:relative;*/width:70.83%/*680px*/;} div.topbeach-footer div.footer-content div.beachs-list ul {float:left;height:auto;margin:0px 0px 0px 10px;/*padding:0px;position:relative;*/ width:30.88%/*210px*/;} div.topbeach-footer div.footer-content div.beachs-list ul li{color: #c5dfe8;float:left;font-family: Trebuchet MS;font-size: 12px;font-weight: bold;letter-spacing: 0px;list-style: none outside none;margin:4px 0px 0px 10%/*25px*/; width:90%/*240px*/;} div.topbeach-footer div.footer-content div.beachs-list ul li a.active{color:white;font-family: Trebuchet MS;font-size: 14px;font-weight: bold;letter-spacing: 0px; text-decoration:none;} div.topbeach-footer div.footer-content div.links-footer{display: inline; float: right; } div.topbeach-footer div.footer-content div.links-footer a{color:#fff; display: inline; float: right; font-family:"Arial Black"; font-size: 22px; letter-spacing: -1px;} div.fb-like-box { margin-left:16px; width:100%/**/; } div.fb-like-box span {width:90%;} div.fb-like-box span iframe{width:100%;} /*Estilo Beach Detail*/ .container-25beaches{ margin:0px auto; width:960px;} /*Header - Logo*/ .container-25beaches .header{height:80px;margin:15px 0px 25px 0px;} .container-25beaches .header img{float:left;} .container-25beaches .header .title{float:left;height:100%;width:263px;} .container-25beaches .header .title h1{color: #6dcff6;font-family: Arial Black;font-size: 60px;font-weight: normal;line-height:20px;letter-spacing: -5px;margin:0 !important;padding-top:14px;text-align: left;} .container-25beaches .header .title span{color: #0076a3;font-family: Trebuchet MS;font-size: 18px;font-weight: normal;text-align: left;letter-spacing: 9px; padding-left:4px;} /*Index*/ div.container-25beaches div.up div.video-main{float:left;height:367px; width:650px;} div.container-25beaches div.up div.main-map{border:1px solid #595959; border-radius:5px; float:right;height:367px;width:271px;} div.container-25beaches div.up div.main-map h4{color:#6dcff6; font-size: 20px; font-weight: bold; font-family: Arial; line-height: 58px; margin: 0;} /*UP Primera parte - Foto principal y menu*/ .container-25beaches .up{height:485px; width:100%; } .container-25beaches .up .main-pic{float:left;height:100%; width:650px;} .container-25beaches .up .main-pic .main-pic-title{background:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/cuadro_transparencia.png) repeat-x ;height:64px;position:relative;top:-489px;width:650px;z-index:0;} .container-25beaches .up .main-pic .main-pic-title img {padding-top:5px;} .container-25beaches .up .main-pic .main-pic-title h4{color: white;float:right;font-family: Trebuchet MS;font-size: 24px;font-weight: normal;letter-spacing: -1px;margin:0 !important;padding:15px 0px 0px 15px;text-align: left;width:570px;} .container-25beaches .up .main-menu {float:right;height:100%;width:280px;} .container-25beaches .up .main-menu .main-menu-title{background:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/topbeaches.jpg) repeat-x;height:64px;width:100%;} .container-25beaches .up .main-menu h4{color: #ffebd5;font-family: Arial Black;font-size: 30px;font-weight: normal; text-align: center;letter-spacing: -1px;line-height: 2;margin:0 !important;padding:0 !important;} .container-25beaches .up .main-menu .main-menu-navigation{border-bottom:1px solid #83d7f8;height:70px;width:100%;} .container-25beaches .up .main-menu .main-menu-navigation a {color: #6dcff6; font-family: Trebuchet MS; font-size: 18px;font-weight: normal;letter-spacing: 0px;text-align: center;text-decoration:none;} .container-25beaches .up .main-menu .main-menu-navigation .main-menu-navigation-left{float:left; height:100%;width:100px;} .container-25beaches .up .main-menu .main-menu-navigation .main-menu-navigation-center{float:left; height:100%;width:80px;} .container-25beaches .up .main-menu .main-menu-navigation .main-menu-navigation-center p{color: #0076a3; font-family: Arial Black;font-size: 48px;font-weight: normal;letter-spacing: 0px;margin:0;text-align: center;} .container-25beaches .up .main-menu .main-menu-navigation .main-menu-navigation-right{float:left; height:100%;width:100px;} .container-25beaches .up .main-menu .main-menu-buttons{border-bottom:1px solid #83d7f8;} .container-25beaches .up .main-menu .main-menu-buttons ul{margin:20px 0px 25px 28px;} .container-25beaches .up .main-menu .main-menu-buttons ul li{list-style: none outside none; padding-left:15px;} .container-25beaches .up .main-menu .main-menu-buttons a {color: #0076a3;font-family: Trebuchet MS; font-size: 24px; font-weight: normal; text-align: left; text-decoration:none; letter-spacing: -1px;} .container-25beaches .up .main-menu .main-menu-buttons ul li.video{list-style-image:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/icon_01.jpg);} .container-25beaches .up .main-menu .main-menu-buttons ul li.gallery{list-style-image:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/icon_02.jpg);} .container-25beaches .up .main-menu .main-menu-buttons ul li.gift{list-style-image:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/icon_03.jpg);} .container-25beaches .up .main-menu .main-menu-buttons ul li.suscribe{list-style-image:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/icon_04.jpg);} .container-25beaches .up .main-menu .main-menu-social{margin:25px 0px 0px 28px;} .container-25beaches .up .main-menu .main-menu-social a{text-decoration:none;} /*Middle - Segunda parte mapa y listings*/ .container-25beaches .middle{height:635px; margin-top:40px; width:100%; } .container-25beaches .middle .middle-title{background:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/topbeaches.jpg) repeat-x; height:64px; width:100%;} .container-25beaches .middle h4{color:#ffebd5; font-family: Arial Black; font-size: 24px;font-weight: normal; letter-spacing: -1px; margin:0 !important; padding:12px 0px 0px 25px; text-align: left;} .container-25beaches .middle .map{float:left; height:547px; margin-top:20px; width:650px;} .container-25beaches .middle .listings{float:right; height:547px; margin-top:5px; width:280px;} .container-25beaches .middle .listings .more-listings{float:left; height:25px; margin:14px 0px 0px 10px; width:100%;} .container-25beaches .middle .listings .more-listings a{color:#0076a3; font-family:Trebuchet MS; font-size:14px; font-weight:normal; height:25px; position:relative; text-align:left; letter-spacing: 0px; text-decoration:none;} .container-25beaches .middle .listings .more-listings p{float:left; margin:4px 0px 0px 6px; width:130px;} .container-25beaches .middle .listings .more-listings img{float:left; margin:0px;} .container-25beaches .middle .listings .listing-list{border-bottom:1px solid #83d7f8; float:left; height:120px; margin-top:10px; width:280px;} .container-25beaches .middle .listings .listing-list p{color:#0076a3; font-family: Trebuchet MS; font-size:16px; font-weight:bold; letter-spacing:0px; margin:0px; text-align:left;} .container-25beaches .middle .listings .listing-list img{float:left;} .container-25beaches .middle .listings .listing-list ul{float:left; list-style: none outside none; margin:0px; padding:0px 0px 0px 10px;} .container-25beaches .middle .listings .listing-list ul li.listing-list-price{color: #0076a3;font-family: Trebuchet MS; font-size: 16px;font-weight: bold;text-align: left;letter-spacing: 0px;} .container-25beaches .middle .listings .listing-list ul li{color:#6dcff6; font-family: Trebuchet MS; font-size: 14px;font-weight: normal;letter-spacing: 0px;text-align: left;} /*Down - Tercera Parte texto, Videos y Cuadro Social*/ .container-25beaches .down{height:450px;margin-top:40px;width:100%;} .container-25beaches .down .more-sect{float:left;height:100%;width:650px;} .container-25beaches .down .more-sect .more-sect-title{background:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/topbeaches.jpg) repeat-x;height:64px;width:650px;} .container-25beaches .down .more-sect h4{color:#ffebd5; font-family:Arial Black; font-size: 24px; font-weight:normal; letter-spacing: -1px; margin:0 !important; padding:12px 0px 0px 25px; text-align: left;} .container-25beaches .down .more-sect .more-sect-text{float:left; margin:35px 0px 0px 25px; width:270px;} .container-25beaches .down .more-sect .more-sect-text p{color:#0076a3; font-family:Trebuchet MS; font-size:14px; font-weight:normal;letter-spacing:0px; margin:0px; text-align:left;} .container-25beaches .down .more-sect .more-sect-videos{float:right;height:160px; margin:0px 0px 0px 45px;} .container-25beaches .down .more-sect .more-sect-videos .sect-video{margin-top:17px; width:310px;} .container-25beaches .down .social-frame{float:right; height:100%; width:280px;} .footer-25beaches{background:url(https://dl.dropbox.com/u/10226275/CODIGOS-TMRE/25_beaches/images/topbeaches_footer_marco_sup.jpg) repeat-x #6dcff6; height:272px; margin:0px; width:100%;} .footer-25beaches .footer-content{margin:0px Auto; position:relative; width:960px;} .footer-25beaches .footer-content .footerimg-1{margin:45px 0px 0px 25px;} .footer-25beaches .footer-content .footerimg-2{float:right; margin-top:35px;/*position:relative;*/} .footer-25beaches .footer-content .beachs-list{height:158px; margin-top:30px; position:relative; width:100%;} .footer-25beaches .footer-content .beachs-list ul {float:left; height:158px; margin:0px 0px 0px 10px; padding:0px; position:relative; width:145px;} .footer-25beaches .footer-content .beachs-list ul li{color: white;float:left;font-family: Trebuchet MS;font-size: 14px;font-weight: bold;letter-spacing: 0px;list-style: none outside none;margin:4px 0px 0px 25px; width:145px;} .footer-25beaches .footer-content .beachs-list ul li a{color:white;font-family: Trebuchet MS;font-size: 14px;font-weight: bold;letter-spacing: 0px; text-decoration:none;} /*Estilo pagina de video*/ #TOPBVideo-Cont{margin: 25px auto 0; height: auto; width: 960px;} #TOPBVideo-Cont #TOPBV-header{ float: left; width:100%;} #TOPBVideo-Cont #TOPBV-header #topbeaches-logo{float: left;} #TOPBVideo-Cont #TOPBV-header #like-header{float: right; margin:5px 0px 20px 0;} #TOPBVideo-Cont #TOPBV-header div.title{float:left;height:100%;width:27.39%/*263px/960px*/;} #TOPBVideo-Cont #TOPBV-header div.title h1{font-family: Arial Black;font-size: 60px;font-weight: normal;line-height:20px;letter-spacing: -5px;margin:0 !important;padding-top:14px;text-align: left;} #TOPBVideo-Cont #TOPBV-header div.title h1 a{color: #6dcff6;} #TOPBVideo-Cont #TOPBV-header div.title span{color: #0076a3;font-family: Trebuchet MS;font-size: 18px;font-weight: normal;text-align: left;letter-spacing: 5px; padding-left:4px;} #TOPBVideo-Cont div.beach-title{display: inline; float: left; height: 55px; width:100%/*960px*/;} #TOPBVideo-Cont div.beach-title h2{color:#fbdbb7; font-family:"Arial Black"; font-size: 24px; } #TOPBVideo-Cont div.beach-title #beach-number{background:url('https://css.topmexicorealestate.com/topbeaches/circle.jpg') no-repeat center; background-size:100%; color:#fff; display:inline; float:left; font-family:"Arial Black"; font-size: 20px; height: 39px; margin:8px 10px 0 0; width:4.16%/*39px/960px*/;} #TOPBVideo-Cont div.beach-title #beach-number label{display:inline; float:left; margin: 4px 6px; text-align:center; width: 27px;} #TOPBVideo-Cont div.beach-title p{color:#6dcff6; display: inline; font-size:14px; font-family:Arial; font-weight:normal; float: left; } #TOPBVideo-Cont div.videogral-container{display: inline; float: left; height:auto; width:100%/*960px*/; } #TOPBVideo-Cont div.videogral-container div.v-left{ display: inline; float: left; height: auto; width:66.7%/*640px/960px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed{border:1px solid #BEBEBE; display: inline; float: left; /*height:391px;*/ width:100%/*638px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed #square-distace{background:url('https://css.topmexicorealestate.com/topbeaches/topbeaches-square-distance.png') no-repeat center; float: right; height: 143px; position:relative; right:5px; top:-168px; width: 76px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed iframe{border:0;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed img.main-img-gallery{display:block; float: left; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed a.img-back{background:url('https://css.topmexicorealestate.com/topbeaches/prev-horizontal.png') no-repeat -33px 0;float: left; height:32px; margin:-32px 0 0 9px; position: relative; text-indent:-999px; top:223px; width: 32px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed a.img-back:hover{background:url('https://css.topmexicorealestate.com/topbeaches/prev-horizontal.png') no-repeat -64px 0;float: left; height:32px; margin:-32px 0 0 9px; position: relative; text-indent:-999px; top:223px; width: 32px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed a.img-next{background:url('https://css.topmexicorealestate.com/topbeaches/next-horizontal.png') no-repeat -33px 0;float: right; height:32px; margin:0 10px 0px 0; position: relative; text-indent:-999px; top:-200px; width: 32px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed a.img-next:hover{background:url('https://css.topmexicorealestate.com/topbeaches/next-horizontal.png') no-repeat -64px 0;float: right; height:32px; margin:0 10px 0px 0; position: relative; text-indent:-999px; top:-200px; width: 32px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed p.confirmation-message{color: #6DCFF6;display:block; float:left; font-size:28px; font-family:"Arial Black"; margin:33px 0; text-align:center; width:100%;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail{border:1px solid #bebebe; display: inline; float: left; height:auto; margin-top:17px; width:100%/*638px*/; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #social-btns{display: inline; float: left;/*height: 30px;*/ width:100%/*638px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #btns{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat 9px 3px; display: inline; float: left; height: 30px; width: auto;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #btns label{color:#6dcff6;display: inline; float: left;font-family:"Arial Black"; font-size:16px; letter-spacing: -1px; margin: 3px 0 0 35px; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #btns ul{ display: inline; float: left; list-style: none; margin: 5px 0 0 10px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #btns ul li{display: inline; float: left; margin: 0 5px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #social-btns #buttonHS{background: url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat left; border:0; color:#6dcff6; cursor:pointer; display: inline; float: right; font-family:"Arial Black"; font-size:16px; letter-spacing: -1px; margin-top:2px; width: 200px; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #Vdescription{border-top:1px solid #bebebe; /*display: none;*/ float: left; height: auto; width:100%/*638px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #Vdescription h3{color:#6dcff6; display:inline; float:left; font-size:16px; font-family:"Arial Black"; margin: 1% 0 7px 2%; text-align: left; width:97%/*600px*/; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #Vdescription div.vdtext{display: inline; float: left; height:auto; margin-left:2%; width:98%/*600px*/; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-detail #Vdescription div.vdtext p{color: #898989; font-family: Arial; font-size: 12px; line-height:20px; margin-bottom:15px; width:98%/*600px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts{border:1px solid #bebebe; display: inline; float:left; height:auto; margin-top:20px; width:100%/*638px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts label{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat center left; color:#6dcff6; display: inline; float: left;font-family:"Arial Black"; font-size:16px; height:25px; letter-spacing: -1px; text-align:right; margin:13px 0 0 10px; width:163px; } #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts div.fb-like{margin:15px 0 10px 10px;} #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts div.fb-comments{display:inline; float:left; margin-left:10px; width:95%/*618px*/;} #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts div.fb-comments span{width:100%;} #TOPBVideo-Cont div.videogral-container div.v-left #face-commnts div.fb-comments iframe.fb_ltr{width:100%/*618px*/;} #TOPBVideo-Cont div.videogral-container div.v-left div.img-list{display:inline; float:left; height:auto; margin-top:20px; width:690px;} #TOPBVideo-Cont div.videogral-container div.v-left div.img-list ul li{display:inline; float:left; height:140px; list-style:none; margin:0 50px 10px 0; width:180px; } #TOPBVideo-Cont div.videogral-container div.vlist-right{display:inline-block; float:right; height:auto; width:31.25%/*300px/960px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.title-contain{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-abajo.jpg') no-repeat 5px 3px; border:1px solid #bebebe; border-radius:5px; display:inline; float:left; height:29px; width:100%/*295px*/; } #TOPBVideo-Cont div.videogral-container div.vlist-right div.title-contain-videos{background:url('https://css.topmexicorealestate.com/topbeaches/video-icon.jpg') no-repeat 5px 3px; border:1px solid #bebebe; border-radius:5px; display:inline; float:left; padding-bottom:2px;/*height:29px;*/width:100%/*295px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.title-contain-btnmap{background:url('https://css.topmexicorealestate.com/topbeaches/map-icon.jpg') no-repeat 5px 3px; border:1px solid #bebebe; border-radius:5px; display:inline; float: left; height:29px; width:100%/*295px*/; } #TOPBVideo-Cont div.videogral-container div.vlist-right div.title-contain-btngallery{background:url('https://css.topmexicorealestate.com/topbeaches/gallery-icon.jpg') no-repeat 5px 3px; border:1px solid #bebebe; border-radius:5px; display:inline; float:left; height:29px; width:100%/*295px*/; } #TOPBVideo-Cont div.videogral-container div.vlist-right h4.vlist-title{color:#6dcff6 ; display: inline; float:left; font-family:"Arial Black"; font-size:16px; letter-spacing: -1px; margin:3px 0 0 34px;} #TOPBVideo-Cont div.videogral-container div.vlist-right h4.vlist-title span{color:#fbdbb7;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element{border:1px solid #bebebe; border-radius:5px; display:inline; float:left; height:73px; margin:5px 0; width:100%/*295px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element div.v-content{display:block; float:left; margin:6px; height:61px; width:273px;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element div.v-content img.active{display:inline; float:left;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element div.v-content img.inactive{display:inline; float:left; opacity:0.5; filter:alpha(opacity=50): } #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element div.v-content h4.v-title a{color:#898989; display: inline; float: left; font-family:"Arial Black"; text-align: left; font-size: 13px; text-align: left; letter-spacing: -1px; margin: 4px 0 0 5px; width: 123px;} #TOPBVideo-Cont div.videogral-container div.vlist-right div.video-element div.v-content label.beach-no a{color:#6dcff6; display: inline; float: left; font-size: 30px; font-family:"Arial Black"; height:30px; margin:0 0 0 5px; text-align: left;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up{display: inline; float: right; height: auto; width:100%/*295px*/; } #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.property-list{display:inline; float:left; overflow: auto; height: 391px; margin:10px 0 10px 0; width: 297px; } #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.video-element{ border-radius:5px; display: inline; float: left; /*height: 90px;*/ margin:-1px 0 11px;padding-bottom:16px; width:100%/*295px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element{border-bottom: 1px solid #7fd7f9; display: inline; float: left; font-family:"Trebuchet MS"; font-size:16px; height: auto; margin-top: 15px; padding-bottom:10px; width: 277px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element h4 {display:inline; float:left; width: 100%;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element h4 a.prop-title{color:#0076a4; display: inline; float: left; font-weight: bold;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element img.prop{display: inline; float: left; margin: 10px 8px 0 0;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element ul.prop{color:#68cff8;display: inline; float: left;font-size:14px; margin-top:10px; width: 169px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element ul.prop li{display: inline; float: left; line-height:16px; width: 169px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.prop-element ul.prop li.prop-price{font-weight: bold;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.gallery-link{background:#fff0e0; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; border-radius:5px; display: inline; float: left; height: 73px; margin-bottom:10px; width:100%/*295px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.gallery-link div.v-content{display: block; float: left; margin: 6px; height: 61px; width: 273px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.gallery-link div.v-content img.active{display: inline; float: left;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.gallery-link div.v-content img.inactive{display: inline; float: left; opacity: 0.5; filter: alpha(opacity=50): } #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.gallery-link div.v-content h4.v-title a{color:#898989; display: inline; float: left; font-family:"Arial Black"; text-align: left; font-size: 13px; text-align: left; letter-spacing: -1px; margin: 4px 0 0 5px; width: 123px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link{background:#dff6ff; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; border-radius:5px; display: inline; float: left; height: 73px; margin-bottom:10px; width:100%/*295px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link #map-tag{position:relative; float:left; margin-bottom:-79px; top:-42px; right:24px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link div.v-content{display: block; float: left; margin: 6px; height: 61px; width: 273px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link div.v-content img.active{display: inline; float: left;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link div.v-content img.inactive{display: inline; float: left; opacity: 0.5; filter: alpha(opacity=50): } #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.map-link div.v-content h4.v-title a{color:#898989; display: inline; float: left; font-family:"Arial Black"; text-align: left; font-size: 13px; text-align: left; letter-spacing: -1px; margin: 4px 0 0 5px; width: 123px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.v-content{display: block; float: left; margin: 0 6px 0 6px; /*height: 61px;*/ width:91%/*273px*/;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.v-content img.active{display: inline; float: left;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.v-content img.inactive{display: inline; float: left; opacity: 0.5; filter: alpha(opacity=50): } #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.v-content h4.v-title a{color:#898989; display: inline; float: left; font-family:"Arial Black"; font-size: 13px; text-align: left; letter-spacing: -1px; margin: 4px 0 0 5px; width: 123px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-up div.v-content span.mask-video{background: url('https://css.topmexicorealestate.com/topbeaches/mascarilla-video.png') no-repeat center; float: left; /*height:90px;*/ margin-left:-120px; /*position: relative;*/ width: 120px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #vlistr-down{display: inline; float: right; margin-top:17px; height:auto; width:100%/*295px*/;} #TOPBVideo-Cont div.list-bottom{background:url('https://css.topmexicorealestate.com/topbeaches/doyoulikebeaches.jpg') no-repeat center; display: inline; float: left; /*height:57px;*/ margin:20px 0 30px; padding:0 2%; width:96%/*926px*/;} #TOPBVideo-Cont div.list-bottom #like-header{float: right; margin:25px 154px 20px 0; width:13%/*120px*/;} /*About-US*/ #TOPBVideo-Cont div.videogral-container div.v-left #TBa-imgmain{background: url('https://css.topmexicorealestate.com/topbeaches/topbeaches-yourdreams.jpg') no-repeat center;display: inline; float: left; height:391px; width: 638px;} #TOPBVideo-Cont div.videogral-container div.vlist-right #TBa-imgmain2{background: url('https://css.topmexicorealestate.com/topbeaches/topbeaches-wemakeithappen.jpg') no-repeat center;display: inline; float: right; width: 296px; height: 391px;} #TOPBVideo-Cont #TOPBV-header2{display: inline; float: left; height: 75px; width: 960px;} #TOPBVideo-Cont #TOPBV-header2 #topbeaches-logo{display: inline; float: left;} #TOPBVideo-Cont #TOPBV-header2 div.title{float:left;height:100%;width:263px;} #TOPBVideo-Cont #TOPBV-header2 div.title h1{font-family: Arial Black;font-size: 60px;font-weight: normal;line-height:20px;letter-spacing: -5px;margin:0 !important;padding-top:14px;text-align: left;} #TOPBVideo-Cont #TOPBV-header2 div.title h1 a{color: #6dcff6;} #TOPBVideo-Cont #TOPBV-header2 div.title span{color: #0076a3;font-family: Trebuchet MS;font-size: 18px;font-weight: normal;text-align: left;letter-spacing: 5px; padding-left:4px;} #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text{border:1px solid #bebebe; display: inline; float: left; height:545px; margin:17px 0 50px 0; width: 638px; } #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text #btns2{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat 9px 3px; display: inline; float: right; height: 30px; width: auto;} #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text #btns2 label{color:#6dcff6;display: inline; float: left;font-family:"Arial Black"; font-size:16px; letter-spacing: -1px; margin: 3px 0 0 35px; } #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text #btns2 ul{ display: inline; float: left; list-style: none; margin: 5px 0 0 10px;} #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text #btns2 ul li{display: inline; float: left; margin: 0 2px;} #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text #social-btns #buttonHS{background: url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat left; border:0; color:#6dcff6; display: inline; float: left; font-family:"Arial Black"; font-size:16px; letter-spacing: -1px; margin:2px 0 0 8px; text-indent:25px; width: 310px; } #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text h3{color:#6dcff6; display:inline; float:left; font-size:16px; font-family:"Arial Black"; margin: 10px 0 7px 20px; text-align: left; width: 600px; } #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text div.context{font-family: Arial; color: #898989;display: inline; float: left; height:auto; margin: 20px; width: 600px; } #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text div.context p{ font-size: 12px; line-height:20px; margin-bottom:15px; width: 600px;} #TOPBVideo-Cont div.videogral-container div.v-left #aboutus-text div.context ul{display: inline; float: left; font-size: 12px; line-height:20px; margin: 0 0 20px 47px; width: 529px;} /*Contact-US*/ #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed #textform{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat left center; color:#6dcff6; display:inline; float:left; font-size:16px; font-family:"Arial Black"; text-align: left; margin: 5px 0 0 10px; text-indent:33px; width: 360px; } #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big{display: inline; float: left; margin:0 50px 0 50px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form{display: inline; float: left; font-family:Arial; font-size:16px; width: 390px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p{display: inline; float: left; margin-bottom:15px; width: 320px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p.request_option{margin-bottom:5px;margin-left: 135px;width: 190px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p.request_option label{float: right;font-size: 11px;width: 92%;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p.request_option input{width:auto;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p input{border:1px solid #bebebe; display: inline; float: right; height:20px; width: 180px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p textarea{border:1px solid #bebebe; display: inline; float: right; width: 180px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form p label{color: #bebebe; width: 90px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big form input.normalButton{background:#71d0f5; color:#fff; cursor:pointer; display: inline; float: left; font-family:"Arial Black"; height: 30px; margin-left:175px;margin-top:10px; width: 100px;} #TOPBVideo-Cont div.videogral-container div.v-left #vl-embed div.contactUs-form-big #contactUs-message2{color:#bebebe; display: inline; float: left; font-family:Arial; font-size: 12px; margin: 30px 0 0 5px; } /*Contact-US map*/ #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map #textform{background:url('https://css.topmexicorealestate.com/topbeaches/flecha-derecha.jpg') no-repeat left center; color:#6dcff6; display:inline; float:left; font-size:16px; font-family:"Arial Black"; text-align: left; margin: 5px 0 20px 11px; text-indent:33px; width: 360px; } #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map{border:1px solid #BEBEBE; display: inline; float: left; margin:20px 0 0 0;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form{display: inline; float: left; font-family:Arial; font-size:10px; margin-left:50px; width: 390px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form p{display: inline; float: left; margin-bottom:8px; width: 320px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form p input{border:1px solid #bebebe; display: inline; float: right; height:20px; width: 180px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form p textarea{border:1px solid #bebebe; display: inline; float: right; width: 180px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form p label{color: #bebebe; width: 90px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map form input.normalButton{background:#71d0f5; color:#fff; cursor:pointer; display: inline; float: left; font-family:"Arial Black"; height: 30px; margin-left:175px; width: 100px;} #TOPBVideo-Cont div.videogral-container div.v-left div.contactUs-form-map #contactUs-message2{color:#bebebe; display: inline; float: left; font-family:Arial; font-size: 12px; margin: 30px 0 20px 50px; } @media screen and (max-width: 960px){ div.container-topbMain{width:768px;} div.container-topbMain div.header{background-position:470px 0;} div.container-topbMain div.header img{width:28%;} div.container-topbMain div.header div.title{width:30%;} div.container-topbMain div.header div.title h1{font-size:2.5em; padding-top:8px;} div.container-topbMain div.header div.title span{font-size:0.3em;} div.container-topbMain div.header #like-header{margin-right:-40px;} div.topbeach-footer div.footer-content {width:768px;} div.container-topbMain div.up div.social-bar{margin-top:10px;} div.container-topbMain div.up div.social-bar #sb1{font-size:0.8em;} div.container-topbMain div.up div.social-bar #sb1 #c-video{background-size:18px;} div.container-topbMain div.up div.social-bar #sb1 #c-gallery{background-size:18px;} div.container-topbMain div.up div.social-bar #sb1 #c-map{background-size:18px;} div.container-topbMain div.up div.social-bar #sb2 #shareon{font-size:0.9em;} #TOPBVideo-Cont{width:768px;} #TOPBVideo-Cont #TOPBV-header{background-position:470px 0;} #TOPBVideo-Cont #TOPBV-header #topbeaches-logo{width:28%;} #TOPBVideo-Cont #TOPBV-header div.title{width:30%;} #TOPBVideo-Cont #TOPBV-header div.title h1{font-size:2.5em; padding-top:8px;} #TOPBVideo-Cont #TOPBV-header div.title span{font-size:0.3em;} #TOPBVideo-Cont #TOPBV-header #like-header{margin-right:-40px;} #TOPBVideo-Cont div.list-bottom #like-header{margin:25px 80px 20px 0;} } @media screen and (max-width: 768px){ div.container-topbMain{width:620px;} div.container-topbMain div.header{background:none;} div.container-topbMain div.header #like-header{display:none;} div.container-topbMain div.header img{margin-left:15%; width:35%;} div.container-topbMain div.header div.title{width:50%;} div.container-topbMain div.header div.title h1{font-size:3em;} div.container-topbMain div.header div.title span{font-size:0.25em;} div.container-topbMain div.up div.video-main object{height:auto;} div.container-topbMain div.up div.video-main embed{height:290px;} div.container-topbMain div.up div.main-map #map h4{font-size:1em;} div.container-topbMain div.up div.main-map{height:290px;} div.container-topbMain div.up div.main-map #map iframe{height:229px;} div.container-topbMain div.topbeach-indice #tbindice-title h3{font-size:1.25em; padding:5px 0;} div.container-topbMain div.topbeach-indice div.tb-list-container{padding:0 5%; width:90%;} div.container-topbMain div.list-bottom #like-header{margin-right:5%;} div.topbeach-footer div.footer-content {width:620px;} div.container-topbMain div.up div.social-bar{width:100%;} #TOPBVideo-Cont #TOPBV-header{background:none;} #TOPBVideo-Cont div.list-bottom{background-position:left;} #TOPBVideo-Cont div.list-bottom #like-header {margin-right:115px;} #TOPBVideo-Cont div.videogral-container div.v-left{margin:0 5%; width:90%;} #TOPBVideo-Cont div.videogral-container div.vlist-right{margin:20px 5%; width:90%;} #TOPBVideo-Cont{width:620px;} #TOPBVideo-Cont #TOPBV-header #like-header{display:none;} #TOPBVideo-Cont #TOPBV-header #topbeaches-logo{margin-left:20%;} #TOPBVideo-Cont #TOPBV-header div.title h1{font-size:2.75em;} #TOPBVideo-Cont #TOPBV-header div.title span{font-size:0.2em;} } @media screen and (max-width: 620px){ div.container-topbMain {width:480px;} div.container-topbMain div.header img{margin-left:10%; width:40%;} div.container-topbMain div.up div.video-main{padding:0 2.5%; width:95%;} div.container-topbMain div.up div.main-map{margin:0 2.5%; width:95%;} div.container-topbMain div.up div.social-bar{margin:10px 2.5% 0; width:95%;} div.container-topbMain div.topbeach-indice #tbindice-title h3{margin-left:20px;} div.container-topbMain div.list-bottom #like-header{display:none;} div.container-topbMain div.up div.social-bar #sb1 #c-video{display:none;} div.container-topbMain div.up div.social-bar #sb1 #c-gallery{margin-left:5%;width:16%;} div.container-topbMain div.up div.social-bar #sb1 #c-map{width:14%;} div.container-topbMain div.up div.social-bar #sb2 #shareon{display:none;} div.topbeach-footer div.footer-content{width:480px;} div.topbeach-footer div.footer-content div.beachs-list{padding:0 5%; width:90%;} div.topbeach-footer div.footer-content div.beachs-list ul{margin:0 5%; width:40%;} div.topbeach-footer div.footer-content img.footerimg-2{position:absolute; margin-top:360px;} div.topbeach-footer div.footer-content div.links-footer{margin-top:75px;} #TOPBVideo-Cont{width:480px;} } @media screen and (max-width: 480px){ div.container-topbMain{width:100%;} div.container-topbMain div.header div.title span{font-size:0.2em;} div.container-topbMain div.header div.title h1{font-size:3em;} div.topbeach-footer div.footer-content{width:100%;} div.topbeach-footer div.footer-content div.beachs-list ul{width:90%;} div.topbeach-footer div.footer-content img.footerimg-2{margin:820px 0 0 -35%;} div.topbeach-footer div.footer-content div.links-footer{float:left; margin:55px 0 0 10%; padding-bottom:100px;} #TOPBVideo-Cont{width:100%;} }