@charset "utf-8";



/* CSS Document */
	
/*
.principal-vertical .info .cuerpo .texto.clase1 {
    top: calc((52.5vh - 43vh) / 2);
}
*/


@font-face{
	font-family: Mazda_T_Bd;
	src:url(fonts/MazdaType-Bold.otf) format("opentype");
	-apple-system-font-family: Mazda_T_Bd;
	src:url(fonts/MazdaType-Bold.otf) format("opentype");
	}
@font-face{
	font-family: Mazda_T_Re;
	src:url(fonts/MazdaType-Regular.otf) format("opentype");
-apple-system-font-family: Mazda_T_Re;
	src:url(fonts/MazdaType-Regular.otf) format("opentype");

	}
@font-face{
	font-family: Mazda_Icons;
	src:url(fonts/mazda-icons.ttf) format("truetype");
-apple-system-font-family: Mazda_Icons;
	src:url(fonts/mazda-icons.ttf) format("truetype");

	}
@font-face{
	font-family: Standard-Icons;
	src:url(fonts/standard-icon-font.ttf) format("truetype");
-apple-system-font-family: Standard-Icons;
	src:url(fonts/standard-icon-font.ttf) format("truetype");

	}
body{
	font-size:16px;
	font-family: Mazda_T_Re;
	color:#fff;
	background:#000;
}
.tarjeta{
	width: 100vw;
	height:100vh;
	margin:0;
	background:black;
}
.adelante{
	width: 100%;
    height: 100%;
    z-index: 100;
	position:fixed;
	bottom:0;
	display:block;
	background:black;
	display: flex;
    align-items: center;
}
.manita{
	height:10vh;
	bottom:5%;
	right:calc(50% - 3.448931116vh);
    transition: all 500ms ease;
    animation-name: scrollDownBtn;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
	position:absolute;
}
@keyframes scrollDownBtn{
	0% {
	    bottom:5%;
		opacity: .5;
	}
	50% {
		bottom:calc(5% + 2vh);
		opacity: 1;
	}
	100% {
		bottom:5%;
		opacity: .5;
	}
}
video{
	width:100%;
    position: absolute;
}
.tarjeta.abierto .adelante{
		display:none;
}
.atras{
	width:100%;
	position:relative;
	background-image:url(../img/FONDO.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
	
}
nav{
    position: fixed;
    bottom: 0;
	z-index:98;
    padding: 16px 0;
    width: 100%;
	background-image: url(../img/menu-fondo.png);
	background-size: cover;
    background-position: top;
}
nav div{
	display: flex;
    justify-content: center;
}
nav button, nav .button{
    box-sizing: border-box;
    padding: 5px 16px;
    border: none;
    border-right: solid 1px rgb(244 244 244 / 30%);
    text-align: center;
    letter-spacing: 0px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-appearance: none;
    color: #fff;
    background: transparent;
	display:block;
	margin:0;
}
nav button:last-of-type, nav .button:last-of-type{
	border:none;
}

nav button img, nav .button img{
	height:18px;
	margin:0 auto;
}
nav button i, nav button img, nav .button i, nav .button img{
	display:block!important;
	font-size:18px;
	margin-bottom:5px;
	color: #fff;
}

a.autor{
	display: block;
    color: rgb(255 255 255 / 40%);
    Z-index: 99;
    position: absolute;
    font-size: 8px;
    letter-spacing: 1px;
    line-height: 8px;
	width: 100%;
    text-align: center;
    right: 0;
    padding:5px 0 3px;
    bottom: 0;
    margin: 0;
}
a, p{
	color: #FFF;
	display:block;
    text-decoration: none;
	letter-spacing: -.5px;
}

.tabcontent{
	display:none;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
	position:relative;
	overflow: scroll;
	width: 100%;
    height: 100%;
}
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

.banner{
	width: 100%;
    height:33vh;
	position:relative;
	z-index:99;
	background-position: top;
	background-image: url(../img/banner-inicio.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 8.5vh;
}
.banner img{
    width:100%;
    position:Absolute;
    bottom:0;
	height: 26vh;
}
.banner img.foto-asesor{
	bottom: -15vw;
    width: auto;
    height: 26vh;
    right: 4%;
    border-radius: 50%;
    box-shadow: 4px 4px 5px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 4px 4px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	border: solid 1px #363535;
}
.banner a{
	display:none;
}
/*brillo*/
.contorno{
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    overflow: hidden;
    bottom: -8.5vh;
}

.contorno .brillo{
	display:none;
}

.contorno .brillo{
	display:block;
	position:relative;
	height: 100%;
	width:100%; 
	background-image:url(../img/brillo-foto/brillo-foto1.png);
	background-size: 100% 100%; 
	animation-name: brillo;
	 animation-duration: 8s;  
	animation-iteration-count:infinite; 
	opacity:.3;
}
@keyframes brillo {
	0%   	{background-image:url(../img/brillo-foto/brillo-foto1.png);}
	10%   	{background-image:url(../img/brillo-foto/brillo-foto1.png);}
	10.5%   {background-image:url(../img/brillo-foto/brillo-foto2.png);}
	11%   	{background-image:url(../img/brillo-foto/brillo-foto3.png);}
	11.5%   {background-image:url(../img/brillo-foto/brillo-foto4.png);}
	12%   	{background-image:url(../img/brillo-foto/brillo-foto5.png);}
	12.5%   {background-image:url(../img/brillo-foto/brillo-foto6.png);}
	13%   	{background-image:url(../img/brillo-foto/brillo-foto7.png);}
	13.5%   {background-image:url(../img/brillo-foto/brillo-foto8.png);}
	14%   	{background-image:url(../img/brillo-foto/brillo-foto9.png);}
	14.5%   {background-image:url(../img/brillo-foto/brillo-foto10.png);}
	15%   	{background-image:url(../img/brillo-foto/brillo-foto11.png);}
	15.5%   {background-image:url(../img/brillo-foto/brillo-foto12.png);}
	16%   	{background-image:url(../img/brillo-foto/brillo-foto13.png);}
	16.5%   {background-image:url(../img/brillo-foto/brillo-foto14.png);}
	17%   	{background-image:url(../img/brillo-foto/brillo-foto15.png);}
	17.5%   {background-image:url(../img/brillo-foto/brillo-foto16.png);}
	18%   	{background-image:url(../img/brillo-foto/brillo-foto17.png);}
	18.5%   {background-image:url(../img/brillo-foto/brillo-foto18.png);}
	19%   	{background-image:url(../img/brillo-foto/brillo-foto19.png);}
	19.5%   {background-image:url(../img/brillo-foto/brillo-foto20.png);}
	20%   	{background-image:url(../img/brillo-foto/brillo-foto21.png);}
	30%   	{background-image:url(../img/brillo-foto/brillo-foto21.png);}
	30.5%   {background-image:url(../img/brillo-foto/brillo-foto1.png);}
	100%   	{background-image:url(../img/brillo-foto/brillo-foto1.png);}
}

.contorno .brillo{
object-fit: 100% 100%;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url(../img/elementos-banner.png);
mask-image: url(../img/elementos-banner.png);
width: 100%;
position: Absolute;
bottom: 0;
height: 26vh;
}

.banner img.superior{
    bottom: unset;
    top: 0;
    width: 100px;
    height: auto;
    left: 0;
}
.cuerpo{
	padding:0 5%;
    box-sizing: border-box;
    position:relative;
	display:flex;
	align-items:center;
	padding-bottom:82px;
	min-height:58.5vh;
	z-index:97;

}
.texto{
	width:100%;
	padding:16px 0;	
}
h1,h2{
	font-family: Mazda_T_Bd,arial,sans-serif;
	-apple-system-font-family: Mazda_T_Bd;
	line-height: 1.3;
	text-transform: uppercase;
	text-align:center;
 }
h1{
	font-size:25px;
	margin-bottom:0;
}
h2{
	font-size: 18px;
	margin:16px 0;
}
h2:first-of-type{
	margin:0 0 30px;
}
#inicio h2{
	margin:0 0 16px;
}
#conocenos h3{
	text-transform: uppercase;
    font-weight: 100;
    font-size: 17px;
    font-family: 'Mazda_T_Bd';
    display: inline-block;
    border-bottom: solid 2px #910A2D;
	padding-bottom:3px;
	margin-bottom:0;
}
ul{
	margin-top:7px;
}
.cuerpo .caja{
	display:flex;
}
.cuerpo .caja .datos{
	width: calc(100% - 25px);
	padding-right:38px;
	box-sizing: border-box;
}
.cuerpo .caja .redes{
	width: 25px;
	text-align: right;
}
a, .datos p{
	color: #FFF;
	display:block;
    text-decoration: none;
	font-size: 17px;
	margin: 0;
	margin:16px 0;
	display:flex;
	align-items:flex-start;
	
}
#inicio a, #inicio .datos p{
	letter-spacing: -.5px;
}
.caja i{
	font-size: 18px;
    text-align: center;
	margin-right:10px;
	width:25px; 
}
.redes i{
	margin-right:0;
	
}
.caja .datos span.mail{
    overflow-wrap: break-word;
	max-width: calc(100% - 10vw);
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
#conocenos .banner{background-image:url(../img/BANNER_conocenosV.jpg);}
#mimazda .banner{background-image:url(../img/BANNER_miMazdaV.jpg);}
#servicios .banner{background-image:url(../img/BANNER_serviciosV.jpg);}
.botonCTA{
	padding: 8px 25px;
    background: #910A2D;
    display: block;
    border-radius: 3px;
    margin: 30px auto 60px;
    text-transform: uppercase;
    letter-spacing: 1px;
	width: 150px;
	text-align:center;
	color:#fff!important;
	display:block!important;
}
.fondo-blanco.servicios .botonCTA {
    width: 250px;
}
.look2{
	margin-bottom: 0;
    height: 25vh;
	position:relative;
}
.degradado{
	background:linear-gradient(to bottom, rgba(255,255,255,0) 20%, rgba(0,0,0,1) 100%);
	width: 100%;
    height: 100%;
}
.subrayado{
	text-align: center;
    width: 100%;
    margin-top: -55.4px;
    z-index: 99;
    position: absolute;
}
.CTA{
	padding-bottom: 50px;
}
.subrayado h2{
	display:inline-block;
	border-bottom: solid 2px #910A2D;
}
.galeria{
	width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: space-between;
}
.galeria div{
	background-size: cover;
    background-position: center;
	height:100%;
	position: relative;
	display: flex;
    align-items: flex-end;
}
input{
	border:none;
}
.galeria label{
	position: absolute;
    width: 100%;
    height: auto!important;
	z-index: 2;

}
.galeria form, .galeria .proximamente{
    flex-basis: 45%;
    margin-bottom: 20px;
}
#servicios .galeria div{
	background-position:top;
}
.galeria div a, .galeria div label{
	align-items: flex-end;
    height: 100%;
    margin: 0;
    justify-content: center;
    text-align: center;
	padding-bottom: 5px;
	box-sizing: border-box;
    text-transform: uppercase;
    font-size: 15px;
	letter-spacing: 1px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);
}
.galeria div input{
	position: absolute;
	height: 100%;
    margin: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);
    width: 100%;
	color:transparent;
	cursor: pointer;
}


