html,body{

margin:0px;
height:100%;
background-color: #fff;

}

a:link {text-decoration: none }
a:hover {text-decoration: none }
a:visited {text-decoration: none }

header {
	width: 100%;
	background-color: #000;
	height:15%;
	margin-top: -1.3%;
	
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../imagenes/cargando.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
    filter: blur(2px);
}

.menuMobile{
	display: none;
}

.mensajeMobile{
	display: none;
}



.menuDesktop{
	display: block;
	width: 100%;
	height: 100%;
	margin:0px;
	
	
}

.logo{
	display: block;
	position: absolute;
	margin-left: 3.5%;
}

.menuResponsive{
	display: none;
}

.menu ul{
	margin-left: 43%;
	padding-top: 3.2%;

}

.menu ul li{
	width: 15%;
	height: 50%;
	margin-left: 40px;
	background-color: #000;
	display:inline;
	font-size: 1vw;
	font-weight: 70;
	vertical-align: center;

}

.menu ul li a{
	text-decoration: none;
	color: #fff;
	font-family: 'Comfortaa', cursive;
}



.logo img{
	position: relative;
	display: block;
	width: 18vw;
	height: 100%;
	margin-top:3%;
	z-index: 1;
}

section{
	height: auto;
	background-color: #DCDCDC;
	-webkit-box-shadow: 0px 1px #000;
	        box-shadow: 0px 1px #000;
}

footer{
	height: 9%;
	
}

/*inicio*/

.inicio{
	display: block;
	position: absolute;
	background-color:  #DCDCDC;
	background-image: url('../images/fondo.jpg');
	width: 100%;
	height: 62%;
	background-size: cover;
	background-position: top; 
	
}

.infoInicio{
	width: 100%;
	height: 28%;

}

.redes{
	position: absolute;
	width: 5%;
	height: 33%;
	background-color: transparent;
	margin-top: 8%;

}

.redes:hover{
	width: 6%;
	height: 37%;

}

.telefono{
	display: block;
	width: 77%;
	height: 30%;
	background-image: url('../imagenes/telefono.png');
	background-size: cover;
	font-size: 1.7vw;
	border-radius: 10px 10px 10px 10px;
}

.facebook{
	width: 68%;
	height: 28%;
	background-image: url('../imagenes/facebook.png');
	background-size: cover;
}

.instagram{
	width: 70%;
	height: 29%;
	margin-top: 2%;
	background-image: url('../imagenes/instagram.png');
	background-size: cover;
}

.consulta{
	position: absolute;
	display: none;
	margin-top: 4.5%;
	margin-left: 85%;
	width: 15%;
	height: 20%;
	background-color: #fff;
	font-size: 1.2vw;
	padding-left: 2%;
	padding-top: 3%;
}

.cerrarConsulta{
	margin-top: -15%;
	margin-left: 60%;
	position: absolute;
	font-size: 1vw;
}

.ahora{
	display: block;
	position: absolute;
	color: red;
	font-size: 1.5vw;
	
}

.mensaje{
	display: block;
	color: #000;
	width:40%;
	height: auto;
	font-size: 2.7vw;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: 'Poppins', sans-serif;
	padding-left: 0%;
	text-shadow: 1px 1px 2px grey;
}

.mensaje strong{
	text-shadow: 3px 3px 3px #000;
	color: rgb(34, 139, 34);
}


.botonConsulta{
	position: absolute;
	width: 17%;
	height: 50px;
	margin-top: 5%;
	margin-left: 30%;
	background-color: rgb(34, 139, 34);
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	-webkit-box-shadow: 2px 2px 2px #000;
	        box-shadow: 2px 2px 2px #000;
}

.botonConsulta:hover{
	background-color: #fff;
	color: red;
}

.botonConsultaA{
	position: absolute;
	width: 17%;
	height: 50px;
	margin-top: 0%;
	background-color: rgb(34, 139, 34);
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	-webkit-box-shadow: 2px 2px 2px #000;
	        box-shadow: 2px 2px 2px #000;
}

.botonConsultaA:hover{
	background-color: #fff;
	color: red;
}

h1{
	width:  40%;
	height: 10%;
	margin-top: 18%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #fff;
}

h1 strong{
	color: red;

}

.barra1{
	display: block;
	width: 70%;
	height: 32%;
	margin-top: 11%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	background-color: transparent;
	border-radius: 0px;
	margin-bottom: 5%;

}

.barra1 a{
	text-decoration: none;
}

.barra1  a:visited{
	color:#000;
	text-decoration: none;
}

.botonVida{
	float: left;
	object-fit: contain;
  	object-position: center center;
	width: 20%;
	height: 100%;
	background-color: #fff;
	border-radius: 5px;

}



.botonHogar{
	float: left;
	object-fit: contain;
  	object-position: center center;
	width: 20%;
	height: 100%;
	background-color: #fff;
	margin-left: 4%;
	border-radius: 5px;
}



.botonAuto{
	float: left;
	object-fit: contain;
  	object-position: center center;
	width: 20%;
	height: 100%;
	background-color: #fff;
	margin-left: 4%;
	border-radius: 5px;
	
}



.botonEmpresa{
	float: left;
	object-fit: contain;
  	object-position: center center;
	width: 20%;
	height: 100%;
	background-color: #fff;
	margin-left: 4%;
	border-radius: 5px;
}



.contactoInicio{
	width: 100%;
	height: 45%;
	background-color: #fff;
}



.opciones{
	display: block;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	width: 30%;
	margin-left: 10%;
	margin-top: 4%;
	height: 40%;
	border-radius: 20px;
	background-image: -o-linear-gradient(left, rgb(180,29,27), rgb(230,51,42));
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(180,29,27)), to(rgb(230,51,42)));
	background-image: linear-gradient(to right, rgb(180,29,27), rgb(230,51,42));
}



.etiquetaConsulta{
	display: block;
	margin-left: 5%;
		
}

.cerrarOpciones{
	display: block;
	margin-left: 90%;
	margin-top: -10%;
}

#listado{
	padding-left:5px;
	border: 1px solid #9C9C9C;
	outline: none;
	border: 1;
	width: 90%;
	border-radius: 30px;
	height: 40px;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	margin-left: 5%;
	font-size: 1vw;
	margin-top: 7%;
	text-align: center;
}

.solicitarFormulario{
	position: absolute;
	width: 25%;
	height: 40px;
	margin-top: 13%;
	margin-left: 70%;
	background-color: red;
	border-radius: 30px 30px 30px 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	outline: none;
	font-family: 'Poppins', sans-serif;
	font-size: 1vw;
	
}



.solicitarFormulario:hover{
	background-color: #fff;
	color: red;
}

.formulario1{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}


.formularioConsulta{
	display: none;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	width: 30%;
	text-align: center;
	-webkit-box-shadow: 1px 1px 1px #000;
	        box-shadow: 1px 1px 1px #000;
	margin-left: 4%;
	margin-top: 1%;
	height: auto;
	border-radius: 20px;
	background-image: -o-linear-gradient(left, rgb(180,29,27), rgb(230,51,42));
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(180,29,27)), to(rgb(230,51,42)));
	background-image: linear-gradient(to right, rgb(180,29,27), rgb(230,51,42));
}
	
