/***************/ /* FOOTER */ /***************/ /* #footer {margin:0 0 30px 25px; float:left; text-align:left; width:1000px;} #fondofooter{background-color:#EF8C2C;height: 218px;width: 100%;} /*Css parte videos.. #video{ float:left; margin-top: 0;padding-left: 19px;padding-right: 19px;position: relative;top: 30px;width: 462px;} #video p.titulo-footer{color: black; font-family:Verdana; font-size:20px; font-variant:small-caps; font-weight:bold; margin:0; padding:5px; text-align:center; } #video div{ float:left;padding:0px 16px 3px 16px;width:122px;} #video div.videospan{ background:url(https://css.topmexicorealestate.com/thumbv.png) no-repeat scroll 0 0 transparent; height:90px; padding:0; position:relative; left:0; top:-120px; width:120px;} #video div a img { border:0; height:88px; padding:0; width:118px; } #video div img.imgfooter{margin:0 0 0 10px; padding:10px 0 0 10px; width:120px;} #video div.icono{ height:25px; left:18px; margin:0; position:relative; top:-60px; width:50px; } #video div.icono img { height:25px; width:50px; z-index:1500; } #video div p.titulo{float: left;font-family: Arial;font-size: 13px;margin: -125px 0 0;padding: 3px;text-align: center;} /* Css parte fotos #fotos { float:right; height:200px; padding-top:10px; text-align:right; width:450px;} #fotos ul.flickritems {float:left; width:450px;} #fotos ul.flickritems li { float:left;list-style:none outside none;margin:0 20px;width:100px;} #fotos ul.flickritems li a img {border:0;width:100px;} #fotos p.titulo-footer { color: black; font-family: Arial; font-size:20px; font-weight:bold; margin:0; padding:2px 0 5px 0; text-align:center; } #fotos p.titulo-footer span { color:red; } #fotos div.frame { background: url('https://css.topmexicorealestate.com/thumbfeatured.png') no-repeat scroll top right transparent; height:130px; left:20px; margin-top:-132px; position:relative; width:410px; } #fotos a { text-decoration:none; } #fotos p.more { background: url('https://css.topmexicorealestate.com/more.png') no-repeat scroll 0 0 transparent; color: white; font-family:sans-serif; font-size:16pt; height:35px; margin:-40px 0 0 200px; padding-top:4px; position:absolute; text-align:center; text-decoration:none; width:120px; z-index:1000; } #fotos img.featured {margin:0 20px 0 0; padding:0; } #fotos div div.icono{background:url("https://css.topmexicorealestate.com/video-mini.png") no-repeat;bottom:62px;position:relative;margin-left:80px; height: 25px; width:50px;} #fotos div p.titulo{font-family: Arial; font-size: 13px; margin:0 0 0 12px; padding:3px; text-align:center;} /* Css parte sepaador #footer div.separador { height:5px;margin:10px 0;width:1000px;} #footer div.separador img {float:left;} #footer div.separador-2 { margin: 0 10px; border-top: 1px solid rgb(142, 142, 142); float: left;margin: 10px 0 5px 0;width:1000px;} /*Css parte lista de colores #footer div.colum-lista {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px; float:left; margin: 10px 0 0 25px;height: 216px; width:150px;} #footer div.colum-lista h4{font-size:14px; margin:10px 0 7px 15px;} #footer div.colum-lista h4 a{text-decoration:none; color:black;} #footer div.colum-lista p{margin:6px 0 0 30px;} #footer div.colum-lista p img {height:15px; width:10px;} #footer div.colum-lista p a{color:black;margin: 0 0 0 5px;text-decoration:none;} /*csslistadoareas #footer div.colum-area {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;margin: 10px 0 0 0;height: 216px; width:210px;} #footer div.colum-area h4{font-size:12px; margin:10px 0 5px 15px;padding:0 0 0 20px;} #footer div.colum-area h4 a{text-decoration:none; color:black;} #footer div.colum-area p{font-size:9px; margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area p a{color:black;margin: 0 0 0 5px;text-decoration:none;} #footer div.colum-area2 {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;margin: 10px 0 0 0;height: 140px; width:210px;} #footer div.colum-area2 h4{font-size:12px; margin:10px 0 5px 15px;padding:0 0 0 20px;} #footer div.colum-area2 h4 a{text-decoration:none; color:black;} #footer div.colum-area2 p{font-size:9px; margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area2 p a{color:black;margin: 0 0 0 5px;text-decoration:none;} #footer div.colum-area-2 {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;line-height:1.7em;margin: 10px 0 0 0;height: 140px; width:160px;} #footer div.colum-area-2 h4 {font-size:12px; margin:0 0 0 15px;padding:0 0 0 20px;text-decoration:none; color:black;} #footer div.colum-area-2 h4 a {text-decoration:none; color:black;} #footer div.colum-area-3 {border-top:1px solid rgb(142, 142, 142);color:black;float:right;font-family:Arial;font-size:10px;height:55px;line-height:1.3em;margin:10px 10px 0 10px; padding:10px 0 0 0; width:590px;} #footer div.colum-area-3 p{ margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area-3 p a{ color:#467AA7;font-weight:bold;text-decoration:none;} #footer div.colum-area-3 .colum-phone { margin: -50px 0 0 0; float:right;font-size:19px;width:223px;} #footer div.colum-area-3 .colum-phone p{ line-height:1.3em; margin:3px 0 0 0;padding:0 0 0 0px;} #footer div.follow-us{color:black;font-family: Arial; font-size:12px;float: left;line-height:1.7em;margin: 0 35px 0 35px;height: 140px; width:160px;} #footer div.follow-us div.share {border:0 ;float:left;height:50px;margin:0 2px 0 0;padding:0;width:50px;} #footer div.follow-us div.share a img {margin:0; border:0;} #footer div.follow-us h4 {color:#808080;display:block;font-family:"trebuchet ms",arial,sans-serif;font-size:18px;height:30px;padding:10px 0 2px;text-align:center; vertical-align:middle;} #footer div.nav-footer { clear:both;display:inline;float:left;height:24px;margin:0;width:1000px;} #footer div.nav-footer ul { float:left; font-size:18px; font-weight:bold;height:24px;margin: 0 0 0 35px; } #footer div.nav-footer ul li { border-right:1px solid rgb(142, 142, 142); display:inline; list-style:none outside none; margin:10px 15px; padding:0 20px 0;} #footer div.nav-footer ul li.mobile{ background:url("https://css.topmexicorealestate.com/movil.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Blog{ background:url("https://css.topmexicorealestate.com/Blog.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.eBook{ background:url("https://css.topmexicorealestate.com/ebook.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Articles{ background:url("https://css.topmexicorealestate.com/article.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Videos{ background:url("https://css.topmexicorealestate.com/video.png") no-repeat scroll 0 0 transparent; border-right:0;} #footer div.nav-footer ul li a { color:#333333; padding:3px 0 3px 15px; text-decoration:none;} #footer div.red {background:url("https://css.topmexicorealestate.com/separador-red.png") repeat-y top left;} #footer div.blue {background:url("https://css.topmexicorealestate.com/separador-blue.png") repeat-y top left;} #footer div.orange {background:url("https://css.topmexicorealestate.com/separador-orange.png") repeat-y top left;} #footer div.green {background:url("https://css.topmexicorealestate.com/separador-green.png") repeat-y top left;} #footer div.purple {background:url("https://css.topmexicorealestate.com/separador-purple.png") repeat-y top left;} #footer div.brown {background:url("https://css.topmexicorealestate.com/separador-brown.png") repeat-y top left;} #footer div.yellow {background:url("https://css.topmexicorealestate.com/separador-yellow.png") repeat-y top left;} #footer div.light_blue {background:url("https://css.topmexicorealestate.com/separador-blue_light.png") repeat-y top left;} #footer div.pink {background:url("https://css.topmexicorealestate.com/separador-pink.png") repeat-y top left;} #footer div.separador { clear:both; margin:5px 5px 0 5px; } /***************/ /* NUEVO FOOTER */ /***************/ #footer { /*display:none;*/margin:0 2%/*0*/ 50px 2%/*20px*/; float:left; width:96%/* 1010px/1052px */;} #fondofooter{background-color:#EF8C2C;display:inline-block;/*height:218px;*/ margin:0 0.5%/*5px*/; padding-bottom:3px; width:99%/*1000/1010px*/;} /*******************/ /* RELATED LINKS */ /*******************/ #footer div.relinks {background:url('https://css.topmexicorealestate.com/main/divs-bottom-shadow.jpg') repeat-x bottom;border:1px solid #d7d4d4; border-radius:7px;display:inline; float:left; height:185px; margin:25px 0 25px 15px; width:700px; } #footer div.relinks h2.relinks-title {color:#ff927f; display: inline;float:left;font-size: 18px; font-weight: bold;letter-spacing:-1px; margin: 10px 0 0 15px;} #footer div.relinks ul {display: inline; float:left; margin:0 5px; width:690px;} #footer div.relinks li {display: block;float: left;margin: 10px;padding:10px 0 0 0;text-align: left;text-indent: 40px;width: 325px;} #footer div.relinks li.main {background: url("https://css.topmexicorealestate.com/icons/icon-city.gif") no-repeat scroll 3px center transparent;} #footer div.relinks li.beach {background: url("https://css.topmexicorealestate.com/icons/icon-beachfront.gif") no-repeat scroll 3px center transparent;} #footer div.relinks li.condo {background: url("https://css.topmexicorealestate.com/icons/icon-condo.gif") no-repeat scroll 3px center transparent;} #footer div.relinks li.home {background: url("https://css.topmexicorealestate.com/icons/icon-home.gif") no-repeat scroll 3px center transparent;} #footer div.relinks li.land {background: url("https://css.topmexicorealestate.com/icons/icon-land.png") no-repeat scroll 3px center transparent;} #footer div.relinks li.retire {background: url("https://css.topmexicorealestate.com/icons/icon-retire.gif") no-repeat scroll 3px center transparent;} #footer div.relinks a.relatedlinks {color: #898989;display:block; font-size: 14px;margin-left: 5px;text-decoration: none; height: 22px;} #footer div.NewsletterFormFooter{background: url("https://css.topmexicorealestate.com/sign-up-newsletter-big.png") no-repeat; float:right; height:185px; margin:25px 2px 0 0; width:280px;} #footer div.NewsletterFormFooter label.message{color: #ff927f; float:left; font-weight:bold; font-size:19px; letter-spacing:-2px; position:relative; top:10px; left:55px; text-align:left; width:185px;} #footer div.NewsletterFormFooter label.message span{color:#ff0000;} #footer div.NewsletterFormFooter form{float:left; font-family:Verdana; height:30px; position:relative; top:88px; left:15px; width:260px;} #footer div.NewsletterFormFooter form input.newsletter-SignUp{background: url("https://css.topmexicorealestate.com/newsletter-input-bg.png") no-repeat 0px -1px;float:left; height:30px; text-indent:10px; width:180px;} #footer div.NewsletterFormFooter form input.newsletter-submit{background: url("https://css.topmexicorealestate.com/newsletter-input-bg.png") no-repeat -181px -1px; color:#000040; cursor:pointer; float:right; font-size:12px; text-align:center; height:30px; width:80px;} /*Css parte videos..*/ #video{/*background:url("https://css.topmexicorealestate.com/fondo_video.png"); float:left; height: 170px; margin-left:0;*/ margin: 0;padding:0 1.9%/*19px*/; position: relative;top: 30px;width:46.2%/*462px/1000px*/;} #video p.titulo-footer{color: black; font-family: Arial; font-size: 20px; font-variant:small-caps; font-weight: bold; margin: 0 0 20px 8px; padding: 2px 5px 12px 5px; text-align: center;} #video div{ float:left;padding:0px 3.46%/*16px*/ 3px 3.46%/*16px*/;width:26.406%/*122px/462px*/;} #video div.videospan{ height:90px; position:relative; right:3%/*15px*/; text-align:left; top:-93px; width:120px; } #video div.videospan span.spanvideo{background:url(https://css.topmexicorealestate.com/thumbv.png) no-repeat scroll 0 0 transparent; width:120px; height:90px; position:absolute;} #video div a img {border:0;height:90px;margin-top:-35px;padding:0;width:120px;} #video div img.imgfooter{margin:0 0 0 10px; padding:10px 0 0 10px; width:120px;} #video div.icono{margin-left: 60px;position: relative;right: 45px;top: 35px;z-index: 1550;} #video div.icono img {display:inline;float:left;height:25px;position:relative;width:50px;z-index:1500;} #video div p.titulo{float: left;font-family: Arial;font-size: 13px;margin: -100px 0 0;padding: 3px;text-align: center;} /* Css parte fotos*/ #fotos { float:right; margin-top:-50px; width:50%/*500px/1000px*/; } #fotos a {color:#467AA7; font-weight:bold; text-decoration:none; } #fotos span.photo { background: url('https://css.topmexicorealestate.com/thumbfeatured.png') no-repeat scroll 0 0 transparent; height:130px; margin-top:-133px; position:absolute; right:81px; width:410px; } #fotos p.more { background: url('https://css.topmexicorealestate.com/more.png') no-repeat scroll 0 0 transparent;color: white;font-family: sans-serif;font-size: 16pt;height: 35px;margin: -40px 0 0 200px;padding-top: 4px;position: absolute;width: 120px;z-index: 1000; } #fotos p.titulo-footer{color: black; font-family: Arial; font-size: 20px; font-weight: bold; margin: 0 0 0 8px; padding: 2px 5px 12px 5px; text-align: center;} #fotos p.titulo-footer span{color: red;} #fotos div img.imgfooter{margin:0 0 0 10px; padding:10px 0 0 10px; width:120px;} #fotos div div.icono{background:url("https://css.topmexicorealestate.com/video-mini.png") no-repeat;bottom:62px;position:relative;margin-left:80px; height: 25px; width:50px;} #fotos div p.titulo{font-family: Arial; font-size: 13px; margin:0 0 0 12px; padding:3px; text-align:center;} /* Css parte sepaador*/ #footer div.red {background:url("https://css.topmexicorealestate.com/separador-red.png") repeat-y top left;} #footer div.blue {background:url("https://css.topmexicorealestate.com/separador-blue.png") repeat-y top left;} #footer div.orange {background:url("https://css.topmexicorealestate.com/separador-orange.png") repeat-y top left;} #footer div.green {background:url("https://css.topmexicorealestate.com/separador-green.png") repeat-y top left;} #footer div.purple {background:url("https://css.topmexicorealestate.com/separador-purple.png") repeat-y top left;} #footer div.brown {background:url("https://css.topmexicorealestate.com/separador-brown.png") repeat-y top left;} #footer div.yellow {background:url("https://css.topmexicorealestate.com/separador-yellow.png") repeat-y top left;} #footer div.light_blue {background:url("https://css.topmexicorealestate.com/separador-blue_light.png") repeat-y top left;} #footer div.pink {background:url("https://css.topmexicorealestate.com/separador-pink.png") repeat-y top left;} /* #footer div.separador { clear:both; margin:5px 5px 0 5px; } */ #footer div.separador { float:none; height:5px; margin:10px 0.5%/*5px*/; width:99%/*1000px/1010px*/;} #footer div.separador img {float:left;} #footer div.separador-2 { border-top: 1px solid rgb(142, 142, 142); float: left;margin: 5px 0 5px 0;width:99%/*1000px*/;} /*Css parte lista de colores*/ #footer div.colum-lista {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px; float:left; margin: 10px 0 0 25px;/*height: 216px;*/padding-bottom:3px; text-align:left; width:14.85%/*150px/1010px*/;} #footer div.colum-lista h4{font-size:14px; margin:10px 0 7px 15px;} #footer div.colum-lista h4 a{text-decoration:none; color:black;} #footer div.colum-lista p{margin:6px 0 0 30px;} #footer div.colum-lista p img {height:15px; width:10px;} #footer div.colum-lista p a{color:black;margin: 0 0 0 5px;text-decoration:none;} /*csslistadoareas*/ #footer div.colum-area {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;margin: 10px 0 0 0;padding-bottom:3px; text-align:left; width:20.79%/*210px/1010px*/;} #footer div.colum-area h4{font-size:12px; margin:10px 0 5px 15px;padding:0 0 0 20px;} #footer div.colum-area h4 a{text-decoration:none; color:black;} #footer div.colum-area p{font-size:9px; margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area p a{color:black;margin: 0 0 0 5px;text-decoration:none;} #footer div.colum-area2 {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;margin: 10px 0 0 0;padding-bottom:3px; text-align:left; width:20.79%/*210px/1010px*/;} #footer div.colum-area2 h4{font-size:12px; margin:10px 0 5px 15px;padding:0 0 0 20px;} #footer div.colum-area2 h4 a{text-decoration:none; color:black;} #footer div.colum-area2 p{font-size:9px; margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area2 p a{color:black;margin: 0 0 0 5px;text-decoration:none;} #footer div.colum-area-2 {border-right:1px solid rgb(142, 142, 142);color:black;font-family: Arial; font-size:12px;float: left;line-height:1.7em;margin: 10px 0 0 0;padding-bottom:40px; text-align:left; width:15.85%/*160px/1010px*/;} #footer div.colum-area-2 h4 {font-size:12px; margin:0 0 0 15px;padding:0 0 0 20px;text-decoration:none; color:black;} #footer div.colum-area-2 h4 a {text-decoration:none; color:black;} #footer div.colum-area-3 {border-top:1px solid rgb(142, 142, 142);color:black;float:left;font-family:Arial;font-size:10px;line-height:1.3em;margin:10px 10px 0 10px; padding:10px 0 0 0; text-align:left; width:58.4%/*590px/1010px*/;} #footer div.colum-area-3 p{ margin:3px 0 0 30px;padding:0 0 0 20px;} #footer div.colum-area-3 p a{ color:#467AA7;font-weight:bold;text-decoration:none;} #footer div.colum-area-3 .colum-phone { margin: -50px 0 0 0; float:right;font-size:19px;width:223px;} #footer div.colum-area-3 .colum-phone p{ line-height:1.3em; margin:3px 0 0 0;padding:0 0 0 0px; } #footer div.follow-us{color:black;font-family: Arial; font-size:12px;float: left;line-height:1.7em;margin: 0 35px 0 35px;height: 140px; text-align:left; width:160px;} #footer div.follow-us div.share {border:0 ;float:left;height:50px;margin:0 2px 0 0;padding:0;width:50px;} #footer div.follow-us div.share a img {margin:0; border:0;} #footer div.follow-us h4 {color:#808080;display:block;font-family:"trebuchet ms",arial,sans-serif;font-size:18px;height:30px;padding:10px 0 2px;text-align:center; vertical-align:middle;} #footer div.nav-footer { clear:both;display:inline-block;float:left;margin:0;width:100%;} #footer div.nav-footer ul { display:inline-block;float:left; font-size:18px; font-weight:bold;margin:0 2%; padding:2px 0; width:96%; } #footer div.nav-footer ul li { border-right:1px solid rgb(142, 142, 142); display:inline; float:left; list-style:none outside none; margin:10px 1.54%/*15px*/; padding:0 2%/*20px*/;} #footer div.nav-footer ul li.mobile{ background:url("https://css.topmexicorealestate.com/movil.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Blog{ background:url("https://css.topmexicorealestate.com/Blog.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.eBook{ background:url("https://css.topmexicorealestate.com/ebook.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Articles{ background:url("https://css.topmexicorealestate.com/article.png") no-repeat scroll 0 0 transparent; } #footer div.nav-footer ul li.Videos{ background:url("https://css.topmexicorealestate.com/video.png") no-repeat scroll 0 0 transparent; border-right:0;} #footer div.nav-footer ul li a { color:#333333; padding:3px 0 3px 15px; text-decoration:none;} @media screen and (max-width: 1024px){ #footer div.colum-area-3 .colum-phone{margin-right:-55%;} } @media screen and (max-width: 768px){ #video { width:100%; } #fotos{ margin-top:-30px; width:100%; } #fotos div p.titulo{ text-align:left; } #video div.videospan{ right:5%; width:81%; } #video div.videospan span.spanvideo{ background-size:95% 100%; width:100%; } #video div a img { float:left; width:78%;} #footer div.colum-lista{ width:30%;} #footer div.colum-area{ width:28%;} #footer div.colum-area2{ width:28%;} #footer div.colum-area-2{ width:49%;} #footer div.follow-us{ margin:0 2%; width:46%; } #footer div.colum-area-3{ margin:0 1%; width:98%;} #footer div.colum-area-3 .colum-phone { float:none; margin:10px auto 0; width:60%; } } @media screen and (max-width: 620px){ #fondofooter { display:none; } #footer div.colum-lista {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%;} #footer div.colum-area {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%; } #footer div.colum-area2 {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%; } #footer div.colum-area-2 {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%; } #footer div.follow-us {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%; } #footer div.colum-area-3 {border:1px solid #d7d4d4; border-radius:7px; margin:10px 0 0; text-align:center; padding:0 0 10px; width:100%; } }