.MZD2HB{background-image:url(../img/Mazda-2-HB.jpg);}
.MZD2S{background-image:url(../img/Mazda-2-Sedan.jpg);}
.MZD3HB{background-image:url(../img/Mazda-3-HB.jpg);}
.MZD3S{background-image:url(../img/Mazda-3-Sedan.jpg);}
.MZDCX3{background-image:url(../img/Mazda-CX-3.jpg);}
.MZDCX5{background-image:url(../img/Mazda-CX-5.jpg);}
.MZDCX9{background-image:url(../img/Mazda-CX-9.jpg);}
.MZDCX30{background-image:url(../img/Mazda-CX-30.jpg);}
.MZDMX5{background-image:url(../img/Mazda-MX-5.jpg);}
.proximamente{background-image:url(../img/proximamente.jpg); background-size:contain!important; background-repeat: no-repeat;}

.serv1{background-image:url(../img/Mantenimiento_02.jpg);}
.serv2{background-image:url(../img/Servicio_Express_02.jpg);}
.serv3{background-image:url(../img/Mazda_Go_02.jpg);}
.serv4{background-image:url(../img/Servicio_Carta_02.jpg);}
.serv5{background-image:url(../img/Service_Home_02.jpg);}
.serv6{background-image:url(../img/Accesorios_02.jpg);}

