@charset "utf-8";
/* ========================================================================================================================  
	CSS CEDE Estilo Menu V1.0
	Julio Cesar Zavala
	Juan Carlos Raymundo
	Enero 2011
===========================================================================================================================*/

/*menu con sprites.======================================================================*/

.menuholder {
	/*background:url(images/bgmenu.gif) #dd0069;opcional*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;
	width:900px;
} 

.menuholder li {
	float:left;
}

.menuholder a {
	background:url(../imagenes/menu/menu.jpg);
	display:block;
	height:35px;
	text-decoration:none;
	/* quitamos de la vista al texto*/
	text-indent:-9000%;
}

/* quitamos de la vista al texto para estos elementos en IE8*/
.menu_productos a{
	text-indent:-7000px;	
}

.submenu_soluciones a{
	width:0px;
	height:0px;
	overflow:hidden;
}

/*ESTADO NORMAL*/
.menu_productos a {width:98px;}
.menu_marcas a {width:104px; background-position:-98px 0px; z-index: 10;}
.menu_nosotros a {width:74px; background-position:-202px 0px;}
.menu_contacto a {width:72px; background-position:-276px 0px;}
.menu_recursos a {width:85px; background-position:-348px 0px;}
.menu_promociones a {width:90px; background-position:-433px 0px;}
.menu_usuarios a {width:95px; background-position:-523px 0px;}
.menu_home a {width:95px; background-position:-618px 0px;}

/*ESTADO ROLLOVER*/
.menu_productos a:hover {background-position:0px -0px;}
.menu_marcas a:hover {background-position:-98px -2063px;}
.menu_nosotros a:hover {background-position:-202px -2132px;}
.menu_contacto a:hover {background-position:-276px -2132px;}
.menu_recursos a:hover {background-position:-348px -2132px;}
.menu_promociones a:hover {background-position:-433px -2132px;}
.menu_usuarios a:hover {background-position:-523px -2132px;}
.menu_home a:hover {background-position:-618px -2132px;}

/*ESTADO ACTIVO*/
/*.menu_productos a.active {background-position:0px -0px;}
.menu_marcas a.active {background-position:-98px -79px;}
.menu_nosotros a.active {background-position:-202px -2132px;}
.menu_contacto a.active {background-position:-276px -2132px;}
.menu_recursos a.active {background-position:-348px -2132px;}
.menu_promociones a.active {background-position:-433px -2132px;}
.menu_usuarios a.active {background-position:-523px -2132px;}
.menu_home a.active {background-position:-617px -2132px;}*/

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* divs ocultos (con display) para cambiar el estado de 2 elementos diferentres(se hace visible con mousover, mouse out y javascript)*/

.menu_marcas .over {
	display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:0px -2063px;
	height: 35px;
    width: 98px;
	position: absolute;
    top: 0px;
    left: 0px;
    display: none;
	z-index:6;
}


.menu_marcas .over2{
	display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:0px -79px;
	height: 35px;
    width: 210px;
	position: absolute;
    top: 0px;
    left: 0px;
    display: none;
	z-index:5;
}

.menu_espacio {
	background:url(../imagenes/menu/menu.jpg);
	display:block;
	height:35px;
	width:187px;
	background-position:-713px 0px;
}

/*-----------------------------------------------------------------------------------------*/


/*Submenu con sprites.======================================================================*/

.submenuholder {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:900px;
	top:35px;
	position:relative;
} 
ul.submenuholder {
	border-radius: 0 0 0 20px;
	overflow: hidden;
}

.submenuholder li {
	float:left;
}

.submenuholder a {
	background:url(../imagenes/menu/menu.jpg);
	display:block;
	height:35px;
	text-decoration:none;
	/* quitamos de la vista al texto*/
	text-indent:-9000%;
}

.submenu_buscador div {
	background:url(../imagenes/menu/menu.jpg);
	height:35px;
    width:650px;
	background-position:-250px -35px;
	border-radius: 0 0 15px 0;
}


/*ESTADO NORMAL*/
.submenu_soluciones a {width:150px; background-position:0px -35px; }
.submenu_entrenamiento a {width:100px; background-position:-150px -35px;}

/*ESTADO ROLLOVER*/
.submenu_soluciones a:hover {width:150px; background-position:0px -35px; }
.submenu_entrenamiento a:hover {width:100px; background-position:-150px -35px;}

/*buscador======================================================================*/


#input_buscar{
	position:absolute;
	width:176px;
	height:19px;
	top:10px;
	left:680px;
	border:none;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#900;
	margin:0px;
	background-color:transparent;
	}

#input_buscar:focus {
	outline:0px;
}

#boton_buscar{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:-863px -40px;
	border:none;
	height: 24px;
    width: 33px;
	top: 5px;
    left: 863px;
	position: absolute;
	z-index:2;
	text-indent:-9000%;
}

