/*
Theme Name: campo viejo
Theme URI: http://emposicionamientodigital.com
Description: Theme modified by fer
Author URI: fer
Version: 1
*/

@font-face {
	font-family: Aldo;
	src: url(fonts/aldopc.ttf);
	font-weight:200;
}

/*font-family: 'Literata', serif;
	font-family: 'EB Garamond', serif;
*/


@media screen {



	div,h1,h2,h3,h4,p{
		margin:0;
		padding:0;
		display:block;
	}
	* { margin: 0; padding: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	body {
		background-color:white;
		width:100%;
		padding:0px;
		margin:0px;
		font-family: 'Literata', serif;
		display:block;
	}
	a{
		text-decoration:none;
	}


	#principal{
		overflow:hidden;
		width:100%;
		min-width:1200px;
	}
	#contenido{
		width:100%;
		float:left;
	}
	section{
		float: left;
		width:100%;
	}
	#encabezado{
		width:100%;
		top:0px;
		height: 70px;
		z-index: 9999999;
		background-color: #ffffffd9;
		display:block;
		float:left;
		position:fixed;
		transition:all 1s;
	}
	.iconmenuresp{
		display:none;
	}
	#animacion{
		float:left;
		width:100%;
		min-width:1200px;
		height:100vh;
		top: 0px;
		z-index:-1;
	}
	#contenido_anim{

	}

	.cont-centrado{
		width:1200px;
		margin:auto;
		display: block;
		overflow: hidden;
	}


	#encabezado #logo{
		width:230px;
		height:auto;
		float:left;
		margin-top:5px;
		margin-bottom:5px;
		margin-left: 0px;
	}
	#encabezado #logo a{
		display:block;
	}
	#encabezado #logo img{
		width:100%;
	}


	#social{
		float:right;
		width:100px;
		margin-top:24px;
		display: flex;
		justify-content: space-between;
	}
	#social a{
		float:left;
		width:18px;
		height:18px;
		display:block;
	}
	#social .iconof{
		background-image:url(images/icono_face.png);
		background-repeat:no-repeat;
		background-size:18px 36px;
	}
	#social .iconoi{
		background-image:url(images/icono_instagram.png);
		background-repeat:no-repeat;
		background-size:18px 36px;
	}
	#social .iconow{
		background-image:url(images/icono_whats.png);
		background-repeat:no-repeat;
		background-size:18px 36px;
	}

	#social .iconof:hover,#social .iconoi:hover,#social .iconow:hover{
		background-position:0px -18px;
	}



	#social .txt{
		margin-top:0px;
		margin-right:10px;
		float:left;
		font-size:23px;
	}


	/******************* menu ****************/

	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		width:100%;
		list-style:none;
		padding-top: 7px;
		width:100%;
		float:left;
		display:flex;
		justify-content:space-between;
		height: 60px;
	}
	#menu{
		float:right;
		width: 800px;
		margin-top:0px;
		margin-right:20px;
	}
	#menu-principal{
		float: left;
	}
	.nav-menu li {
		display: inline-block;
		float:left;
		/*width:110px;*/
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nav-menu li a {
		color:#3C5345;
		font-weight:600;
		text-decoration:none;
		text-transform:uppercase;
		font-size:13px;
		display: block;
		text-align:center;
		font-family: 'Literata', serif;
		padding-bottom: 5px;

	}
	#menu-item-1339 a{

	}
	.sub-menu li:last-child{
		margin-right:0px;
	}
	.sub-menu li a {
		height: 25px;
	}
	.nav-menu li:hover{

	}
	.nav-menu li:hover > a,
	.nav-menu li a:hover{
		color: #75541D;
		border-bottom:1px solid #3C5345;
	}
	.nav-menu .sub-menu,
	.nav-menu .children {
		background-color: #232f21;
		border-top: 0;
		display: none;
		position: absolute;
		z-index: 99999;
		padding: 10px;
		top: 44px;
		border-radius: 0px 0px 10px 10px;
	}

	.nav-menu .sub-menu ul,
	.nav-menu .children ul {
		border-left: 0;
		left: 100%;
		top: 0;
	}
	.sub-menu li{
		display: inline;
		font-size: 16px;
		text-shadow: none;
		margin-right: 29px;
	}
	.sub-menu li a{
		font-size: 16px;
		color:#C3C142!important;
	}

	ul.nav-menu ul a,
	.nav-menu ul ul a {
		color: #75541D;
		margin: 0;
	}
	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		color:#75541D;
	}
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {
		display: block;
	}
	.nav-menu .current_page_item > a,
	.nav-menu .current_page_ancestor > a,
	.nav-menu .current-menu-item > a,
	.nav-menu .current-menu-ancestor > a {
		color: #75541D;
	}