#aviso::before{
	display:block;
	content:"";
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 14px solid #910A2D;
	position:absolute;
	top:-6px;
	right:10px;
	transform:rotate(-90deg);
	z-index:100;
}



/*AUTOS*/
.fondo-blanco{
	background-image: url(../img/fondo-auto.png);
    background-size: cover;
	position: fixed;
}
.download:before {
    content: '\f10d ';
    font-family: Standard-Icons;
    -apple-system-font-family: Standard_Icons;
    font-size: 25px;
    padding-right: 5px;
    position: relative;
    top: 3px;
	color:#910A2D;
}
.img-principal{
	width:80%;
	height:auto;
	margin:0 auto;
}

.download{
	font-family: Mazda_T_Bd ;
	display:block!important;
	margin: 0;
    line-height: 17px;
}

.row {
    display: flex;
    flex-wrap: wrap;
}
.column {
    flex: 33.33%;
    max-width: 33.33%;
    padding: 0 4px;
    box-sizing: border-box;
}
.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.row .column a{
	margin:5px 0 0;
}

.fondo-blanco h1, .fondo-blanco p, .fondo-blanco .arriba a {
	color:#000;
	text-align:center;
}
.fondo-blanco .contenido{
	padding: 5px 5% 0;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 82px;
    min-height: 58.5vh;
}
.fondo-blanco p{
	padding:0 10%;
}
.fondo-blanco h1{
	margin-bottom:-11px;
}

