* {	box-sizing: border-box;
	width:100%;
}

@font-face {
font-family: 'AxiaLight';
src: url('http://www.lpgchile.cl/tipografia/AxiaLight-Italic.ttf') format('ttf'),
url('http://www.lpgchile.cl/tipografia/AxiaLight-Italic.woff') format('woff'),
url('http://www.lpgchile.cl/tipografia/AxiaLight-Italic.otf') format('otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AxiaRegular';
src: url('http://www.lpgchile.cl/tipografia/AxiaRegular.ttf') format('ttf'),
url('http://www.lpgchile.cl/tipografia/AxiaRegular.woff') format('woff'),
url('http://www.lpgchile.cl/tipografia/AxiaRegular.otf') format('otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AxiaBold';
src: url('http://www.lpgchile.cl/tipografia/AxiaBold.ttf') format('ttf'),
url('http://www.lpgchile.cl/tipografia/AxiaBold.woff') format('woff'),
url('http://www.lpgchile.cl/tipografia/AxiaBold.otf') format('otf');
font-weight: normal;
font-style: normal;
}






body {
	width:100%;
	height:100%;
	margin: 0;
    padding: 0;
	background-color:#ffffff;
	border:none;
}





/*hasta 480px iPhone vertical*/
@media only screen and (max-width: 480px) {

#contenedor{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:30px;
	border:none;
}

header{
	width:100%;
	height:100%;
}


#comenzar{
	width:95%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	background-color:#fff;
	border:none;
}

#logo{
	width:10%;
	height:100%;
	margin:auto;
	background-color:#000;
	border:none;
}

#encabezado{
	width:80%;
	height:auto;
	background-color:#fff;
	border:none;
}


.texto{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:20px;
	font-family:AxiaBold,sans-serif;
	font-size:35px;
	font-weight:500;
	line-height:45px;
	text-align:center;
	border:none;
}

.texto2{
	width:100%;
	height:auto;
	margin:auto;
	font-family:AxiaRegular,sans-serif;
	font-size:20px;
	line-height:30px;
	text-align:center;
	border:none;
}

.segmento{
	width:100%;
	height:auto;
	margin-top:40px;
	border:none;
}

.bannercentral{
	width:95%;
	height:auto;
	margin:auto;
	border:none;
}


#que{
	width:80%;
	height:auto;
	margin:auto;
	border:none;
}

.segmento2{
	width:100%;
	height:auto;
	margin-top:10px;
	border:none;
}

.respuesta{
	width:95%;
	height:100%;
	margin:auto;
	border:none;
}
	
.resp{
	width:100%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	line-height:30px;
	border:none;
}

.francesa{
	width:95%;
	height:auto;
	margin:auto;
	border:none;
}

.francesa-texto-1{
	width:80%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	line-height:24px;
	text-align:center;
	border:none;
}

.francesa-texto-2{
	display:none
}

.francesa-texto-3{
	width:80%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	line-height:24px;
	text-align:center;
	border:nonee;
}

.francesa-imagen{
	width:80%;
	height:100%;
	margin:auto;
	border:none;
}

.texto3{
	width:70%;
	height:auto;
	margin:auto;
	margin-top:50px;
	font-family:AxiaBold,sans-serif;
	font-size:24px;
	line-height:30px;
	text-align:center;
	border:none;
}

#nuevos{
	width:95%;
	height:auto;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.maquina{
	width:44%;
	height:auto;
	margin:auto;
	border:none;
}

.foto-maquina{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}

.nombre-maquina{
	width:100%;
	height:100%;
	margin-top:10px;
	font-family:AxiaLight;
	font-size:18px;
	text-align:center;
	border:none;
}

.tratamientos{
	width:95%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:16px;
	text-align:center;
	line-height:24px;
	border:none;
}

#beneficios{
	width:95%;
	height:auto;
	margin:auto;
	border:none;
}

.lista-beneficios{
	width:95%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:16px;
	text-align:center;
	line-height:30px;
	border:none;
}

.preguntas{
	width:95%;
	height:100%;
	margin:auto;
	border:none;
}
	
.pregunta{
	width:60%;
	height:auto;
	margin:auto;
	border:none;
}

.pregunta-respuesta{
	width:95%;
	height:auto;
	margin:auto;
	padding-bottom:30px;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}

.segmento3{
	width:100%;
	height:100%;
	margin-top:30px;
	background-color:#000;
	border:none;
}

.texto4{
	width:60%;
	height:100%;
	margin:auto;
	font-family:AxiaLight,sans-serif;
	font-size:24px;
	color:#FFF;
	line-height:48px;
	text-align:center;
	border:none;
}