/************************* contenidos ***************************/
	/*#encabezado.anima{
		position:fixed;
		height: 67px;
		transition:all 1s;
	}
	#encabezado.anima #logo{
		width:60px;
		margin-top:7px;
		transition:all 1s;
	}
	#encabezado.anima #logo img{
		width:100%;
	}
	#encabezado.anima #menu {
		margin-top:15px;
		clear:none;
		margin-right:30px;
		transition:all 1s;
	}*/

	#sanmiguel .bx-wrapper,#sanmiguel .bx-viewport{

	}
	#sanmiguel .bx-viewport{
		 overflow: visible!important;
	}


	#amenidades .bx-wrapper,#amenidades .bx-viewport{
		height:170px!important;
	}

	.columnas{
		float:left;
		width:100%;
		display:flex;
		display: -webkit-flex;
		-webkit-flex-direction: row;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	h2{
		font-family: 'EB Garamond', serif;
		font-size:48px;
		color:#3C5345;
		margin-bottom: 10px;
		text-align:center;
	}
	h3{


	}

	.btn-contacto{
		color:white;
		background-color:#FFB600;
		border-radius:10px;
		padding:15px 25px;
		font-size:22px;
		float:right;
	}
	#sanmiguel{
		margin-top:120px;
		margin-bottom: 50px;
	}
	#sanmiguel .bx-wrapper {
		height: 462px;
	}

	#sanmiguel .bxslider-sanmiguel li{
		width:310px;
		border:1px solid #A99557;
		height:445px;
		box-shadow: 10px 10px 10px #00000052;
	}
	#sanmiguel .bxslider-sanmiguel li .info{
		padding:17px 25px;
	}
	#sanmiguel h2{
		width:400px;
		margin-left:calc(50% - 200px);
	}
	#sanmiguel .txt1{
		color:#A99557;
		font-family: 'EB Garamond', serif;
		font-size:28px;
		font-style:italic;
		text-align:center;
		margin-bottom:94px;
		line-height:36px;
		margin-bottom:45px;
		line-height:36px;
	}

	#sanmiguel .bxslider-sanmiguel h3{
		font-size:20px;
		font-family: 'Literata', serif;
		text-align:left;
		color:#A99557;
		font-style:normal;
		margin-bottom:14px;
	}
	#sanmiguel .bxslider-sanmiguel p{
		font-size:17px;
		font-family: 'Literata', serif;
		text-align:left;
		color:#A99557;
		font-style:normal;
		font-weight:400;
		line-height: 22px;
	}

	#nosotros{
		background-color:#232f21;
		padding-bottom:120px;
		position:relative;
	}
	#nosotros .logo{
		margin:auto;
		width:200px;
		height:auto;
		display:block;
	}
	#nosotros h2{
		color:#C3C142;
		text-align:center;
	}
	#nosotros .txt1{
		color:#C3C142;
		font-family: 'EB Garamond', serif;
		font-size:28px;
		font-style:italic;
		text-align:center;
		margin-bottom:94px;
		line-height:36px;
		margin-bottom:45px;
		line-height:36px;
		margin-top:54px;
	}
	#nosotros .col{
		width:505px;
		float:left;
	}
	#nosotros .col:nth-child(2){
		float:right;
	}
	#nosotros .col p{
		font-size:20px;
		color:#E2DBCD;
		font-family: 'Literata', serif;
		float:left;
	}
	.btn-conoce{
		color:#E2DBCD;
		font-family: 'Literata', serif;
		font-size:18px;
		width:136px;
		text-align:center;
		padding:4px;
		float:right;
		background-color:#A99557;
		margin-top:40px;
	}
	#nosotros .circulo{
		width:127px;
		height:127px;
		display:block;
		border-radius:50%;
		background-color:#E2DBCD;
		position:absolute;
		left:calc(50% - 64px);
		bottom:-63px;
	}

	#amenidades{
		padding:150px 0px;
		background-image:url(images/fondo_amenidades.jpg);
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-position:center;
	}
	#amenidades h2{
		text-align:center;
		color:#C3C142;
	}
	#amenidades .txt1{
		color:#A99557;
		font-family: 'EB Garamond', serif;
		font-size:28px;
		font-style:italic;
		text-align:center;
		margin-bottom:94px;
		line-height:36px;
		margin-bottom:45px;
		line-height:36px;
		margin-top:54px;
	}
	#amenidades .opciones{
		float:left;
		width:100%;
		display:grid;
		grid-template-columns:167px 167px 167px 167px;
		padding:0px 100px;
		grid-column-gap:111px;
		grid-row-gap:80px;
	}
	#amenidades .bx-wrapper{
		margin-top:170px!important;
	}
	#amenidades .bxslider-amenidades img{
		width:167px;
		margin-bottom:20px;
	}
	#amenidades .bxslider-amenidades li{
		text-align:center;
		font-family: 'Literata', serif;
		color:#A99557;
		font-size:18px;
	}


	#lotes{
		width:100%;
		height:auto;
		display:block;
		float:left;
		position:relative;
		z-index:99;
		padding-top: 50px;
	}
	#lotes .cont-centradom{
		width:1080px;
		margin:auto;
		background-image: url(images/txt_manzanas.png), url(images/fondo_mapa.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		height:811px;
		position:relative;
	}
	#lotes .txtmnz{
		width:1080px;
		margin:auto;
		background-image: url(images/txt_manzanas.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		height:811px;
		position:relative;
	}
	#lotes h2{
		margin-bottom:5x;
		color: #C3C142;
	}
	#lotes .img-inst{
		margin:auto;
		display: block;
	}
	#lotes .instruccion{
		color:#A99557;
		font-size:16px;
		font-family: 'EB Garamond', serif;
		text-align:center;
		font-style:italic;
	}
	#lotes .cont-centradom + svg{
		margin-left:20px;
	}
	#lotes .cont-centrado2{
		width:1200px;
		margin:auto;
	}
	#lotes .capaseleccion{
		width: 830px;
		height: 753px;
		z-index: 9999999;
		position: absolute;
		left: 209px;
		top: 40px;
	}
	#lotes .capalotes{
		width: 830px;
		height: 753px;
		z-index: 99;
		position: absolute;
		left: 209px;
		top: 40px;
	}

	.arrow-before {
    width:0px;
    height:0px;
    border-left: 8px solid transparent;  /* izquierda flecha */
    border-right: 8px solid transparent; /* derecha flecha */
    border-top: 24px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    top: 191px;
    left: calc(50% - 8px);
    position: absolute;

	}


	 .popup{
		width: 196px;
		height: 103px;
		float:left;
		position:absolute;
		top:1px;
		display:none;
		z-index:99999;
		font-family: 'Literata', serif;

	}
	.popup .pop{
		padding:5px;
		padding-bottom:20px;
		width:100%;
		height:100%;
	}
	.pop.disp{
		background-image:url(images/fondo_pop_disp.png);
		background-repeat:no-repeat;
		background-size:100%;
	}
	.pop.vend{
		background-image:url(images/fondo_pop_vend.png);
		background-repeat:no-repeat;
		background-size:100%;
	}
	.pop.aprt{
		background-image:url(images/fondo_pop_aprt.png);
		background-repeat:no-repeat;
		background-size:100%;
	}

	 .pop .col1{
		 width:60%;
		 float:left;
		 border-right: 1px solid #A99557;
		 padding-right:5px;
	 }
	 .pop .col2{
		 width:40%;
		 float:left;
	 }
	 .pop h3{
		font-size:13px;
		line-height: 15px;
		font-weight:300;
		text-align:center;
		font-family: 'Literata', serif;
	}
	 .pop h4{
		font-family: 'EB Garamond', serif;
		font-size:16px;
		font-style:normal;
		text-align:center;
		line-height: 16px;
	}
	.pop .area{
		font-size:12px;
		text-align:center;
		font-family: 'EB Garamond', serif;

		padding-bottom:3px;
		margin-bottom:3px;
	}

	.pop.disp .area{
		border-bottom:1px solid #A99557;
	}
	.pop.vend .area{
		border-bottom:1px solid #c3c142;
	}
	.pop.aprt .area{
		border-bottom:1px solid #9caf96;
	}
	.pop.disp .col1{
		border-right: 1px solid #A99557;
	}
	.pop.vend .col1{
		border-right: 1px solid #c3c142;
	}
	.pop.aprt .col1{
		border-right: 1px solid #9caf96;
	}


	.pop .area sup{
		font-size:11px;
	}
	.pop p{
		font-size:11px;
		text-align:center;
	}

	.pop.disp .area,.pop.disp h4,.pop.disp h3, .pop.disp p{
		color:#A99557;
	}

	.pop.vend .area,.pop.vend h4,.pop.vend h3, .pop.vend p{
		color:#c3c142;
	}
	.pop.aprt .area,.pop.aprt h4,.pop.aprt h3, .pop.aprt p{
		color:#A0AE98;
	}

	.pop.disp, .pop.vend,.pop.aprt{
		font-size:12px;
		text-align:center;
	}

	.pop.disp img,.pop.vend img,.pop.aprt img{
		clear:both;
		margin-left:calc(50% - 7px);
		width:15px;
		height:23px;
		float: left;
		margin-top: 10px;
	}


	.capalotes .vend .st0,.capalotes .vend .st1,.capalotes .vend .st3{
		fill: #C3C142;
		opacity:1;
	}

	.capalotes .aprt .st0,.capalotes .aprt .st1,.capalotes .aprt .st3{
		fill: #A0AE98;
		opacity:1;
	}
	.capaseleccion .st0,.capaseleccion .st1,.capaseleccion .st3{
		fill: #fff;
		opacity:0;
	}

	.tipoa{
		cursor:pointer;
		fill:#BBB0AD;
		opacity: .5;
	}
	#lotes .capalote .disp .st1,#lotes .capalote .disp .st0,#lotes .capalote .disp .st3{
		fill:#DCD5BF;
		opacity:1;
	}
	.pop{
		display:none;
	}
	#lotes .visible{
		display:block;
	}
	#lotes p{
		font-size:12px;
		margin-bottom: 0px;
		line-height: initial;
	}
	#lotes .infomapa{
		background-color:#616160;
		width: 100%;
		float: left;
		height:93px;

	}
	#lotes .infomapa img{
		margin-left:calc(50% - 420px);
	}
	#popinac_f1{
		position:absolute;
		top: 128px;
   	left: 792px;
		border:1px solid #9A875F;
		background-color: white;
		color:#9A875F;
		z-index: 999;
		text-align: center;
		font-weight: 300;
	}
	#popinac_f2{
		position: absolute;
    	top: 154px;
    	left: 300px;
    	width: 250px;
    	border: 1px solid #9A875F;
    	background-color: white;
    	color: #9A875F;
    	z-index: 999;
		text-align: center;
		font-weight: 300;
	}
	#popinac_f3{
		position: absolute;
		top: 484px;
		left: 501px;
		width: 250px;
		border: 1px solid #9A875F;
		background-color: white;
		color: #9A875F;
		z-index: 999;
		text-align: center;
		font-weight: 300;
	}
	#popinac_f2 h3, #popinac_f3 h3{
		font-weight: 300;
	}


	#ubicacion img{
		width:100%;
		position:relative;
	}
	#ubicacion .btnmaps{
		position: relative;
		bottom: 72px;
		background-color: #b29652;
		color: white;
		padding: 10px;
		width: 150px;
		left: 77%;
	}
	#galeria{
		padding-top:100px;
		padding-bottom:100px;
		box-shadow: 0px 8px 8px #00000063;
		z-index: 99999;
		position: relative;
	}

	#contacto  {
		background-color:#E2DBCD;
		padding-top:100px;
		padding-bottom:40px;
	}
	#contacto .col1{
		width:430px;
		float:left;

	}
	#contacto .col1 img{
		width:200px;
		margin:auto;
		display: block;
		margin-top: 51px;
	}



	#contacto .col2{
		width:770px;
		float:left;
	}

	#contacto .formulario{
		width:100%;

	}
	#contacto .formulario .col{
		width:50%;
		float:left;
	}
	#contacto .formulario .col:last-child{
		margin-top:90px;
	}

	#contacto .formulario .col:nth-child(1) p{
		margin-bottom:24px;
		border-bottom: 1px solid #A99557;
		padding-bottom:10px;
		width:93%;
	}
	#contacto .formulario h2{
		margin-bottom:28px;
		color:#A99557;
		text-align:left;
		font-family: 'EB Garamond', serif;
	}

	#contacto .formulario label{
		color:#A99557;
		font-size:18px;
		font-family: 'Literata', serif;
	}
	#contacto .formulario input[type=text],#contacto .formulario input[type=tel],#contacto .formulario input[type=email]{
		font-size:18px;
		width: 68%;
		border: none;
		background: transparent;

		color:#A99557;

	}
	#contacto .formulario textarea{
		font-size:18px;
		width:100%;
		border: none;
		background: transparent;
		border-top:1px solid #A99557;
		color:#A99557;
		margin-top: 10px;
		height: 80px;
	}


	#contacto .formulario .tipol{
		width:100%;
		text-align:center;
		font-size:18px;
		color:#A99557;
		padding-bottom:0px;
		border-bottom: 1px solid #A99557;
		text-align: left;
	}
	#contacto .formulario input[type=radio]{
		margin-left: calc(50% - 8px);
		margin-bottom: 0px;
		width: 15px;
		height: 15px;
		float: left;
		z-index: 9999;
	}
	#contacto .formulario .tipol span.wpcf7-list-item {
		display: inline-grid;
		margin-right: 6px;
	}
	#contacto .formulario .compral span.wpcf7-list-item {
		display: inline-grid;
		margin-right: -6px;
	}


	#contacto .formulario span.wpcf7-list-item:last-child {
		margin-right: 0px;
	}


	#contacto .formulario span.wpcf7-list-item.first{
		margin-left:0px;
	}


	#contacto .formulario .tipol .wpcf7-list-item-label{
		font-size:38px;
		color: #A99557;
		margin-left:0px;
		font-weight:normal;
		line-height: 1em;
		font-family: 'Literata', serif;
		float:left;
		width: 76px;
		text-align: center;
	}

	span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {
		content: " ";
	}

	.lotetipo span span:nth-child(1) span.wpcf7-list-item-label::after{
		content:"\A +200 m\B2";
		font-size:16px;
		float: left;
		text-align: center;
	}
	.lotetipo span span:nth-child(2) span.wpcf7-list-item-label::after{
		content:"\A +250 m\B2";
		font-size:16px;
		float: left;
		text-align: center;
	}
	.lotetipo span span:nth-child(3) span.wpcf7-list-item-label::after{
		content:"\A +300 m\B2";
		font-size:16px;
		float: left;
		text-align: center;
	}

	.lotetipo span span:nth-child(4) span.wpcf7-list-item-label::after{
		content:"\A +2,000 m\B2";
		font-size:16px;
		float: left;
		text-align: center;
	}


	#contacto .formulario .compral{
		width:100%;
		text-align:center;
		font-size:21px;
		color:#A99557;
		padding-bottom:18px;
		border-bottom: 1px solid #A99557;
		text-align: left;
	}
	#contacto .formulario .compral input[type=radio]{
		margin-left: calc(50% - 10px);
	}

	#contacto .formulario .compral span.wpcf7-list-item.first{
		margin-left: 0px;
	}
	#contacto .formulario .compral span.wpcf7-list-item{
		font-size:16px;
		margin-left: 50px;
	}
	#contacto .formulario .nota{
	    color:#A99557;
		font-size: 16px;
		margin-top:30px;
		margin-bottom:30px;
	}
	#contacto .formulario input[type="submit"]{
		background-color:#A99557;
		border:none;
		font-size:25px;
		padding: 6px 25px;
		margin-left:0px;
		color:white;
		float:right;
	}
	#contacto .formulario input[type="submit"]:hover{
		color: #FFB600;
		border:2px solid #FFB600;
	}
	#contacto .dir{
		font-size:18px;
		color: #A99557;
		text-align:center;
		margin-top:30px;
		width: 100%;
		float: left;
	}
	#contacto .dir a{
		font-size:18px;
		color: #A99557;
		margin-left:30px;
	}
	#contacto .dir .tel{
		font-size:18px;
		color: #A99557;
		margin-left:30px;
	}

