body
{
	background: #595a5c;
	color: #595a5c;
}

#barra-logo
{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 15.16%; /*image heigth (194) / image width (1280) x 100-*/
	background-color: #ffffff;
}

#logo {
	position: absolute;
	top:31%;
    height: 38%; /*prueba y error en base al diseño de 1280px*/
	left: 40%;
	width: 20%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#imagen1Home {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 47.58%; /*image heigth / image width x 100-*/
}

#texto1-imagen1Home
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 64%;
	width: 100%; /*50*/
	height: auto;
	font-family: 'nobileregular';
	text-align: center;
    color: #ffffff;
    font-size: 3.5vw;
    line-height: 130%;
    opacity: 0;
}

#texto2-imagen1Home
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 57%;
	width: 100%; /*54*/
	height: auto;
	font-family: 'nobileregular';
	text-transform: uppercase;
	letter-spacing: 0.58em;
	text-align: center;
    color: #ffffff;
    font-size: 1vw;
    line-height: 130%;
    opacity: 0;
}

#bloque-texto1-home
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 18.75vw;
	background-color: #00addb;
	
	font-family: 'karlaregular';
	text-align: center;
    color: #ffffff;
    font-size: 1.8vw;
    line-height: 130%;
}

#texto1-home-a
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	top:60%;
	opacity: 0;
}

#texto1-home-b
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top:60%;
	opacity: 0;
}

#texto1-home-c
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top:60%;
	opacity: 0;
}

#imagen2Home {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 47.58%; /*image heigth / image width x 100-*/
}

#BotonAbajoHome
{
	position: absolute;
	top:-4.2%;
    height: 8.4%; /*prueba y error en base al diseño de 1280px*/
    
    left: 47.8%;
    width: 4.7%;
    
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.seccionTitulo
{
	position: relative;
	float: left;
	margin-left: 11.6%;
	width: 39.2%;
	
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 2%;
	font-family: 'karlaregular';
	text-align: left;
	letter-spacing: -0.05em;
	color: #00aeef;
	font-size: 2.6vw;
	font-weight: bold;
}

.seccionTexto
{
	position: relative;
	float: left;
	margin-left: 11.6%;
	width: 39.2%;
	
	padding-left: 0px;
	padding-top: 0px;
	font-family: 'karlaregular';
	text-align: left;
	color: #5e5e5e;
	font-size: 1.5vw;
	text-align: justify;
}

#seccionAMedida
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top: 6.7%;
	padding-bottom: 14.8%;
	background-color: #ffffff;
	margin-top: 10vw;
	opacity: 0;
}

.seccionIconoAMedida
{
	position: relative;
	float: left;
	margin-top: 2.7%;
	margin-left: 21%;
	width: 14%;
	padding-top: 3.1%; /*image heigth (194) / image width (1280) x 100-*/
}

#iconoAMedida
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 22.22%; /*image heigth / image width x 100-*/
}

#seccionSeguridad
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top: 6.7%;
	padding-bottom: 14.8%;
	background-color: #eef1f3;
	margin-top: 10vw;
	opacity: 0;
}

.seccionIconoSeguridad
{
	position: relative;
	float: left;
	margin-top: 2.7%;
	margin-left: 24%;
	margin-right: 3.7%;
	width: 7.45%;
	padding-top: 7.5%; /*image heigth (194) / image width (1280) x 100-*/
}

#iconoSeguridad
{
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 100%; /*image heigth / image width x 100-*/
}

#seccionExperiencia
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top: 6.7%;
	padding-bottom: 14.8%;
	background-color: #ffffff;
	margin-top: 10vw;
	opacity: 0;
}

.seccionIconoExperiencia
{
	position: relative;
	float: left;
	margin-top: 2.7%;
	margin-left: 24%;
	margin-right: 3.7%;
	width: 7.45%;
	/*padding-top: 0.2%; /*image heigth (194) / image width (1280) x 100-*/
}

#iconoExperiencia
{
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 65.79%; /*image heigth / image width x 100-*/
}

@media only screen and (max-width : 480px) /*low res*/
{
#logo {
    background-image: url("../../images/480/LogoHome.png");
    /*background-image: url("../../images/480/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/480/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/480/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/480/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/480/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/480/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/480/iconoExperiencia.png");
	}	
}

@media only screen and (min-width : 480px) and (max-width : 768px) /*high end smarphones & portrait iPads*/
{
#logo {
    background-image: url("../../images/768/LogoHome.png");
    /*background-image: url("../../images/768/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/768/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/768/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/768/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/768/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/768/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/768/iconoExperiencia.png");
	}	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) /*Tablets, landscape iPads*/
{
#logo {
    background-image: url("../../images/1024/LogoHome.png");
    /*background-image: url("../../images/1024/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/1024/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/1024/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/1024/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/1024/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/1024/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/1024/iconoExperiencia.png");
	}	
}

@media only screen and (min-width : 1024px) and (max-width : 1280px) /*Desktop*/
{
#logo {
    background-image: url("../../images/1280/LogoHome.png");
    /*background-image: url("../../images/1280/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/1280/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/1280/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/1280/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/1280/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/1280/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/1280/iconoExperiencia.png");
	}	
}

@media only screen and (min-width : 1280px) and (max-width : 1920px) /*Desktop Full HD*/
{
#logo {
    background-image: url("../../images/1920/LogoHome.png");
    /*background-image: url("../../images/1920/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/1920/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/1920/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/1920/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/1920/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/1920/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/1920/iconoExperiencia.png");
	}	
}

@media only screen and (min-width : 1920px) /*Desktop 4K*/
{
#logo {
    background-image: url("../../images/4096/LogoHome.png");
    /*background-image: url("../../images/4096/LogoHomeTest.png");*/
	}
#imagen1Home {
	background-image: url("../../images/4096/FotoHome1.jpg");
	}
#imagen2Home {
	background-image: url("../../images/4096/FotoHome2.jpg");
	}
#BotonAbajoHome {
	background-image: url("../../images/4096/BotonAbajoHome.png");
	}	
#iconoAMedida {
	background-image: url("../../images/4096/iconoAMedida.png");
	}	
#iconoSeguridad {
	background-image: url("../../images/4096/iconoSeguridad.png");
	}	
#iconoExperiencia {
	background-image: url("../../images/4096/iconoExperiencia.png");
	}	
}