@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------
PARA MOVILES
-------------------------------------------*/	

@media all and (min-width:240px) and (max-width:374px) and (orientation : portrait){
header {width:100%; margin:0 auto;}
.logo {width: 161px; height:72px; margin:6px auto;background-size:161px 72px;}
.imageneslgm {width:100%; height:136px;}
.destacado {font-size:18px; line-height:normal; padding:20px 0;}

header {width:100%;}
article {width:100%;}
footer {width: 96%; padding:2%;}
.espacio {margin:0 auto !important; display:block;}
.margenes-centro {margin:10px auto !important;}

.image01,
.image02,
.image03,
.image04,
.image05 {background-size:contain;}

.pie-izq {float:none; width:100%;}
.pie-der {float:none; width:100%; margin:0 auto; text-align:center;}
.derechos {width:96%; padding:2%;}
	
.no-pc {display:inline-block !important;}
.none {display:none !important;}

.empresa {width:100%; height:178px; background-size:contain;}
.mejoramiento {width:100%; height:145px; background-size:contain;}
.politicas {width:100%; height:145px; background-size:contain;}

.contenido-der {width:100%; float:none;}
.quienes-somos {width:90%; margin:0 auto 40px auto; font-size:18px; line-height:normal;}
.textos,
.textos-pagina {width:90%; padding:5%;}
.contenido-der img,
.textos img {width:100%;}

.left-pro {width:100%; height:220px; float:none;}
.right-pro {width:100%; height:180px !important; overflow:hidden; float:none; margin:0 auto; text-align:center;}
.right-pro img {margin-top:-34px;}

.content > div {display: none; padding: 30px 25px 5px 63px; background:url('../images/comillas.png') no-repeat 0px 24px;}

.main label {width:100px; height:100px; line-height:100px; margin:4px; font-size:13px;}
.main label:hover {color: #fff; cursor: pointer; background:#55565a;}
.main input:checked + label {background: #ff5000; color: #fff;}

.valoresImage {background:url('../images/valoresImage.jpg'); width:100%; background-position:center center;}

.pie-izq,
.pie-der {float:none; width:100%;}
.pie-der {margin-top:10px;}

.mision,
.vision {float:none; padding:4%; margin:20px auto; border-left:none; width:86%; text-align:center;}

.productos {width:90%;}
.caja-productos {width:43%; padding:2%; margin:1%;}
.caja-productos img {width:100%; height:auto;}
.title {font-size:16px;}

.left-column {float:none; margin:30px 0 0 20px;}
.right-column {float:none; margin:0 0 20px 20px;}
.left-column,
.right-column {width:80%; line-height:30px;}
.left-column i,
.right-column i {line-height:30px;}

.padding {width:100%; padding:0;}
.padding img {width:121px; height:100px; margin-top:2px;}
.parrafo span {font-size:10px; padding:1px 2px; margin-bottom:6px;}
.padding .left-prod {display:none;}
.padding .right-prod {float:none; text-align:center; width:230px !important; margin:40px auto 2px;}
.parrafo p {font-size:13px;}

.boton-izq {width:30px; padding-left:10px;}
.boton-der {width:30px; padding-right:10px;}
.linea h3 {font-size: 22px;}

.linkFeAlegria {width:90%; margin:0 auto;}

.div-contacto {width:100% !important; margin:60px auto 0;}
.datos-contacto {float:none; width:100% !important; margin-right:0px; text-align:center;}
.map-contact {width:100% !important; float:none; margin-top:80px;}
.columna-izquierda,
.columna-derecha {float:none !important; width:100%;}
.btns {padding-left:10px !important}

#contact-form {width:90%; margin:0 auto !important;}
#contact-form div {width:100% !important;}
.datos-contacto h4,
.div-contacto h4 {text-align:center; width:100%;}

.box-left-resp {width:30%; margin:20px 0 0 0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}
.align-right {padding-left:20%;}
.align-left {padding-right:20%;}
.box-left-resp i {border-radius:50%; background-color:#ff5000; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}
i.fijo, i.celular {background-image:url('../images/phone.png');}
.fono-resp {margin:10px 0; display:block;}

.mapgoo img {width:100% !important;}
.mapgoo {height:auto;}

.plus-circle,
.buy-circle {margin:10px auto 0 auto; float:none;}

.caja-productos-ampliado img,
.parrafo img {width:100%;}

}

@media all and (min-width:375px) and (max-width:414px) and (orientation : portrait) {
.top-menu ul {display:block !important;}
header {width:100%; margin:0 auto;}
.logo {width: 161px; height:72px; margin:6px auto;background-size:161px 72px;}
.imageneslgm {width:100%; height:200px;}
.destacado {font-size:18px; line-height:normal; padding:20px 0;}

header {width:100%;}
article {width:100%;}
footer {width: 96%; padding:2%;}
.espacio {margin:0 auto !important; display:block;}
.margenes-centro {margin:10px auto !important;}

.image01,
.image02,
.image03,
.image04,
.image05 {background-size:contain;}

.pie-izq {float:none; width:100%;}
.pie-der {float:none; width:100%; margin:0 auto;text-align:center;}
.derechos {width:96%; padding:2%;}
	
.no-pc {display:inline-block !important;}
.none {display:none !important;}

.empresa {width:100%; height:178px; background-size:contain;}
.mejoramiento {width:100%; height:145px; background-size:contain;}
.politicas {width:100%; height:145px; background-size:contain;}

.contenido-der {width:100%; float:none;}
.quienes-somos {width:90%; margin:0 auto 40px auto; font-size:18px; line-height:normal;}
.textos,
.textos-pagina {width:90%; padding:5%;}
.contenido-der img,
.textos img {width:100%;}

.left-pro {width:100%; height:220px; float:none;}
.right-pro {width:100%; height:180px !important; overflow:hidden; float:none; margin:0 auto; text-align:center;}
.right-pro img {margin-top:-34px;}

.content > div {display: none; padding: 30px 25px 5px 63px; background:url('../images/comillas.png') no-repeat 0px 24px;}

.main label {width:100px; height:100px; line-height:100px; margin:4px; font-size:13px;}
.main label:hover {color: #fff; cursor: pointer; background:#55565a;}
.main input:checked + label {background: #ff5000; color: #fff;}

.valoresImage {background:url('../images/valoresImage.jpg'); width:100%; background-position:center center;}

.pie-izq,
.pie-der {float:none; width:100%;}
.pie-der {margin-top:10px;}

.mision,
.vision {float:none; padding:4%; margin:20px auto; border-left:none; width:86%; text-align:center;}

.productos {width:90%;}
.caja-productos {width:43%; padding:2%; margin:1%;}
.caja-productos i {font-size:20px;}
.caja-productos img {margin-bottom:10px; width:100%;  height:auto;}
.title {font-size:16px;}

.left-column {float:none; margin:30px 0 0 20px;}
.right-column {float:none; margin:0 0 20px 20px;}
.left-column,
.right-column {width:80%; line-height:30px;}
.left-column i,
.right-column i {line-height:30px;}

.padding {width:100%; padding:0;}
.padding img {width:130px; height:107px; margin-top:5px;}
.padding .left-prod {float:none; text-align:center; margin:0 auto;}
.padding .right-prod {float:none; text-align:center; width:290px !important; margin:10px auto 0;}
.parrafo {font-size:14px;}

.boton-izq {width:30px; padding-left:10px;}
.boton-der {width:30px; padding-right:10px;}
.linea h3 {font-size: 22px;}

.linkFeAlegria {width:90%; margin:0 auto;}

.div-contacto {width:100% !important; margin:60px auto 0;}
.datos-contacto {float:none; width:100% !important; margin-right:0px; text-align:center;}
.map-contact {width:100% !important; float:none; margin-top:80px;}
.columna-izquierda,
.columna-derecha {float:none !important; width:100%;}
.btns {padding-left:10px !important}

#contact-form {width:90%; margin:0 auto !important;}
#contact-form div {width:100% !important;}
.datos-contacto h4,
.div-contacto h4 {text-align:center; width:100%;}

.box-left-resp {width:30%; margin:20px 0 0 0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}
.align-right {padding-left:20%;}
.align-left {padding-right:20%;}
.box-left-resp i {border-radius:50%; background-color:#ff5000; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}
i.fijo, i.celular {background-image:url('../images/phone.png');}
.fono-resp {margin:10px 0; display:block;}

.mapgoo img {width:100% !important;}
.mapgoo {height:auto;}

.plus-circle,
.buy-circle {margin:10px auto 0 auto; float:none;}

.caja-productos-ampliado img,
.parrafo img {width:100%;}
}

@media all and (min-width:507px) and (max-width:780px) and (orientation : portrait) {
.top-menu ul {display:block !important;}
header {width:100%; margin:0 auto;}
.logo {width: 161px; height:72px; margin:6px auto;background-size:161px 72px;}
.imageneslgm {width:100%; height:400px;}
.imagenesCert {width:100%; height:300px;}
.destacado {font-size:18px; line-height:normal; padding:20px 0;}

header {width:100%;}
article {width:100%;}
.caja-reco {width:100%;}
footer {width: 96%; padding:2%;}
.espacio {margin:0 auto !important; width:32.5%;}
.espacio img {width:100%;}

.image01,
.image02,
.image03,
.image04,
.image05,
.image06,
.image07,
.image08,
.image09,
.image010,
.image011,
.image012 {background-size:contain;}

.pie-izq {float:none; width:100%;}
.pie-der {float:none; width:100%; margin:0 auto;text-align:center;}
.derechos {width:96%; padding:2%;}
	
.no-pc {display:inline-block !important;}
.none {display:none !important;}

.empresa {width:100%; height:330px; background-size:contain;}
.mejoramiento {width:100%; height:330px; background-size:contain;}
.politicas {width:100%; height:330px; background-size:contain;}
.contenido-der {width:100%; float:none;}
.quienes-somos {width:90%; margin:0 auto 40px auto; font-size:18px; line-height:normal;}
.textos,
.textos-pagina {width:90%; padding:5%;}
.contenido-der img,
.textos img {width:100%;}

.left-pro {width:100%; height:380px; float:none;}
.right-pro {width:100%; height:180px !important; overflow:hidden; float:none; margin:0 auto; text-align:center;}
.right-pro img {margin-top:-34px;}

.content > div {display: none; padding: 30px 25px 5px 63px; background:url('../images/comillas.png') no-repeat 0px 24px;}

.main label:hover {color: #fff; cursor: pointer; background:#55565a;}
.main input:checked + label {background: #ff5000; color: #fff;}

.pie-izq,
.pie-der {float:none; width:100%; text-align:center;}
.pie-der {margin-top:10px;}

.mision,
.vision {float:none; padding:4%; margin:20px auto; border-left:none; width:86%; text-align:center;}

.productos {width:45%;}
.caja-productos {width:28%; padding:1%; margin:1%;}
.caja-productos i {font-size:20px;}
.caja-productos img {margin-bottom:10px; width:100%; height:auto;}
.title {font-size:16px;}

.left-column {margin:20px 0 20px 40px;}
.right-column {margin:20px 20px 40px 0;}
.left-column,
.right-column {width:40%;}

.padding {width:100%; padding:0;}
.padding img {float:none; margin-left:-117px; padding-bottom:0px; left:50%; position:relative; width:170px; height:140px;}

.boton-izq {width:30px; padding-left:10px;}
.boton-der {width:30px; padding-right:10px;}
.linea h3 {font-size: 22px;}

.linkFeAlegria {width:90%; margin:0 auto;}

.div-contacto {width:100% !important; margin:60px auto 0;}
.datos-contacto {float:none; width:100% !important; margin-right:0px; text-align:center;}
.map-contact {width:100% !important; float:none; margin-top:80px;}
.columna-izquierda,
.columna-derecha {float:none !important; width:100%;}
.btns {padding-left:10px !important}

#contact-form {width:90%; margin:0 auto !important;}
#contact-form div {width:100% !important;}
.datos-contacto h4,
.div-contacto h4 {text-align:center; width:100%;}

.box-left-resp {width:30%; margin:20px 0 0 0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}
.align-right {padding-left:20%;}
.align-left {padding-right:20%;}
.box-left-resp i {border-radius:50%; background-color:#ff5000; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}
i.fijo, i.celular {background-image:url('../images/phone.png');}
.fono-resp {margin:10px 0; display:block;}

.mapgoo img {width:100% !important;}
.mapgoo {height:auto;}

.plus-circle,
.buy-circle {margin:10px auto 0 auto; float:none;}

.caja-productos-ampliado img,
.parrafo img {width:100%;}
}

@media all and (min-width:568px) and (max-width:736px) and (orientation : landscape) {
.top-menu ul {display:block !important;}
header {width:100%; margin:0 auto;}
.logo {width: 161px; height:72px; margin:6px auto;background-size:161px 72px;}
.imageneslgm {width:100%; height:200px;}
.destacado {font-size:18px; line-height:normal; padding:20px 0;}

header {width:100%;}
article {width:100%;}
footer {width: 96%; padding:2%;}
.espacio {margin:0 auto !important; display:block;}
.margenes-centro {margin:10px auto !important;}

.image01,
.image02,
.image03,
.image04,
.image05 {background-size:contain;}

.pie-izq {float:none; width:100%;}
.pie-der {float:none; width:100%; margin:0 auto;text-align:center;}
.derechos {width:96%; padding:2%;}
	
.no-pc {display:inline-block !important;}
.none {display:none !important;}

.empresa {width:100%; height:178px; background-size:contain;}
.mejoramiento {width:100%; height:145px; background-size:contain;}
.politicas {width:100%; height:145px; background-size:contain;}

.contenido-der {width:100%; float:none;}
.quienes-somos {width:90%; margin:0 auto 40px auto; font-size:18px; line-height:normal;}
.textos,
.textos-pagina {width:90%; padding:5%;}
.contenido-der img,
.textos img {width:100%;}

.left-pro {width:100%; height:220px; float:none;}
.right-pro {width:100%; height:180px !important; overflow:hidden; float:none; margin:0 auto; text-align:center;}
.right-pro img {margin-top:-34px;}

.content > div {display: none; padding: 30px 25px 5px 63px; background:url('../images/comillas.png') no-repeat 0px 24px;}

.main label {width:100px; height:100px; line-height:100px; margin:4px; font-size:13px;}
.main label:hover {color: #fff; cursor: pointer; background:#55565a;}
.main input:checked + label {background: #ff5000; color: #fff;}

.valoresImage {background:url('../images/valoresImage.jpg'); width:100%; background-position:center center;}

.pie-izq,
.pie-der {float:none; width:100%;}
.pie-der {margin-top:10px;}

.mision,
.vision {float:none; padding:4%; margin:20px auto; border-left:none; width:86%; text-align:center;}

.productos {width:90%;}
.caja-productos {width:43%; padding:2%; margin:1%;}
.caja-productos i {font-size:20px;}
.caja-productos img {margin-bottom:10px; width:100%; height:auto;}
.title {font-size:16px;}

.left-column {float:none; margin:30px 0 0 20px;}
.right-column {float:none; margin:0 0 20px 20px;}
.left-column,
.right-column {width:80%; line-height:30px;}
.left-column i,
.right-column i {line-height:30px;}

.padding {width:100%; padding:0;}
.padding img {width:130px; height:107px; margin-top:5px;}
.padding .left-prod {float:none; text-align:center; margin:0 auto;}
.padding .right-prod {float:none; text-align:center; width:290px !important; margin:10px auto 0;}
.parrafo {font-size:14px;}

.boton-izq {width:30px; padding-left:10px;}
.boton-der {width:30px; padding-right:10px;}
.linea h3 {font-size: 22px;}

.linkFeAlegria {width:90%; margin:0 auto;}

.div-contacto {width:100% !important; margin:60px auto 0;}
.datos-contacto {float:none; width:100% !important; margin-right:0px; text-align:center;}
.map-contact {width:100% !important; float:none; margin-top:80px;}
.columna-izquierda,
.columna-derecha {float:none !important; width:100%;}
.btns {padding-left:10px !important}

#contact-form {width:90%; margin:0 auto !important;}
#contact-form div {width:100% !important;}
.datos-contacto h4,
.div-contacto h4 {text-align:center; width:100%;}

.box-left-resp {width:30%; margin:20px 0 0 0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}
.align-right {padding-left:20%;}
.align-left {padding-right:20%;}
.box-left-resp i {border-radius:50%; background-color:#ff5000; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}
i.fijo, i.celular {background-image:url('../images/phone.png');}
.fono-resp {margin:10px 0; display:block;}

.mapgoo img {width:100% !important;}
.mapgoo {height:auto;}

.plus-circle,
.buy-circle {margin:10px auto 0 auto; float:none;}

.caja-productos-ampliado img,
.parrafo img {width:100%;}
}

/*-------------------------------------------
RETINA DISPLAYS
-------------------------------------------*/	
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.logo {background-image:url('../images/retina/logo@2x.png'); background-size:161px 72px;}
.plus-circle {background-image:url('../images/retina/mas@2x.png'); background-size:73px 29px;}
.buy-circle {background-image:url('../images/retina/pedido@2x.png'); background-size:73px 29px;}
}