html {
  scroll-behavior: smooth;
}
@font-face{
    font-family: "raleway-regular-webfont";
    src: url(../fonts/Poppins-BoldItalic.ttf);
}
@font-face{
    font-family: "raleway-bold-webfont";
    src: url(../fonts/Poppins-Bold.ttf);
}
#contentnav{overflow-y: hidden!important;}
.style-none{list-style: none;}
.vineta::before{
	font-size: 12px;
  	content: "•";
  	color: white; 

}

*{
	font-family: "raleway-regular-webfont";
}


.btn-link{
	color: var(--color-naval) !important;
	font-weight:bold;
}

/**-----------------TABS ------------------------------------*/
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: rgba(66, 43, 16, 0.95);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: #fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: var(--color-caramelo) !important;
}

/* Create an active/current tablink class */
.tab button.active {
  color: var(--color-caramelo) !important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 2s;
  animation: fadeEffect 2s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/*------------------------FANCYALERT-----------------------------------------*/
.AlertBox{font-family:'raleway-regular-webfont'; min-width:300px; max-height:600px; min-height:120px; position:relative; color:var(--fancy-text-color);font-size:15px; background-color: var(--fancy-bg); overflow:auto; padding-bottom:30px;box-sizing:border-box; border-radius: 5px;}
.boxScroller{position:absolute;top:0;left:0; right:0; bottom:40px; overflow-x:hidden; overflow-x:auto;}
.AlertTxt{margin:25px 20px 40px 20px;}
.AlertBox table{margin:0px 0px 50px 0px;}
.AlertBox table td{padding:2px}
.AlertBox table a{color:var(--fancy--table-a);}
.AlertBox b{font-weight:normal;font-family:'raleway-regular-webfont';}
.AlertBox button{background-color: var(--color-brown); color:var( --fancy--btn-text-color); border-radius: 5px; border: none; padding: 5px;}
.AlertBox button:hover{background-color: var(--color-naval);  }
.AlertLoader{margin:0px; text-align:center;margin-top:5px;}
.AlertBar{position:absolute; left:0; right:0; bottom:0;padding:12px;font-size:15px;} 
.AlertTitle{background-color:var(--fancy--title-bg); margin:5px 0px; font-weight:bold; border-radius:3px; padding:3px 5px;}
.AlertBtnList{border-top:var(--fancy--btn-border) solid 1px; padding:12px; background-color:var(--fancy--btn-bg); font-size:15px; margin-bottom:-20px; box-sizing:border-box; text-align:center;}
.AlertBtnList button{float:none !important; width:200px !important; box-sizing:border-box; margin-bottom:5px;}

/********************INDEX************************/
.preloadImg{display:none; height:0px; width:0px; overflow:hidden;}
.Doarq-container{
	width: 45%!important;
	top: 10%;
    left: 27.5%;

    transform: translate(-30%, 7%);
}
.valores{
		justify-content: center;
		display: flex;
		  justify-content: center!important; /* Centra horizontalmente */
		  align-items: center; /* Centra verticalmente */
		 /*  height: 100vh; Para que el contenedor ocupe toda la altura de la ventana */
		  gap: 40px; /* Espacio entre los divs */
		 
	}
.Doarq_Background_home{
	margin-top: -10%;
}
.padding-no{
	padding-left: 0px!important;
}
.no-pr-menu{
	padding-right: 0px!important;
}
.navbar-toggler{
	background-color: var(--color-brown-lg)!important;
}
@media (min-width: 1339px){
.navbar-expand-lg .navbar-nav .p16{
    padding-right: 1.6rem!important;
    padding-left: 1.6rem!important;
}
}

@media (min-width: 1224px){
.navbar-expand-lg .navbar-nav .p16{
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
}

.D-title-bg{
	color: var(--color-brown);
	font-weight: bold;
	font-size: 40px;
	 animation: Slide_up  4s ease;
text-shadow: 2px 2px 4px black;
		 /*-webkit-text-stroke: 1px black;*/
}
@keyframes Slide_up{
	from{opacity: 0; transform: translateY(55px);}
	to{opacity: 1;transform: translateY(0px);}
}
.title45{
	font-size: 35px!important
}
.Doarq-title-services{
	color: var(--white);
	font-weight: bold;
	font-size: 40px;
}
.D-text-bg{
	font-family: "raleway-regular-webfont"!important;
	color: var(--white);
	font-size: 14px;
	 animation: Slide_up  4s ease;
}
.D-button-bg{
	font-family: "raleway-regular-webfont"!important;
	color: var(--white);
	border:none;
	padding: 8px 25px 8px 25px;
	background-color: var(--color-brown-lg);
	font-size: 13px;
	 animation: Slide_up  4s ease;
}
.D-button-bg:hover{
	background-color: var(--color-brown);
}

.bg-cotizacion {
	position: sticky;
    z-index: 1020;
	width: 27%;
    box-sizing: content-box;
    top: 23.5%;
    left: 46.2%;
    transform: translate(63%, 20%);
}
.dropdown-d{
	width: 100%;
}
.chevron{
	color: var(--color-caramelo);
    font-size: 20px;
    display: block!important;
    font-weight: 100;
}
.chevron img{
	width: 16px;
	height:16px;
}
.show .no-padding{
	padding-left: 0px!important;
}
.down-d::after{display: none!important;}
.down-d{
	width: 100%;
	padding-top: 4.5px;
	padding-bottom: 4.5px;
	color: var(--color-white);
	background-color: var(--color-naval);
	border:none;
	border-radius: 0px;
	font-size: 11px;
}
.pl{
	padding-left:3px!important;	
}
.pr{
padding-right:3px!important;		
}

.down-doarq:hover{
	background-color: var(--color-naval);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
	background-color: var(--color-naval)!important;
}
.down-menu-d,.down-menu-d-form{
	background-color: var(--color-naval);
}
.down-menu-d{
	width: 100%;
	margin: 0rem auto auto auto!important;
	padding-top: 0rem !important;
	border-top: 0px!important;
	border-left: 0px!important;
	border-right: 0px!important;
}
.down-menu-d-form{
	outline: none;
	padding: 1px 5px 8px 5px;
}

.down-menu-d-form .row{
	margin-left:0px;
}


.cotizacion{
	font-family: "raleway-regular-webfont"!important;
	color: var(--color-frio);
	border:none!important;
	border-radius: 0px!important;	
	font-size: 10px;
	height: 25px;
	padding: .0rem .5rem!important;
}
.select-cotizacion{
	color: #000!important;
	padding: .0rem .2rem!important;
	 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-cotizacion-contact{
	color: #000!important;
}
.test:after {
  content: '>';
  font-size: 17px;
  color: var(--color-caramelo);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  padding: 1px;
  /*left line */
  position: absolute;
  pointer-events: none;
}
.testp:after {
		top: 33px;
}
.buttonred{
	color: var(--white);
	border:none;
	padding: 4px 30px 4px 30px;
	background-color: var(--color-brown);
	font-size: 10px;
	font-family: "raleway-regular-webfont"!important;
}
.buttonred:hover{

	background-color: var(--color-naval);
}
.card-d{
	background-color: transparent!important;
	border: none;
}
.card-bg{
	background-size: 100%;
	background-position: 50% 100%;
}
.text-card-d{
	font-size: 13px;
}
.mr0{margin-right: 0px!important;}
.border-doarq{font-size:21px;}
.border-doarq:after{
	position: relative;
    content: "";
    width: 30%;
    left: 35%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-white) 2px solid ;
}
/*.respaldo:after{
	position: relative;
    content: "";
    width: 40%;
    left: 30%;
    display: block;
    margin-bottom: 10px;
    margin-top: 100px;
    border-bottom: var(--color-frio) 2px solid ;
}*/
.border-d-clients{font-size:1.6rem;color: var(--color-brown-lg);}
.border-d-clients:after{
	position: relative;
    content: "";
    width: 13%;
    left: 44%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-frio) 2px solid ;
}
.btn-secondary:hover{border:none!important;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow:none!important;
}
.btn-secondary.focus, .btn-secondary:focus {box-shadow: none!important;}
.center{justify-content: center;}
.valores-text{
	margin-top: -12px;
	font-size: 11px;
	font-family: "raleway-regular-webfont"!important;

}
.concrete{
	
	padding-top: 120px;

}


.custom-embed-responsive {
            position: relative;
            display: block;
            width: 100%;
            padding: 0;
            overflow: hidden;
        }

        .custom-embed-responsive::before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
        }

        .custom-embed-responsive iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