.proyector-video{
	width:90%;
	height:100%;
	margin:auto;
	border:none;
}

.videos{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}

.video-proyector{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}	

.video{
	width:80%;
	height:100%;
	margin:auto;
}

.texto-video{
	width:90%;
	height:100%;
	margin:auto;
	padding-bottom:30px;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}

#texto5{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	font-family:AxiaBold,sans-serif;
	font-size:24px;
	line-height:40px;
	text-align:center;
	border:none;
}

.web-the-spa{
			font-size:24px;
			font-family:Arial;
			font-weight:300;
			letter-spacing: 1px;
			text-align:center;
			color:#000;
			text-decoration:none;
			border:none;
		}
}





































/*entre 481px y 1024px - mini iPad vertical*/
@media screen and (min-width: 481px) and (max-width: 1024px) {

#contenedor{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:30px;
	border:none;
}

header{
	width:100%;
	height:100%;
}

#comenzar{
	width:90%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	background-color:#fff;
	border:none;
}

#logo{
	width:10%;
	height:100%;
	margin:auto;
	background-color:#000;
	border:none;
}

#encabezado{
	width:85%;
	height:auto;
	background-color:#fff;
	border:none;
}


.texto{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:20px;
	font-family:AxiaBold,sans-serif;
	font-size:55px;
	font-weight:500;
	line-height:70px;
	text-align:center;
	border:none;
}

.texto2{
	width:100%;
	height:auto;
	margin:auto;
	font-family:AxiaRegular,sans-serif;
	font-size:20px;
	line-height:30px;
	text-align:center;
	border:none;
}

.segmento{
	width:100%;
	height:auto;
	margin-top:70px;
	border:none;
}

.bannercentral{
	width:90%;
	height:auto;
	margin:auto;
	border:none;
}


#que{
	width:70%;
	height:auto;
	margin:auto;
	border:none;
}

.segmento2{
	width:100%;
	height:auto;
	margin-top:10px;
	border:none;
}

.respuesta{
	width:90%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}
	
.resp{
	width:45%;
	height:auto;
	margin:auto;
	padding-left:1%;
	padding-right:1%;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	line-height:30px;
	border:none;
}

.francesa{
	width:80%;
	height:auto;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.francesa-texto{
	width:45%;
	height:100;
	margin:auto;
	border:none;
}

.francesa-texto-1{
	width:100%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:20px;
	line-height:30px;
	text-align:right;
	border:none;
}

.francesa-texto-2{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:20px;
	font-family:"AxiaLight", sans-serif;
	font-size:20px;
	line-height:30px;
	text-align:right;
	border:none;
}

.francesa-texto-3{
	display:none;
}

.francesa-imagen{
	width:54%;
	height:100%;
	margin:auto;
	border:none;
}

.texto3{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:50px;
	font-family:AxiaBold,sans-serif;
	font-size:30px;
	line-height:50px;
	text-align:center;
	border:none;
}

#nuevos{
	width:80%;
	height:auto;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.maquina{
	width:45%;
	height:auto;
	margin:auto;
	border:none;
}

.foto-maquina{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}

.nombre-maquina{
	width:100%;
	height:100%;
	margin-top:10px;
	font-family:AxiaLight;
	font-size:24px;
	text-align:center;
	border:none;
}

.tratamientos{
	width:90%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}

#beneficios{
	width:90%;
	height:auto;
	margin:auto;
	padding-top:10px;
	border:none;
}

.lista-beneficios{
	width:90%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:30px;
	border:none;
}

.preguntas{
	width:90%;
	height:100%;
	margin:auto;
	margin-top:15px;
	display:flex;
	justify-content: space-between;
	border:none;
}
	
.pregunta{
	width:35%;
	height:auto;
	margin:auto;
	border:none;
}

.pregunta-respuesta{
	width:63%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:30px;
	border:none;
}

.segmento3{
	width:100%;
	height:100%;
	margin-top:30px;
	background-color:#000;
	border:none;
}

.texto4{
	width:100%;
	height:100%;
	margin:auto;
	font-family:AxiaLight,sans-serif;
	font-size:30px;
	color:#FFF;
	line-height:70px;
	text-align:center;
	border:none;
}
	
.proyector-video{
	width:90%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.videos{
	width:40%;
	height:100%;
	margin:auto;
	border:none;
}

.video-proyector{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}	

.video{
	width:100%;
	height:100%;
	margin:auto;
}

.texto-video{
	width:90%;
	height:100%;
	margin:auto;
	margin-top:10px;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}


}









#texto5{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:40px;
	margin-bottom:40px;
	font-family:AxiaBold,sans-serif;
	font-size:28px;
	line-height:50px;
	text-align:center;
	border:none;
}