.fondo-blanco .arriba a{
	display:inline;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 35px;
    font-size: 15px;

}
.fondo-blanco .arriba a span{
	font-family: Mazda_T_Re;
}
.encuadre-gale{
	margin:20px 0 30px;
}
.fondo-blanco .arriba img{
	max-width:100%;
}
.fondo-blanco .superior{
	height: 35px;
    width: auto;
	margin-left: -4%;
}
.fondo-blanco .arriba{
	text-align:center;
}
.fondo-blanco .arriba div{
	text-align:left;
	margin-bottom:20px;
}

#agencia #inicio .superior{
	display:none;
}
.mazdas ol li{
    color:#000;
    text-align:left;
}




















@media (orientation: portrait) {
	.vertical{display:block;}
	.horizontal{display:none;}
	.fondo-blanco.mazdas .img.auto{
		padding:0 34px;
	}
	
	
	
	.galeria form {
		height: 160px;
	}
	
		.fondo-blanco  div.CTA a{
	    margin-bottom:140px;
	}
	
	





	@media (min-width: 521px) and (min-height: 1024px) { 
		.main{
			background-image: url(../img/fondo-desktop.jpg);
		width: 100vw;
		height: 100vh;
		background-position: center;
		background-size: cover;
		z-index: -10;
		position: fixed;
		top: 0;
		filter: blur(1.5px) brightness(1.3);
		}
			.fondo-blanco.mazdas.servicios .img.auto{
	margin-top: 100px;
		}

		.tarjeta, .adelante, .atras{
			max-height: 1024px;
			max-width: 521px;
			position: fixed;
			right: calc(50% - 265px);
			top: calc(50% - 512px);
		}
		nav{
			bottom: calc(50% - 512px);
			width: 521px;
		}
		nav button, nav .button {
			font-size: 20px;
		}
		nav button i, nav button img, nav .button i, nav .button img{
			font-size:25px;
		}
		nav button img, nav .button img {
			height: 25px;
		}
		a.autor{
			bottom: -30px;
			font-size: 13px;
		}
		.banner{
			height: 337.92px;
		}
		.contorno{
			bottom:-87.04px;
		}
		.banner img, .contorno .brillo, .banner img.foto-asesor{
			height:266.24px;
		}
		.banner img.foto-asesor{
			bottom: -78.15px;
		}
		.cuerpo{
			min-height: 586px;
			padding: 0 8%;
			padding-bottom:95px;
		}
		#inicio h1 {
			font-size: 35px;
		}
		#inicio h2 {
			font-size: 28px;
		}
		#inicio a, #inicio .datos p{
			font-size:23px;
		}
		a, .datos p{
			margin:25px 0;
		}
		#inicio .caja i {
			font-size: 26px;
			margin-right: 15px;
			width: 30px;
		}
		
		.tabcontent{
			
			width: 521px;
			height: 1020px;
		}
		
		.botonCTA{
			width: 250px;
			padding: 15px 25px;
			margin: 50px auto;
		}
		.look2{
			height:256px;
		}
		/*.superior{
			width:145px!important;
		}*/
		h2:first-of-type {
			margin: 0 0 30px!important;
		}
		.cuerpo.lookB{
			padding-top:30px;
		}
		.galeria form {
			height: 209px;
		}
		
		.CTA {
			padding-bottom: 82px;
		}
		.img.auto{
			padding: 0 50px;
    text-align: center;
		}
		.fondo-blanco.servicios .contenido{
			display: flex;
			align-items: center;
		}
		.fondo-blanco.servicios .logo-negro{
			position: fixed;
			top: calc(50% - 512px);
		}
	}

	/*:target {
		display:block!important;
		background-color: yellow;
	  }*/
		
	
}