.card-valores{padding: .5rem!important;}
.no-padding-l-r{padding-right: 0px!important;padding-left: 0px!important;}
.servicios{height: 415px!important;}
.servicios1{height: 430px!important;}
.mr-6{margin-right:5rem!important;}
.cuadro{
	margin-top:10px;
}
.cuadro1{
	margin-top:72px;
}
.cuadro2{
	margin-bottom: 72px;
}
.card-servicios-p-l{padding-left: 30px!important;}
.card-servicios-p-r{padding-right:30px!important; }
.card-body {padding-bottom: 0%!important;}
.pl-6{padding-left: 4.5rem;}.pr-6{padding-right: 4.5rem;}
@media (max-width: 2000px) {.franja {margin-top: 5.9%!important;width: 43%!important;}.franja-w{margin-top: 5.9%!important;width: 55%!important;}
.Doarq-bg-cotizacion {	
    top: 144.30px;
    left: 34.5%;
    transform: translate(63%, 20%);
}
.D-container{
	width: 45%!important;
	top: 16%!important;
    left: 42%!important;
    transform: translate(-30%, 27%);
}
}
@media (max-width: 1990px) {.Doarq-bg-cotizacion{ left: 35%;}}
@media (max-width: 1970px) {.Doarq-bg-cotizacion{ left: 35.1%;}}
@media (max-width: 1950px) {
	.Doarq-container{	
    	left: 40.5%!important;
	}
	.franja {
    margin-top: 6.1%!important;
    width: 42.8%!important;
	}
	.franja-w{margin-top: 6.1%!important;}
	.Doarq-bg-cotizacion{ left: 35.4%;}
}
@media (max-width: 1930px) {.Doarq-bg-cotizacion{ left: 35.7%;}}
@media (max-width: 1920px) {.Doarq-bg-cotizacion{ left: 35.7%;}}
@media (max-width: 1910px) {.Doarq-bg-cotizacion{ left: 35.9%;}}
@media (max-width: 1900px) {.franja-w{margin-top: 6.2%!important;width: 55.5%!important;}
.Doarq-bg-cotizacion {	
    /*top: 19%;*/
    left: 36%;
    transform: translate(63%, 20%);
}
.franja {width: 42.8%!important;}
}
@media (max-width: 1890px) {.Doarq-bg-cotizacion{ left: 36.2%;}}
@media (max-width: 1880px) {.Doarq-bg-cotizacion{ left: 36.4%;}}
@media (max-width: 1870px) {.Doarq-bg-cotizacion{ left: 36.6%;}}
@media (max-width: 1860px) {.Doarq-bg-cotizacion{ left: 36.8%;}}
@media (max-width: 1850px) {
	.Doarq-container{	
    	top: 25%!important;
	}
	.franja {margin-top: 6.3%!important;width: 42.3%!important;}.franja-w{margin-top: 6.3%!important;width: 54.4%!important;}}