/********************* contenido ****************************/

	#footer{
		background-color:#232F21;
		clear:both;
		float:left;
		width:100%;
		color:white;
		font-size: 21px;
		line-height: 18px;
		padding-top:33px;
	}
	#footer p{
		color:#A99557;
		font-size:22px;
		font-family: 'Literata', serif;
		margin-top:10px;
	}
	#footer #contenido-footer{
		width:1200px;
		padding:10px 50px;
		float:left;
	}
	#footer #contenido-footer .col{
		width:50%;
		float:left;
	}
	#footer #contenido-footer .col img{
		margin:auto;
		display:block;
	}
	#footer .derechos{
		margin-bottom:0px;
		color:#969696;
	}

	#footer .derechos,#footer .derechos a{
		font-size:14px;
		color:#A99557;
		width:100%;
		text-align:center;
	}



	.fsocial{
		width:80px;
		display:flex;
		justify-content:space-between;
		margin:auto;
		margin-bottom: 17px;
	}
	.fsocial .iconof{
		background-image:url(images/icono_face.png);
		background-repeat:no-repeat;
		background-size:30px 60px;
		background-position:0px -30px;
		width:30px;
		height:30px;
		display:block;
	}
	.fsocial .iconoi{
		background-image:url(images/icono_instagram.png);
		background-repeat:no-repeat;
		background-size:30px 60px;
		background-position:0px -30px;
		width:30px;
		height:30px;
		display:block;
	}


	.fsocial .iconof:hover,.fsocial .iconoi:hover{
		background-position:0px 0px;
	}



	#footer .fsocial a:last-child{
		margin-right:0px;
	}
	#footer .fmarcas{
		margin-left: calc(50% - 117px);
	}

}