.formularioConsulta input{
	width: 90%;
	height: 3.5vh;
	margin-left:  5%;
	margin-top: -1vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;
	
}

.formularioConsulta textarea{
	width: 90%;
	height: 3.5vh;
	margin-left:  5%;
	margin-top: -1vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;
}

#marca{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	height: 3.8vh;
	margin-top: 1vh;
}

#modelo{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	height: 3.8vh;
	margin-top: 1vh;
}

#ano{
	width: 85%;
	margin-left: auto; 
	margin-right: auto;
	height: 3.8vh; 
	margin-top: 1vh;
}

.contenedorRedes a img{
	float: left;
	width: 10%;
	height: auto;
	margin-left: 11%;
	
}

.bannerMarcas{
	display: none;
	width: auto;
	height: 30%;
	background-color: #fff;
	padding-left: 10%;


}

.bannerMarcas img{
	margin: 3.1%;
	float: left;
}

.alfa{
	width: 30%;
	height: 70%;
	float: left;
	padding-left: 2%
}

.suscribiteMobile{
	display: none;
}

.suscribite{
	font-family: 'Poppins', sans-serif;
	width: 70%;
	font-size: 16px;
	height: auto;
	margin-top:12%;
	font-weight: bold;
}

.alfa input{
	padding-left:5px;
	border: 1px solid #9C9C9C;
	outline: none;
	border: 1;
	width: 20%;
	border-radius: 5px;
	height: 7%;
	position: absolute;
	font-family: 'Poppins', sans-serif;
	margin-left: 5%;
	font-weight: lighter;
	margin-top: 1%;
}

.alfa button{
	outline: none;
	width: 8%;
	border-radius: 0px 5px 5px 0px;
	background-color: rgb(34, 139, 34);
	color: #fff;
	height: 7.5%;
	margin-left: 20%;
	position: absolute;
	margin-top: 1%;
}

.beta{
	width: 30%;
	height: 70%;
	float: left;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	padding-left:10%;
}

.labelContactanos{
	margin-top: 12%;
	padding-left: 3%;
	font-weight: bold;
}

.tel1{
	padding-left: 5%;
	margin-top: -2%;
}

.mail1{
	padding-left: 5%;
	margin-top: -2%;
}

.dire1{
	padding-left: 5%;
	margin-top: -2%;
}

.gama{
	width: 25%;
	height: 50%;
	float: left;
	padding-left: 1%;
}

.contenedorRedes{
	margin-top: 17%;
	margin-left: 6%;
}

.inicio .registro{
	width: 100%;
	height:auto;
	background-color: #fff;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
	margin-top: 0%; 
	margin-left: 0%;
}




/*fin inicio*/

/*servicios*/

.servicios{
	display: none;
	position: absolute;
	background-color: #000;
	width: 100%;
	height: 62%;
}



.automotores{
	display: block;
	height: 100%;
	width: 100%;
	background-color: #fff;
	
}

.fotoAutomotor{
	float: left;
	width: 60%;
	height: 100%;
	background-color: #fff;
	background-image: url('../imagenes/auto.jpg');
	 background-size: 100%;    
	-moz-background-size: 100%;  
  	-o-background-size: 100%;   
 	-webkit-background-size: 100%;  
   	-khtml-background-size: 100%;  
}

.textoAutomotor{
	float: right;
	width:35%;
	height: 100%; 
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2vw;
	text-align: justify;
	margin-right: 3%;
}

.hogar{
	display: none;
	height: 100%;
	width: 100;
	background-color: #fff;
	
}

.fotoHogar{
	width: 60%;
	height: 100%;
     background-size: 100%;    
	-moz-background-size: 100%;  
  	-o-background-size: 100%;   
 	-webkit-background-size: 100%;  
   	-khtml-background-size: 100%;  
	background-color: #fff;
}

.textoHogar{
	float: right;
	width:35%;
	height: 100%; 
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2vw;
	text-align: justify;
	margin-right: 3%;
}

.empresa{
	display: none;
	height: 100%;
	width: 100%;
	background-color: #fff;
	
}

.fotoEmpresa{
	width: 60%;
	height: 100%;
	 background-size: 100%;    
	-moz-background-size: 100%;  
  	-o-background-size: 100%;   
 	-webkit-background-size: 100%;  
   	-khtml-background-size: 100%;  
	background-color: #fff;
}

.textoEmpresa{
	float: right;
	width:35%;
	height: 100%; 
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2vw;
	text-align: justify;
	margin-right: 3%;
}

.vida{
	display: none;
	height: 100%;
	width: 100%;
	background-color: #fff;
	
}

.fotoVida{
	width: 60%;
	height: 100%;
	 background-size: 100%;    
	-moz-background-size: 100%;  
  	-o-background-size: 100%;   
 	-webkit-background-size: 100%;  
   	-khtml-background-size: 100%;  
	background-color: #fff;
}

.textoVida{
	float: right;
	width:35%;
	height: 100%; 
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2vw;
	text-align: justify;
	margin-right: 3%;
}

.art{
	display: none;
	height: 100%;
	width: 100%;
	background-color: #fff;
	
}

.fotoArt{
	width: 60%;
	height: 100%;
	background-image: url('../imagenes/art.jpg');
	 background-size: 100%;    
	-moz-background-size: 100%;  
  	-o-background-size: 100%;   
 	-webkit-background-size: 100%;  
   	-khtml-background-size: 100%;  
	background-color: #fff;
}

.textoArt{
	float: right;
	margin-right: 3%;
	width:35%;
	height: 100%; 
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2vw;
	text-align: justify;
}

.servicios .barra1{
	margin-top: 1%;
}

.servicios .registro{
	width: 100%;
	height:auto;
	background-color: #fff;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
	margin-top: 0%; 
	margin-left: 0%;
}


/*fin de servicios*/

/*nosotros*/

.nosotros{
	display: none;
	background-color: #fff;
	width: 100%;
	height: 60%;

}

.nosotrosMobile{
		display: none;
		
	}

	.isgMobile{
		display: none;
		
	}

.cuerpoNosotros{
	position: absolute;
	width: 100%;
	height: 74%;
	background-color: transparent;
}

.fotoNosotros{
	position: absolute;
	width: 60%;
	height: 100%;
	width: 60%;
	object-fit: contain;
	margin-left: -1%;
		
}

.textoNosotros{
	position: absolute;
	margin-top: 0.3%;
	width: 30%;
	height: 100%;
	color: #000;
	font-size: 1.2vw;
	padding-left: 5%;
	text-align: left;
	margin-left: 60%;
	font-family: 'Poppins', sans-serif;
	
}

.textoNosotros strong{
	font-size: 1.4vw;
}

.boxNosotros{
	position: absolute;
	background-color: #000;
	margin-left: 0%;
	padding-left: 5%;
	margin-top: 36%;
	width: 95%;
	height: 110%;
	margin-bottom: 10px;
	
}