@media (max-width: 1840px) {.Doarq-bg-cotizacion{ left: 37.2%;}}
@media (max-width: 1830px) {.Doarq-bg-cotizacion{ left: 37.3%;}}
@media (max-width: 1820px) {.Doarq-bg-cotizacion{ left: 37.4%;}}
@media (max-width: 1810px) {.Doarq-bg-cotizacion{ left: 37.6%;}}
@media (max-width: 1800px) {
	.Doarq-bg-cotizacion {	
    	/*top: 21%;*/
    	left: 37.8%;
    	transform: translate(63%, 20%);
	}
	.Doarq-container{	
    	left: 39%!important;
	}
	.franja {margin-top: 6.5%!important;width: 42.3%!important;}.franja-w{margin-top: 6.5%!important;width: 54.4%!important;}
}
@media (max-width: 1790px) {.Doarq-bg-cotizacion{ left: 38%;}}
@media (max-width: 1780px) {.Doarq-bg-cotizacion{ left: 38.2%;}}
@media (max-width: 1760px) {.Doarq-bg-cotizacion{ left: 38.5%;}}
@media (max-width: 1750px) {.franja {margin-top: 6.8%!important;width: 42%!important;}.franja-w{margin-top: 6.8%!important;}
	.Doarq-container{	
    	left: 38%!important;
    	top: 24%!important;
	}
}
@media (max-width: 1740px) {.Doarq-bg-cotizacion{ left: 38.8%;}}
@media (max-width: 1730px) {.Doarq-bg-cotizacion{ left: 39%;}}
@media (max-width: 1720px) {.Doarq-bg-cotizacion{ left: 39.2%;}}
@media (max-width: 1710px) {.Doarq-bg-cotizacion{ left: 39.4%;}}
@media (max-width: 1700px) {.franja-w{margin-top: 6.9%!important;width: 54%!important;}
.Doarq-bg-cotizacion {	
    /*top: 22%;*/
    left: 39.6%;
    transform: translate(63%, 20%);
}
.Doarq-container{	
    	left: 37%!important;
    	top: 24%!important;
	}
}
@media (max-width: 1690px) {.Doarq-bg-cotizacion{ left: 39.8%;}}
@media (max-width: 1670px) {.Doarq-bg-cotizacion{ left: 40.2%;}}
@media (max-width: 1660px) {.Doarq-bg-cotizacion{ left: 40.5%;}}
@media (max-width: 1650px) {.franja {margin-top: 6.7%!important;width: 41.5%!important;}
.Doarq-bg-cotizacion {	left: 40.7%;}
.Doarq-container{	
    	left: 36%!important;
    	top: 24%!important;
	}
}
@media (max-width: 1640px) {.Doarq-bg-cotizacion{ left: 40.9%;}}
@media (max-width: 1630px) {.Doarq-bg-cotizacion{ left: 41.1%;}}
@media (max-width: 1620px) {.Doarq-bg-cotizacion{ left: 41.3%;}}
@media (max-width: 1610px) {.Doarq-bg-cotizacion{ left: 41.5%;}}
@media (max-width: 1600px) {.franja-w{margin-top:7.3%!important;width: 55.5%!important;}
	.Doarq-container{	
    	left: 35%!important;
    	top: 24%!important;
	}
	.franja {margin-top: 7.3%!important;width: 41.5%!important;}
}
@media (max-width: 1590px) {.Doarq-bg-cotizacion{ left: 41.9%;}}
@media (max-width: 1580px) {.Doarq-bg-cotizacion{ left: 42.1%;}}
@media (max-width: 1570px) {.Doarq-bg-cotizacion{ left: 42.5%;}}
@media (max-width: 1560px) {.Doarq-bg-cotizacion{ left: 42.7%;}}
@media (max-width: 1550px) {.franja {margin-top: 7.5%!important;width: 41%!important;}
.franja-w{margin-top:7.5%!important;}
.Doarq-bg-cotizacion {	
   /* top: 23%;*/
    left: 42.9%;
    transform: translate(63%, 20%);
}
.Doarq-container{	
    	left: 34%!important;
    	top: 22%!important;
	}


}
@media (max-width: 1540px) {.Doarq-bg-cotizacion{ left: 43.2%;}}
@media (max-width: 1530px) {.Doarq-bg-cotizacion{ left: 43.4%;}}
@media (max-width: 1520px) {.Doarq-bg-cotizacion{ left: 43.6%;}}
@media (max-width: 1510px) {.Doarq-bg-cotizacion{ left: 43.8%;}}
@media (max-width: 1500px) {.franja {margin-top: 7.8%!important;width: 41%!important;}.franja-w{margin-top:7.8%!important;}
.Doarq-bg-cotizacion {	
    /*top: 25%;*/
    left: 44%;
    transform: translate(63%, 20%);
}
.Doarq-container{	
    	left: 33%!important;
    	top: 22%!important;
	}}
@media (max-width: 1490px) {.Doarq-bg-cotizacion{ left: 44.2%;}}
@media (max-width: 1480px) {.Doarq-bg-cotizacion{ left: 44.5%;}}
@media (max-width: 1470px) {.Doarq-bg-cotizacion{ left: 44.8%;}}
@media (max-width: 1460px) {.Doarq-bg-cotizacion{ left: 45%;}}
@media (max-width: 1450px) {.franja {margin-top: 8.1%!important;width: 40.4%!important;}.franja-w{margin-top: 8.1%!important;width: 55%!important;}
.Doarq-bg-cotizacion {	
    /*top: 25.5%;*/
    left: 45.2%;
    transform: translate(63%, 20%);
}
.Doarq-container{	
    	left: 31.5%!important;
    	top: 22%!important;
	}
}
@media (max-width: 1440px) {.Doarq-bg-cotizacion{ left: 45.5%;}}
@media (max-width: 1430px) {.Doarq-bg-cotizacion{ left: 45.9%;}}
@media (max-width: 1420px) {.Doarq-bg-cotizacion{ left: 46.1%;}}
@media (max-width: 1410px) {.Doarq-bg-cotizacion{ left: 46.5%;}}
@media (max-width: 1400px) {.franja {margin-top: 8.3%!important;width: 40.2%!important;}.franja-w {margin-top: 8.3%!important;width: 55.5%!important;}
.Doarq-bg-cotizacion {	
    /*top: 25.8%;*/
    left: 46.7%;
    transform: translate(63%, 20%);
}
.Doarq-container{	
    	left: 30.5%!important;
    	top: 20%!important;
	}
}
@media (max-width: 1390px) {.Doarq-bg-cotizacion{ left: 47.1%;}}
@media (max-width: 1380px) {.Doarq-bg-cotizacion{ left: 47.3%;}}
@media (max-width: 1370px) {.Doarq-bg-cotizacion{ left: 47.6%;}}
@media (max-width: 1360px) {.franja {margin-top: 8.5%!important;width: 39.8%!important;}.franja-w {margin-top: 8.7%!important;width: 56%!important;}
.Doarq-bg-cotizacion {	
   /* top: 26.5%;*/
    left: 47.3%;
    transform: translate(63%, 20%);
}
.Doarq-container{
	width: 45%!important;
	top: 18%!important;
    left: 29%!important;
    transform: translate(-30%, 27%);
}
}
@media (max-width: 1350px) {.Doarq-bg-cotizacion{ left: 47.1%;}}
@media (max-width: 1340px) {.Doarq-bg-cotizacion{ left: 47.3%;}}
@media (max-width: 1000px) {
.padding-no{
	padding-left: 1rem!important;
}
}
@media (max-width: 1330px) {.Doarq-bg-cotizacion{ left: 49%;}}
@media (max-width: 1320px) {.Doarq-bg-cotizacion{ left: 49.3%;}}
@media (max-width: 1310px) {.Doarq-bg-cotizacion{ left: 49.7%;}}
@media (max-width: 1300px) {.franja {margin-top: 8.8%!important;width: 39.4%!important;}.franja-w {margin-top: 9%!important;width: 56%!important;}
.Doarq-bg-cotizacion {	
   /* top: 28.2%;*/
    left: 49.9%;
    transform: translate(63%, 20%);
}
.Doarq-container{
	top: 18%!important;
    left: 27%!important;
}
}
@media (max-width: 1290px) {.Doarq-bg-cotizacion{ left: 50.3%;}}
@media (max-width: 1280px) {.Doarq-bg-cotizacion{ left: 50.7%;}}
@media (max-width: 1270px) {.Doarq-bg-cotizacion{ left: 50.9%;}}
@media (max-width: 1260px) {.Doarq-bg-cotizacion{ left: 51.2%;}}
@media (max-width: 1250px) {
	.Doarq-container{
		width: 100%!important;
		top: 25%;
    	left: 16%;
    	transform: translate(-30%, 25%);

	}
	.franja {margin-top: 9%!important;width: 39%!important;}
	.franja-w {margin-top: 9.5%!important;width: 56.5%!important;}
	.Doarq-bg-cotizacion {	
    /*top: 26.2%;*/
    left: 51.5%;
    transform: translate(63%, 20%);
}

}
@media (max-width: 1240px) {.Doarq-bg-cotizacion{ left: 51.9%;}}
@media (max-width: 1230px) {.Doarq-bg-cotizacion{ left: 52.4%;}}
@media (max-width: 1220px) {.Doarq-bg-cotizacion{ left: 52.6%;}}
@media (max-width: 1210px) {.Doarq-bg-cotizacion{ left: 51.6%;}}
@media (max-width: 1200px) {
	#form-inline{
		margin-left: 0%!important;
	}
	.Doarq-container{
	top: 13%!important;
    left: 27%!important;
}
.Doarq-bg-cotizacion{ left: 52%;}
.franja {margin-top: 9.5%!important;width: 38.5%!important;}
	.franja-w {margin-top: 9.7%!important;width: 65.5%!important; max-width: 70%!important;}
}
@media (max-width: 1190px) {.Doarq-bg-cotizacion{ left: 46.5%;}}
@media (max-width: 1180px) {.Doarq-bg-cotizacion{ left: 46.7%;}}
@media (max-width: 1170px) {.Doarq-bg-cotizacion{ left: 47.2%;}}
@media (max-width: 1160px) {.Doarq-bg-cotizacion{ left: 47.4%;}}
@media (max-width: 1150px) {.franja {margin-top: 10%!important;width: 46%!important;}.servicios{height: 487px!important;}.servicios1{height: 522px!important;}.franja-w {margin-top: 7.6%!important;width: 65%!important;max-width: 70%!important;}
	.Doarq-bg-cotizacion {	
   /* top: 25.7%;*/
    left: 47.7%;
    transform: translate(63%, 20%);
}
.Doarq-container{
	top: 14%!important;
    left: 23%!important;
}
.franja-w{margin-top:10.2%!important;}
}
@media (max-width: 1140px) {.Doarq-bg-cotizacion{ left: 48.1%;}}
@media (max-width: 1130px) {.Doarq-bg-cotizacion{ left: 48.5%;}}
@media (max-width: 1120px) {.Doarq-bg-cotizacion{ left: 48.9%;}}
@media (max-width: 1113px) {
	.Doarq-bg-cotizacion {
	position: sticky;
    z-index: 1020;
	width: 27%;
    box-sizing: content-box;
    /*top: 25%;*/
   
    transform: translate(63%, 25%);
}
}
@media (max-width: 1110px) {.Doarq-bg-cotizacion{ left: 49.2%;}}
@media (max-width: 1100px) {
	.Doarq-bg-cotizacion{ left: 49.5%;}
	.title45{font-size: 41px!important;}
	.franja {margin-top: 10.7%!important;width: 45.7%!important;}.franja-w {margin-top: 10.7%!important;}
}