/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1200px) {
	#principal {
		overflow: hidden;
		width: 100%;
		min-width: 320px;
	}
	#animacion {
		float: left;
		width: 100%;
		min-width: 320px;
	}
	.cont-centrado {
		width: 100%;
	}
	#menu {
    	width: 599px;
	}
	.columnas {
		padding:0px 20px;
	}
	#nosotros .col {
		width: 50%;
	}
	#sanmiguel .bx-wrapper, #amenidades .bx-wrapper {


	}
	#sanmiguel .bx-wrapper, #amenidades .bx-wrapper {

	}
	#sanmiguel .bx-viewport {
		 overflow: hidden!important;
	}
	#lotes .cont-centradom {

	}
	#contacto .col1 {
		width: 21%;
		float: left;
	}

}

/******* media screen responsive 1024px *****************/
@media screen and (max-width: 1024px) {
	#sanmiguel .bx-wrapper, #amenidades .bx-wrapper {
	max-width: 732px!important;
	}
	#footer #contenido-footer {
		width: 100%;
	}
	#lotes .cont-centradom {
		width: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		height: 787px;
	}

	#lotes .capaseleccion{
		width: 786px;
		height: 723px;
		z-index: 999999;
		position: absolute;
		left: 199px;
		top: 37px;
	}
	#lotes .capalotes{
		width: 786px;
		height: 723px;
		z-index: 99;
		position: absolute;
		left: 199px;
		top: 37px;
	}




}