.titProd{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	margin-left: 1.5%;
	margin-top: 40px;
	margin-bottom: 40px;
	
}

.marco{
	display: inline-block;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 10px;
	width: 28%;
	height: 180px;
	margin-left: 1.5%;
	margin-bottom: 10px;
}

.marco img{
  float: left;
  width: 30%;
  height: 180px;
  border-radius: 20px 0px 0px 20px;
  

}

@supports(object-fit: cover){
    .marco img{
      height: 180px;
      object-fit: cover;
      object-position: center center;
    }
}

.identidad{
	position: absolute;
	width: 17%;
	margin-left: 9%;
	height: 20px;
	background-color: #fff;
	color: #000;
	font-size: 14px;
	text-align: left;
	letter-spacing: 5px;
	font-family: 'Poppins', sans-serif;
	z-index: 999;
}


.producto{
	width: 100%;
	text-align: left;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: bold;
	
}


.queres1{
	position: absolute;
	width: 30%;
	height: 60px;
	background-color: rgb(34, 139, 34);
	border-radius: 0px 10px 10px 10px;
	font-family: 'Poppins', sans-serif;
	font-size: 1vw;
	margin-top:28%;
	margin-left: 65%;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.contactoNosotros{
	width: 100%;
	height: 45%;
	margin-top: 70%;
	background-color: #fff;
}

.nosotros .contactoInicio{
	position: absolute;
	width: 100%;
	margin-top: 40%;
}

.nosotros .contactoInicio .alfa input{
	height: 4.5vh;
}

.nosotros .contactoInicio .alfa button{
	height: 5vh;
}

.bmNosotros{
	position:absolute;
	margin-top: 55%;
	width: 90%;
	height: 20%;
}

.nosotros .registro{
	position:absolute;
	margin-top: 55%;
	width: 100%;
	height: 10%;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 20px;
	background-color: #fff;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
}

/*fin de nosotros*/


/*Noticias*/

.noticias{
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	margin-top: 0%;
	background-color: #EDE5E3;
	font-family: 'Poppins', sans-serif;
}

.principal{
	width: 90%;
	height: 600px;
	margin-left: 5%;
	margin-top: 3%;
	background-color: #fff;
	box-shadow: 2px 2px 2px #A9A9A9;
	
}

.fotoPrincipal{
	float: left;
	width: 50%;
	height: 110%;
	
}

.fotoPrincipal img{
  display: block;
  width: 100%;
  height: 599px;
  float: left;
  object-fit: contain;
  object-position: center center;
  background-color: #a9a9a9;
}

.fotoRegistro img{
	width: 100%;
  	height: 280px;
  	object-fit: contain;
    object-position: center center;
    background-color: #A9A9A9;
}

.este .registro{
	overflow: hidden;
	background-color: #EDE5E3;
}

.este .registro{
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
}

.este:hover .registro{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}


.notaPrincipal{
	float: left;
	width: 50%;
	height: 100%;
	background-color: #fff;
}

.fechaNota{
	width: 30%;
	height: 30px;
	margin: 3%;
	color: #808080;
}

.tituloPrincipal{
	width: 90%;
	height: 9%;
	margin-left: 3%;
	margin-top: 5%;
	font-size: 1.9em;
	color: #000;
	font-weight: bold;
}

.textoPrincipal{
	width: 90%;
	height: 300px;
	margin-left: 3%;
	margin-top: 6%;
	color: #808080;
	
}

.clavesNota{
	width: 90%;
	height: 40px;
	margin-left: 3%;
	margin-top: 30px;
	
}

.clave1{
	float: left;
	width: auto;
	height: 110%;
	line-height: 40px;
	font-size: 1.2em;
	margin-left: 0%;
	color:#000;
	margin-top: 10px;
	font-weight: lighter;
}

.clave2{
	float: left;
	margin-left: 1%;
	width: auto;
	height: 100%;
	line-height: 40px;
	font-size: 1.2em;
	color: #000;
	margin-top: 10px;
	font-weight: lighter;
}

.clave3{
	float: left;
	margin-left: 1%;
	width: auto;
	height: 100%;
	line-height: 40px;
	font-size: 1.2em;
	color: #000;
	margin-top: 10px;
	font-weight: lighter;
}

.gris{
	 background-color: #C0C0C0;
	 border-radius: 3px;
}

.registroNotas1{
	width: 90%;
	margin-left: 5%;
	margin-top: 4%;
	padding-top: 20px;
	margin-bottom: 100px;

	
}

.registroNotas2{
	display: none;
	width: 80%;
	margin-left: 10%;
	margin-top: 4%;
	padding-top: 20px;
	margin-bottom: 20px;
}

.registroNotas3{
	display: none;
	width: 80%;
	margin-left: 10%;
	margin-top: 4%;
	padding-top: 20px;
	margin-bottom: 20px;
}


.registro{
	margin-top: 20px;
	width: 49%;
	height: 300px;
	float: left;
	margin-left: 1%;
}

.fotoRegistro{
	width: 50%;
	height: 100%;
	float: left;
}

.cuerpo{
	float: left;
	width: 49%;
	height: 100%;
	
	
}

.registroFecha{
	width: 100%;
	height: 20px;
	margin-left: 5%;
	margin-top: 5px;
	color: #808080;
	
}

.registroTitulo{
	width: 100%;
	height: 20px;
	margin-left: 5%;
	margin-top: 40px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	
}

.registroTexto{
	width: 90%;
	height: 50px;
	margin-left: 5%;
	margin-top: 40px;
	color: #808080;

	
}



.contador{
	clear: left;
	margin-top: 130px;
	width: 25%;
	height: 90px;
	margin-left: 45%;
	padding-top: 20px;
	
}

.grupo1, .grupo2, .grupo3, .grupo4, .grupo5{
	float: left;
	width: 50px;
	font-size: 25px;
	text-align: center;
	border-width: 0.5px;
	border-style: solid;
	border-color: #808080;
	text-decoration: none;
	color: #000;
}

.enlaceSig{
	float: left;
	margin-left: 10px;
	font-size: 25px;
	text-align: center;
	font-weight: lighter;
	letter-spacing: -7px;
	text-decoration: none;
	color: #000;
	
}

.pantallaNoticias{
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
}

.cerrarNoticia{
	float: right;
	font-size: 2em;
	margin-right: 3%;
	color: #000;
}

.este{
	text-decoration: none;
}

.fechaPantallaNoticias{
	width: 20%;
	height: 30px;
	float: left;
	margin-left: 15%;
	margin-top: 60px;
	font-size: 1.2em;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	color: #808080;
}

.redesPantallaNoticias{
	width: 20%;
	height: 40px;
	float: right;
	margin-right: 12%;
	margin-top: 60px;
}

.redesPantallaNoticias i{
	font-size: 40px;
	margin-left: 10px;
	color: grey;
	float: right;
}

.tituloPantallaNoticias{
	width: 70%;
	height: 100px;
	float: left;
	margin-left: 15%;
	margin-top: 40px;
	font-size: 2.7em;
	color: #000;
	font-weight: bold;
}

.imagenPantallaNoticias{
	width: 100%;
	height: auto;
	margin-left: 0%;
	float: left;
	margin-top: 20px;
	
}

.imagenPantallaNoticias img{
	width: 100%;
  	height: 600px;
	object-fit: contain;
	object-position: center center;
	margin-bottom: 50px;
}


.textoPantallaNoticias{
	width: 70%;
	margin-left: 15%;
	margin-bottom: 50px;
	font-size: 1.3em;
	clear: left;
	height: auto; 
	text-align: justify-all;
	color: #000;
}

.contenedor{
	margin-top: 80px;
}

.sliderN{
	float: left;
	background-color: #EDE5E3;
	overflow-x: auto;
	overflow-y: hidden;
    white-space: nowrap;
	width: 94%;
	height: 540px;
	margin-left: 0%;
	margin-top: 100px;
	margin-bottom: 20px;
	padding-left: 3%;
	padding-right:3%;
}

.tituloSlider{
	margin-left: 30px;
	font-size: 1.8em;
	
}

.registroN{
	float: left;
	width: 20%;
	height: 360px;
	margin: 30px;
	background-color: #fff;

}

.este .registroN{
	overflow: hidden;
}

.este .registroN{
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
}

.este:hover .registroN{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

.fotoRegistroN img{
	width: 100%;
  	height: 250px;
  	background-color: #a9a9a9;
  	object-fit: contain;
	object-position: center center;

}

.cuerpoN{
	overflow:hidden;
	width: 100%;
	height: 130px;
	
}

.registroFechaN{
	margin-left: 5%;
	color: #808080;
}

.registroTituloN{
	display: block;
	margin-left: 5%;
	width: 90%;
	height: auto;
	color: #000;
	font-size: 1.1em;
	text-align: justify;
	font-weight: bold;
	


}

@supports(object-fit: cover){
    .box img{
      height: 200px;
      object-fit: cover;
      object-position: center center;
    }
}

.pieNoticias{
	background-color: #fff;
}

.noticias .bannerMarcasGal{
	margin-top: 0%;
	width: 85%;
	height: 15%;
	background-color: #fff;
	padding-left: 15%;
}

.noticias .bannerMarcasGal img{
	margin: 2.5%;
}

.noticias .bannerMarcasNot{
	margin-top: 40%;
	width: 85%;
	height: 5%;
	background-color: #fff;
	padding-left: 15%;
}

.noticias .bannerMarcasNot .marca1{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8vw;
	height: 5vh;
	padding-bottom: 1.5%;
}

.noticias .bannerMarcasNot img{
	margin: 2.5%;
}

.ahora{
	margin-top: 50px;
}

.registroGal{
	width: 100%;
	height:auto;
	background-color: #fff;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
	margin-top: -1%; 
	margin-left: 0%;
}

.registroNot{
	width: 100%;
	height:auto;
	background-color: #fff;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
	margin-top: 0%; 
	margin-left: 0%;
}



/*///////////////////////////////////////*/

/*contacto*/

.contacto{
	display: none;
	position: absolute;
	background-color: #EDE5E3;
	width: 100%;
	height: 76%;
}

.mapa{
	width: 80%;
	height: 90%;
	background-color: transparent;
	margin-top: 2%;
	margin-right: auto;
	margin-left: auto;
}

.izquierda{
	float: left;
	width: 47%;
	height: 40%;
	padding-left: 2%;
	margin-left: 3%;
	margin-top: 2%;
	-webkit-box-shadow: 1px 0px 0px #000;
	        box-shadow: 1px 0px 0px #000;

	
}

.contactanos{
	display: inline-block;
	font-size: 1.5vw;
	margin-left: 0%;
	font-family: 'Poppins', sans-serif;
	
}

.textoContactanos{
	margin-top: 0%;
	width: 80%;
	margin-left: 0%;
	font-size: 1.3vw;
	font-family: 'Poppins', sans-serif;
}

.derecha{
	float: right;
	width: 40%;
	padding-bottom: 10%;
	height: 40%;
	padding-left: -3%;
	
}

.oficina{
	font-size: 1.5vw;
	font-family: 'Poppins', sans-serif;
}

.direccion{
	font-size: 1.4vw;
	font-family: 'Poppins', sans-serif;
}

.mailContacto{
	margin-top: -6%;
	font-size: 1.4vw;
	font-family: 'Poppins', sans-serif;
}

.sucursales{
	font-size: 1.4vw;
	font-family: 'Poppins', sans-serif;
}

iframe{
	margin-top: -5%;
	margin-left: 5%;
	width: 90%;
	height: 45%;
	-webkit-box-shadow: 1px 1px 1px #595151;
	        box-shadow: 1px 1px 1px #595151;

}

.formulario{
	display: block;
	width: 80%;
	height: auto;
	margin-top: 2%;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 60px;
}

.formulario p{
	margin-top: 6%;
	margin-left: 1%;
	font-size: 1.3vw;
	font-weight: bold;
}

.formulario input{
	border-radius: 5px;
	padding-left: 15px;
	border: 1px solid #9C9C9C;
	outline: none;
	border: 1;
	font-weight: lighter;
}

.formulario textarea{
	border-radius: 5px;
	padding-left: 10px;
	border: 1px solid #9C9C9C;
	outline: none;
	border: 1;
	font-weight: lighter;
}

.formulario button{
	border-radius: 5px;
	padding-left: 10px;
	border: 1px solid #9C9C9C;
	outline: none;
	border: 1;
	font-weight: lighter;
	margin-left: 81%
}

.cerrar{
	font-size: 2vw;
	margin-left: 96%;
	text-decoration: none;
	color: #000;
	font-family: 'Poppins', sans-serif;
}


.cerrar1{
	font-size: 2vw;
	margin-left: 82%;
	text-decoration: none;
	color: #000;
	font-family: 'Poppins', sans-serif;
}

#marca{
	display: none;
	
}

#modelo{
	display: none;
	
}