@media (max-width: 1090px) {.Doarq-bg-cotizacion{ left: 50.2%;}}
@media (max-width: 1080px) {.Doarq-bg-cotizacion{ left: 50.4%;}}
@media (max-width: 1070px) {.Doarq-bg-cotizacion{ left: 50.8%;}}
@media (max-width: 1060px) {.Doarq-bg-cotizacion{ left: 51.3%;}}
@media (max-width: 1050px) {
	.Doarq-container{
		top: 16%!important;
    	left: 23%!important;
	}
	.Doarq-bg-cotizacion{ left: 51.7%;}
	.title45{font-size: 39px!important;}
	.D-text-bg{font-size: 12px!important;}
	.franja {margin-top: 10.7%!important;width: 45.4%!important;}.franja-w {margin-top: 11.2%!important;width: 68%!important;max-width: 75%!important;}
}
@media (max-width: 1040px) {.Doarq-bg-cotizacion{ left: 52%;}}
@media (max-width: 1030px) {.Doarq-bg-cotizacion{ left: 52.6%;}}
@media (max-width: 1020px) {.Doarq-bg-cotizacion{ left: 51.5%;}}
@media (max-width: 1010px) {.Doarq-bg-cotizacion{ left: 51.7%;}}
@media (max-width: 1000px) {
	.Doarq-container{
		top: 14%!important;
    	left: 23%!important;
	}
.Doarq-bg-cotizacion {
	position: sticky;
    z-index: 1020;
	width: 27%;
    box-sizing: content-box;
    /*top: 25%;*/
    left: 52.3%;
    transform: translate(63%, 25%);
}
.franja {margin-top: 11.7%!important;width: 45.3%!important;}
.franja-w{margin-top:11.7%!important;}
}
@media (max-width: 999px) {
	.square{
		margin-top: 72px;
	}
	.clientes-index{
		padding: 1rem!important;
	}
	.down-doarq{
		overflow: hidden;
	}
	.Doarq-container{
		width: 100%!important;
		top: 20%;
    	left: 50%;
    	transform: translate(-50%, 20%);

	}
	.clientes{
		padding: 0rem!important;
	}
	.D-title-bg{
		font-size: 1.5rem!important;
	}
	.Doarq-bg-cotizacion {
    	margin-top: 5%;
    	width: 90%;
    	top: 25%;
    	left: 5%;
    	transform: translate(5%, 25%);
	}
	.dropdown-doarq {
    	width: 90%;
    	display: none;
	}
	.Doarq-container{
		display: none;

	}
	.Doarq_Background_home{
		margin-top: -12%;
	}
	.valores{
		justify-content: center;
		display: flex;
		  justify-content: center!important; /* Centra horizontalmente */
		  align-items: center; /* Centra verticalmente */
		  height: 100vh; /* Para que el contenedor ocupe toda la altura de la ventana */
		  gap: 20px; /* Espacio entre los divs */
	}
	.border-d-clients:after{
    	width: 30%;
    	left: 35%;
	}
	.p-clientes{padding-left: .3rem!important;
		padding-right:.3rem!important;}
	.franja {margin-top: 10%!important;width: 43%!important;}
	.franja-w {margin-top: 10%!important;}
}
@media (max-width: 991px){
	.franja-w {width: 80%!important;max-width: 80%!important;}
	.imgfranja{height: 135px!important;}
}
@media (max-width: 950px){
	.servicios1{height: 478px!important;}
	.servicios{height: 463px!important;}
	.franja {margin-top: 10.8%!important;width: 67%!important;}
	.franja-w {margin-top: 10.8%!important;width: 80%!important;max-width: 80%!important;}
	.imgfranja{height: 140px!important;}
	.card-separated{
		margin-top: 3rem!important;
	}
	
	.card-servicios-p-l {padding-right: 30px!important;}
	.card-servicios-p-r {padding-left: 30px!important;}

}
@media (max-width: 900px){
	.franja-w {margin-top: 11.6%!important;width: 80%!important;}
	.franja {margin-top: 11.6%!important;width: 68%!important;}
	.imgfranja{height: 140px!important;}
}
@media (max-width: 850px){
	.franja-w {margin-top: 12.6%!important;width: 82%!important;max-width: 85%!important;}
	.franja {margin-top: 12.6%!important;width: 69%!important;}
	.franjaportfolio {margin-top: 8%;}
	.imgfranjaportfolio{height: 190px!important;}
}
@media (max-width: 800px){
	.franja-w {margin-top: 13.7%!important;width: 84%!important;}
	.franja {margin-top: 13.7%!important;width: 61.5%!important;}
	.nuestros-servicios{
		margin-left: 0%!important;
	}
	.franjaportfolio {margin-top: 8.4%!important;}
}
@media (max-width: 750px){
	.franja-w {margin-top: 15%!important;width: 84%!important;}
	.franja {margin-top: 15%!important;width: 62%!important;}
}
@media (max-width: 700px){
	.franja-w {margin-top: 16.5%!important;width: 84%!important;}
	.franja {margin-top: 16.5%!important;width: 63%!important;}
}
@media (max-width: 1136px) {
	.navbar-brand, .logo-D{
		margin-right: 1rem !important;
	}
}
@media (max-width: 650px) {
	
	.franja-w {margin-top: 18.5%!important;width: 84%!important;}
		.Doarq_Background_home{
			margin-top: -25%;
		}
		.title-contacto:after{
    		width: 30%!important;
    		left: 35%!important;
		}
		.title-privacidad:after{
    		width: 30%!important;
    		left: 35%!important;
		}
		.franja{
			margin-top: 18.5%!important;width: 64%!important;
		}
		.franjaportfolio {margin-top: 10.5%!important;}
	}