.submenu_buscador:hover #boton_buscar{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:-863px -503px;
	border:none;
	height: 24px;
    width: 33px;
	top: 5px;
    left: 863px;
	position: absolute;
	z-index:2;
}


/*NUEVOS ESTILOS PARA EL CARRITO*/
.mini-cart-container{
	position: relative;
	display: inline-block;
}

.cart-link{
	text-decoration:none;
	color:#666;
}

.mini-cart-dropdown{
	position:absolute;
	top:32px;
	left:0;
	width:450px;
	background:#FFF;
	border-radius:10px;
	box-shadow:0 5px 20px rgba(0,0,0,.25);
	z-index:999999;
	padding:15px;
	display:none;
	text-align:left;
}

.mini-cart-container.has-items:hover .mini-cart-dropdown{
	display:block;
}

.mini-cart-dropdown.active{
	display:block !important;
}

.mini-cart-item{

	display:flex;

	align-items:center;

	gap:10px;

	padding:10px 0;

	border-bottom:1px solid #EEE;
}

.mini-cart-img{

	width:55px;

	height:55px;

	object-fit:contain;
}

.mini-cart-info{
	flex:1;
}

.mini-cart-title{

	font-size:13px;

	color:#20419A;

	margin-bottom:5px;
}

.mini-cart-qty{

	font-size:12px;

	color:#777;
}

.mini-cart-price{

	font-weight:bold;

	color:#333;
}

.mini-cart-total{

	padding-top:15px;

	text-align:right;

	font-size:16px;

	color:#333;
}

.mini-cart-buttons{

	margin-top:15px;
}

.btn-ver-carrito{

	display:block;

	background:#0074c8;

	color:#FFF;

	text-align:center;

	padding:10px;

	border-radius:5px;

	text-decoration:none;

	font-weight:bold;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* =========================================
   CEDE 2 - HEADER SUPERIOR
   ========================================= */

.cede2-header-area{
	width:264px;
	height:88px;
	float:right;
	background-color:#20419A;
}

.cede2-top-menu{
	width:264px;
	height:34px;
	background:#FFF;
	border-radius:0 0 0 20px;

	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;

	display:flex;
	align-items:center;
	justify-content:flex-end;
}
/* =========================================
   CEDE 2 - CARRITO
   ========================================= */

.cede2-cart-link{
	display:flex;
	align-items:center;

	height:34px;

	padding:0 6px;

	text-decoration:none;

	color:#444;

	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
}


/* Texto Carrito */

.cede2-cart-text{
	display:inline-block;
}


/* Icono carrito */

.cede2-cart-icon{
	width:30px;
	height:30px;

	object-fit:contain;

	margin-left:5px;
}


/* Contador */

.cede2-cart-count{
	min-width:17px;
	height:17px;

	margin-left:3px;

	display:inline-flex;
	align-items:center;
	justify-content:center;

	background:#20419A;
	color:#FFF;

	border-radius:50%;

	font-size:10px;
	font-weight:bold;
}


/* =========================================
   CEDE 2 - CUENTA
   ========================================= */

.cede2-account-container{
	height:34px;

	display:flex;
	align-items:center;

	margin-left:8px;
}


.cede2-account-link{
	display:inline-block;

	text-decoration:none;

	color:#444;

	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:bold;

	white-space:nowrap;
}


.cede2-lock-icon{
	width:18px;
	height:18px;

	object-fit:contain;

	margin-left:5px;
}

.cede2-account-border{
	border-left:1px solid #D5D5D5;
	padding-left:8px;
}

#contador-carrito{
	position: relative;
	float: none !important;
	top: -7px;
	right: 13px;
	bottom:auto !important;
	left:auto !important;

	display:inline-flex !important;

	align-items:center;
	justify-content:center;

	vertical-align:middle;

	min-width:17px;
	height:17px;

	margin:0 0 0 3px !important;
	padding:0 3px;

	box-sizing:border-box;

	background:#20419A;

	color:#FFF !important;

	border-radius:50%;

	font-family:Arial, sans-serif !important;
	font-size:10px !important;
	font-weight:bold !important;

	line-height:17px !important;
}

/* =========================================
   HOVER CARRITO / CUENTA
   ========================================= */

.cede2-cart-link{
	transition:color .2s ease;
}

.cede2-cart-link:hover{
	color:#20419A !important;
}

.cede2-account-link{
	transition:color .2s ease;
}

.cede2-account-link:hover{
	color:#20419A !important;
}

#contador-carrito{
	transition:transform .2s ease, background-color .2s ease;
}

.cede2-cart-link:hover #contador-carrito{
	transform:scale(1.12);
}