#ano{
	display: none;
}

#name{
	display: inline-block;
	width: 26%;
	height: 3.5vh; 
	
	margin-left:  1%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;

}

#name1{
	display: inline-block;
	width: 80%;
	height: 3.5vh;
	margin-left:  0%;
	font-family: 'Poppins', sans-serif;

}

#telefono{
	display: inline-block;
	width: 26%;
	height: 3.5vh;
	margin-left:  1%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	
}

#telefono1{
	display: inline-block;
	width: 80%;
	height: 3.5vh;
	margin-left:  0%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	
}



#email{
	display: inline-block;
	width: 26%;
	height: 3.5vh;
	margin-left:  1%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;
}

#email1{
	display: inline-block;
	width: 80%;
	height: 3.5vh;
	margin-left:  0%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
}

#subject{
	display: inline-block;
	width: 26%;
	height: 3.5vh;
	margin-left:  1%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;
}

#message{
	display: inline-block;
	width: 95%;
	height: auto;
	margin-left:  2.5vh;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
	padding-left: 5%;
}

#message1{
	display: inline-block;
	width: 80%;
	height: 6vh;
	margin-left:  0%;
	margin-top: 3vh;
	font-family: 'Poppins', sans-serif;
}

.button{
	margin-left: 79%;
	margin-top: 2vh;
	width: 17%;
	height: 5vh;
	background-color: rgb(34, 139, 34);
	color: #fff;
	border-radius: 5px;
	border: none;
	font-family: 'Poppins', sans-serif;
}