@media (max-width: 600px) {
	.franja-w {margin-top: 20%!important;width: 84%!important;}
	.franja{
		margin-top: 20%!important;
		width: 65%!important;
	}
}
@media (max-width: 550px) {
	.franja-w {margin-top: 22.3%!important; max-width: 100%!important;width: 100%!important;}
	.franja{
		margin-top: 22.3%!important;
		width: 65.5%!important;
	}
	.servicios {
    	height: 435px!important;
	}
	.servicios1{height: 455px!important;}
	.imgfranjaportfolio{height: 150px!important;}
	.Doarq_Background_home{
		margin-top: -25%;
	}
	.D-title-bg {
    	display: none;
	}
	.D-text-bg {
    font-size: 12px;
	}
	.franjaportfolio {margin-top: 11.8%!important;}
}
@media (max-width: 500px) {
	.franja-w {width: 100%!important;margin-top: 24.8%!important;}
	.mr-6{margin-right: 0rem!important}
	.franja{
		margin-top: 24.8%!important;
		width: 72%!important;
	}
	.servicios {
    height: 485px!important;}
    .servicios1{height: 500px!important;}
}
@media (max-width: 473px){	
	.clientes-index{
		padding: 0.8rem!important;
	}
	.Doarq_Background_home {
    	margin-top: -35%;
	}
	.corporativo,.industrial,.comercial,.residencial{height: 200px!important;}
	.imgfranja{
		height: 160px!important;
	}
}
@media (max-width: 450px) {
	.franja-w {width: 100%!important;margin-top: 28.5%!important;}
	.imgfranja-p{height: 130px!important;}
	.section-descargas{background-size:cover;}
	.servicios {
    	height: 505px!important;
	}
	.servicios1{height: 540px!important;}
	.franja{
		margin-top: 28.5%!important;
		width: 80%!important;
	}
}
@media (max-width: 440px){	
	.concrete{margin-top: 55%!important;}
}
@media (max-width: 433px){	
	.franjaportfolio {margin-top: 13.1%!important;}
	.presidencial, .pcorporativo, .pcomercial {
		height: 200px!important;
	}
}
@media (max-width: 400px){
	.pr-6 {
    	padding-right: 3.5rem!important;
	}
	.pl-6 {
    	padding-left: 3.5rem!important;
	}
	.no-padding-menu{
 		padding-left: 0px!important;
 		padding-right: 0px!important;
 	}
	.servicios {
    	height: 535px!important;
	}
	.servicios1{height: 550px!important;}
	.Doarq-container {
    	top: 17%;
    	left: 30%;
    	transform: translate(-30%, 10%)!important;
	}
	.franja{margin-top: 32.2%!important;width: 90%!important;}
	.franjaportfolio {margin-top: 14%!important;}
	.imgfranja{
		height: 180px!important;
	}
	.franja-w {width: 100%!important;margin-top: 32.2%!important;}
	.imgfranja-p{
		height: 160px!important;
	}
}
@media (max-width: 390px){	
	.imgfranjaportfolio{height: 170px!important;}
}
@media (max-width: 373px){	
	#navbar-brand,#logo-D{
		margin-right: 0px!important;
	}
	.franjaportfolio {margin-top: 15%!important;}
	.imgfranjaportfolio{height: 190px!important;}
}
@media (max-width: 350px){	
	.imgfranja{
		height: 200px!important;
	}
	.servicios {
    	height: 645px!important;
	}
	.servicios1{height: 660px!important;}
	.franja {
    	margin-top: 38.1%!important;width: 100%!important;
	}
	.franja-w {width: 100%!important;margin-top: 38.1%!important;}
	.imgfranja-p{
		height: 180px!important;
	}
	.franja-small{margin-top: 32.1%!important;}
	.title30corporativo{font-size: 30px!important;}
}
@media (max-width: 430px){	
	.concrete{margin-top: 0%!important;}
}