/******* media screen responsive 815px *****************/
@media screen and (max-width: 815px) {
	.cont-centrado,.cont-centrado-pg{
		width:100%;
		padding-left:10px;
		padding-right:10px;
	}
	.animacion,#principal{
		width:100%;
		min-width:320px;
	}
	h2{
		font-size:35px;
		margin-bottom: 30px;
	}
	.columnas {
		padding: 0px 0px;
	}
	#nosotros .col p {
		font-size: 16px;
		padding-right:14px;
	}
	.col1-t1 img,.col2-t1 img{
		width:100%;
	}
	#acb-especiales .encuadernacion {
		width: 100%;
		margin-left:0px;
	}
	#sanmiguel .bx-wrapper, #amenidades .bx-wrapper {
	max-width: 668px!important;
	}
	#lotes .cont-centradom {

	}
	#menu {
		width: 375px;
	}
	.nav-menu li a {
		font-size: 9px;
	}
	#contacto {
    	padding-top: 50px;
	}
	#contacto .col1 {
		width: 100%;
	}
	#contacto .formulario .col:last-child {
		margin-top: 74px;
	}
	#contacto .col1 img{
		margin-top: 0px;
	}
	span.wpcf7-list-item {
		display: inline-block;
		margin: 0 0 0 11px!important;
	}
	#lotes .cont-centradom {
		width: 768px;
		background-size: 100%;
		background-position: 0% 0%;
		height: 650px;
	}
	#lotes .capaseleccion{
		width: 588px;
		height: 723px;
		position: absolute;
		left: 150px;
		top: 29px;
		z-index: 99999999;
	}
	#lotes .capalotes {
		width: 588px;
		height: 723px;
		z-index: 99;
		position: absolute;
		left: 150px;
		top: 29px;
	}

}