.button1{
	margin-left: 68%;
	margin-top: 2vh;
	margin-bottom: 20px;
	width: 17%;
	height: 5vh;
	background-color: #000;
	color: #fff;
	border-radius: 20px;
	border: none;
	font-family: 'Poppins', sans-serif;
}

.formulario1 input{
	font-family: 'Poppins', sans-serif;
}

.tituloForm{
	margin-top: -8%;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-weight: lighter;
	margin-bottom: 20px;
}

.registroContacto{
	width: 100%;
	height:auto;
	background-color: #fff;
	text-align: center;font-family: 'Poppins', sans-serif;
	color:#000; 
	font-size: 13px; 
	margin-top: -3%; 
	margin-left: 0%;
}




/*fin de contacto*/

/*footer*/

.marcasA{
	margin-left: 7%;
	margin-top: 1%;
	display: inline-block;
	width: 37%;
}

.marcasB{
	margin-left: 13%;
	display: inline-block;
	width: 37%;
}

.marcasA img{
	margin-left:  9%;
	margin-top: 1%;
}

.marcasB img{
	margin-left: 9%;
	margin-top: 1%;
}

.marca1{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8vw;
	height: 5vh;
	padding-bottom: 1.5%;
}

.marca2{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	width: 4vw;
	height: 6vh;
}

.marca3{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	width: 8vw;
	height: 6vh;
}

.derechos{
	background-color: transparent;
	display: inline-block;
	position: absolute;
	margin-left: -3.2%;
	margin-top: 1.5%;
	font-size: 0.9vw;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	
}

.derechosn{
	background-color: transparent;
	display: inline-block;
	position: absolute;
	margin-left: -3.2%;
	margin-top: 1.5%;
	font-size: 0.9vw;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	
}

.pieNoticias{
	margin-top: 130px;
	margin-bottom: 10px;
}





.marca4{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	width: 8vw;
	height: 6vh;
}

.marca5{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 2px;
	width: 5vw;
	height: 6vh;
}

.marca6{
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 2%;
	width: 8vw;
	height: 3vh;
}


/*fin de footer*/

@media only screen and (min-width: 1920px) {
  
	.mensaje{
		margin-top: 7%;
	}
	
	.inicio{
	    height:1080px;
	}

	.opciones{
		height: 30%;
	}

	.cerrarOpciones{
		margin-top: -8%;
	}

	.solicitarFormulario{
		margin-top: 13%;
	}

  .barra1 {
     margin-top: 17%;
   }

   .servicios .barra1{
   	margin-top: 1%;
   }

   .fotoNosotros{
   	margin-left: 1%;
   	margin-top: 0%;
   }

   .textoNosotros{
   	height: 80%;
   	margin-top: 1%;
   	font-size: 1.5vw;
   }

   .queres1{
   	margin-top: 35%;
   }

   .producto{
   	margin-top:50%;
   }

   .sliderNosotros{
	margin-top: 56%;
	height: 30%;
		
	}

   .grilla{
   	height: 58%;
   }

 }



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

	.mensaje{
		margin-top: 8%;
	}

	.barra1{
		
		margin-top: 17%;
	}

	.fotoNosotros{
   	margin-left: 1%;
   	margin-top: -2%;
   }


   .textoNosotros{
   	font-size: 1.5vw;
   }

   
   .queres1{
   	margin-top: 35%;
   }

   .producto{
   	margin-top: 49%;
   }

   .sliderNosotros{
   	margin-top: 54%;
   	height: 30%;
   }



}


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

	.mensaje{
		margin-top: 4%;
	}

	.barra1{
		
		margin-top: 11%;
	}

	.fotoNosotros{
   	margin-left: 0%;
   	margin-top: 0%;
   }


   .textoNosotros{
   	font-size: 1.3vw;
   }

   
   .queres1{
   	margin-top: 30%;
   }



}





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

	.mensaje{
		margin-top: 8%;
	}

	.barra1{
		
		margin-top: 13%;
	}

	.alfa input{
		height: 6.5%;
		font-size: 12px;
	}

	.textoNosotros{
   	font-size: 1.5vw;
   	margin-top: -2%;
   }

   
   .queres1{
   	margin-top: 33%;
   }


	.producto{
		margin-top: 48%;
	}

	.sliderNosotros{
		margin-top: 54%
	}

	.identidad{
		font-size: 8px;
	}



}

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

	.mensaje{
		margin-top: 10%;
	}

	.barra1{
		margin-top: 11%;
	}

	.barra{
		margin-top: 16%;
	}

	.punto{
		width: 5%;
	}

	.consulta{
		padding-left: 3%;
	}

	.redes{
		width: 8%;
		height: 40%;
	}

	.redes:hover{
		width: 9%;
		height: 41%;
	}

	#name, #email{
		width: 24%;
	}

	#subject{
		width: 40%;
	}

	.productor{
		position: absolute;
		width: 25%;
		height: 70%;
		background-color: #000;
		border-radius: 20px;
	}

	.queres{
		margin-top: 42%;
	}

	.producto{
		margin-top: 56%;
	}

	.sliderNosotros{
		margin-top: 56%;
	}

	.clave1 , .clave2 , .clave3{
		margin-top: 20%;
	}

	.bmNosotros{
		margin-top: 110%;
	}

}

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

	h1{
		font-size: 2vw;
	}

	.botonConsulta{
		width: 50%;
		margin-left: 25%;
		margin-top: 26%;
		line-height: 35px;
		font-size: 2.5vw;
	}

	.textoNosotros p{
		font-size: 1.2vw;
	}

	.barra{
		margin-top: 14.2%;
	}

	.queres{
		margin-top: 40%;
	}

	section{
		height: 85%;
	}

	#message{
			height: 90px;
	}

	.footer{
		display: block;
	}

}

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

	body{
		background-image: url('../imagenes/fondo.jpg');
		background-size: cover; 
		background-repeat: no-repeat;
   	    
	}

	@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Oswald:400|Raleway:400,700,400italic,700italic);

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

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

body {
    color: #000;
    font: 16px/1.25 'Raleway', sans-serif;
}

h1 {
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

a {
    color: #a2ed56;
}

a:hover {
    color: #83e4e2;
    text-decoration: none;
}

.cont {
    margin: 0 auto;
    max-width: 80em;
}

main .cont {
    padding: 1em;
}

p {
    margin-left: auto;
    margin-right: auto;
    max-width: 40em;
}

.screen-reader-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}



/************************************************/
/****************** NAVIGATION ******************/
/************************************************/
.menuDesktop{
	display: none;
}

.menuMobile {
	display: block;
    left: 0;
    position: relative;
    top: 10px;
    width: 100%;
    z-index: 9999;
}