@media (max-width: 313px){	
	.franjaportfolio {
    	margin-top: 17.5%!important;
	}
	.Doarq-bg-cotizacion {
    	top: 35%;
    	left: 5%;
    	transform: translate(5%, 35%);
	}
}
@media (max-width: 300px){	
	.imgfranja{
		height: 220px!important;
	}
	.franja {
    	margin-top: 45.5%!important;
	}
	.franja-w {width: 100%!important;margin-top: 38.5%!important;}
	.imgfranja-p{
		height: 200px!important;
	}
	.servicios {
    	height: 664px!important;
	}
	.servicios1{height: 700px!important;}
	.pr-6 {
    	padding-right: 2.5rem!important;
	}
	.pl-6 {
    	padding-left: 2.5rem!important;
	}
	.no-padding-menu{
 		padding-left: 0px!important;
 		padding-right: 0px!important;
 	}
 	.title30{font-size: 30px!important;}
}
@media (max-width: 290px){	
	.franjaportfolio {
    	margin-top: 19%!important;
	}
	.Doarq-title-services {font-size: 35px!important;}
	.imgfranjaportfolio{height: 215px!important;}
	.franja{margin-top: 24%!important;}
	
}
@media (max-width: 264px){	
	.presidencial, .pcorporativo, .pcomercial {
    	height: 180px!important;
	}
	
}
@media (max-width: 262px){	
	.franjaportfolio {
    	margin-top: 19%!important;
	}
	.valores{
		margin-left: 15px;

	}
	.imgfranjaportfolio{height: 235px!important;}
	
}
@media (max-width: 250px){	
	.Doarq-title-services {font-size: 30px!important;}
	.imgfranja{
		height: 280px!important;
	}
	.franja {
    	margin-top: 47%!important;
	}
	.servicios{height:950px!important;}
	.servicios1{height: 1030px!important;}
	.franja-w {width: 100%!important;margin-top: 47%!important;}
	.imgfranja-p{
		height: 220px!important;
	}
	.no-padding-left-container250{
		padding-left: 2px!important;
	}
	.no-padding-left250{
		padding-left: 0px!important;
	}
	.pl-5px250{
		padding-left: 5px!important;
	}

}
@media (max-width: 244px){	
	.franjaportfolio {
    	margin-top: 23%!important;
	}
	.imgfranjaportfolio{height: 255px!important;}
	.imgfranja{height: 290px!important;}
}
@media (max-width: 240px){	
	.concrete{
		margin-top: 29%!important;
	}

}
@media (max-width: 236px){	
	.servicios{height: 1090px!important;}
	.imgfranja{height: 315px!important;}
	.franjaportfolio {
    	margin-top: 25%!important;
	}
	.imgfranjaportfolio{height: 275px!important;}
}
@media (max-width: 220px){	
	.franja {
    	margin-top: 55%!important;
	}
	.franja-w{
    	margin-top: 55%!important;
	}
	.no-padding-left-container{
		padding-left: 2px!important;
	}
	.no-padding-left{
		padding-left: 0px!important;
	}
	.pl-5px{
		padding-left: 5px!important;
	}
	.imgfranja-p{
		height: 235px!important;
	}
	.franja220{
		margin-top: 50%!important;
	}
	.title30corporativo{font-size: 25px!important;}

}

@media (max-width: 373px){

	.logo-D {
    	width: 100px;
	}
	

}



/**************FOOTER*******************/
.D-button-bg {
    position: fixed;
    width: 260px;
    height: 40px;
    bottom: 40px;
    right: 140px;
    background-color: var(--color-black);
    color: #FFF;
    border-radius: 25px;
    text-align: center;
    font-size: 15px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}
.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
}

.whatsapp_float img {
    margin-top: 5px;
    width: 85%;
}
.page-footer {
	background-color:var(--color-gray-dark);
}
.footer-bg{
	background-size: 100%;
	background-position: 50% 50%;
	background-image: url(../img/21508634_6490338.svg);
}
.border-footer{
	border-bottom:var(--color-white) 1px solid;
}
.links-footer{
	font-family: "raleway-bold-webfont"!important;
	font-size: 16px;
}
/*.links-footer:hover  a{color: var(--color-caramelo)!important;}
.links-footer:hover{text-decoration: none; }*/

.d-derechos{
	font-size: 12px;

}
.d-derechos:hover{text-decoration: none;}
/*************SERVICIOS**********************/
.servicios-text{
	font-size: 12px;
	line-height: 20px;
	font-family: "raleway-regular-webfont";
}
.services{
	background-color: none!important;
	background-image: url(../img/Doarq_texture_concrete_gray.jpg);
	background-size:100%;
	background-position: 50% 50%;
}
.services-card-text{
	font-size: 11px;
	line-height: 2;
	font-family: "raleway-regular-webfont"!important;
}
.list-services{
	padding-left: 3%;
	line-height: 2;
}
.title-contacto{
	font-size: 16px;
}
.title-portafolio,.title-portafolio1,.title-portafolio2,.title-portafolio3{
	font-size: 17px;
}
.title-services{
	font-size: 21px;
}
.title-portafolio a{
	color: var(--color-white);
	text-decoration: none;
}
.title-portafolio1 a{
	color: var(--color-white);
	text-decoration: none;
}
.title-portafolio2 a{
	color: var(--color-white);
	text-decoration: none;
}
.title-portafolio3 a{
	color: var(--color-white);
	text-decoration: none;
}
.title-services:after{
	position: relative;
    content: "";
    width: 30%;
    left: 35%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-caramelo) 3px solid ;
}
.section-descargas{background-image: url(../img/Doarq_Background_multiple.jpg);background-size:cover;background-repeat: no-repeat;height: 100%;}
.section-services{background-image: url(../img/Doarq_Background_multiple.jpg);background-size:cover;background-repeat: no-repeat;height: 100%;}
/*******************PORTAFOLIO*****************************/
.portafolio{
	background-color: none!important;
	background-image: url(../img/Doarq_texture_concrete_red.jpg);
	background-size:100%;
	background-position: 50% 50%;
}
.title-portafolio:after{
	position: relative;
    content: "";
    width: 22%;
    left: 39%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-white) 3px solid ;
}
.title-portafolio1:after{
	position: relative;
    content: "";
    width: 18%;
    left: 41.5%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-white) 3px solid ;
}
.title-portafolio2:after{
	position: relative;
    content: "";
    width: 20%;
    left: 40%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-white) 3px solid ;
}
.title-portafolio3:after{
	position: relative;
    content: "";
    width: 21%;
    left: 40%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-white) 3px solid ;
}
.industrial{
	height: 405px;
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_FC_nave_foto.jpg);
}
.blank-1{
	height: 405px;
	background-size: 100% 100%;
	background-image: url(../img/blank.jpg);
}
.industrial:hover{

	background-image: url(../img/Doarq_contenido_FC_nave_acuarela.jpg);
}

.residencial{
	height: 405px;
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_aguascalientes_patio_render.jpg);
}
.residencial:hover{

	background-image: url(../img/Doarq_contenido_aguascalientes_patio_acuarela.jpg);
}
.corporativo{
	height: 405px;
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_DEBA_fachada_render.jpg);
}
.corporativo:hover{
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_DEBA_fachada_acuarela.jpg);
}
.comercial{
	height: 405px;
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_Tous_interior1_render.jpg);
}
.comercial:hover{
	background-size: 100% 100%;
	background-image: url(../img/Doarq_contenido_Tous_interior1_acuarela.jpg);
}
/****************CONTACTO**********************/
.gray-bg{
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(../img/Doarq_texture_concrete_gray.jpg);
}
.red-bg{
	background-position: 50% 50%;
	background-size: 100%;
	background-image: url(../img/Doarq_texture_concrete_red.jpg);
}
.text-contacto{
	font-family: "raleway-regular-webfont"!important;
	font-size: 12px;
	margin-top: -6px;
}
.contacto{
	font-family: "raleway-regular-webfont"!important;
	color: var(--color-frio);
	border:none!important;
	border-radius: 0px!important;	
	font-size: 12px;
	height: 30px;
	padding: .0rem .5rem!important;
}

