@charset "utf-8";

html {box-sizing:border-box;}
*,*:after,*:before {box-sizing:inherit;}

@keyframes play150 {
0% {background-position:0 0;}
100% {background-position:-15000px 0;}
}
.shapeshifter {animation-duration:5000ms; animation-timing-function:steps(150); animation-fill-mode:forwards; width:100px; height:100px; background-repeat:no-repeat;}
.shapeshifter.play {animation-name:play150;}
.carousel-control.left {background-image:none!important;}
.carousel-control.right {background-image:none!important;}
.glyphicon-chevron-left {color:red;}
.glyphicon-chevron-right {color:red;}
.carousel-indicators {position:relative!important; bottom:0; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none;}
.carousel-indicators li {display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0); border:1px solid red!important; border-radius:10px;}
.carousel-indicators .active {width:12px; height:12px; margin:0; background-color:red!important;}

html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0; color:#666!important; width:100%!important;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display:block;}
a {text-decoration:none;}
/*a {background-color:transparent;-webkit-text-decoration-skip:objects; color:#666!important;}*/
a:active,a:hover {outline-width:0;}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;}
/*a:hover {color:#000!important; font-weight:bolder!important;}*/
img {border-style:none;}
button,input,select,textarea {font:inherit; margin:0;}
button,input {overflow:visible;}
button,select {text-transform:none;}
[type=reset],[type=submit],button,html [type=button] {-webkit-appearance:button;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none; padding:0;}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText;}
fieldset {border:1px solid silver; margin:0 2px; padding:.35em .625em .75em;}
legend {color:inherit; display:table; max-width:100%; padding:0; white-space:normal;}
textarea {overflow:auto;}
[type=checkbox],[type=radio] {padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto;}
[type=search] {-webkit-appearance:textfield; outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-input-placeholder {color:inherit; opacity:0.54;}
::-webkit-file-upload-button {-webkit-appearance:button; font:inherit;}
/* End extract */



hr {border:0; border-top:1px solid #eee; margin:20px 0;}
.w3-image {max-width:100%; height:auto;}
img {vertical-align:middle;}
a {color:inherit;}
.w3-btn,.w3-button {border:none; display:inline-block; padding:8px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap;}
.w3-btn:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.w3-btn,.w3-button {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;}
.w3-btn:disabled,.w3-button:disabled,.w3-disabled {cursor:not-allowed; opacity:0.3;}
.w3-disabled *,:disabled * {pointer-events:none;}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover {box-shadow:none;}
.w3-input {padding:8px; display:block; border:none; border-bottom:1px solid #ccc; width:100%;}
.w3-select {padding:9px 0; width:100%; border:none; border-bottom:1px solid #ccc;}
.w3-dropdown-click,.w3-dropdown-hover {position:relative; display:inline-block; cursor:pointer;}
.w3-dropdown-hover:hover .w3-dropdown-content {display:block;}
.w3-dropdown-click:hover,.w3-dropdown-hover:first-child {background-color:#ccc; color:#000;}
.w3-dropdown-click:hover > .w3-button:first-child,.w3-dropdown-hover:hover > .w3-button:first-child {background-color:#ccc; color:#000;}
.w3-dropdown-content {cursor:auto; color:#000; background-color:#fff; display:none; position:absolute; min-width:160px; margin:0; padding:0; z-index:1;}
.w3-check,.w3-radio {width:24px; height:24px; position:relative; top:6px;}
.w3-sidebar {height:100%; width:200px; background-color:#fff; position:fixed!important; z-index:1; overflow:auto;}
.w3-bar-block .w3-dropdown-click,.w3-bar-block .w3-dropdown-hover {width:100%;}
.w3-bar-block .w3-dropdown-click .w3-dropdown-content,.w3-bar-block .w3-dropdown-hover .w3-dropdown-content {width:100%;}
.w3-bar-block .w3-dropdown-click .w3-button,.w3-bar-block .w3-dropdown-hover .w3-button {width:100%; text-align:center; padding:8px 8px;}
#main,.w3-main {transition:margin-left .4s;}
.w3-modal {z-index:3; display:none; padding-top:100px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; background-color:rgba(0,0,0,0.4);}
.w3-modal-content {margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px;}
.w3-bar {width:100%; overflow:hidden;}
.w3-center .w3-bar {display:inline-block; width:auto;}
.w3-bar .w3-bar-item {padding:8px 8px; float:left; width:auto; border:none; display:block; outline:0; font-size:16px!important; line-height:32px!important; font-weight:100; font-family:Calibri,sans-serif,Arial;}
.w3-bar-item:hover {font-weight:bolder;}
.w3-bar .w3-dropdown-click,.w3-bar .w3-dropdown-hover {position:static; float:left;}
.w3-bar .w3-button {white-space:normal;}
.w3-bar-block .w3-bar-item {width:100%; display:block; padding:8px 16px; text-align:center; border:none; white-space:normal; float:none; outline:0;}
.w3-bar-block.w3-center .w3-bar-item {text-align:center;}
.w3-center ul {list-style-position: inside;}
.w3-block {display:block; width:100%;}
.w3-responsive {display:block; overflow-x:auto;}
.w3-bar:after,.w3-bar:before,.w3-cell-row:after,.w3-cell-row:before,.w3-clear:after,.w3-clear:before,.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row-padding:after,.w3-row-padding:before,.w3-row:after,.w3-row:before {content:""; display:table; clear:both;}

.w3-hide {display:none!important;}
.w3-show,.w3-show-block {display:block!important;}
.w3-show-inline-block {display:inline-block!important;}
@media (max-width:1205px) {
.w3-auto {max-width:95%;}
}
@media (max-width:880px) {
.w3-modal-content {margin:0 10px; width:auto!important;}
.w3-modal {padding-top:30px;}
.w3-dropdown-click.w3-mobile .w3-dropdown-content,.w3-dropdown-hover.w3-mobile .w3-dropdown-content {position:relative;}
.w3-hide-small {display:none!important;}
.w3-mobile {display:block; width:100%!important;}
.w3-bar-item.w3-mobile,.w3-dropdown-click.w3-mobile,.w3-dropdown-hover.w3-mobile {text-align:center;}
.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button,.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button {width:100%;}
}
/* media para hide 801 a 881 y 800 a 880*/
@media (max-width:768px) {
.w3-modal-content {width:500px;}
.w3-modal {padding-top:50px;}
}
@media (min-width:993px) {
.w3-modal-content {width:900px;}
.w3-hide-large {display:none!important;}
.w3-sidebar.w3-collapse {display:block!important;}
}
@media (max-width:992px) and (min-width:881px) {
.w3-hide-medium {display:none!important;}
}
@media (max-width:992px) {
.w3-sidebar.w3-collapse {display:none;}
.w3-main {margin-left:0!important; margin-right:0!important;}
.w3-auto {max-width:100%;}
}
.w3-bottom,.w3-top {position:fixed; width:100%; z-index:2;}
.w3-top {top:0;}
.w3-bottom {bottom:0;}
/*.w3-container,.w3-panel {padding:0.01em 16px;}*/
.w3-panel {margin-top:16px; margin-bottom:16px;}
.w3-code,.w3-codespan {font-family:Consolas,"courier new"; font-size:16px;}
.w3-code {width:auto; background-color:#fff; padding:8px 12px; border-left:4px solid #4caf50; word-wrap:break-word;}
.w3-codespan {color:#dc143c; background-color:#f1f1f1; padding-left:4px; padding-right:4px; font-size:110%;}
.w3-card,.w3-card-2 {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.w3-card-4,.w3-hover-shadow:hover {box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);}

.w3-hover-opacity:hover,.w3-opacity {opacity:0.60;}
.w3-hover-opacity-off:hover,.w3-opacity-off {opacity:1;}
.w3-opacity-max {opacity:0.25;}
.w3-opacity-min {opacity:0.75;}
.w3-grayscale-max,.w3-greyscale-max,.w3-hover-grayscale:hover,.w3-hover-greyscale:hover {filter:grayscale(100%);}
.w3-grayscale,.w3-greyscale {filter:grayscale(75%);}
.w3-grayscale-min,.w3-greyscale-min {filter:grayscale(50%);}
.w3-sepia {filter:sepia(75%);}
.w3-hover-sepia:hover,.w3-sepia-max {filter:sepia(100%);}
.w3-sepia-min {filter:sepia(50%);}
.w3-tiny {font-size:12px!important;}
.w3-small {font-size:14px!important;}
.w3-medium {font-size:17px!important;}
.w3-large {font-size:20px!important;}
.w3-xlarge {font-size:24px!important;}
.w3-xxlarge {font-size:36px!important; line-height:36px;}
.w3-xxxlarge {font-size:48px!important;}
.w3-jumbo {font-size:64px!important;}
.w3-left-align {text-align:left!important;}
.w3-right-align {text-align:right!important;}
.w3-justify {text-align:justify!important;}
.w3-center {text-align:center!important;}
.w3-border-0 {border:0!important;}
.w3-border {border:1px solid #ccc!important;}
.w3-border-top {border-top:1px solid #ccc!important;}
.w3-border-bottom {border-bottom:1px solid #ccc!important;}
.w3-border-left {border-left:1px solid #ccc!important;}
.w3-border-right {border-right:1px solid #ccc!important;}
.w3-topbar {border-top:6px solid #ccc!important;}
.w3-bottombar {border-bottom:6px solid #ccc!important;}
.w3-leftbar {border-left:6px solid #ccc!important;}
.w3-rightbar {border-right:6px solid #ccc!important;}
.w3-code,.w3-section {margin-top:16px!important; margin-bottom:16px!important;}
.w3-margin {margin:16px!important;}
.w3-margin-bottom {margin-bottom:16px!important;}
.w3-margin-left {margin-left:16px!important;}
.w3-margin-right {margin-right:16px!important;}
.w3-padding-small {padding:4px 8px!important;}
.w3-padding {padding:8px 16px!important;}
.w3-padding-large {padding:12px 24px!important;}
.w3-padding-16 {padding-top:16px!important; padding-bottom:16px!important;}
.w3-padding-24 {padding-top:24px!important; padding-bottom:24px!important;}
.w3-padding-32 {padding-top:32px!important; padding-bottom:32px!important;}
.w3-padding-48 {padding-top:48px!important; padding-bottom:48px!important;}
.w3-padding-64 {padding-top:64px!important; padding-bottom:64px!important;}
.w3-left {float:left!important;}
.w3-right {float:right!important;}

.w3-paddingh {padding:0 16px!important;}
.w3-button2 {color:#000!important; background-color:#ccc!important; padding:8px; margin:0 8px; text-decoration:none; float:right;}
.w3-button2:hover {color:#000!important; background-color:#9b9b9b!important;}

.w3-hover-none:hover,.w3-transparent {background-color:transparent!important;}
.w3-hover-none:hover {box-shadow:none!important;}


.logo {display:block; float:left; margin-left:0; height:45px!important;}
.logo2 {display:block; width:100px; height:100px; float:left; margin-left:20px;}

.logo4 {display:block; width:100px; margin:auto; max-width:110%;}




.galeria {margin:0 -5px 0 0; width:100px; height:100px;}




.margen {margin-top:55px;}


.centro {margin:auto; display:block; margin-bottom:10px;}

.boton {margin:5px; background-color:#d94729; padding:10px; cursor:pointer; color:#fff; border-radius:5px; margin:auto; float:none;}
.boton:hover {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.2); cursor:pointer; background-color:#f34523;}



.documentos {font-size:15px; float:left; margin:auto; line-height:30px; padding-left:5px;}
ul {padding:0; margin:0;}
.segundo {margin:0; padding-left:20px;}
li {padding:0; margin:0; list-style-type: "- "; line-height: 1.2;}








/*CANTONA*/
/*CANTONA*/
/*CANTONA*/
/*CANTONA*/
/*CANTONA*/
/*CANTONA*/
/*CANTONA*/
/*CANTONAtext-shadow: 1px 1px 2px rgba(0,0,0,0.8); monserrat tipografia*/


body,html {font-family:Sans-serif,Arial; font-size:18px!important; line-height:1.5!important; font-weight:100!important;}
html {overflow-x:hidden;}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
.w3-serif {font-family:serif;}
h1,h2,h3,h4,h5,h6 {font-family:Calibri,'Trebuchet MS','Lucida Sans',Arial; margin:10px 0; font-weight:100!important;}
span {font-weight:100!important;}
.w3-wide {letter-spacing:3px;}
.barrita {background-color:#354285; width:25px; height:4px; display:block; margin-top:3px; border-radius:2px; margin-left:5px;}


.promocion {position:fixed; width:100%; z-index:1;}
.promocion {top:60px; background-color:#e7e415; color:white;}
.promocion h1{font-size: 24px;line-height: 50px;margin: 0; padding: 0; text-align: center;}

.espacio{height: 60px;}

.todo {width:1200px; max-width:100%; margin:auto; float:none;}
.contenedor {width:1200px; max-width:100%; padding:10px;}
.contenedor2 {width:100%; max-width:100%; padding:0;}

.portada {margin-top:0; display:block; padding:20px;}
.titulo {text-align:center; letter-spacing:3px;}
.titulobarra {text-align:center; letter-spacing:3px;}
.titulo1 {text-align:center; letter-spacing:3px; font-size:36px;}

.cportada {height:50vh; width:100%; margin:auto; float:none; margin-top: 60px;}
.imagenportada {background-image:url(../images/portada.jpg); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;margin-top: -60px;}

/*video*/
.cvideo {width:100%; max-width:1200px; margin:auto; float:none; height:100vh;}
.video {margin:auto; float:none; width:49.9%; max-width:590px; display:block; height:100vh; padding:10px; margin-bottom: 30px;}
.video1 {margin:auto; float:left; width:49.9%; max-width:590px; display:block; height:100vh;}
.video2 {height:100vh; max-width:100%; box-shadow:0 0 50px rgba(0, 0, 0, 0.4);}

.ccuadrosi2 {max-width:100%; width:400px; margin:auto; float:none; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:20px; grid-auto-rows:minmax(20px, auto);}
.cuadroi1 {grid-column:1; grid-row:1;}
.cuadroi2 {grid-column:1; grid-row:2;}

.whats {position:fixed; z-index:100; bottom:50px; right:50px;}
.twhats {width:90px;}
.botonwhats {opacity:0.8; cursor:pointer;}
.botonwhats:hover {opacity:1;}

/*cuadros*/
.mostrarcuadro {display:block;}
.ocultarcuadro {display:none;}
.botoncuadros {padding:7px; text-decoration:none; cursor:pointer!important; float:left; border-radius:5px; margin:3.5px;}
.iconocuadros {width:25px; height:25px;}

/*cuadros detalles*/
.ccuadros {max-width:1200px; padding:20px; margin:auto; float:none;}

.cuadro {height:300px; width:100%!important; background-color:#fff; border-radius:10px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); padding-right:10px; margin-bottom:30px;}
.cuadro:hover {box-shadow:0 4px 8px 0 rgba(0,0,0,0.4);}

.imagenfondo {width:300px; height:300px; background-size:cover; border-radius:10px 0 0 10px; float:left; margin:auto; margin-right:20px; background-position:center;}
.tcuadro {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:10px; grid-auto-rows:minmax(20px, auto);}

.precio {grid-column:1/2; grid-row:1; margin-top:10px; border-right:0.5px solid rgb(153, 153, 153);}
.nombre {grid-column:2/4; grid-row:1;}
.iconos {grid-column:1/4; grid-row:2;}
.descripcion {grid-column:1/1; grid-row:3;}

.textoprecio {font-size:30px; font-weight:100; color:#354285; padding-right:3px;}
.nombretexto {font-size:24px; line-height:24px; font-weight:100; color:#354285;}
.nombretexto2 {font-size:18px; line-height:18px; font-weight:100; color:rgb(90, 90, 90);}

.descripciontexto {font-size:16px; line-height:16px; text-align:justify;}

/*cuadros chicos*/

.ccuadros2 {display:grid; grid-gap:60px 30px;grid-template-columns:1fr 1fr; margin-bottom: 30px;padding: 10px;}


.imagenfondo2 {width:100%; height:200px; background-size:cover; border-radius:0 0 0 0; background-position:center;}
/*border:solid 1px rgb(226, 226, 226);*/

.cuadrostodos {background-color:#fff; color:#000; border-radius:0; box-shadow:0 0 20px rgba(0, 0, 0, 0.4);}
.cuadrostodos:hover {box-shadow:0 0 30px rgba(0, 0, 0, 0.7);}




.tcuadro2 {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:5px; grid-auto-rows:minmax(10px, auto); text-align:center; padding-bottom:10px;}

.nombre2 {grid-column:1/4; grid-row:1;}
.precio2 {grid-column:1/4; grid-row:2;}
.iconos2 {grid-column:1/4; grid-row:3; padding:10px; margin:auto; float:none; display:block;}

.nombretexto3 {font-size:28px!important; line-height:24px; font-weight:100; color:#354285;}
.nombretexto4 {font-size:16px; line-height:16px; font-weight:100; color:rgb(90, 90, 90); margin:0;}

.lista {width:auto; display:flex; list-style-type:none; float:left; line-height:30px; font-size:16px; margin-right:15px; text-align:left; height:40px; align-items:center;}
.lista2 {width:auto; display:flex; list-style-type:none; float:left; line-height:30px; font-size:16px; margin-right:15px; text-align:left; height:40px; color:#d94729; align-items:center;}
.lista3 {width:auto; display:flex; list-style-type:none; float:none; line-height:40px; font-size:24px; margin-right:15px; text-align:left; height:45px; align-items:center;color:white;}
.icono {display:block; width:30px; height:30px; float:left; margin-right:3px;}
.icono3 {display:block; width:40px; height:40px; float:left; margin-right:7px;}

.fondoonix {background-image:url(../propiedades/images/onix/depto_onix.jpg);}
.fondomanzanares {background-image:url(../propiedades/images/manzanares/image00001.jpeg);}
.fondomanzanares3 {background-image:url(../propiedades/images/manzanares/image00003.jpeg);}

/*colores*/
.terracota {color:rgb(217, 71, 41)!important;}
.azul {color:#354285!important;}
.negro {color:#000!important;}
.blanco {color:#fff!important;}
.gris1 {color:#d3d3d3!important;}
.gris2 {color:rgb(200, 200, 200)!important;}
.gris3 {color:rgb(45, 45, 45)!important;}
.verde{color:#4caf50!important;}
/*color hover*/
.terracotah:hover {color:#d94729!important;}
.azulh:hover {color:#354285!important;}
.negroh:hover {color:#000!important;}
.blancoh:hover {color:#fff!important;}
.gris1h:hover {color:#d3d3d3!important;}
.gris2h:hover {color:rgb(235, 235, 235)!important;}
.gris3h:hover {color:rgb(45, 45, 45)!important;}
.verdeh:hover{color:#4caf50!important;}
/*colorfondo*/
.terracotab {background-color:#d94729!important;}
.azulb {background-color:#354285!important;}
.negrob {background-color:#000!important;}
.blancob {background-color:#fff!important;}
.gris1b {background-color:rgb(255, 255, 255)!important;}
.gris2b {background-color:rgb(235, 235, 235)!important;}
.gris3b {background-color:rgb(45, 45, 45)!important;}
.otrob {background-color:rgb(255, 255, 255,1)!important;}
.verdeb{background-color:#4caf50!important;}
/*color fondohover*/
.terracotabh:hover {background-color:#d94729!important;}
.azulbh:hover {background-color:#354285!important;}
.negrobh:hover {background-color:#000!important;}
.blancobh:hover {background-color:#fff!important;}
.gris1bh:hover {background-color:#d3d3d3!important;}
.gris2bh:hover {background-color:rgb(200, 200, 200)!important;}
.gris3bh:hover {background-color:rgb(45, 45, 45)!important;}
.verdebh:hover{background-color:#4caf50!important;}


/*servicios*/

.cservicios {max-width:1000px; margin:auto; float:none; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:50px; grid-auto-rows:minmax(20px, auto);}

.serviciostodos {background-color:#354285; border-radius:0; border:solid 1px rgb(226, 226, 226);}


.servicio1 {grid-column:1; grid-row:1;}
.servicio2 {grid-column:2; grid-row:1;}
.servicio3 {grid-column:1; grid-row:2;}
.servicio4 {grid-column:2; grid-row:2;}
.servicio5 {grid-column:1; grid-row:3;}
.servicio6 {grid-column:2; grid-row:3;}

.imagenservicio {max-width:100%;}
.nombreservicio {font-size:24px; line-height:24px; font-weight:100; color:#fff; text-align:center;}



/*PROYECTOS*/
.cproyectos {max-width:1000px; margin:auto; float:none; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:30px; grid-auto-rows:minmax(20px, auto);}
.proyectostodos {border-radius:0; width:100%; max-width:100%; padding:0;position:relative;opacity: 0.5;  transition-property:opacity; transition-duration: 0.5s;}
.imagenproyecto {max-width:100%; width:100%; }
.proyectostodos:hover,.proyectostodos:active { opacity: 1;}
.nombreproyecto {font-size:24px; line-height:24px; font-weight:100; color:#fff; text-align:center; position:absolute; top:0px; right:0px; background-color: #354285;padding: 10px;margin: 0px;}
.nombreproyecto:hover,.nombreproyecto:active {display:none}

.proyectoSlide0,.proyectoSlide1,.proyectoSlide2,.proyectoSlide3,.proyectoSlide4,.proyectoSlide5,.proyectoSlide6,.proyectoSlide7,.proyectoSlide8 {display:none; max-width: 100%;}

.nextp,.prevp {cursor:pointer; position:absolute; top:150px; width:auto; padding:8px; margin-top:-50px; color:white; font-weight:bold; font-size:20px; border-radius:0 3px 3px 0; user-select:none;-webkit-user-select:none;background-color:rgba(0, 0, 0, 0.4);}
.nextp {right:0; border-radius:3px 0 0 3px;}
.nextp:hover,.prevp:hover {background-color:rgba(0, 0, 0, 0.8);}





/*completos*/

.ccompletos {max-width:100%; margin:auto; float:none; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:0px; grid-auto-rows:minmax(20px, auto);}
.completo1 {grid-column:1/4; grid-row:1; height:100vh;}
.completo2 {grid-column:4; grid-row:1; height:100vh;}
.completo3 {grid-column:1/5; grid-row:2;}
.imagencompleto {max-width:100%; width:auto; margin:auto!important; float:none!important; max-height:100vh;}

.ccompletos {width:1200px; margin:auto; float:none; background-color:#fff;}
.completo1 {width:900px; height:600px; float:left; background-color:#fff;}
.completo2 {width:290px; height:600px; float:left;}
.completo3 {width:1190px; max-width:100%!important;}
.imagencompleto {max-width:900px; margin:auto!important; float:none!important; max-height:580px; display:block;}


.cdepas {width:100%; margin:auto; float:none; display:grid; grid-template-columns:repeat(6, 1fr); grid-gap:0px; grid-auto-rows:minmax(100px, auto);}
.depa1 {grid-column:1/5; grid-row:1; max-height:90vh;}
.depa2 {grid-column:5/7; grid-row:1; padding:10px; background-color: #3542859a;}
.depa3 {grid-column:1/7; grid-row:2;}
.imagendepa {background-image:url(../propiedades/images/onix/image00066.jpeg); width:100%; height:800px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.imagendepa2 {background-image:url(../propiedades/images/manzanares/image00003.jpeg); width:100%; height:800px; background-repeat:no-repeat; background-size:cover; background-position:center;}

* {box-sizing:border-box;}





* {box-sizing:border-box;}
/* Position the image container (needed to position the left and right arrows) */
.container {position:relative; max-width: 100%; }
/* Hide the images by default */
.mySlides {display:none; max-width: 100%;}
/* Next & previous buttons */
.next,.prev {cursor:pointer; position:absolute; top:30vh; width:auto; padding:16px; margin-top:-50px; color:white; font-weight:bold; font-size:40px; border-radius:0 3px 3px 0; user-select:none;-webkit-user-select:none;background-color:rgba(0, 0, 0, 0.4);}
/* Position the "next button" to the right */
.next {right:0; border-radius:3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.next:hover,.prev:hover {background-color:rgba(0, 0, 0, 0.8);}
/* Container for image text */
.caption-container {text-align:center; background-color:#222; padding:2px 16px; color:#fff;}
.row:after {content:""; display:table; clear:both;}
/* Six columns side by side */
.column {float:left; padding: 2px;}
/* Add a transparency effect for thumnbail images */
.active{opacity:1!important;}
.imagengaleria {height:100px;cursor:pointer;opacity:0.6;}
.imagengaleria:hover{opacity: 1;}
.imagengrande {float:none; margin:auto; display:block; max-height: 90vh;max-width: 100%;}







/*contacto*/
.contacto {width:800px; max-width:100%; margin:auto; float:none;}
.interes {font-size:20px;}


/*footer*/
.telefono {float:left; display:block; text-align:left; margin:auto; padding-left:20px;}
.direccion {float:right; display:block; text-align:right; margin:auto; padding-right:20px;}
.footer {font-size:13px; line-height:15px; display:block; float:none; text-align:center; margin:auto;}
.footer2 {font-size:13px; margin-top:-10px;}
.aviso {text-decoration:underline!important;}
.ocultar {display:none;}
.boton3 {padding:4px; margin-right:4px; text-decoration:none; cursor:pointer!important; float:left;}
.correo {cursor:pointer!important; text-decoration:underline; display:block; float:left; line-height:24px;}

.cfooter {max-width:1200px; margin:auto; float:none; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px; grid-auto-rows:minmax(20px, auto);}
.izq3 {grid-column:1; grid-row:1;}
.centro3 {grid-column:2; grid-row:1;}
.der3 {grid-column:3; grid-row:1;}


/*vermas*/
.nomostrar{display: none;}
.descripcion{display: flex; margin: auto; float: none;}
.descripcion2{ margin: auto; float: none;}

@media (max-width:1210px) {
.ccompletos {width:990px; margin:auto; float:none; background-color:#fff;}
.completo1 {width:800px; height:600px; float:left; background-color:#fff;}
.completo2 {width:180px; height:600px; float:left;}
.completo3 {width:990px;}
.imagencompleto {max-width:800px; margin:auto!important; float:none!important; height:580px; display:block;}
.cdepas {width:100%; margin:auto; float:none; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:0px; grid-auto-rows:minmax(20px, auto);}
.depa1 {grid-column:1; grid-row:1;}
.depa2 {grid-column:1; grid-row:2;}
.depa3 {grid-column:1; grid-row:3;}
}

@media (max-width:1000px) {
.textoprecio {font-size:26px;}
.descripciontexto {font-size:15px;}
.nombretexto1 {font-size:20px; line-height:20px;}
.nombretexto2 {font-size:14px; line-height:14px;}
.nombretexto3 {font-size:20px; line-height:20px;}
.nombretexto4 {font-size:14px; line-height:14px;}

.ccuadros2 {display:grid; grid-gap:60px 30px;grid-template-columns:1fr 1fr; margin-bottom: 30px;padding: 10px;}



.video {height:auto;}
.video1 {height:auto;}
.video2 {height:auto;}

.titulo1 {font-size:24px;}



.ccompletos {max-width:100%; display:grid; grid-template-columns:repeat(1, 1fr); grid-auto-rows:minmax(20px, auto);}
.completo1 {grid-column:1/2; grid-row:1;}
.completo2 {grid-column:1/2; grid-row:2; width:100%; text-align:center; height:auto;}
.completo3 {grid-column:1/2; grid-row:3;}
.imagencompleto {max-width:100%;}



}

.margen{padding-left: 100px!important;}


@media (max-width:880px) {
.cvideo {height:auto;}
.direccion,.telefono {padding:0;}
.boton3 {float:none;}
.correo {float:none; margin-top:10px;}
.cfooter {max-width:100%; grid-template-columns:repeat(1, 1fr); grid-gap:10px;}
.izq3 {grid-column:1; grid-row:1; text-align:center;}
.centro3 {grid-column:1; grid-row:3; text-align:center;}
.der3 {grid-column:1; grid-row:2; text-align:center;}

.iconos3 {display:inline-block; float:none; margin:auto; align-items:center;}

.botoncuadros {display:none;}
#cuadroschicos {display:block;}
#cuadrosdetalles {display:none;}

/*video*/
.contenedor {padding:0;}
.video {margin:auto; float:none; width:100%; max-width:100%; padding:0!important;}
.video1 {margin:auto; float:none; width:100%; max-width:100%; padding:0!important;}
.video2 {margin:auto; width:100%; float:none; box-shadow:none!important; padding:0;}
.ccuadrosi2 {width:100%; margin:auto;}


.titulo1 {font-size:36px;}
.imagenportada {margin-top: -90px;}

.cdepas {width:100%; margin:auto; float:none; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:0px; grid-auto-rows:minmax(20px, auto);}
.depa1 {grid-column:1; grid-row:1;}
.depa2 {grid-column:1; grid-row:2;}
.depa3 {grid-column:1; grid-row:3;}
.imagendepa {background-image:url(../propiedades/images/onix/depto_onix.jpg); width:100%; height:600px; background-repeat:no-repeat; background-size:cover; background-position:center;}


.next,.prev {top:250px;}
.imagengrande{max-width:100%; height: auto;}
.margen{padding-left: 16px!important;}

}

@media (max-width:700px) {
.ccuadros2 {max-width:100%; grid-template-columns:repeat(1, 1fr); grid-gap:20px; grid-auto-rows:minmax(20px, auto);}
.cuadro1 {grid-column:1; grid-row:1;}
.cuadro2 {grid-column:1; grid-row:2;}
.cuadro3 {grid-column:1; grid-row:3;}
.cuadro4 {grid-column:1; grid-row:4;}
.cuadro5 {grid-column:1; grid-row:5;}
.cuadro6 {grid-column:1; grid-row:6;}



.cservicios {max-width:100%; grid-template-columns:repeat(1, 1fr); grid-gap:40px; grid-auto-rows:minmax(20px, auto);}
.servicio1 {grid-column:1; grid-row:1;}
.servicio2 {grid-column:1; grid-row:2;}
.servicio3 {grid-column:1; grid-row:3;}
.servicio4 {grid-column:1; grid-row:4;}
.servicio5 {grid-column:1; grid-row:5;}
.servicio6 {grid-column:1; grid-row:6;}


.cproyectos {max-width:95%; grid-template-columns:repeat(1, 1fr); grid-gap:20px; grid-auto-rows:minmax(20px, auto);}


.ccompletos {max-width:100%; display:grid; grid-template-columns:repeat(1, 1fr); grid-auto-rows:minmax(20px, auto);}
.completo1 {grid-column:1; grid-row:1;}
.completo2 {grid-column:1; grid-row:2;}
.completo3 {grid-column:1; grid-row:4;}
.imagencompleto {max-width:100%;}


.whats {bottom:30px; right:30px;}
.titulobarra {font-size: 28px;}


}



@media (max-width:480px) {
.logo {height:40px!important;}
.cproyectos {max-width:100%;}
.titulo1 {font-size:32px!important;}
.imagenportada {margin-top: -120px;}
.promocion {top:55px;}
.espacio{height: 90px;}









}
@media (max-width:420px) {
.logo {height:30px!important;}
.titulobarra {font-size: 24px;}
.promocion {top:45px;}









}
@media (max-width:340px) {












}