@media screen and (max-width: 768px) {
	#lotes .cont-centradom {
		width: 768px;
		background-size: 100%;
		background-position: 0% 0%;
		height: 650px;
	}
	#lotes .capaseleccion{
		width: 588px;
		height: 723px;
		position: absolute;
		left: 150px;
		top: 29px;
		z-index: 99999999;
	}
	#lotes .capalotes {
		width: 588px;
		height: 723px;
		z-index: 99;
		position: absolute;
		left: 150px;
		top: 29px;
	}

}



/******* media screen responsive 570px *****************/
@media screen and (max-width: 570px) {

	#menu {
		width: 15%;
		display: block;
		margin-top: 7px;
		margin-right: 10px;
	}

	.parallax {
		height: 275px;
    }
	.bx-wrapper,.bx-viewport{

	}
	.iconmenuresp{
		display:block;
	}
	#encabezado{
		height: 50px;
	}
	#social {
		margin-right: 15px;
		margin-top: 16px;
	}
	#encabezado #logo {
		margin-left: 11px;
		width: 125px;
		height: auto;
	}
	.menu-principal-container{
		display:none;
		background-color: #b29652;
		width: 184px;
		height: 250px;
		margin-top: 10px;
		padding:10px;
	}
	ul.nav-menu, div.nav-menu > ul{
		display:block;
	}
	.nav-menu li{
		display:block;
		clear: both;
	}
	.nav-menu li a {
		font-size: 13px;
		color:white;
		font-weight: 400;
		text-align: left;
		padding-bottom: 10px;
	}
	.nav-menu .sub-menu, .nav-menu .children{
		background-color: transparent;
		display: block;
		position:relative;
		margin-left:20px;
		top: 0px;
		border-radius: inherit;
		padding:0;
	}
	.sub-menu li a {
		color: #232f21!important;
	}



}