/*** INPUT ***/
.menuMobile input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/*** LABEL ***/
.menuMobile label {
    cursor: pointer;
    display: block;
    font: 2em/1 'Oswald', sans-serif;
    padding: 0.5em;
}

/* Hamburger Icon */
#menu-icon,
#menu-icon:before,
#menu-icon:after {
    background: #fff;
    border-radius: 0.05em;
    height: 0.2em;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

#menu-icon {
    display: inline-block;
    margin: 0.4em 0;
    max-width: 1em;
    position: relative;
}

.menuMobile label #menu-icon {
    float: right;
}

#menu-icon:before,
#menu-icon:after {
    content: '';
    left: 0;
    position: absolute;
}

#menu-icon:before {
    top: -0.4em;
}

#menu-icon:after {
    bottom: -0.4em;
}

/* Close Icon */
.menuMobile input[type=checkbox]:checked + label #menu-icon {
    background: transparent;
}

.menuMobile input[type=checkbox]:checked + label #menu-icon:before {
    top: 0;
    transform: rotate(-45deg);
}

.menuMobile input[type=checkbox]:checked + label #menu-icon:after {
    bottom: 0;
    transform: rotate(45deg);
}


/*** MENU ***/
/* Overlay */
.menuMobile input:checked ~ #overlay {
    background: rgba(0,0,0,0.8);
    bottom: 0;
    left: 0;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: -1;
}

/* List */
.menuMobile ul {
    font-size: 1.5em;
    list-style: none;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.menuMobile input:checked ~ ul {
    margin: 1em;
    max-height: inherit;
    opacity: 1;
}


.menuMobile ul > li {
    margin: 0.5em 0;
}

.menuMobile ul a {
    color: #fff!important;
    text-decoration: none;
}

.menuMobile ul a:hover {
    text-decoration: underline;
}

/* Social Media */
.menuMobile ul#social-media > li {
    display: inline-block;
    font-size: 1.5em;
    margin: 0.5em;
}
	
	h1{
		font-size: 6vw;
	}

	.container{
		background-color: transparent;
	}

	.logo{
		margin-left: -5%;
	}
	
	.logo img{
		width: 50vw;
		
	}

	
	header{
		background-color: #000;
	}

	section{
		background-color: transparent;
	}


	

	.iniciom{
		margin-top: 20px;
	}

	.inicio,.servicios,.nosotros,.contacto{
	 background-image: none;
	 background-color: transparent;
	 

	}

	.inicio{
		height: 49%;
		background-image:url('../images/fondo.jpg');
		background-size:99%;
		background-repeat:no-repeat;
		
	}

	.contactanos{
		color: #fff;
	}

	.textoContactanos{
		color: #fff;
		font-size: 3.6vw;
	}


	.oficina, .direccion,.mailContacto,.telefono{
		color: #fff;
	}

	.mensaje{
		display: none;
	}

	.mensajeMobile{
		display: block;
		color: #fff;
		width: 90%;
		height: auto;
		font-size: 5vw;
		margin-top: 280px;
		font-family: 'Poppins', sans-serif;
		text-shadow: 1px 1px 2px #000;
		margin-left: 5%;
		text-align: center;
	}

	.botonConsulta{
		width: 30%;
		margin-left: 10%;
		font-size: 3vw;
		margin-top: 50px;
		line-height: 50px;
	}
	
	.botonConsultaA{
	    width: 30%;
		margin-left: 35%;
		font-size: 3vw;
		margin-top: -150px;
		line-height: 50px;
	}

	.opciones{
	width: 90%;
	margin-left: 5%;
	margin-top: 78%;
	height: 45%;
	
	}

	.cerrarOpciones{
		margin-top: -12%;
	}

	#listado{
	height: 41px;
	margin-left: 5%;
	font-size: 3vw;
	
}

.solicitarFormulario{
	height: 36px;
	line-height: 34px;
	font-size: 3vw;
	margin-top: 18%;
	
}

.formularioConsulta{
	width: 90%;
	margin-left: 5%;
	margin-top: 65%;
	
}

#marca{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 3.8vh;
	margin-top: 1vh;
}

#modelo{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 3.8vh;
	margin-top: 1vh;
}

#ano{
	width: 80%;
	margin-left: auto; 
	margin-right: auto;
	height: 3.8vh; 
	margin-top: 1vh;
}
	
.tituloForm{
	font-size: 3.5vw;
}



	.redes{
		display: none;
	}

	.telefono{
		display: block;
		width: 70%;
		font-size: 3vw;
	}

	.facebook{
		margin-top: 3%;
		margin-left: -1%;
		width: 70%;
	}

	.redes{
		display: none;
	}

	.punto{
		display: none;
	}

	.barra1{
		height: 25%;
		width: 100%;
		margin-left: 0%;
		padding-left: 0%;
		margin-top: 40%;
	}

	.barra1 a img{
		background-size: 800%;
	}

	.contactoInicio{
		width: 100;
		margin-left: 0%;
		margin-top: 150px;
		padding: 0%;
	}

	.alfa{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10%;
		background-color: #fff;
	}

	

.suscribite{
	display: none;
}

.suscribiteMobile{
	display: block;
	font-family: 'Poppins', sans-serif;
	width: 85%;
	margin-left: 5.5%;
	text-align: center;
	font-size: 17px;
	height: auto;
	margin-top:12%;
	font-weight: bold;
	z-index: 9999;
	color: #000;
	margin-bottom: 10%;
}

.alfa input{
	padding-left:0px;
	width: 80%;
	margin-left: 7%;
	height: 40px;
	font-size: 12px;
	
}

.alfa button{
	width: 25%;
	height: 40px;
	margin-left: 63%;
	
}

.beta{
	width: 100%;
	height: 20%;
	float: left;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	margin-left: 0%;
	padding-left:0%;
	margin-top: 47%;
	color: #000;
	background-color: #fff;
}

.labelContactanos{
	display: none;
}

.tel1{
	float: left;
	width: 33%;
	margin-left: 5%;
	font-size: 12px;
}

.mail1{
	float: left;
	width: 60%;
	font-size: 12px;
	margin-left: -4%;
	
}

.dire1{
	width: 80%;
	margin-left: 10%;
	padding: 0%;
	font-size: 12px;
	text-align: center;
}

.gama{
	width: 80%;
	height: 20%;
	margin-left: 20%;
	margin-top: -8%;
	color: #000;
	text-align: center;
}

.contenedorRedes{
	margin-top: 30%;
	margin-left: auto;
	margin-right: auto;
}

.bannerMarcas{
	margin-top: 90%;
}

.marca1{
	width: 23%;
	margin: 2%;
	height: 40%;
}

.marca2{
	width: 23%;
	margin: 2%;
	height: 40%;
}

.marca3{
	width: 23%;
	margin: 2%;
	height: 40%;
}

.marca4{
	width: 23%;
	margin: 2%;
	height: 40%;
	
}

.marca5{
	width: 23%;
	margin: 2%;
	height: 40%;
}

.marca6{
	width: 23%;
	margin: 2%;
	height: 40%;
}

	
h1{
	margin-left: 18%;
	width: 75%;
	margin-top: 20%;
}


