/*
Theme Name: Omnilife
Theme URI: http://www.hacemoscodigo.com
Author: Hacemos Código (Nori)
Author URI: http://www.hacemoscodigo.com/
Description: Tema realizado para Omnilife por Hacemos Código (Nori) Utilizando Bootstrap 3
Version: 1.0
*/

/*** General sytles sobreescriben algunos valores por defecto de Bootstrap ***/
body { padding-top: 50px; font-family: 'Open Sans', sans-serif; }
body.admin-bar nav.navbar-fixed-top { top: 32px; }

.top-buffer { margin-top:35px !important; }
.bottom-buffer { margin-bottom:35px !important; }

.no-top-buffer { margin-top: 0; }
.no-bottom-buffer { margin-bottom: 0; }

.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
 
.top-inner-buffer { padding-top: 35px; }
.bottom-inner-buffer { padding-bottom: 35px; }

.btn-side-margin { margin-right: 2px; margin-left: 2px; }

.underline { border-bottom: 1px solid #ddd; }

.cursor-pointer { cursor: pointer; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

.white-space-normal { white-space: normal; }

.text-size-48 { font-size: 48px; }
.text-size-36 { font-size: 36px; }
.text-size-28 { font-size: 28px; }
.text-size-22 { font-size: 22px; }
.text-size-18 { font-size: 18px; }
.text-size-16 { font-size: 16px; }
.text-size-14 { font-size: 14px; }
.text-size-12 { font-size: 12px; }
.text-size-10 { font-size: 10px; }

.line-height-128 { line-height: 1.28; }

.bg-white { background-color: #FFF; }
.bg-gray { background-color: #F5F5F5; }
.bg-grayer { background-color: #95979A; color: white; }

.inner-side-padding { padding-left: 15px; padding-right: 15px; }
.inner-top-padding { padding-top: 15px; padding-bottom: 15px; }
.inner-top-padding-10 { padding-top: 10px; padding-bottom: 10px; }

.popover { color: #333; }

.vertical-align { 
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.table-borderless td, .table-borderless th { border: 0 !important; }

.height-180 { max-height:180px; overflow: auto; }
.height-300 { max-height:300px; overflow: auto; }
.height-390 { height: 390px; overflow: auto; }

.agregar-carrito + .tooltip { font-size: 14px; }
.agregar-carrito + .tooltip.in { opacity: 1; }
.agregar-carrito + .tooltip > .tooltip-inner { background-color: #f8f8f8; color: #333; border: 1px solid #e7e7e7;}
.agregar-carrito + .tooltip.right > .tooltip-arrow { border-right-color: #dcdcdc;}
.agregar-carrito + .tooltip.top > .tooltip-arrow { border-top-color: #dcdcdc;}

/*** Header styles ***/

.logo-home {
	background: url('images/omnilife-logo.png') center center no-repeat transparent;
	height: 80px;
	width: 250px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 25px auto;
}

.logo-home a {
	height: 80px;
	width: 250px;
	display: block;
}

.principal { color: #5b5b5e; font-weight: 300; }
.principal a { color: #5b5b5e; text-decoration: none; }

.navbar { margin-bottom: 0; font-size: 12px; }

.sub-menu { font-size: 12px; }
.sub-menu li.compra { line-height: 72px; }
.sub-menu a { padding: 50px 25px 15px 25px !important; }
.sub-menu li a span { 
	width: 110px;
	height: 90px;
	position: absolute;
	left: 50%;
	top: 15px;
	background-image: url('images/iconos-sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	transform:scale(0.3);
	transform-origin: -25px 0;
	-moz-transform:scale(0.3);
	-moz-transform-origin: -25px 0;
	-webkit-transform:scale(0.3);
	-webkit-transform-origin: -25px 0;
}

.sub-menu li a span.tienda-en-linea 		{ background-position: -480px 0; }
.sub-menu li a span.llamanos		 		{ background-position: -480px -240px; }
.sub-menu li a span.visita-tu-cedis 		{ background-position: 0 0; }
.sub-menu li a span.preguntas-frecuentes	{ background-position: -600px -240px; }
.sub-menu li a span.zona-de-empresarios		{ background-position: -360px 0; }
.sub-menu li a span.escuchanos-en-vivo		{ background-position: -360px -240px; }

.bandera {
	background-image: url("images/paises-sprite.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 17px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	width: 25px;
}

.bandera-caption { text-indent: 23px; position: relative; }
.bandera-caption-header { position: relative; padding-right: 35px; }
.bandera-caption-header .bandera { 
	right: 0;
	left: auto;
	top: 17px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.bandera-argentina				{ background-position: 0 0; }
.bandera-bolivia				{ background-position: -25px 0; }
.bandera-brasil					{ background-position: -50px 0; }
.bandera-chile					{ background-position: -75px 0; }
.bandera-colombia				{ background-position: -100px 0; }
.bandera-costa-rica				{ background-position: -125px 0; }
.bandera-ecuador				{ background-position: -150px 0; }
.bandera-el-salvador			{ background-position: -175px 0; }
.bandera-espana					{ background-position: -200px 0; }
.bandera-eua 					{ background-position: -225px 0; }
.bandera-guatemala				{ background-position: 0 -17px; }
.bandera-mexico					{ background-position: -25px -17px; }
.bandera-nicaragua				{ background-position: -50px -17px; }
.bandera-panama					{ background-position: -75px -17px; }
.bandera-paraguay				{ background-position: -100px -17px; }
.bandera-peru					{ background-position: -125px -17px; }
.bandera-republica-dominicana	{ background-position: -150px -17px; }
.bandera-uruguay				{ background-position: -175px -17px; }
.bandera-venezuela				{ background-position: -200px -17px; }

/*** Home styles ***/

.eslogan-home { 
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.2em;
	-moz-word-wrap: normal;
	word-wrap: normal;
}

#imagen-home { cursor: pointer; }

.nota-home-caption {
	background-color: #F1F2F2;
	color: #333;
	text-shadow: none;
	text-align: left;
	padding: 0 15px;
	width: 100%;
	left: 0;
	bottom: 0;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.btn-vive-saludable, .btn-haz-negocio {
	background: url('http://placehold.it/590x210') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 210px;
	position: relative;	
	z-index: 1;
}

.btn-haz-negocio { background-image: url('images/hand-shake-02.jpg'); }

.btn-vive-saludable h2, .btn-haz-negocio h2 { margin: 0; }
.btn-vive-saludable h2 a, .btn-haz-negocio h2 a { 
	display: block; 
	height: 210px; 
	line-height: 180px;
	color: white;
	padding-top: 50px;
	text-shadow: #444 0 1px 1px;
	text-transform: uppercase;
}

.btn-vive-saludable h2 a:before, .btn-haz-negocio h2 a:before {
	content: '';
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: 2;
	top: 25px;
	left: 50%;
	margin-left: -60px;
	background-image: url('images/iconos-sprite.png');
}

.btn-vive-saludable h2 a:before 	{ background-position: -600px -120px; }
.btn-haz-negocio h2 a:before 		{ background-position: -720px -120px; }

.btn-vive-saludable h2 a:hover, .btn-haz-negocio h2 a:hover { text-decoration: none; }

.text-botones-home { padding: 5% 20%; }

.noticia-home { clear: both; margin-bottom: 15px; min-height: 150px; background-color: #eee; position: relative; }
.noticia-home img { float: left; margin-right: 15px; }

.img-noticia-home-1 {  }
.caption-home-1 { 
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #eee;
	padding: 0 10px;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

.carousel-inner-pais .item { 
	background: url('http://placehold.it/1920x800') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 480px;
}
.carousel-inner-pais .item img.wp-post-image {
	margin: 0 auto;
	overflow: hidden;
}

.carousel-caption-pais { bottom: 25px; padding-bottom: 0px; }
.carousel-caption-pais a { color: white; text-decoration: none; }

#carousel-banners-pais .carousel-indicators { bottom: 0px; }

/*** Page styles ***/

.page-background {
	background: url('http://placehold.it/1920x800') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 350px;
	color: white;
	text-shadow: #444 0 1px 1px;
	padding-top: 180px;
}

.content h2, .content h3 { color: #724c9f; }

/*** Single styles ***/

.nota h1 {  }

.img-testimonios { margin-right: 25px; }
.text-testimonios { margin-top: 0; font-size: 24px; }

/*** Archive styles ***/
.archive-item img { float: left; margin-right: 25px; }

/*** Zona de empresarios ***/
.nombre-empresario { font-size: 18px; }
.nombre-empresario-tops { min-height: 50px; }
.posible-inactivo { padding: 10px; margin: 10px 0; }

.concurso-inactivo { color: gray; }

ul.progreso { margin: 15px 0; padding: 0; }
ul.progreso li { 
	display: inline-block;
	border: 2px solid #624189;
	margin: 0 10px;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 16px;
}

.concurso-inactivo ul.progreso li { border-color: gray; color: gray; }

.concurso-periodo-inactivo { background-color: gray !important; color: white !important; }


/*** Archive productos ***/
.productos { height: 450px; position: relative; }
.productos-boton-comprar { position: absolute; bottom: 10px; right: 15px; }

.nav-productos { }
.nav-productos li a {
	height: 130px;
	padding-top: 75px;
}
.nav-productos li a span { 
	width: 70px;
	height: 60px;
	position: absolute;
	left: 27%;
	top: 10px;
	background-image: url('images/categorias-sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.nav-productos li a.hidratacion									{ color: #0085CC; }
.nav-productos li a.nutricion-ligera							{ color: #FDB813; }
.nav-productos li a.nutricion-para-deportistas 					{ color: #DD1F26; }
.nav-productos li a.nutricion-para-deportistas-y-energizantes	{ color: #DD1F26; }
.nav-productos li a.energizantes								{ color: #DD1F26; }
.nav-productos li a.nutricion-para-ellas						{ color: #59B947; }
.nav-productos li a.nutricion-para-ellos						{ color: #0085CC; }
.nav-productos li a.nutricion-para-ninos						{ color: #EC2A91; }
.nav-productos li a.nutricion-para-todos						{ color: #714C9E; }

.nav-productos li.active a.hidratacion									{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-ligera								{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-deportistas 					{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-deportistas-y-energizantes 	{ color: #FFFFFF; }
.nav-productos li.active a.energizantes									{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-ellas							{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-ellos							{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-ninos							{ color: #FFFFFF; }
.nav-productos li.active a.nutricion-para-todos							{ color: #FFFFFF; }

.nav-productos li a span.hidratacion 								{ background-position: -70px -120px !important; }
.nav-productos li a span.nutricion-ligera 							{ background-position: 0px -120px !important; }
.nav-productos li a span.nutricion-para-deportistas 				{ background-position: -280px 0 !important; }
.nav-productos li a span.nutricion-para-deportistas-y-energizantes	{ background-position: -280px 0 !important; }
.nav-productos li a span.energizantes								{ background-position: -280px 0 !important; }
.nav-productos li a span.nutricion-para-ellas						{ background-position: -140px 0 !important; }
.nav-productos li a span.nutricion-para-ellos						{ background-position: -70px 0 !important; }
.nav-productos li a span.nutricion-para-ninos						{ background-position: -210px 0 !important; }
.nav-productos li a span.nutricion-para-todos						{ background-position: 0 0 !important; }

.nav-productos li.active a span.hidratacion 								{ background-position: -70px -180px !important; }
.nav-productos li.active a span.nutricion-ligera 							{ background-position: 0px -180px !important; }
.nav-productos li.active a span.nutricion-para-deportistas 					{ background-position: -280px -60px !important; }
.nav-productos li.active a span.nutricion-para-deportistas-y-energizantes	{ background-position: -280px -60px !important; }
.nav-productos li.active a span.energizantes			 					{ background-position: -280px -60px !important; }
.nav-productos li.active a span.nutricion-para-ellas						{ background-position: -140px -60px !important; }
.nav-productos li.active a span.nutricion-para-ellos						{ background-position: -70px -60px !important; }
.nav-productos li.active a span.nutricion-para-ninos						{ background-position: -210px -60px !important; }
.nav-productos li.active a span.nutricion-para-todos						{ background-position: 0 -60px !important; }

/* Compra rápida */

.compra-rapida.hidratacion									{ border-top: 1px solid #0085CC; }
.compra-rapida.nutricion-ligera								{ border-top: 1px solid #FDB813; }
.compra-rapida.nutricion-para-deportistas 					{ border-top: 1px solid #DD1F26; }
.compra-rapida.nutricion-para-deportistas-y-energizantes	{ border-top: 1px solid #DD1F26; }
.compra-rapida.energizantes									{ border-top: 1px solid #DD1F26; }
.compra-rapida.nutricion-para-ellas							{ border-top: 1px solid #59B947; }
.compra-rapida.nutricion-para-ellos							{ border-top: 1px solid #0085CC; }
.compra-rapida.nutricion-para-ninos							{ border-top: 1px solid #EC2A91; }
.compra-rapida.nutricion-para-todos							{ border-top: 1px solid #714C9E; }

.compra-rapida-categoria-nombre { text-align: center; color: white; background-color: #F5F5F5; }

.compra-cantidad { padding: 0 5px; }
.mas, .menos { padding: 0px 1px 1px 1px; margin-top: 3px; }

.carrito-pedido-row { max-height: 350px; overflow: auto; }

.bg-hidratacion									{ background-color: #0085CC; }
.bg-nutricion-ligera							{ background-color: #FDB813; }
.bg-nutricion-para-deportistas 					{ background-color: #DD1F26; }
.bg-nutricion-para-deportistas-y-energizantes	{ background-color: #DD1F26; }
.bg-energizantes								{ background-color: #DD1F26; }
.bg-nutricion-para-ellas						{ background-color: #59B947; }
.bg-nutricion-para-ellos						{ background-color: #0085CC; }
.bg-nutricion-para-ninos						{ background-color: #EC2A91; }
.bg-nutricion-para-todos						{ background-color: #714C9E; }

/* Shopping styles */
.productos-caption { height: 120px; overflow: auto; }
.contador-promo { margin-right: 20px; font-size: 15px; }

/* Footer styles */

.botones-global {
	background-color: #eee;
	padding: 15px 10px;
	min-height: 350px;
}

.botones-global img {
	margin: 0 auto;
}

.botones-global a.icono {
	display:block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background: url('images/iconos-sprite.png') 0 0 no-repeat;
}

.boton-somos-omnilife 		{ background-position: 0 0 !important; }
.boton-testimonios 			{ background-position: -120px 0 !important; }
.boton-paises 				{ background-position: -240px 0 !important; }
.boton-zona-empresarios 	{ background-position: -360px 0 !important; }
.boton-compras 				{ background-position: -480px 0 !important; }
.boton-cedis 				{ background-position: 0 -240px !important; }
.boton-respaldo-omnilife	{ background-position: -120px -240px !important; }
.boton-aplicacion-movil		{ background-position: -240px -240px !important; }
.boton-descarga-video		{ background-position: -840px -480px !important; }
.boton-kitdigital   		{ background-position: -250px -718px !important; }

.botones-global a:hover {
	text-decoration: none;
}

.botones-global:hover,
.botones-global.active {
	background-color: #624189;
	color: white;
}

.botones-global:hover a, .botones-global.active a { color: white; }

.botones-global:hover .boton-somos-omnilife, .botones-global.active .boton-somos-omnilife		{ background-position: 0 -120px !important; }
.botones-global:hover .boton-testimonios, .botones-global.active .boton-testimonios				{ background-position: -120px -120px !important; }
.botones-global:hover .boton-paises, .botones-global.active .boton-paises						{ background-position: -240px -120px !important; }
.botones-global:hover .boton-zona-empresarios, .botones-global.active .boton-zona-empresarios	{ background-position: -360px -120px !important; }
.botones-global:hover .boton-compras, .botones-global.active .boton-compras						{ background-position: -480px -120px !important; }
.botones-global:hover .boton-cedis, .botones-global.active .boton-cedis							{ background-position: 0 -360px !important; }
.botones-global:hover .boton-respaldo-omnilife, .botones-global.active .boton-respaldo-omnilife	{ background-position: -120px -360px !important; }
.botones-global:hover .boton-aplicacion-movil, .botones-global.active .boton-aplicacion-movil	{ background-position: -240px -360px !important; }
.botones-global:hover .boton-descarga-video, .botones-global.active .boton-descarga-video		{ background-position: -840px -600px !important; }
.botones-global:hover .boton-kitdigital, .botones-global.active .boton-kitdigital       		{ background-position: -250px -842px !important; }

.menu-multimedia { font-size: 12px; width: 100%; }
.menu-multimedia li { display: table-cell; width: 1%; float: none; }
.menu-multimedia li.omnilife-multimedia { line-height: 72px; }
.menu-multimedia a { 
	padding: 63px 25px 15px 25px !important;
	margin: 25px 0;
}
.menu-multimedia li a span { 
	width: 110px;
	height: 90px;
	position: absolute;
	left: 50%;
	top: 15px;
	background-image: url('images/iconos-sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	transform: scale(0.7);
	transform-origin: -150px -70px 0;
	-moz-transform:scale(0.7);
	-moz-transform-origin: -150px -70px 0;
	-webkit-transform:scale(0.7);
	-webkit-transform-origin: -150px -70px 0;
}

.menu-multimedia li a span.escuchanos-en-vivo 		{ background-position: -360px -240px; }
.menu-multimedia li a span.canal-youtube		 	{ background-position: -720px -240px; }
.menu-multimedia li a span.baja-musica 				{ background-position: -840px 0; }
.menu-multimedia li a span.visita-galeria			{ background-position: -840px -240px; }
.menu-multimedia li a span.transmision-en-vivo 		{ background-position: -600px -720px; }
.menu-multimedia li a span.baja-video				{ background-position: -960px -720px; }

.menu-multimedia a.omnilife-multimedia { 
	background-image: url('images/omnilife-multimedia.png');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	border-right: 1px solid #C5C7C9;
}

.botones-acercate {
	background-image: url("images/iconos-sprite.png");
	background-position: -25px -25px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 75px;
	margin: -5px 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 75px;
	transform: scale(0.7);
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
}

.boton-telefono-pais	{ background-position: -23px -501px; }
.boton-facebook			{ background-position: -143px -501px; }
.boton-twitter 			{ background-position: -262px -501px; }
.boton-youtube			{ background-position: -382px -501px; }
.boton-instagram		{ background-position: -504px -501px; }
.boton-email			{ background-position: -612px -501px; width: 96px; }
.boton-telefonos		{ background-position: -859px -743px; transform: none; -moz-transform: none; -webkit-transform: none; }

.telefono-pais { 
	font-size: 18px; 
	display: inline-block;
	line-height: 62px;
	vertical-align: top;
}

.sub-menu-inferior { 
	font-size: 12px; 
	width: 100%; 
	text-transform: 
	uppercase; 
	background-color: #A8ABAD; 
	padding: 10px 0;
	color: #FFF;
}
.sub-menu-inferior ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.sub-menu-inferior ul li { display: inline-block; padding: 0 15px; border-right: 1px solid #FFF; }
.sub-menu-inferior ul li:last-child { border-right: none; }
.sub-menu-inferior ul li a { color: #FFF; }

.acercate { padding: 35px 0;}
.acercate p { font-size: 12px; }

.footer { background-color: #C0C1C3; color: white; padding: 15px 0; font-size: 12px; }
.footer-links ul { list-style: none; margin: 0; padding: 0; }
.footer-links ul li { display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px solid white; }
.footer-links ul li:last-child { border-right: none; }
.footer-links ul.derechos li:nth-last-child(2) { border-right: none; margin-right: 0; }
.footer-links ul.derechos li:last-child { margin-left: 10px; margin-right: 0px; border-right: none;}
.footer-links a { color: white; }
.footer-links a:hover { color: white; }
.footer-links img { margin: 25px 0; }
.footer-links p { font-size: 12px; }


/*** Media < 782px para la barra de WordPress ***/
@media (max-width: 782px) { 
	body.admin-bar nav.navbar-fixed-top { top: 45px; position: absolute; }
	body { padding-top: 50px; }
}

/*** Media queries para Bootstrap ***/
/*** xs ***/
@media (max-width: 767px) {
	.botones-global {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		min-height: 280px;
	}
	.acercate { padding: 20px 0; }
	.botones-acercate {
		height: 68px;
		width: 68px;
		margin: -10px;
		transform: scale(0.5);
		-moz-transform:scale(0.5);
		-webkit-transform:scale(0.5);
	}
	.boton-email { width: 96px; }
	.boton-telefonos { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); }
	.eslogan-home { letter-spacing: 0.1em; }
	.logo-home, .logo-home a { height: 50px; width: 210px; }
	.menu-multimedia li { display: block; width: 100%;}
	.menu-multimedia a.omnilife-multimedia { border-right: none; }
	.nombre-empresario-tops { min-height: 0; padding-bottom: 10px; }
	.carousel-inner-pais .item { height: 280px; }
	.nav-productos li a span { left: 38%; }
}
/*** sm ***/
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
	.botones-global { min-height: 336px; }
	.nombre-empresario-tops { min-height: 70px; }
	.carousel-inner-pais .item { height: 400px; }
	.nav-productos li a { height: 140px; }
	.nav-productos li a span { left: 16%; }
}
/*** md ***/
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
	.nav-productos li a { height: 130px; }
	.nav-productos li a span { left: 27%; }
	.carousel-inner-pais .item { height: 480px; }

}
/*** lg ***/
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
	.botones-global { min-height: 300px; }
	.nav-productos li a { height: 130px; }
	.nav-productos li a span { left: 29%; }
	.carousel-inner-pais .item { height: 480px; }

}