/******* media screen responsive 480px *****************/
@media screen and (max-width: 480px) {
	#acb-especiales .esp {
		width: 300px;
		margin-left:calc(50% - 150px);
	}
	#sanmiguel .bx-viewport {
		height:inherit;
	}
	#sanmiguel .bx-wrapper {
		max-width: 320px!important;
	}
	#sanmiguel .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -15%!important;
    margin-top: 0px;
    outline: 0;
    width: 33px;
    height: 45px;
    text-indent: -9999px;
    z-index: 9999;
    margin-left: 90px;
    margin-right: 90px;
	}
	#sanmiguel .txt1{
		    margin-bottom: 100px;
	}
	#ubicacion .btnmaps {
		position: relative;
		bottom: -20px;
		background-color: #b29652;
		color: white;
		padding: 10px;
		width: 150px;
		left: 53%;
	}
	#amenidades .bx-wrapper {
		max-width: 262px!important;
	}

	#lotes .cont-centradom {
		width: 360px;
		background-size: 100%;
		background-position: 0% 0%;
		height: 300px;
	}
	#lotes .capaseleccion{
		width: 276px;
		height: 258px;
		position: absolute;
		left: 69px;
		top: 13px;
		z-index: 99999999;
	}
	#lotes .capalotes {
		width: 276px;
		height: 258px;
		position: absolute;
		left: 70px;
		top: 13px;
		z-index: 99;
	}
	#contacto .formulario .col {
		width: 100%;
		float: left;
	}
	#contacto .formulario .col:last-child {
		margin-top: 5px;
	}
}