.inicio .registro{
	margin-top: 64%;
}

.servicios{
	width: 100%;
	height: 90%;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;

		
}

.servicios .barra1{
	height: 20%;
	background-color: #fff;
		
}

.servicios .botonVida{
	width: 20%;
	height: 65%;
}

.servicios .botonVida:hover{
	width: 20%;
	height: 65%;
}

.servicios .botonHogar{
	width: 20%;
	height: 65%;
}

.servicios .botonHogar:hover{
	width: 20%;
	height: 65%;
}

.servicios .botonAuto{
	width: 20%;
	height: 65%;
}

	.servicios .botonAuto:hover{
		width: 20%;
		height: 65%;
	}

	.servicios .botonEmpresa{
		width: 20%;
		height: 65%;
	}

	.servicios .botonEmpresa:hover{
		width: 20%;
		height: 65%;
	}



	.automotores, .hogar, .empresa, .vida, .art{
		margin-left: 0px;
		height: 70%;
		width: 100%;
		
	}

	.fotoAutomotor, .fotoHogar, .fotoEmpresa, .fotoVida, .fotoArt{
		display: block;
		width: 100%;
		height: 50%;
		background-size: cover;
	}

	.fotoAutomotor{
		background-image: url('../imagenes/autor.jpg');
	}

	.fotoHogar{
		background-image: url('../imagenes/hogarr.jpg');
	}

	.fotoEmpresa{
		background-image: url('../imagenes/empresar.jpg');
	}

	.fotoArt{
		background-image: url('../imagenes/artr.jpg');
	}

	.fotoVida{
		background-image: url('../imagenes/vidar.jpg');
	}

	.textoAutomotor , .textoHogar , .textoEmpresa , .textoVida, .textoArt{
		display: block;
		width: 95%;
		height: 60%;
		margin-left: 2%;
		margin-top: 0%;
		text-align: justify;
		font-size: 3vw;
		background-color: transparent;
	}

	.textoAutomotor a , .textoHogar a , .textoEmpresa a , .textoVida a, .textoArt a{
		margin-top: -30px;
	}

	.textoEmpresa{
		overflow: auto;
	}

	.enlaceEmpresa{
		margin-top: 2%;
	}

	.servicios .alfa{
		margin-top: 5%;
	}

	.servicios .beta{
		margin-top: 25%;
	}

	.servicios .gama{
		margin-top: -15%;
	}

	.servicios .bannerMarcas{
		margin-top: 55%;
	}

	.servicios .bannerMarcas img{
		height: 22%;
	}

	.servicios .registro{
		margin-top: 70%;
	}

	.nosotros{
		width: 100%;
		height: 310%;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #fff;
	}

	.nosotrosMobile{
		display: block;
		position: absolute;
		color: red;
		font-size: 6vw;
		margin-top: 5%;
		margin-left: 10%;
	}

	.isgMobile{
		display: block;
		position: absolute;
		color: #000;
		font-size: 3.5vw;
		margin-top: 18%;
		margin-left: 10%;
	}

	.cuerpoNosotros{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

	
	.fotoNosotros{
		position: absolute;
		width: 100%;
		height: 70%;
		margin-left: 0%;
		padding: 0px;
		margin-top: 2%;

	}

	.textoNosotros{
		position: absolute;
		width: 100%;
		height: 30%;
		margin-top: 95%;
		margin-left: 0px;
		color: #000;
		font-size: 15px;
		z-index: 3000;
		
	}

	.queres1{
		width: 80%;
		height: 10%;
		margin-top: 170%;
		margin-left: 10%;
		font-size: 5vw;
		border-radius: 5px;
	}

	.producto{
		position: absolute;
		margin-top: 235%;
		color: #000;
		font-size: 25px;
		

	}

	.sliderNosotros{
		position: absolute;
		width: 180%
		height: 60%;
		margin-top: 255%;
		margin-left: 0%;
		margin-right: 0%;
		background-color: #2E2E2E;
		padding-top: 9%;
		padding-bottom: 9%;
		
		
		
		
	}

	.sliderNosotros .marco{
		width: 30%;
		height: 100%;
	}

	.identidad{
		font-size: 10px;
		letter-spacing: 2px;
		margin-top: 0%;
	}

	
	.nosotros .contactoInicio{
		margin-top: 25%;
		background-color: transparent;
	}

	.nosotros .alfa{
		position: absolute;
		margin-top: 170%;
	}

	.nosotros .alfa input{
		height: 43px;
	}

	.nosotros .alfa button{
		height: 35px;
	}

	.nosotros .beta{
		position: absolute;
		margin-top: 240%;
	}

	.nosotros .gama{
		position: absolute;
		margin-top: 260%;
	}

	.bmNosotros{
		position: absolute;
		margin-top: 200%;
		width: 100%;
	}

	.bmNosotros img{
		height: 30%;
	}

	.nosotros .registro{
		position: absolute;
		margin-top: 350%;
		color: #000;
		font-size: 14px;
	}

	.textoNosotros strong{
		font-size: 15px;
	}

/* noticias */

.noticias{
	width: 100%;
	margin-top: 0%;
	height: auto;

}

.pantallaNoticias{
	margin-top: 0%;
	width: 90%;
}


.principal{
	width: 90%;
	height: auto;
	margin-left: 0%;
	margin-top: 0%;
	padding-top: 3%;
	background-color: transparent;
	box-shadow: 0px 0px 0px;
	padding-left: 5%;
	padding-right: 5%;
}

.fotoPrincipal{
	margin-left: 0%;
	width: 100%;
	height: 40%;
	
	
}

.fotoPrincipal img{
  display: block;
  margin-left: 0%;
  width: 100%;
  height:20%;
  border-radius: 20px 20px 0px 0px;

}



.notaPrincipal{
	border-radius: 0px 0px 20px 20px;
	width: 90%;
	height: auto;
  	background-color: #fff;
  	margin-top: 0%;
  	margin-bottom: 5%;
  	padding-top: 5%;
  	overflow: hidden;

  	
}

.fechaNota{
	display: inline-block;
	position: absolute;
	width: 30%;
	margin-top: 80%;
	margin-left: 5%;
	font-size: 12px;
}

.tituloPrincipal{
	position: absolute;
	width: 80%;
	height: auto;
	font-size: 22px;
	margin-top: 2%;
	
	
	
}

.textoPrincipal{
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-top: 10%;
	font-size: 10px;
	margin-bottom: 0px;
	
	
}

.clavesNota{
	display: none;
	position: absolute;
	width: 20%;
	margin-left: 35%;
	margin-top: -3%;
	
	
}

.clave1{
	display: inline-block;
	width: 10%;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 0%;
	
}

.clave2{
	display: inline-block;
	width: 10%;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 0%;
	
}

.clave3{
	display: inline-block;
	width: 10%;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 0%;
	
}

.contenedor{
	margin-top: 5%;
	margin-left: 20%;

}

.noticias .contactoInicio .beta{
	margin-top: -10%;
}

.noticias .contactoInicio .gama{
	margin-top: -30%;
}

.noticias .bannerMarcasGal{
	margin-top: 20%;
	margin-left: 0%;
	width: 100%;
	height: 20%;
	padding-left: 5%;
	
}

.noticias .bannerMarcasGal img{
	height: 20%;
}

.noticias .registroGal{
	margin-top: -20%;
	width: 100%;
	text-align: center;
}

.noticias .bannerMarcasNot{
	position: absolute;
	height: 7%;
	width: 100%;
	padding-bottom: 0%;
	padding-left: 5%;
	margin-top: 660%;
	margin-left: 0%;
	background-color: transparent;

	
}

.bannerMarcasNot img{
	width: 25%;
	height: 10%;
}

.noticias .registroNot{
	margin-top: 710%;
	width: 100%;
	text-align: center;
	color: #000;
	
}


.fotoRegistro img{
	width: 100%;
  	height: 140px;
  	object-fit: contain;
    object-position: center center;
    background-color: #A9A9A9;
    border-radius: 20px 0px 0px 20px;
}

.este{
	border-radius: 20px;
}

.fotoRegistro{
	border-radius: 20px 0px 0px 20px;
}

.cuerpo{
	background-color: #fff;
	border-radius: 0px 20px 20px 0px;
	height: 78%;
}

.textoPantallaNoticias{
	width: 90%;
	margin-left: 5%;
	font-size: 16px;
}

.sliderN{
	width: 100%;
	height: 100%;
}

.registroN{
	width: 70%;
	height: 70%;
	margin-left: 5%;
	margin-top: -2%;
}

.cuerpoN{
	height: 12%;
}


		

/* contacto */

	.contacto{
		width: 100%;
		height: 100%;
	}

	.mapa{
		margin-left: 0;
		width: 100%;
		height: 30%;
	}

	iframe{
		height: 100%;
	}


	.formulario p{
		margin-top: 10%;
		font-size: 20px;
		color: #000;
		font-family: 'Poppins', sans-serif;
	}

	.izquierda{
		display: none;
		margin-left: 0px;
		width: 50%;

	}

	.derecha{
		display: none;
		padding-top: 10%;
		margin-left: 0px;
		width: 45%;
	}

	.direccion{
		font-size: 3vw;
	}

	.mailContacto{
		font-size: 2.2vw;
	}



	iframe{
		margin-left: 5%;
		margin-top: 2%;
		width: 90%;
	}

	

	.enlaceArt{
		margin-top: -10%;
	}

	

	.oficina{
		margin-top: 0%;
		font-size: 4vw;
	}

	.mailContacto{
		display: block;
	}

	.formulario{
		width: 100%;
		height: 100%;
		margin-top: 10%;
		margin-left: 0%;
		padding-left: 5%;
		padding-top: 5%;
		padding-bottom: 5%;
		background-color: #DCDCDC;
	}

	.formulario1{
		width: 90%;
		height: 112%;
		margin-left: 5%;
		margin-top: -55%;
	}

	.tituloForm1{
		font-size: 4vw;
	}

	.cerrar1{
		font-size: 6.5vw;
		margin-left: 90%;
	}

	.cerrar{
		font-size: 6.5vw;
		margin-left: 90%;
	}

	#name, #email{
		width: 90%;
		height: 5vh;
	}

	#subject{
		width: 90%;
		height: 5vh;
	}

	#message{
		width: 100%;
		height: 220px;
	}

	.formulario button{
		margin-left: 75%;
	}

	.contacto .contactoInicio{
		margin-top: -5%;
	}

	.contacto .contactoInicio .beta{
		margin-top: 25%;
	}

	.contacto .contactoInicio .gama{
		margin-top: -15%;
	}

	.contacto .bannerMarcas{
		margin-top: 70%;
	}

	.contacto .bannerMarcas img{
		height: 20%;
	}
	
	.marcasA,.marcasB{
		display: none;
	}
	
	.derechos{
		margin-top: 4%;
		margin-left: 30%;
		font-size: 2.5vw;

	}

	

	.textoPantallaNoticias{
		float: left;
		margin-top: 0px;
		height: auto;
	}

	.principal{
		width: 100%;
		margin-left: 0px;
		height: 700px;
	}

	.fotoPrincipal{
		width: 100%;
		height: auto;
	}

	.notaPrincipal{
		width: 100%;
		margin-left: 0%;
		height: 340px;
		
	}

	.fechaNota{
		margin-left: 10px;
	}

	.tituloPrincipal{
		margin-left: 10px;
		font-size: 1.4em;
	}

	.textoPrincipal{
		margin-top: 70px;
	}

	.clavesNota{
		margin-top: 15px;
		width: 90%;
	}

	.registro{
		width: 100%;
		margin-top: 10px;
		height: 180px;
	}

	.fotoRegistro{
		width: 50%;
		height: auto;
	}

	.cuerpo{
		width: 47%;
	}

	.registroFecha{
		width: 50%;
		font-size: 0.5em;
	}

	.registroTitulo{
		width: 96%;
		margin-top: -5px;
		font-size: 0.7em;
	}

	.registroTexto{
		width: 96%;
		margin-top: 20px;
		font-size: 0.5em;

	}

	.contador{
		width: 90%;
		margin-left: 5%;
		margin-bottom: 30px;
		
	}

	.contenedor{
		width: 96%;
		
	}

	.noticias{
	position: absolute;
	width: 100%;
	height: 170%;
	margin-top: 7%;
	margin-left:0%;
	}

	.pantallaNoticias{
		width: 100%;
		
	}


	.tituloPantallaNoticias{
	width: 90%;
	height: 100px;
	float: left;
	margin-left: 5%;
	margin-top: 30px;
	font-size: 1.5em;
}

	.imagenPantallaNoticias img{
	width: 100%;
	margin-left: 0%;
  	height: auto;
}


	.fechaPantallaNoticias{
		width: 30%;
		margin-left: 5%;
	}

	.redesPantallaNoticias{
		width: 30%;
		margin-right: 5%;
	}

	.redesPantallaNoticias i{
		font-size: 25px;
	}

	.cerrarNoticia{
		margin-right: 5%;
		font-size: 2em;
		color: #000;
	}

	.tituloSlider{
		display: block;
		color: #000;
		font-size: 20px;
	}

	.registroGal{
		margin-top: 10%;
		width: 100%;
		margin-left: 0%;
	}

	.registroNot{
		margin-top: 660%;
		width: 100%;
		margin-left: 0%;
	}

	.bannerMarcasGal{
		margin-top: 70%;
		width: 100%;
		margin-left: 10%;
		
	}

	.bannerMarcasNot{
		display: none;
		margin-top: 500%;
		width: 100%;
		margin-left: 10%;
		

	}

	.bannerMarcasNot img{
		height: 30%;
	}

	.registroContacto{
		margin-top: 90%;
	}

	footer{
		color: #fff;
		background-color: transparent;
	}

	
}

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

	#listado{
		margin-top: 8%;
	}
}

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

	.opciones{
		height: 70%;
	}

	.queres1{
		margin-top: 190%;
	}
}