@charset "utf-8";

/*cuando la cant. es = 2(top/bottom left/rigth) o 3(top/left-right/bottom) o 4(top/rigth/bottom/left) se aplica con padding o margin*/
/* GENERALES */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic);
/*@font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Light.ttf); }*/
body { font-family: "Roboto"; margin: 0; padding: 0; }
header { background-color: #6accea; height: 101px; min-width: 960px; }
img { max-width: 100%; }
li { cursor: pointer; list-style: none; text-align: center; }
a { color: #217592; text-decoration: none; }
label { color: #2dabd1; font-family: "Roboto"; font-size: 12px; }
span { color: #005771;  font-family: "Roboto"; font-size: 12px; }
footer { background-color: #6accea; /*height: 324px; min-width: 960px;*/  float: left; height: auto; width: 100%; }
form input::-webkit-input-placeholder { font-family: "Roboto"; font-size: 11px; }

.fondo { width: 100%; }

/* CONTENEDOR DE TODA LA INFORMACION */
.contenedor { margin: 0 auto; text-align: center; transition: all 0.5s; width: 960px; }

/* LOGO MEXICO RELAX */
#logo { float: left; padding: 15px 0; width: 33.3%; }

/* CUADRITO BLANCO DEL MENU */
#cuadrito {	background-color:/* white*/transparent; display: inline-block; height: 7px; left: 49%; position: absolute; top: 26px; width: 10px; }

/* MENU DE LOS NEIGBORHOODS */
#menu { color: white; font-weight: lighter; float: left; padding: 41px 0; width: 33.3%; }
#menu ul { margin: 0px; padding: 0px; position: relative; }
#menu ul li ul { display: none; padding-top: 35px; position: absolute; top: 30px; width: 100%; z-index: 100; }
#menu ul li ul li { background-color: #6accea; border-bottom: 1px solid #60bad6; line-height: 2; }
#menu ul li ul li ul { display: none; padding: 0px 0px; position: static; }
#menu ul li ul li ul li { display: none; }

#menu ul li ul li a.lnk { color: white; }

/*#menu ul li:hover ul { display: block; }*/
#menu ul li ul li:hover { background-color: #60bad6; }
#menu ul li ul li:hover ul li { background-color: #e3f9ff; border-bottom: 1px solid #bce6f3; color: #39819b; display: block; }
#menu ul li ul li ul li:hover { background-color: #b7e6f6; }

#lnk-blog { color: white; }

/* REDES SOCIALES DEL ENCABEZADO */
#redes { float: left; padding: 31px 0; width: 33.3%; }
#redes ul { margin: 0; padding-left: 0; }
#redes ul li { background: url(../img/social--lang.png); display: inline-block; height: 34px; width: 34px; }

#redes ul #facebook { background-position: 0px 1px; }
#redes ul #twitter { background-position: -38px 1px; }
#redes ul #pinterest { background-position: -76px 1px; }
#redes ul #google { background-position: -112px 1px; }

#redes ul #lang-mx { background-position: -149px 1px; }
#redes ul #lang-us { background-position: -186px 1px; }
#redes ul #lang-fr { background-position: -224px 1px; display: none; }

#redes ul #facebook:hover { background-position: 0px -34px; }
#redes ul #twitter:hover { background-position: -38px -34px; }
#redes ul #pinterest:hover { background-position: -76px -34px; }
#redes ul #google:hover { background-position: -112px -34px; }

#redes ul #lang-mx:hover { background-position: -149px -34px; }
#redes ul #lang-us:hover { background-position: -186px -34px; }
#redes ul #lang-fr:hover { background-position: -224px -34px; }

/* IMAGEN DE FONDO */
#fondo-img { /*background: url(../img/tulum-beach.jpg) no-repeat; background-size: 100% 100%;*/ height: auto/*650px*/; /*min-width: 960px;*/ }
#fondo-img img { float: left; /*height: 100%;*/ width: 100%; }

/* TITULO DE LA IMAGEN DE FONDO */
#contenedor-titulo { position: absolute; left: 0; top: 342px; width: 100%; }

#titulo { border-left: 15px solid white; border-right: 15px solid white; color: white; display: inline; font-weight: bolder; font-size: 80px;
	  padding: 13px 54px; position: relative; text-shadow: 2px 1px rgba(0,0,0,0.52); }

/* MENU DE LA IMAGEN DE FONDO*/	  
#contenedor-menu { position: relative; }
#menu-foto { float: left; width: 100%; }
#menu-foto ul { position: absolute; padding: 0 10%; top: 370px; }
#menu-foto ul li { background: #e3f9ff; border: 1px solid #39b0d4; border-radius: 5px; color: #006787; display: inline-block; 
			   margin: 5px 0.4%; padding: 7px 1%; }

#menu-foto ul li:hover { background: #b6ebfb; }

.num-actividad { float: left; margin-right: 4px; margin-top: 2px; }

input[type="checkbox"] { float: right; margin-top: 4px; }

/* ETIQUETAS DE ENCABEZADOS */
h2, h3 { color: #006888; margin: 33px 0 18px; line-height: 30px; }

/* TEXTO DE LOS NEIGHBORHOODS */
.neighborhoods { /*border-left: 10px solid #6accea; border-right: 10px solid #6accea;*/ color: #006888; display: inline-block; 
			 font-weight: lighter; font-size: 19px; padding: 0 1%; }
.contenedor #text-neigh { color: #006888; display: inline-block; font-size: 16px; line-height: 1.4; width: 74%; font-weight: lighter; }

/* ARTICULOS DE LAS ZONAS */
.articulo { background: #e1f5fb; float: left; margin: 20px 2%; width: 29.27%; }
.menu-articulo { float: left; width: 100%; }
.menu-articulo ul { float: left; margin: 8px auto; padding: 0 5%; width: 90%; }
.menu-articulo ul li { background: #e3f9ff; border: 1px solid #39b0d4; border-radius: 5px; color: #006787; display: inline-block; 
				   font-size: 13px; margin: 2px 3px; padding: 6px 12px; }

/*.menu-articulo ul li:hover { background: #b6ebfb; }*/

/* VIDEO Y MAPA */
.cont-media { /*display: inline;*/ /*height: 400px;*/ width: 100%; }

.media
{ float: left; height: 100%; width: 49%; margin: 0 0.5%;  }

#google_maps { height: 309px; width: 100%; }

#txt-foto-autor { color: #006888; }

#mapa-zona img { height: 100%; }

/* MAPA Y CLIMA */

.map { float: left; margin-right: 1%; width: 100%; } 

.wth1 { background: #1192d3 url(http://mexicorelax.com/img/weather.jpg) no-repeat bottom /*right*/; background-size: 100% 100%; /*cover*/
float: left; height: 309px; margin-left: 1%; width: 100%; }

.wth2 { padding-top: 45px; font: 10px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/* GALERIA DE IMAGENES */
.sub-neighborhoods { color: #006888; display: inline-block; font-weight: lighter; font-size: 21px; }

.margen-bajo { /*margin-bottom: 20px;*/ }

.img-gde img, .img-med-1 img, .img-med-2 img, .img-peq-1 img, .img-peq-2 img, .img-peq-3 img { height: 100%; width: 100%; } 

.img-gde { cursor: pointer; height: 650px; position: relative; width: 100%; }

.img-med-1 { cursor: pointer; float: left; height: 303px; margin-right: 3.4%; position: relative; width: 48.3%; }

.img-med-2 { cursor: pointer; float: left; height: 303px; position: relative; width: 48.3%; }

.img-peq-1, .img-peq-2 
{ cursor: pointer; float: left; height: 260px; margin-right: 2%; position: relative; width: 32%; }

.img-peq-3 { cursor: pointer; float: left; height: 260px; position: relative; width: 32%; }

.img-gde .redes-img-gde { display: none; }

.img-gde:hover .redes-img-gde { display: block; }

.img-med-1 .redes-img-mdn, 
.img-med-2 .redes-img-mdn 
{ display: none; }

.img-med-1:hover .redes-img-mdn, 
.img-med-2:hover .redes-img-mdn 
{ display: block; }

.img-peq-1 .redes-img-peq, 
.img-peq-2 .redes-img-peq, 
.img-peq-3 .redes-img-peq 
{ display: none; }

.img-peq-1:hover .redes-img-peq, 
.img-peq-2:hover .redes-img-peq, 
.img-peq-3:hover .redes-img-peq 
{ display: block; }

/* REDES SOCIALES DE LAS IMAGENES */
.redes-img-gde { left: 0; padding-left: 0; position: absolute; top: 214px; }
.redes-img-mdn { left: 0; padding-left: 0; position: absolute; top: 32px; }
.redes-img-peq { left: 0/*3.5px*/; padding-left: 0; position: absolute; top: 12px; }

.redes-img-gde ul, 
.redes-img-mdn ul, 
.redes-img-peq ul 
{ margin: 0; padding-left: 0; }

.redes-img-gde ul li, 
.redes-img-mdn ul li, 
.redes-img-peq ul li 
{ background: url(../img/social-media-gal.png) no-repeat; height: 33px; width: 35px; }

.redes-img-gde ul .facebook-img, 
.redes-img-mdn ul .facebook-img, 
.redes-img-peq ul .facebook-img 
{ background-position: -1px 0px; }

.redes-img-gde ul .twitter-img, 
.redes-img-mdn ul .twitter-img, 
.redes-img-peq ul .twitter-img 
{ background-position: -1px -34px; }

.redes-img-gde ul .pinterest-img, 
.redes-img-mdn ul .pinterest-img, 
.redes-img-peq ul .pinterest-img 
{ background-position: -1px -68px; }

.redes-img-gde ul .google-img, 
.redes-img-mdn ul .google-img, 
.redes-img-peq ul .google-img 
{ background-position: -1px -102px; }

.redes-img-gde ul .link-img, 
.redes-img-mdn ul .link-img, 
.redes-img-peq ul .link-img
{ background-position: -1px -136px; }

input[type="url"] { border: solid 5px #C7F8FF; border-radius: 5px; display: none; margin-left: 36px; margin-top: 0px; padding: 2px; width: 240px; }

.redes-img-gde ul .email-img, 
.redes-img-mdn ul .email-img, 
.redes-img-peq ul .email-img
{ background-position: -1px -169px; }

.redes-img-gde ul .com-fb-img, 
.redes-img-mdn ul .com-fb-img, 
.redes-img-peq ul .com-fb-img 
{ background-position: -1px -203px; }

.redes-img-gde ul .facebook-img:hover, 
.redes-img-mdn ul .facebook-img:hover, 
.redes-img-peq ul .facebook-img:hover 
{ background-position: -39px 0px; }

.redes-img-gde ul .twitter-img:hover, 
.redes-img-mdn ul .twitter-img:hover, 
.redes-img-peq ul .twitter-img:hover 
{ background-position: -39px -34px; }

.redes-img-gde ul .pinterest-img:hover, 
.redes-img-mdn ul .pinterest-img:hover, 
.redes-img-peq ul .pinterest-img:hover 
{ background-position: -39px -68px; }

.redes-img-gde ul .google-img:hover, 
.redes-img-mdn ul .google-img:hover, 
.redes-img-peq ul .google-img:hover 
{ background-position: -39px -102px; }

.redes-img-gde ul .link-img:hover, 
.redes-img-mdn ul .link-img:hover, 
.redes-img-peq ul .link-img:hover
{ background-position: -39px -136px; }

.redes-img-gde ul .email-img:hover, 
.redes-img-mdn ul .email-img:hover, 
.redes-img-peq ul .email-img:hover
{ background-position: -39px -169px; }

.redes-img-gde ul .com-fb-img:hover, 
.redes-img-mdn ul .com-fb-img:hover, 
.redes-img-peq ul .com-fb-img:hover 
{ background-position: -39px -203px; }

/* BIBLIOGRAFIA DEL FOTOGRAFO */
#txt-foto-autor { border: solid 1px #a3d2e0; display: inline; font-size: 14px; padding: 6px 40px; }
#txt-foto-autor a { font-weight: lighter; font-style: oblique; }
#txt-foto-autor a:hover { color: #EC8022; }

/* TESTIMONIAL DE LAS PERSONAS */
#contenedor-testimonial { background-color: #f0fafd; float: left; margin-top: 20px; width: 100%;}
#foto-testimonial { float: left; margin: 35px }

.titulo-h4 { color: #217592; margin: 0; }

#txt-testimonial { float: left; margin: 35px 0; text-align: left; }
#txt-testimonial p { color: #217592; font-size: 14px; width: 510px; }

#txt-autor { float: left; margin: 70px 35px 0; text-align: left; }
#txt-autor p { color: #217592; font-size: 14px; margin: 0; }

/* BOTON SCROLL SUPERIOR */
#contenedor-btn-sup { bottom: 0px; height: 0px; position: fixed; left: 0; transition: height 0.3s; width: 100%; z-index: 10000; }

#btn-scroll-superior { background: url(../img/scroll-top.png) no-repeat; cursor: pointer; float: right; height: 45px; width: 80px; }

#btn-scroll-superior:hover { background-position: 0px -46px; }

/* GALERIA DE VIDEOS */
nav#galeria-videos div.elastislide-horizontal { padding: 38px 0px; }
#galeria-videos { border: solid 1px #a3d2e0; height: 200px; margin: 0 auto; width: 938px; }

#carousel li { padding: 0 27px; }
.video-galeria { height: 120px; width: 180px; }

/* PROPIEDADES LADO IZQUIERO */
#propiedad-izq { float: left; width: 65.21%; }

.prop-img-gde { width: 626px; }

#img-prop-1 { float: left; }
#img-prop-1 h1 { font-weight: lighter; margin-bottom: 10px; }
#img-prop-1 label { float: left; margin-right: 10px; }

.liga-video-prop { display: inline-block; font-size: 15px; margin: 10px 0 9px 84px; }
.liga-video-prop:hover { color: #EC8022; }

.lista-prop { background-color: #e1f5fb; border: solid 1px #a3d2e0; border-radius: 6px; float: right; padding: 7px 90px; }
.lista-prop:hover { background-color: #b6ebfb; }

#ver-propiedades { background-color: #f0fafd; color: #005771; cursor: pointer; display: inline-block; margin: 20px 0 30px; width: 100%; }
#ver-propiedades:hover { background-color: #b6ebfb; }

#lista-propiedades { background-color: #f0fafd; float: left; }

#list-prop-1 ul li, 
#list-prop-2 ul li, 
#list-prop-3 ul li 
{ color: #55b7d7;; cursor: default; font-size: 12px; text-align: left; }

#list-prop-1 .descripcion-prop, 
#list-prop-1 .cantidad-prop, 
#list-prop-2 .descripcion-prop, 
#list-prop-2 .cantidad-prop,
#list-prop-3 .descripcion-prop, 
#list-prop-3 .cantidad-prop
{ padding-left: 25px; } 

#list-prop-1, 
.descripcion-prop, 
.cantidad-prop,  
#list-prop-2 
{ float: left; }

#list-prop-3 { float: left; padding-right: 67px; padding-bottom: 20px; }

/* PROPIEDADES LADO DERECHO */
#propiedad-der { float: left; width: 34.69% }

.propiedad-pqe { background: #f0fafd; display: inline-block; float: left; margin-bottom: 12px; margin-left: 30px; padding: 18px 24px; width: 255px; }
.propiedad-pqe h1 { margin-top: 0px; margin-bottom: 15px;  width: 150px; }
.propiedad-pqe h1 a { font-size: 16px; font-weight: lighter; text-align: left; }
.propiedad-pqe .liga-video-prop { margin: 0; }
.propiedad-pqe .lista-prop { float: left; }

.propiedad-pqe label, 
.propiedad-pqe a 
{ display: flex; font-size: 13px; }

.propiedad-pqe label,
.propiedad-pqe .liga-video-prop 
{ margin-bottom: 3px; padding-left: 14px; }

.prop-img-peq { float: left; margin-bottom: 20px; width: 100px; }

#img-publicidad { float: left; margin-bottom: 12px; margin-left: 30px; }

#img-instagram { border: solid 1px #a3d2e0; float: left; padding: 7px; margin-left: 30px; }

.publish { display: inline-block; float: left; margin: 0 1.5%; width: 30%; }
.publish h2 { font-size: 18px; padding: 0 14px; }
.publish p { color: #33859f; font-size: 14px; font-weight: lighter; padding: 0 30px; text-align: justify; }
.publish p a { color: #81CDEA; }
.publish p a:hover { color: #209AF3; }

#img-ga-2, 
#sec-redes-gigan,
.blog
{ display: inline-block; }

/* REDES SOCIALES GIGANTES */
#redes-gigan ul { padding: 0; }
#redes-gigan ul li { background: url(../img/social-media.png); display: inline-block; height: 125px; width: 125px; }

#redes-gigan ul #facebook-gigan { background-position: 0 0; }
#redes-gigan ul #twitter-gigan { background-position: -134px 0; }
#redes-gigan ul #pinterest-gigan { background-position: -272px 0; }
#redes-gigan ul #google-gigan { background-position: -409px 0; }
#redes-gigan ul #youtube-gigan { background-position: -546px 0; }

#redes-gigan ul #facebook-gigan:hover { background-position: 0 -135px; }
#redes-gigan ul #twitter-gigan:hover { background-position: -134px -135px; }
#redes-gigan ul #pinterest-gigan:hover { background-position: -272px -135px; }
#redes-gigan ul #google-gigan:hover { background-position: -409px -135px; }
#redes-gigan ul #youtube-gigan:hover { background-position: -546px -135px; }

/* CONTENIDO FINAL */
#menu-footer { border-left: solid 10px white; border-right: solid 10px white; display: inline-block; margin: 35px auto; }
#menu-footer ul { margin: 0 30px; padding: 0; }
#menu-footer ul li { display: inline; margin: 0 20px; }
#menu-footer ul li a { color: white; font-weight: lighter; }

#menu-footer ul li a:hover { color: #57809B;  }

#logo-mex-relax, 
#logo-top-mex 
{ display: block; margin: 20px 0px; }

/* FORMULARIO POPUP */

div#magazine { font-family: "Roboto"; margin: 0 auto; width: 240px; }
div#magazine p { color: #006888; font-size: 14px; margin-top: 20px; text-align: center; }

form[name="download_form"] { background: #e8e8e8; border: #C7C7C7 solid 1px; border-radius: 10px; margin-bottom: 12px; padding: 1px 10px; }

input.txt_magazine { border-radius: 4px; border: #C7C7C7 solid 1px; display: block; font-family: "Roboto"; font-size: 10px; 
					 height: 32px; margin-top: 15px; padding-left: 5px; width: 220px; }

textarea.txtarea_magazine { border-radius: 4px; border: #C7C7C7 solid 1px; font-family: "Roboto"; font-size: 11px; 
							height: 120px; margin-top: 15px; padding-left: 5px; width: 220px; }

input[name="download_button"] { background: #1684c2; border-radius: 16px; color: white; margin: 12px 60px; width: 100px; padding: 5px 0; }

input[name="download_button"]:hover { background: #50c2f0; cursor: pointer; }

/* CAMPOS REQUERIDOS FORMULARIO */

div.error { color: red; font-family: "Roboto"; font-size: 14px; 
		text-align: center; width: 200px; margin: 0 auto; }
img#captcha { position: relative; top: 8px; }
label.error { color: red; }
input.error { margin-top: 7px; }

/* PAGINA CONTACTANOS */

section.contact-us { color: #0092a9; float: left; margin: 40px 30%; width: 40%; }
section.contact-us input, section.contact-us textarea { background-color: #ebebeb; border: 0; border-radius: 4px; 
font-size: 12px; margin: 5px 0; padding: 6px 9px 5px; width: 100%; }
section.contact-us input { height: 25px; }
section.contact-us textarea { font-family: "Roboto"; font-size: 11px; height: 200px; resize: inherit; }
section.contact-us form { margin-top:  20px; }
section.contact-us form input[name="contact_btn"] { background: url(../img/banner/sprite-botton.png); background-repeat: no-repeat; 
background-position: -44px -122px; border: 0; height: 41px; padding: 0; width: 154px; }
section.contact-us form input[name="contact_btn"]:hover { background: url(../img/banner/sprite-botton.png); background-repeat: no-repeat; 
background-position: -237px -122px; border: 0; cursor: pointer; height: 41px; padding: 0; width: 154px; }

/* NOSOTROS */

section.profil { float: left; margin-left: 4%; width: 29.75%; }
section.profil div { /*background: #91d8ee; border-radius: 50%; height: 180px;*/ margin: 140px auto 15px; /*width: 65%;*/ }
section.profil em { color: #0092a9; }
section.paragraph-up { float: left; margin-right: 4%; width: 62.25%; }
section.paragraph-up h1 { color: #0092a9; font-size: 45pt; margin: 50px 0 0; text-align: left; }
section.paragraph-up p { color: #0092a9; text-align: justify; line-height: 25px; margin-bottom: 0; }
section.paragraph-down { float: left; margin: 0 4% 50px; width: 92%; }
section.paragraph-down p  { color: #0092a9; text-align: justify; line-height: 25px; }
section.paragraph-down a { color: #91d8ee; float: left; }
section.paragraph-down a strong span { background: url(../img/more.png); background-position-y: 27px; background-size: 100%; 
display: inline-block; height: 14px; margin-left: 3px; width: 14px; }

/* LANDING PAGE */

div.img-ban { float: left; padding: 45px 0 10px; width: 100%; }
nav.prom, section.prom { color: #0092a9; float: left; width: 100%; }
nav.prom h2 { color: #0092a9; }
nav.prom ul { margin-top: 0px; padding: 0 32%; line-height: 23px; }
nav.prom ul li { background: url(../img/banner/bullets.png) no-repeat top left; color: #0092a9; display: inline-block; font-weight: bold; 
height: 29px; margin-top: 20px; padding-left: 50px; text-align: left; width: 100%; }
section.shadow { color: #0092a9; background-image: url(../img/banner/shadow-down.png); background-position-y: 382px; 
background-repeat: no-repeat; background-size: 100%; position: relative; float: left; padding-bottom: 26px; width: 100%; } 
/*background: url(../img/banner/shadow-down.png) no-repeat 100% bottom;*/
section.shadow h2 { color: #0092a9; }
section.shadow p { line-height: 32px; margin: 30px auto; text-align: justify; width: 62.5%; }
section.shadow input[name="landing_btn"] { background: url(../img/banner/sprite-botton.png) no-repeat; background-position: -44px -42px; 
border: 0; height: 41px; padding: 0; width: 154px; }
section.shadow input[name="landing_btn"]:hover { background: url(../img/banner/sprite-botton.png) no-repeat; 
background-position: -237px -42px; border: 0; cursor: pointer; height: 41px; padding: 0; width: 154px; }
section.prom form { margin: 0px 22.81%; }
section.prom form input[name="contact_name"] { background-color: #e6e6e6; border: 0px; border-radius: 4px; padding-left: 8px; 
height: 34px; margin-top: 24px; margin-right: 2%; width: 42.5%; } 
section.prom form input[name="contact_email"] { background-color: #e6e6e6; border: 0px; border-radius: 4px; padding-left: 8px; 
height: 34px; margin-top: 24px; margin-left: 2%; width: 42.5%; }
section.prom form textarea { background-color: #e6e6e6; border: 0px; border-radius: 4px; font-family: "Roboto"; font-size: 11px; 
height: 200px; margin: 20px 0px 25px; width: 90%; padding: 10px 0 0 11px; resize: inherit; }
section.prom form input[name="contact_btn"] { background: url(../img/banner/sprite-botton.png); background-repeat: no-repeat; 
background-position: -44px -122px; border: 0; height: 41px; padding: 0; width: 154px; }
section.prom form input[name="contact_btn"]:hover { background: url(../img/banner/sprite-botton.png); 
background-repeat: no-repeat; background-position: -237px -122px; border: 0; cursor: pointer; height: 41px; padding: 0; width: 154px; }
section.prom:last-child { margin-bottom: 50px; }


@media screen and (max-width: 980px) {

header, footer{ float: left; min-width: inherit; width: 100%; }
.contenedor { width: 90%; }
#menu { font-size: 14px; }
#fondo-img { height: auto/*300px*/; min-width: inherit; width: 100%; }
#titulo { font-size: 50px; padding: 4px 10px;
border-left: 10px solid white; border-right: 10px solid white; }

#menu-foto ul { top: 190px; }
#menu-foto ul li { font-size: 12px; margin: 1px 0.4%; padding: 5px 1%; }

.num-actividad { margin-top: 1px; }
input[type="checkbox"] { margin-top: 2px; }
h2, h3 { /*margin: 28px 0px 18px;*/ margin: 18px 0px 0px; line-height: 32px; }
.neighborhoods { font-size: 17px; }
.contenedor #text-neigh { font-size: 13px; }
.articulo h2 { font-size: 18px; }

.menu-articulo ul li { border-radius: 4px; cursor: default; font-size: 11px; margin: 2px; padding: 6px 10px; }
.menu-articulo ul li a { cursor: default; }

#contenedor-video-mapa { display: inline-table;  }

/*#video, #mapa { width: 47%; }
#video { margin-left: 2%; }*/

#video { height: 309px; }

#mapa { margin-right: 2%; }
#mapa img { height: 100%; width: 100%; }

#google_maps { margin: 0px 2%; width: 96%; }

.sub-neighborhoods { font-size: 15px; }
.margen-bajo { margin-bottom: 30px; }
.img-gde { height: auto; margin: 0px 2%; position: relative; width: 96%; }
.img-med-1 { height: auto; margin-left: 2%; margin-right: 1%; width: 47%; }
.img-med-2 { height: auto; margin-left: 1%; margin-right: 2%; width: 47%; }
.img-peq-1 { height: auto; margin-left: 2%; margin-right: 1%; width: 30.6%; }
.img-peq-2 { height: auto; margin-left: 1%; margin-right: 1%; width: 30.6%; }
.img-peq-3 { height: auto; margin-left: 1%; margin-right: 2%; width: 30.6%; }

.redes-img-gde { top: 159px; }
.redes-img-mdn { top: 9px; }
.redes-img-peq { left: 0px; top: -5px; }

.redes-img-gde ul li, 
.redes-img-mdn ul li, 
.redes-img-peq ul li 
{ background-size: 70px; height: 30px; width: 30px; }

.redes-img-gde ul .facebook-img, 
.redes-img-mdn ul .facebook-img, 
.redes-img-peq ul .facebook-img 
{ background-position: -2px -1px; }

.redes-img-gde ul .twitter-img, 
.redes-img-mdn ul .twitter-img, 
.redes-img-peq ul .twitter-img 
{ background-position: -2px -33px; }

.redes-img-gde ul .pinterest-img, 
.redes-img-mdn ul .pinterest-img, 
.redes-img-peq ul .pinterest-img 
{ background-position: -2px -65px; }

.redes-img-gde ul .google-img, 
.redes-img-mdn ul .google-img, 
.redes-img-peq ul .google-img 
{ background-position: -2px -98px; }

.redes-img-gde ul .link-img, 
.redes-img-mdn ul .link-img, 
.redes-img-peq ul .link-img
{ background-position: -2px -129px; }

input[type="url"] { margin-left: 32px; width: 200px; }

.redes-img-gde ul .email-img, 
.redes-img-mdn ul .email-img, 
.redes-img-peq ul .email-img
{ background-position: -2px -161px; }

.redes-img-gde ul .com-fb-img, 
.redes-img-mdn ul .com-fb-img, 
.redes-img-peq ul .com-fb-img 
{ background-position: -2px -192px; }

.redes-img-gde ul .facebook-img:hover, 
.redes-img-mdn ul .facebook-img:hover, 
.redes-img-peq ul .facebook-img:hover 
{ background-position: -38px -1px; }

.redes-img-gde ul .twitter-img:hover, 
.redes-img-mdn ul .twitter-img:hover, 
.redes-img-peq ul .twitter-img:hover 
{ background-position: -38px -33px; }

.redes-img-gde ul .pinterest-img:hover, 
.redes-img-mdn ul .pinterest-img:hover, 
.redes-img-peq ul .pinterest-img:hover 
{ background-position: -38px -65px; }

.redes-img-gde ul .google-img:hover, 
.redes-img-mdn ul .google-img:hover, 
.redes-img-peq ul .google-img:hover 
{ background-position: -38px -98px; }

.redes-img-gde ul .link-img:hover, 
.redes-img-mdn ul .link-img:hover, 
.redes-img-peq ul .link-img:hover
{ background-position: -38px -129px; }

.redes-img-gde ul .email-img:hover, 
.redes-img-mdn ul .email-img:hover, 
.redes-img-peq ul .email-img:hover
{ background-position: -38px -161px; }

.redes-img-gde ul .com-fb-img:hover, 
.redes-img-mdn ul .com-fb-img:hover, 
.redes-img-peq ul .com-fb-img:hover 
{ background-position: -38px -192px; }

#contenedor-testimonial { margin: 20px 2% 0px; width: 96%;}

#txt-foto-autor { color: #006888; }
#txt-foto-autor a { color: #217592; }
#foto-testimonial { margin: 35px 25px; line-height: 18px; }
#txt-testimonial p {  margin: 6px 0px; text-align: justify; width: 455px; }


nav#galeria-videos div.elastislide-horizontal { padding: 23px 0px; }
#galeria-videos { height: 190px; width: 96%; }
#carousel li {  }
.video-galeria { height: 140px; width: 180px; }

#propiedad-izq { width: 100%; }
#propiedad-der { display: none; }
.propiedad-pqe { display: none; margin-left: 70px; padding-left: 5px;  }

.prop-img-gde, .prop-img-gde img 
{ margin: 0px 1%; width: 98%; }

#img-prop-1 { margin-bottom: 1%; margin-left: 2%; }
#img-prop-1 h1 { margin: 10px; }

.liga-video-prop { margin: 0px; margin-top: 24px; margin-right: 7px; }
.lista-prop { margin-top: 11px; margin-right: 2%; padding: 7px 60px; }
#ver-propiedades { margin: 15px 2%; width: 96%; }

#lista-propiedades { margin: 0px 2%; padding-bottom: 16px; width: 96%; }
#lista-propiedades h3 { margin: 10px; }

#list-prop-1 ul li, 
#list-prop-2 ul li, 
#list-prop-3 ul li 
{ font-size: 11px; margin: 3px 0px; }

#list-prop-1 .descripcion-prop, 
#list-prop-1 .cantidad-prop, 
#list-prop-2 .descripcion-prop, 
#list-prop-2 .cantidad-prop,
#list-prop-3 .descripcion-prop, 
#list-prop-3 .cantidad-prop
{ padding-left: 0px; margin: 0px 10px; } 

#list-prop-3 { float: left; padding: 0; }

#img-publicidad, #img-instagram  { display: none; }

#menu-footer { font-size: 14px; margin: 28px 0 9px; }

#logo-mex-relax, #logo-top-mex { padding: 13px; }

}

@media screen and (max-width: 825px) {

#menu-foto ul { padding: 0 3%; top: 190px; }

.img-gde:hover .redes-img-gde,
.img-med-1:hover .redes-img-mdn, 
.img-med-2:hover .redes-img-mdn,
.img-peq-1:hover .redes-img-peq, 
.img-peq-2:hover .redes-img-peq, 
.img-peq-3:hover .redes-img-peq 
 { cursor: default; display: none; }
 
 #foto-testimonial { display: none; }
 
/* section.profil div { height: 120px; }*/
 
 section.contact-us { margin: 40px 0; width: 94%; }

}

@media screen and (max-width: 768px) {
	
#contenedor-titulo { top: 200px; }
nav#galeria-videos div.elastislide-horizontal { padding: 23px 0px; }
#carousel li {  }
.video-galeria { height: 140px; width: 170px; }

section.shadow { background:  none; }

}

@media screen and (max-width: 750px) {

section.profil div { /*height: 120px;*/ margin-top: 50px; width: 30%; }
section.profil, section.paragraph-up, section.paragraph-down { margin-right: 0; margin-left: 0; width: 100%; }
section.paragraph-up h1 { font-size: 30pt; margin-top: 20px; }
section.paragraph-up p, section.paragraph-down p, section.paragraph-down a { font-size: 13px; }

}

@media screen and (max-width: 710px) {

#menu-foto ul { padding: 0; top: 190px; }
#txt-autor { display: none; }

}

@media screen and (max-width: 660px) {

#menu-foto ul { padding: 0; top: 170px; }

}

@media screen and (max-width: 590px) {

#redes ul #facebook, 
#redes ul #twitter, 
#redes ul #pinterest, 
#redes ul #google { display: none; }

}

@media screen and (max-width: 550px) {

section.profil div { /*height: 120px;*/ margin-top: 15px; /*width: 30%;*/ }
section.paragraph-up h1 { font-size: 30pt; margin-top: 20px; text-align: center; }
section.paragraph-up p, section.paragraph-down p, section.paragraph-down a { font-size: 13px; }

}

@media screen and (max-width: 480px) {

#logo { padding: 35px 3% 0px 7%; width: 20.3%; }
#menu { font-size: 13px;  width: 40.3%; }
#menu ul li ul { width: 100%; }
#redes { width: 20.3%;  }

#menu-foto ul { padding: 0; top: 180px; }
#menu-foto ul li { font-size: 11px; margin: 1px 0.3%; padding: 2px 1%; }

.neighborhoods { font-size: 14px; line-height: 25px;}

.sub-neighborhoods { font-size: 11px; }

.contenedor #text-neigh { font-size: 12px; }

.margen-bajo { margin-bottom: 0px; }

.articulo h2 { font-size: 13px; margin: 15px 0; }

.menu-articulo ul li { display: inline-block; margin: 1px; padding: 2px 4px; }

#contenedor-video-mapa { height: 266px; }

/*#video, #mapa, embed,*/ #mapa-zona img, #google_maps, .wth1 { height: 190px; }

#foto-testimonial, #txt-testimonial { margin: 4%; }

#txt-foto-autor, #txt-foto-autor a { font-size: 11px; padding: 4px; }

#txt-testimonial, #txt-testimonial p { font-size: 12px; float: left; }

#txt-testimonial p { width: 100%; }

#txt-autor { display: none; }

/*#txt-autor { margin: 0; width: 100%; }
#txt-autor h4 { float: left; margin-left: 158px; margin-bottom: 15px; }
#txt-autor p { float: left; margin-left: 15px; margin-bottom: 15px; }*/

h2, h3 { font-size: 11px; }

#com-fb { display: none; }
 
}

@media screen and (max-width: 450px) {

#logo { float: none; width: 50%; margin: 0 auto; padding: 20px 0 10px; }
 
#titulo { font-size: 30px; border-left: 6px solid white; border-right: 6px solid white; }

#menu { 
					display: none;
font-size: 13px; width: 90%; margin: 0 auto; float: none; padding: 0 0 30px 0; }

#redes { text-align: right; padding: 0; width: 100%; position: relative; right: 20px; bottom: 70px;  }

#menu-foto ul { top: 160px; }

.media { width: 99%; }

a#mapa-zona img {  width: 100%; } 

i.icon-30 { font-size: 123px; } 

#weather h2 { font-size: 65px; }
#weather li { padding: 10px; margin-bottom: 4px; }

#foto-testimonial { display: none; }

.publish { margin: 0 1%; width: 98%; }

#menu-footer ul { font-size: 13px; margin: 0px; padding: 0 7px; }
#menu-footer ul li { margin: 0 14px; }

#logo-mex-relax, #logo-top-mex { margin: 8px auto; width: 50%; }

footer { height: 100%; }

#redes { right: 14px; bottom: 60px; }

}

@media screen and (max-width: 340px) {

#menu-foto ul { top: 130px; }

}

@media screen and (max-width: 325px) {

#menu ul { cursor: pointer; }
#menu ul li ul { width: 100%; padding-top: 21px; }
#menu ul li ul li { padding-top: 7px; }
#menu ul li ul li ul { margin-top: 4px; }
#menu ul li ul li ul li { padding: 5px; }

#contenedor-titulo { margin-top: 0px; }
#fondo-img { margin-bottom: 180px; height: 270px; }

#menu-foto ul { top: 263px; }

#menu-foto ul li { font-size: 12px; margin: 1px 0.8%; padding: 4px 3%; }

.articulo { margin: 2%; width: 96%; }

#galeria-videos { width: 90%; }

#fondo-img { margin: 0; height: auto; }

div.img-ban { float: none; padding: 18px 0; width: 50%; margin: 0 auto; }
section.shadow h2, section.prom h2 { margin: 0; font-size: 17px; }
nav.prom ul {margin-top: 0px; padding: 0 13%; line-height: 23px; font-size: 12px; }
section.shadow p { line-height: 22px; margin: 17px auto; text-align: justify; width: 90%; font-size: 12px;}
section.prom { font-size: 12px; }
section.prom form { margin: 0px -0.19%; }
section.prom form textarea { font-size: 12px; width: 90%; }
section.prom form input[name="name-bnr"], section.prom input[name="email-bnr"] { width: 42.5%; font-size: 12px; }

}