/******* media screen responsive 380px *****************/
@media screen and (max-width: 380px) {

	#animacion,.cont-centrado,#principal{
		width:100%;
		min-width:320px;
	}
	section{
		width:100%;
	}
	.col12, .col13 {
		margin-top: 45px;
		margin-bottom: 0px;
	}
	.col12 {
		width: 50%;
		float: left;
		padding: 10px;
	}
	.col13 {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 10px;
	}


	#nosotros{
		margin-bottom:40px;
	}
	#amenidades{
		padding: 40px 10px;
	}
	#amenidades .opciones img {
		width: 140px;
	}
	#amenidades .opciones {
		grid-template-columns: 140px 140px;
		grid-column-gap: 44px;
		grid-row-gap: 30px;
		padding: 0px 15px;
	}
	#proyectos img{
		width:16%;
		margin-left: 22px;
	}
	#contacto {
		padding-top: 40px;
		background-position: bottom right;
		height: auto;
		background-size: 195%;
	}
	#contacto p{
		line-height:normal !important;
	}
	#contacto .formulario {
		width: 100%;
	}
	#contacto .formulario label {
		font-size: 18px;
	}
	#contacto .formulario input[type=text], #contacto .formulario input[type=tel], #contacto .formulario input[type=email] {
		font-size: 18px;
	}
	#contacto .formulario span.wpcf7-list-item {
    	margin-left: 80px;
		margin-top:20px;
	}
	#contacto .formulario .compral span.wpcf7-list-item {
		font-size: 14px;
		margin-left: 23px;
		margin-top: 20px;
	}
	span.wpcf7-list-item {
    	margin: 0 0 0 7px!important;
	}
	#contacto .formulario input[type="submit"] {
		padding: 9px 35px;
	}
	#footer .columnas{
		flex-direction: column;
	}
	#footer #contenido-footer .col {
		width: 100%;
		padding: 20px;
		border: none;
	}
	#footer p {
		margin-bottom:10px;
	}
	#footer #contenido-footer {
    width: 100%;
    padding: 10px 10px;
    float: left;
	}
	#footer .derechos {
		font-size: 11px;

	}
	#lotes{
		overflow: hidden;
	}




	#lotes .infomapa img {
		width: 100%;
		margin-left:0px;
	}



}