@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 {
	/*background:url(images/bgmenu.gif) #dd0069;opcional*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:900px;
	top:35px;
	position:relative;
} 

.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;
}


/*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;
}