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

/*--------------------------------------------------------------------------
COLORES CORPORATIVOS NARANJA #ff5000 / GRIS #55565a / NEGRO #25242C;
--------------------------------------------------------------------------*/

html, hmtl a {width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-size:16px; font-family: 'Roboto', sans-serif; color:#25242c; background:#F1F1F1; font-style: normal; font-weight:300;}
a img {border: none;}
img {max-width: none;}
a {color:#8D8D8D; text-decoration: none; -webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s;}
a:hover, a:active, a:focus {outline: 0; color:#25242c; text-decoration:none;}
.clear {clear:both;}

/*iOS inputs*/
input[type="submit"], input[type="text"], input[type="number"], input[type="password"], input[type=""], input[type="email"], button {-webkit-appearance: none;}

/*---------------------------
AUXILIARES
----------------------------*/
header {width:940px; margin:20px auto;}
article {width:940px; margin:0 auto;}
section {width:100%;}
footer {width: 900px; background:#fff; padding:20px; margin:0 auto; color:#25242c; font-size:14px;}
.no-pc {display:none !important;}
.center {text-align:center; margin:40px auto 40px;}
.padding-top {padding-top:10px; padding-bottom:40px;}
.centro {margin:0 auto; text-align:center;}
.margin-top {padding:10px 0 !important; margin-top:70px;}
.top {margin-top:30px;}

/*---------------------------
LOGOTIPO
----------------------------*/
.logo {color:#1a1a1a; padding: 0; background: url('../images/logo.png') no-repeat; width: 199px; height:85px; text-indent: -9999px; display: block; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.25s ease-in-out 0s; -moz-transition: opacity 0.25s ease-in-out 0s; -o-transition: opacity 0.25s ease-in-out 0s; transition: opacity 0.25s ease-in-out 0s; float:left;}
logo:hover {opacity: 0.8; filter: alpha(opacity=80);}

/*---------------------------
SLIDER
----------------------------*/
.imageneslgm {width:940px; height:400px;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.image01 {background:url('../images/swiper/001.jpg') no-repeat center center; width:1123px; height:550px;}
.image02 {background:url('../images/swiper/002.jpg') no-repeat center center; width:1123px; height:550px;}
.image03 {background:url('../images/swiper/003.jpg') no-repeat center center; width:1123px; height:550px;}
.image04 {background:url('../images/swiper/004.jpg') no-repeat center center; width:1123px; height:550px;}
.image05 {background:url('../images/swiper/005.jpg') no-repeat center center; width:1123px; height:550px;}

.publicidad {width:240px; float:right; background:#000; height:343px; background:url(../images/loading.gif) center center no-repeat;}

.image06 {background:url('../images/feyalegria01.jpg') no-repeat center center; width:1123px; height:550px;}
.image07 {background:url('../images/feyalegria02.jpg') no-repeat center center; width:1123px; height:550px;}
.image08 {background:url('../images/feyalegria03.jpg') no-repeat center center; width:1123px; height:550px;}

.image09 {background:url('../images/001Certi.jpg') no-repeat center center; width:685px; height:621px;}
.image010 {background:url('../images/002Cert.jpg') no-repeat center center; width:685px; height:621px;}
.image011 {background:url('../images/003Cert.jpg') no-repeat center center; width:685px; height:621px;}
.image012 {background:url('../images/004Cert.jpg') no-repeat center center; width:685px; height:621px;}

.bottom-space {margin-bottom:30px;}

/*---------------------------
TEXTO DESTACADO
----------------------------*/
.destacado {font-size:26px; width:100%; margin:40px auto; text-align:center; font-family: 'Roboto', sans-serif; line-height:40px;}

/*---------------------------
ESPACIOS DESTACADO
----------------------------*/
.espacio {width:280px; display:inline-block; padding:10px 10px 20px 10px; color:#25242c; text-align:center; margin:0; font-size:14px; box-shadow:0 0 3px rgba(0,0,0,0.30);}
.espacio h2 {font-size:22px; font-family: 'Roboto', sans-serif; line-height:60px; font-weight:200;}
.espacio p {line-height:20px;}
.color-orange {background:#bac3c8;}
.color-grey {background:#d9dee1;}
.margenes-centro {margin:0 16px 0;}
.opta001,
.opta002,
.opta003 {width:116px; height:72px; display:block; background-repeat:no-repeat; margin:20px auto 0 ;}
.opta001 {background-image:url('../images/001.png');}
.opta002 {background-image:url('../images/002.png');}
.opta003 {background-image:url('../images/003.png');}
.espacio a {color:#fff !important;}
.espacio a:hover {color:#fff !important;}

.espacio-productos {width:180px; display:inline-block; padding:10px 10px 30px 10px; color:#25242c; text-align:center; margin-top:16px; font-size:14px;}
.espacio-productos h2 {font-size:22px; font-family: 'Roboto', sans-serif; line-height:60px; font-weight:200;}
.espacio-productos a {color:#fff !important;}
.espacio-productos a:hover {color:#fff !important;}

/*---------------------------
FOOTER
----------------------------*/
footer span {color:#EF7D00;}
.pie-izq {float:left; width:550px;}
.pie-der {line-height:22px; float:left; width:300px; margin:50px 0 0 20px;}
.derechos {width:900px; padding:20px; line-height:22px; color:#ADADAD; background:#25242c; margin:0 auto; font-size:14px; text-align:center;}

/*----------------------------------------
ICONOS SOLCIALES
-------------------------------------------*/
/*ul.icons {cursor: default; width:280px; float:right; margin-top:20px;}
ul.icons li {float: right; margin-left:6px;}
ul.icons li  span {display:none;}
ul.icons a {width: 32px; height: 32px; line-height: 32px; text-align: center; border: 0; font-size:26px; color:#fff; border-radius:40px; padding:2px;}
ul.icons a:hover {background:#55565a;}
.fa-twitter {background:#00A1FC;}
.fa-facebook {background:#3b5998;}
.fa-tumblr {background:#314358;}
.fa-instagram {background:#ed6637;}
.fa-youtube {background:#ec0000;}
.fa-linkedin {background:#007bb6;}

/*---------------------------
MAPA
----------------------------*/
.mapgoo {width:100%; height:180px; position:relative;}
.overlay {background:transparent; z-index:99999999;
    position:absolute;
    width:100%;
    height:180px; 
    top:180px; 
    margin-top:-180px;}

/*---------------------------
EMPRESA
----------------------------*/
.menu-izq {width:200px; float:left;}
.contenido-der {width:720px; float:right;}
.empresa {width:720px; height:400px; background:url('../images/empresa.jpg') no-repeat center center;}

.mejoramiento {width:720px; height:251px; background:url('../images/mejoramientoContinuo.jpg') no-repeat center center;}
.politicas {width:720px; height:251px; background:url('../images/politicasDeCalidad.jpg') no-repeat center center;}

.quienes-somos {background:url('../images/linea.jpg') center bottom no-repeat; font-size:22px; color:#55565a; font-family: 'Roboto', sans-serif; font-weight:200; text-align:center; padding:40px 0; margin-bottom:40px; line-height:30px;}
.quienes-somos h3,
.mision h3,
.vision h3,
.textos h3 {color:#EF7D00; line-height:50px; font-weight:200; font-size: 28px;}
.mision,
.vision {float:left; padding:40px; background:#fff; margin:60px 5px;}
.mision {width:300px;}
.vision {width:400px;}
.mision p,
.vision p,
.textos p {margin-bottom:12px; line-height:22px;}

.textos ul li {list-style-image:url('../images/ok.png'); margin:0 0 8px 20px;}
.textos span {color:#EF7D00;}

.textos {width:860px; padding:40px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.30);text-align:justify;}
.textos-pagina {width:900px; padding:20px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.30);}
.textos img {margin:10px 0 30px;}

/*----------------------------------------
MENU NO RESPOSIVE
-------------------------------------------*/
#menu {list-style-type:none; margin:0; padding:0; width:200px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.30);}
#menu li {position:relative;}
#menu li a {text-decoration:none; display:block; height:100%; width:180px; color:#25242c; padding:10px; transition: all 0.3s linear; font-weight:300;}
#menu li a:hover {background:#F1F1F1;}
#menu .active a {color:#fff; background:#55565a; outline:0;}


/*---------------------------
PRODUCTOS
----------------------------*/
.productos {width:300px; display:inline-block; padding:20px 0 0; color:#25242c; text-align:center; margin:20px 10px; font-size:14px; list-style-type:none;}
.productos h2 {font-size:26px; font-family: 'Roboto', sans-serif; line-height:60px; font-weight:200;}
.productos ul {margin-top:20px;}
.productos li {position:relative;}
.productos li a {text-decoration:none; display:block; height:100%; width:100%; line-height:40px; color:#25242c; text-transform: uppercase; transition: all 0.3s linear; font-weight:200; border-top:1px solid rgba(0,0,0,0.20);}
.productos li a:hover {background:#ced8e2;}
.productos .active a {color:#20201d; background:#EF7D00; outline:0;}

/*----------------------------------------
PRODUCTOS POR UNIDAD
-------------------------------------------*/
.caja-productos {width:295px; padding:30px 5px; margin:4px 2px 4px 2px; position:relative; display:inline-block; background:#ffffff;}
.caja-productos i {font-size:40px; margin-top:20px;}
.mas {
	background-position: top center;
	background-repeat: no-repeat;
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	top: 10px;
	right: 11px;
}
.title {font-size:26px; color:#EF7D00;}
.titleu {font-size:16px;}
.caja-productos img {margin-bottom:20px; width:235px; height:194px;}
.center {text-align:center;}

.caja-blanca {width:265px; height:286px; background:#f2f2f2; padding:30px 20px; margin:4px 2px 4px 2px; position:relative; display:inline-block;}

.linea h3 {line-height:50px; font-weight:200; font-size: 28px; text-align:center;font-family: 'Roboto', sans-serif; margin:30px 0;}
.padding {padding:10px 20px; background:#fff; width:800px;}

.padding .left-prod {width:400px; float:left; height:331px;}
.padding .right-prod {float:left; width:380px;}
.parrafo span {text-transform:uppercase; font-size:12px; letter-spacing:1px; color:#25242c; padding:2px 4px; margin-bottom:12px;}
.parrafo {margin-top:13px; font-size:16px; line-height:26px;}

.plus-circle {background:url('../images/mas.jpg'); width:73px; height:29px; margin-top:20px; float:left; margin-left:70px;}
.buy-circle {background:url('../images/pedido.jpg'); width:73px; height:29px; margin-top:20px; float:left; margin-left:6px;}

.caja-productos-ampliado {padding:20px;  background:#ffffff; text-align:center; box-shadow:0 0 3px rgba(0,0,0,0.30);}

/*----------------------------------------
VER MAS BOTONES
-------------------------------------------*/
.boton-izq {width:300px; color:#55565a; float:left;}
.boton-der {width:300px; color:#55565a; float:right; text-align:right;}
.boton-medio {width:150px; color:#55565a; text-align:center; position:absolute; left:50%; margin-left:-75px;}
.boton-izq i,
.boton-der i {margin-top:-7px; font-size:32px;}
.boton-medio i {margin-top:0px; font-size:20px;}
.ver-mas {width:auto; padding:10px 10px 5px 10px; background:#f4f4f4; border:1px solid #D2D2D2; border-radius:4px; margin:20px 0;}
.boton-izq:hover,
.boton-der:hover,
.boton-medio .actual {color:#25242c; font-weight:400;}
.boton-medio span {margin:0 10px;}

/*----------------------------------------
LOGOS
-------------------------------------------*/
.logos {width:90%; margin:0 auto;}
.logos li {display:inline-block; width:220px; margin:20px; text-align:center;}
.logos li img {width:100%;}


/*----------------------------------------
ICONOS CYAN
-------------------------------------------*/
.icon-jeringilla,
.icon-pastilla,
.icon-remedio,
.icon-gotas,
.icon-capsulas,
.icon-cuchara,
.icon-nariz {width:46px; height:46px; border-radius:50%; display:block; background-position:center center;}
.icon-jeringilla {background-image:url('../images/productos/farma/antiinfecciosos/icon-jeringilla.png');}
.icon-pastilla {background-image:url('../images/productos/farma/antiinfecciosos/icon-pastilla.png');}
.icon-remedio {background-image:url('../images/productos/farma/antiinfecciosos/icon-remedio.png');}
.icon-gotas {background-image:url('../images/productos/farma/antiinfecciosos/icon-gotas.png');}
.icon-nariz {background-image:url('../images/productos/farma/antiinfecciosos/icon-nariz.png');}
.icon-capsulas {background-image:url('../images/productos/farma/antiinfecciosos/icon-capsulas.png');}
.icon-cuchara {background-image:url('../images/productos/farma/antiinfecciosos/icon-cuchara.png');}

/*----------------------------------------
COLORES
-------------------------------------------*/
.black {color:#25242c;}
.cyan {color:#009fe3;}
.amarillo {color:#f9b233;}
.naranja {color:#EF7D00;}
.verde {color:#95c11f;}
.cafe {color:#b17f4a;}
.rose {color:#d342dc;}
.morado {color:#661081;}

/*----------------------------------------
COLORES BACKGROUND LIGHT
-------------------------------------------*/
.bg-pro-light {background:#fff;}
.antinfecciosos {background:#DEEEF6;}
.vitaminas {background:#f8e4cf;}
.antiparasitario {background:#ffecfd;}
.complejo-b {background:#f9d4bb;}
.otc {background:#eaf9df;}
.varios {background:#f0def6;}

/*-------------------------------------------------
BOTONES
--------------------------------------------------*/
.botones {margin: 20px auto;  padding:18px 40px; text-decoration:none; border:0; display: inline-block; color:#FFF; font-size: 14px; text-align:center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; background:#EF7D00;}
.botones:hover {text-decoration:none; background:#25242c; color:#fff;}
.fono-resp {display:none;}

/*----------------------------------------
COLORES BACKGROUND DARK
-------------------------------------------*/
.bg-cyan {background-color:#BED9E2;}
.bg-amarillo {background-color:#f9b233;}
.bg-naranja {background-color:#fabb8f;}
.bg-verde {background-color:#d3e4c4;}
.bg-cafe {background-color:#e2d4c6;}
.bg-rose {background-color:#f8dafc;}
.bg-grey {background:#55565a;}
.bg-morado {background-color:#ddc1e7;}

/*----------------------------------------
TABS
-------------------------------------------*/
.valoresImage {background:url('../images/valoresImage.jpg'); margin:0 auto; width:508px; height:138px;}
.main {margin: 0 auto; min-width: 320px; max-width: 640px;}
.content {background: #fff; color: #373737;}
.content > div {display: none; padding: 30px 25px 5px 63px; background:url('../images/comillas.png') no-repeat 0px 24px;}

.main input {display: none;}
.main label {display: inline-block; text-align: center; width:120px; height:120px; border-radius:50%; background:#F1F1F1; line-height:120px; margin-right:4px;}
.main label:hover {color: #fff; cursor: pointer; background:#55565a;}
.main input:checked + label {background: #EF7D00; color: #fff;}

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4,
#tab5:checked ~ .content #content5 {display: block;}

/*----------------------------------------
FE Y ALEGRIA
-------------------------------------------*/
.linkFeAlegria {width:auto; padding:10px 0; background:#f4f4f4; border:1px solid #D2D2D2; border-radius:4px; text-align:center;}
.left-pro {width:723px; height:356px; float:left;}
.right-pro {width:217px; height:356px; float:right;}

/*----------------------------------------
TOP MENU
-------------------------------------------*/
ul.top-menu {width:100px !important; float:right; margin:30px 0 0 0; text-align:right; overflow:hidden;}
ul.top-menu li {margin:0; display:inline-block; width:30px; height:30px;}
ul.top-menu li i {display:block ; color:#A4A3A3; line-height:30px; text-align:center; font-size:22px;}
ul.top-menu li a {text-decoration:none; background-color:transparent !important; width:30px !important;}
ul.top-menu li i:hover {color:#EF7D00; background-color:transparent !important;}
ul.top-menu li i.activado {color:#EF7D00 !important;}

/*----------------------------------------
CATEGORIAS
-------------------------------------------*/
.categorias {width:100%; text-align:center; font-size:34px; font-weight:200; padding:40px 0; border-bottom:1px solid #BCBCBC;}
.left-column {float:left; margin-left:170px;}
.right-column {float:left;}
.left-column,
.right-column {width:310px; font-weight:200; font-size:18px; line-height:40px; margin-top:20px;}
.left-column i,
.right-column i {line-height:40px;}
.active-menu {color:#25242c !important;}


.reconocimiento {width:150px; height:195px; background-size:contain; border:1px solid #CECECE; display:inline-block; margin-right:5px;}
.image0001 {background-image:url('../images/001Cert.jpg');}
.image0002 {background-image:url('../images/002Cert.jpg');}
.image0003 {background-image:url('../images/000Cert.jpg');}
.image0004 {background-image:url('../images/004Cert.jpg');}

.clic {width:100%; padding-bottom:40px; color:#dadada;}

.left-acc {margin-left:110px;}