.web-the-spa{
			font-size:28px;
			font-family:Arial;
			font-weight:300;
			letter-spacing: 1px;
			text-align:center;
			color:#000;
			text-decoration:none;
			border:none;
		}





























/*sobre 1025px*/
@media screen and (min-width:1025px){

#contenedor{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:30px;
	border:none;
}

header{
	width:100%;
	height:100%;
}


#comenzar{
	width:80%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	background-color:#fff;
	border:none;
}

#logo{
	width:5%;
	height:100%;
	margin:auto;
	background-color:#000;
	border:none;
}

#encabezado{
	width:85%;
	height:auto;
	background-color:#fff;
	border:none;
}


.texto{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:20px;
	font-family:AxiaBold,sans-serif;
	font-size:50px;
	font-weight:500;
	line-height:60px;
	text-align:center;
	border:none;
}

.texto2{
	width:100%;
	height:auto;
	margin:auto;
	font-family:AxiaRegular,sans-serif;
	font-size:25px;
	line-height:30px;
	text-align:center;
	border:none;
}

.segmento{
	width:100%;
	height:auto;
	margin-top:50px;
	border:none;
}

.bannercentral{
	width:80%;
	height:auto;
	margin:auto;
	border:none;
}


#que{
	width:70%;
	height:auto;
	margin:auto;
	border:none;
}

.segmento2{
	width:100%;
	height:auto;
	margin-top:10px;
	border:none;
}

.respuesta{
	width:80%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}
	
.resp{
	width:45%;
	height:auto;
	margin:auto;
	padding-left:3%;
	padding-right:3%;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	line-height:30px;
	border:none;
}

.francesa{
	width:80%;
	height:auto;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.francesa-texto{
	width:34%;
	height:100%;
	margin:auto;
	border:none;
}

.francesa-texto-1{
	width:100%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:24px;
	line-height:30px;
	text-align:right;
	border:none;
}

.francesa-texto-2{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:20px;
	font-family:"AxiaLight", sans-serif;
	font-size:24px;
	line-height:30px;
	text-align:right;
	border:none;
}

.francesa-texto-3{
	display:none;
}

.francesa-imagen{
	width:65%;
	height:100%;
	margin:auto;
	border:none;
}

.texto3{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:50px;
	font-family:AxiaBold,sans-serif;
	font-size:40px;
	line-height:50px;
	text-align:center;
	border:none;
}

#nuevos{
	width:80%;
	height:auto;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.maquina{
	width:45%;
	height:auto;
	margin:auto;
	border:none;
}

.foto-maquina{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}

.nombre-maquina{
	width:100%;
	height:100%;
	margin-top:10px;
	font-family:AxiaLight;
	font-size:24px;
	text-align:center;
	border:none;
}

.tratamientos{
	width:80%;
	height:100%;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}

#beneficios{
	width:80%;
	height:auto;
	margin:auto;
	border:none;
}

.lista-beneficios{
	width:80%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:24px;
	text-align:center;
	line-height:30px;
	border:none;
}

.preguntas{
	width:80%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}
	
.pregunta{
	width:40%;
	height:auto;
	margin:auto;
	border:none;
}

.pregunta-respuesta{
	width:55%;
	height:auto;
	margin:auto;
	font-family:"AxiaLight", sans-serif;
	font-size:24px;
	text-align:center;
	line-height:30px;
	border:none;
}

.segmento3{
	width:100%;
	height:100%;
	margin-top:30px;
	background-color:#000;
	border:none;
}

.texto4{
	width:100%;
	height:100%;
	margin:auto;
	font-family:AxiaLight,sans-serif;
	font-size:40px;
	color:#FFF;
	line-height:90px;
	text-align:center;
	border:none;
}

.proyector-video{
	width:90%;
	height:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	border:none;
}

.videos{
	width:40%;
	height:100%;
	margin:auto;
	border:none;
}

.video-proyector{
	width:100%;
	height:100%;
	margin:auto;
	border:none;
}	

.video{
	width:100%;
	height:100%;
	margin:auto;
}

.texto-video{
	width:90%;
	height:100%;
	margin:auto;
	margin-top:10px;
	font-family:"AxiaLight", sans-serif;
	font-size:18px;
	text-align:center;
	line-height:24px;
	border:none;
}

#texto5{
	width:100%;
	height:auto;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	font-family:AxiaBold,sans-serif;
	font-size:32px;
	line-height:50px;
	text-align:center;
	border:none;
}

.web-the-spa{
			font-size:32px;
			font-family:Arial;
			font-weight:300;
			letter-spacing: 1px;
			text-align:center;
			color:#000;
			text-decoration:none;
			border:none;
		}


}