.btncontacto{
	font-size: 12px!important;
}
.title-contacto:after{
	position: relative;
    content: "";
    width: 12%;
    left: 44%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-caramelo) 3px solid ;
}
/*****************PRIVACIDAD*************************/
.text-privacidad{
	font-family: "raleway-regular-webfont"!important;
	font-size: 13px;
	line-height:20px;
}
.title-privacidad:after{
	position: relative;
    content: "";
    width: 21%;
    left:39%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-caramelo) 3px solid ;
}
.privacy{
	font-family: "raleway-regular-webfont"!important;
	background-size:auto 100%!important;
}
/***************DESCARGAS******************/
.bg-naval{
	background-color: var(--color-naval);
}
.descargas,.descarga{
	font-family: "raleway-regular-webfont"!important;
	font-size: 12px;
}
.descargas a{
	text-decoration: none;
}

.descarga::placeholder{
	color: var(--color-white);
}
.descarga:read-only{
	background-color: var(--color-frio);
}
.title-descargas{font-size: 16px;}
.title-descargas:after{
	position: relative;
    content: "";
    width: 24.6%;
    left:37.5%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-caramelo) 3px solid ;
}
/**************RESIDENCIAL******************/
.section-residencial{background-image: url(../img/Doarq_Background_residencial.jpg);background-size:cover;background-repeat: no-repeat;height: 100%;}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.franjaportfolio{
	width: 100%;padding-left: 0px!important; padding-right: 0px!important;margin-top:7%;position: absolute;
}
.imgfranjaportfolio{
	width: 100%;
	height: 210px;
}
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 50px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
 width: 100%;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  padding: 15px;
  height: 150px;
}

.portfolio .portfolio-item .portfolio-info h5 {
  font-size: 14px!important;
  margin-top: 70px;
  color: var(--color-naval);
}
.portfolio .portfolio-item .portfolio-info h5:after {
 	position: relative;
    content: "";
    width: 33%;
    left:33%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: var(--color-naval) 3px solid ;
}




.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}



.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
 
}
.presidencial,.pcorporativo,.pcomercial{
	width: 100%;
	height: 320px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.Monterrey img{
	background-image: url(../img/Residencial/Doarq_contenido_casaMonterrey_fachada_render.jpg);
}
.Monterrey:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casaMonterrey_fachada_acuarela.jpg);
}
.Comedor img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_La_Loma_comedor_render.jpg);
}
.Comedor:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_La_Loma_comedor_acuarela.jpg);
}
.Cocina img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_González_cocina_render.jpg);
}
.Cocina:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Gonzáles_cocina_render.jpg);
}
.Sendero img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Sendero_fachada_noche_render.jpg);
}
.Sendero:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Sendero_fachada_acuarela.jpg);
}
.Gardenias img{
	background-image: url(../img/Residencial/Doarq_contenido_residencia_gardenias_fachada_render.jpg);
}
.Gardenias:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_residencia_gardenias_fachada_acuarela.jpg);
}
.Salon img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Tapia_salon_de_juegos_render.jpg);
}
.Salon:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Tapia_salon_de_juegos_acuarela.jpg);
}
.Arroyo img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Arroyo_recamara_render.jpg);
}
.Arroyo:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Arroyo_recamara_acuarela.jpg);
}
.Goya img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Goya_recamara_render.jpg);
}
.Goya:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Goya_recamara_acuarela.jpg);
}
.Aguascalientes img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Aguascalientes_fachada_render.jpg);
}
.Aguascalientes:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Aguascalientes_fachada_acuarela.jpg);
}
.Caxcan img{
	background-image: url(../img/Residencial/Doarq_contenido_Villa_Caxcan_fachada_render.jpg);
}
.Caxcan:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Villa_Caxcan_fachada_acuarela.jpg);
}
.Jardines img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Jardines_fachada_render.jpg);
}
.Jardines:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Jardines_fachada_acuarela.jpg);
}
.Toluca img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Toluca_Sala01_render.jpg);
}
.Toluca:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Toluca_Sala01_acuarela.jpg);
}
.Colinas img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Colinas_sala_render.jpg);
}
.Colinas:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Colinas_sala_acuarela.jpg);
}
.Presa img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_La_Presa_mirador_render.jpg);
}
.Presa:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_La_Presa_mirador_acuarela.jpg);
}
.Valle img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Del_Valle_sala_render.jpg);
}
.Valle:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_casa_Del_Valle_sala_acuarela.jpg);
}
.Arboledas img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Arboledas_fachada_render.jpg);
}
.Arboledas:hover img{
	background-image: url(../img/Residencial/Doarq_contenido_Casa_Arboledas_fachada_acuarela.jpg);
}
/************************************************CORPORATIVO**************************/
.section-corporativo{background-image: url(../img/Doarq_Background_corporativo.jpg);background-size:cover;/*background-repeat: no-repeat;*/height: 100%;}
.escritorio img{
	background-image: url(../img/Corporativo/Doarq_contenido_Corporativo_DEBA_area_de_escritorios_render.jpg);
}
.escritorio:hover img{
	background-image: url(../img/Corporativo/Doarq_contenido_Corporativo_DEBA_area_de_escritorios_acuarela.jpg);
}
.oficina img{
	background-image: url(../img/Corporativo/Doarq_contenido_Despacho_Gustavo_Gallardo_oficina_render.jpg);
}
.oficina:hover img{
	background-image: url(../img/Corporativo/Doarq_contenido_Despacho_Gustavo_Gallardo_oficina_acuarela.jpg);
}
.empaques img{
	background-image: url(../img/corporativo/Doarq_contenido_Empaques_modernos_oficina_render.jpg);
}
.empaques:hover img{
	background-image: url(../img/corporativo/Doarq_contenido_Empaques_modernos_oficina_acuarela.jpg);
}
.ECM img{
	background-image: url(../img/Corporativo/Doarq_contenido_ECM_fachada_render.jpg);
}
.ECM:hover img{
	background-image: url(../img/Corporativo/Doarq_contenido_ECM_fachada_acuarela.jpg);
}
.Carredana img{
	background-image: url('../img/Corporativo/Doarq_contenido_Corporativo_Carredana_oficina principal_render.jpg');
}
.Carredana:hover img{
	background-image: url('../img/Corporativo/Doarq_contenido_Corporativo_Carredana_oficina principal_acuarela.jpg');
}