@media (orientation: landscape) {
	.vertical{display:none;}
	.horizontal{display:block;}
	.manita {right: calc(50% - 4.313380282vw);}
	a.autor{display:none;}

	.banner {
		height: 100vh;
		width: 30vw;
		background-image:url(../img/banner_inicioH.jpg);
		background-position:left;
		position: fixed;
		margin-bottom:0;
	}
	.banner a{
		color: rgb(255 255 255 / 40%);
		position: absolute;
		font-size: 8px;
		top: 3px;
		left: 5px;
		letter-spacing: 0px!important;
		margin:0;
	}
	.contorno{
		right: calc(-8.5vw - 10px);
    bottom: 0;
    box-sizing: content-box;
    padding-left:calc(8.5vw + 10px);
    background: linear-gradient(to bottom, rgba(0,0,0,.8) 45px,  rgba(255,255,255,0) 100px);
	}

	.banner img {
		height: 100%;
		bottom: 0;
		right: 0;
		width: 26vw;
	}

	.contorno .brillo {
		-webkit-mask-image: url(../img/elementos-bannerRot.png);
		mask-image: url(../img/elementos-bannerRot.png);
		height: 100%;
		bottom: 0;
		right: 0;
		width: 26vw;
	}
	
	img.superior.horizontal{
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		width: 100px;
	}
	.banner img.foto-asesor {
		right: -24vh;
		width: auto;
		height: 26vw;
		bottom: unset;
		top: 4vh;
	}
	nav{
		width: calc(69vw + 10px);
    right: 0;
    box-sizing: border-box;
	padding: 16px 4vw 5px;
    padding-left: calc(10vw + 10px);
    padding-right: 2.5vw;
	}
	#inicio nav{
    padding: 16px 18px 5px 12.5vw;
    padding-right: calc(20px - 1.75vw);
	}
	
	.cuerpo, .fondo-blanco .contenido {
		width: calc(61.5vw - 10px);
    padding: 30px 4vw 71px 1.9vw;
    margin-left: calc(38.5vw + 10px);
    min-height: 100vh;
    box-sizing: border-box;
	}
	#inicio .cuerpo {
	
		padding: 0 20px 71px 4.2vw;
		
	}
	#conocenos .banner {
		background-image: url(../img/BANNER_conocenosH.jpg);
	}
	#mimazda .banner, .mazdas .banner {
		background-image: url(../img/BANNER_miMazdaH.jpg);
	}
	#servicios .banner, .servicios .banner {
		background-image: url(../img/BANNER_serviciosH.jpg);
	}
	.galeria form {
		height: 120px;
	}
	.subrayado{
		margin-top: 25px;
		margin-left: calc(38.5vw + 10px);
		width: calc(61.5vw - 10px);
	}
	.cuerpo.lookB{
		padding-top:80.4px;

	}
	.fondo-blanco .contorno{
		margin-right: 2.1vw;
	}
	.arriba .logo-negro{
		display:none;
	}

	#aviso{
		bottom:19vh!important;
		right: 5vw !important;
	}
	.fondo-blanco.servicios .img.auto{
		width: 160px;
    margin: 0 auto;
	}






	