.recepcion img{
	background-image: url(../img/Corporativo/Doarq_contenido_Provident_recepción_render.jpg);
}
.blank img{
	background-image: url(../img/blank.jpg);

}
.recepcion:hover img{
	background-image: url(../img/Corporativo/Doarq_contenido_Provident_recepción_acuarela.jpg);
}
.torre img{
	background-image: url(../img/Corporativo/Doarq_contenido_Torre_4_oficina_render.jpg);
}
.torre:hover img{
	background-image: url(../img/Corporativo/Doarq_contenido_Torre_4_oficina_acuarela.jpg);
}
/******************************************COMERCIAL**************************************************/
.section-comercial{background-image: url(../img/Doarq_Background_comercial.jpg);background-size:cover;/*background-repeat: no-repeat;*/height: 100%;}
.chillis img{
	background-image: url(../img/Comercial/Doarq_contenido_Chilli´s_fachada_render.jpg);
}
.chillis:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Chilli´s_fachada_acuarela.jpg);
}
.comun img{
	background-image: url(../img/Comercial/Doarq_contenido_Estancia_La_Guadalupana_area_comun_render.jpg);
}
.comun:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Estancia_La_Guadalupana_area_comun_acuarela.jpg);
}
.liceo img{
	background-image: url('../img/Comercial/Doarq_contenido_liceo del ser_Interior_render.jpg');
}
.liceo:hover img{
	background-image: url('../img/Comercial/Doarq_contenido_liceo del ser_Interior_acuarela.jpg');
}


.img1_ideas img{
	background-image: url(../img/ideas/img1.jpg);
	
}
.img2_ideas img{
	background-image: url(../img/ideas/img2.jpg);
	
}
.img3_ideas img{
	background-image: url(../img/ideas/img3.jpg);
	
}
.img4_ideas img{
	background-image: url(../img/ideas/img4.jpg);
	
}
.img5_ideas img{
	background-image: url(../img/ideas/img5.jpg);
	
}
.img6_ideas img{
	background-image: url(../img/ideas/img6.jpg);
	
}
.img7_ideas img{
	background-image: url(../img/ideas/img7.jpg);
	
}
.img8_ideas img{
	background-image: url(../img/ideas/img8.jpg);
	
}
.img9_ideas img{
	background-image: url(../img/ideas/img9.jpg);
	
}
.img10_ideas img{
	background-image: url(../img/ideas/img10.jpg);
	
}
.img11_ideas img{
	background-image: url(../img/ideas/img11.jpg);
	
}
.img12_ideas img{
	background-image: url(../img/ideas/img12.jpg);
	
}
.img13_ideas img{
	background-image: url(../img/ideas/img13.jpg);
	
}
.img14_ideas img{
	background-image: url(../img/ideas/img14.jpg);
	
}
.img15_ideas img{
	background-image: url(../img/ideas/img15.jpg);
	
}
.img16_ideas img{
	background-image: url(../img/ideas/img16.jpg);
	
}
.img17_ideas img{
	background-image: url(../img/ideas/img17.jpg);
	
}



.img1 img{
	background-image: url(../img/prod/img1.jpg);
	
}
.img2 img{
	background-image: url(../img/prod/img2.jpg);
	
}
.img3 img{
	background-image: url(../img/prod/img3.jpg);
	
}
.img4 img{
	background-image: url(../img/prod/img4.jpg);
	
}
.img5 img{
	background-image: url(../img/prod/img5.jpg);
	
}
.img6 img{
	background-image: url(../img/prod/img6.jpg);
	
}
.img7 img{
	background-image: url(../img/prod/img7.jpg);
	
}
.img8 img{
	background-image: url(../img/prod/img8.jpg);
	
}
.img9 img{
	background-image: url(../img/prod/img9.jpg);
	
}
.img10 img{
	background-image: url(../img/prod/img10.jpg);
	
}
.img11 img{
	background-image: url(../img/prod/img11.jpg);
	
}
.img12 img{
	background-image: url(../img/prod/img12.jpg);
	
}
.img13 img{
	background-image: url(../img/prod/img13.jpg);
	
}
.img14 img{
	background-image: url(../img/prod/img14.jpg);
	
}
.img15 img{
	background-image: url(../img/prod/img15.jpg);
	
}
.img16 img{
	background-image: url(../img/prod/img16.jpg);
	
}
.hola img{
	background-image: url(../img/Comercial/Doarq_contenido_Hola_Maria_fachada_render.jpg);
}
.hola:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Hola_Maria_fachada_acuarela.jpg);
}
.cafe img{
	background-image: url(../img/Comercial/Doarq_contenido_Insimnia_cafe_interior_render.jpg);
}
.cafe:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Insimnia_cafe_interior_acuarela.jpg);
}
.innovasport img{
	background-image: url(../img/Comercial/Doarq_contenido_Tienda_Innova_Sport_interior_fotografia.jpg);
}
.innovasport:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Tienda_Innova_Sport_interior_acuarela.jpg);
}
.aeropuerto img{
	background-image: url(../img/Comercial/Doarq_contenido_Tous_Aeropuerto_Fachada_render.jpg);
}
.aeropuerto:hover img{
	background-image: url(../img/Comercial/Doarq_contenido_Tous_Aeropuerto_Fachada_acuarela.jpg);
}
/******************************************INDUSTRIAL**************************************************/
.section-industrial{background-image: url(../img/Doarq_Background_Industrial.jpg);background-size:cover;/*background-repeat: no-repeat;*/height: 100%;}
.crown img{
	background-image: url(../img/industrial/crown/Doarq_contenido_Crown_maqueta_render.jpg);
}
/*.crown:hover img{
	background-image: url(../img/industrial/Doarq_contenido_Crown_exterior_render.jpg);
}*/
.terraza img{
	background-image: url(../img/industrial/Doarq_contenido_lavartex_terraza_render.jpg);
}
.terraza:hover img{
	background-image: url(../img/industrial/Doarq_contenido_lavartex_terraza_acuarela.jpg);
}
.meditacion img{
	background-image: url(../img/industrial/Doarq_contenido_Yakinawa_Salon_de_meditación_render.jpg);
}
.meditacion:hover img{
	background-image: url(../img/industrial/Doarq_contenido_Yakinawa_Salon_de_meditación_acuarela.jpg);
}
@media (min-width: 999px) {
   .footer-p{padding-right: 2.8rem!important;
    padding-left: 2.8rem!important;
	padding-top: 15px!important;
	}
}
.pr-55{padding-right: 3.5rem!important;}
.pl-55{padding-left: 3.5rem!important;}
.shadow-6{    box-shadow: .5rem .5rem .5rem rgba(0,0,0,.60)!important;}

.franja{width: 38%;padding-left: 0px!important; padding-right: 0px!important;margin-top: 11%;position: absolute;}
.franja-w{padding-left: 0px!important; padding-right: 0px!important;position: absolute;}
.imgfranja{height: 120px;width: 100%;background-image: url(../img/Doarq_texture_concrete_red.jpg);background-position: 100% 50%;background-size: 100%;}