@media (min-width: 1024px) and (min-height: 521px) { 
	#inicio a, #inicio .datos p{
		font-size:23px;
	}
	a, .datos p{
		margin:25px 0;
	}
	#inicio .caja i {
		font-size: 26px;
		margin-right: 15px;
		width: 30px;
	}
	.main{
		background-image: url(../img/fondo-desktop.jpg);
    width: 100vw;
    height: 100vh;
    background-position: center;
    background-size: cover;
    z-index: -10;
    position: fixed;
    top: 0;
    filter: blur(1.5px) brightness(1.3);
	}
	.tarjeta, .adelante, .atras{
		max-height: 521px;
		max-width: 1024px;
		position: fixed;
		top: calc(50% - 265px);
		right: calc(50% - 512px);
	}
	nav{
		right: calc(50% - 512px);
    width: 706.56px;
    bottom: calc(50% - 256px);
    padding: 16px 40.96px 5px 147.51px;
	}
	
	a.autor{
		bottom: -30px;
		display:block;
		text-align:right;
	}
	.banner{
		width: 337.92px;
		height: 521px;
	}
	.contorno{
		right: calc(-87.04px - 10px);
    padding-left: calc(87.04px + 10px);
	}
	.banner img, .contorno .brillo{
		width:266.24px;
	}
	.banner img.foto-asesor{
		height:266.24px;
	}
	.banner img.foto-asesor{
		right: -125.04px;
	}
	.cuerpo, .fondo-blanco .contenido{
		margin-left: calc(434.95px + 10px);
		min-height: 512px;
		width: calc(589.05px - 30px);
	}
	
	
	a, .datos p{
		margin:19px 0;
	}
	.caja i {
		font-size: 20px;
		margin-right: 15px;
		width: 25px;
	}
	body{
		font-size:19px;
	}
	.tabcontent{
		overflow-y: scroll;
		width: 1024px;
		height: 512px;
	}
	
	.botonCTA{
		width: 280px;
		padding: 10px 25px;
		margin: 50px auto 30px;
	}
	
	.superior{
		width:145px!important;
	}
	h2{
		font-size:21px;
	}
	h3{
		font-size:19px;
	}
	h2:first-of-type {
		margin: 0 0 30px!important;
	}
	
	.galeria form {
		height: 209px;
		padding:0!important;
	}
	.galeria form input{
		font-size: 18px;
	}
	#inicio .cuerpo {
		padding: 0 30px 71px 43px;
	}
	#inicio .cuerpo{
		align-items: center;
	}
	.cuerpo{
		align-items: flex-start;
		padding-top:30px;
	}
	.cuerpo, .fondo-blanco .contenido{
		padding: 39px 40.94px 71px 20px;
	}
	.subrayado{
		padding: 0 40.94px 0 20px;
		margin-left: calc(434.95px + 10px);
		width:calc(589.05px - 10px);
		box-sizing: border-box;
		margin-top:39px;
	}
	.cuerpo .galeria{
		padding-bottom:82px;
	}
	#inicio .cuerpo div{
		padding-bottom:0;
	}
	.cuerpo.lookB {
		padding-top: 105px;
	}
	.fondo-blanco .contorno {
		margin-right: 11.5px;
    	padding-left: calc(87.04px + 10px - 11.5px);
	}
	.fondo-blanco .superior{
		margin-left:0;
	}
	.img-titulo{
		display:flex;
		align-items:Center;
		margin:0;
	}
	.fondo-blanco h1{
		font-size: 25px;
		margin-top:0;
		width: 40%;
		order:1;
	}
	.img-titulo .img{
		width:60%;
		order:2;
		margin:0!important;
		padding-left: 20px;
		padding-bottom: 20px;
    box-sizing: border-box;
	}
	.fondo-blanco.servicios .img-titulo .img, .fondo-blanco.servicios h1{
		width:50%;
		padding:0;
		height:unset
	}
	.fondo-blanco.servicios h1{
		padding-right:30px;
	}
	.fondo-blanco.servicios .botonCTA{
	margin-top: 25px;
	}
	

	
	.img-titulo .auto{
		height:200px;
	}
	.fondo-blanco p{
		margin-top:-10px;
	}
	.fondo-blanco .arriba a {
		font-size: 17px;
	}
	.CTA{
		padding-bottom: 82px;
	}
	.fondo-blanco.servicios p {
		padding: 0;
	}
	#conocenos .botonCTA{
	        margin-bottom: 90px;
	}
	
	



}

/*:target {
	display:flex!important;
	background-color: yellow;
  }
  */
	
	
	
	
	
}