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

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times.
Copyright (c) 2010 Stu Nicholls. All rights reserved.
=================================================================== */

/* botones desplegadores ------------------------------------------------------------*/
.desplegador{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:-149px -10px;
	/*background-color:#C06;*/
	height: 16px;
    width: 16px;
	top: 10px;
    left: 149px;
	position: absolute;
	z-index:7;
}
.desplegador:hover{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:-95px -79px;
	height: 35px;
    width: 90px;
	top: 0px;
    left: 95px;
	position: absolute;
	z-index:70;
}

.desplegador:hover .general-marcas{
    display:block;
  /*  background:url(../imagenes/menu/menu.jpg); 
	background-position:-95px -79px;*/
	height: 35px;
    width: 56px;
	top: 0px;
    left: 0px;
	position: absolute;
	z-index:70;
	cursor:pointer;
}

.desplegador_productos{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:-63px -10px;
	height: 16px;
    width: 16px;
	top: 10px;
    left: 63px;
	position: absolute;
	z-index:3;
}

.desplegador_productos:hover{
    display:block;
    background:url(../imagenes/menu/menu.jpg); 
	background-position:0px 0px;
	height: 35px;
    width: 95px;
	top: 0px;
    left: 0px;
	position: absolute;
	z-index:40;
}

.desplegador_productos:hover .general-productos{
    display:block;
   /* background:url(../imagenes/menu/menu.jpg); 
	background-position:0px 0px;*/
	height: 100px;
    width: 63px;
	top: 0px;
    left: 0px;
	position: absolute;
	cursor:pointer;
}

.general-productos, .general-marcas{
	display:none;
}


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

/*////////////////////////////////submenu ////////////////////////////////////*/

/* pocicion contenedor marcas*/
.desplegador div.holder {
	width:900px;
	/*opacity:0.9;*/
	top:25px;
	left:-149px;
	position:absolute;
	overflow:hidden;
}
/* pocicion contenedor productos*/
.desplegador_productos div.holder {
	width:900px;
	/*opacity:0.9;*/
	top:25px;
	left:-63px;
	position:absolute;
	overflow:hidden;
}

/*pocicion submenu y contenedor de productos y marcas cuando se hace rol over sobre los triangulos*/
.desplegador:hover div.slide{
	top:10px;
	left:0px;
}

.desplegador_productos:hover div.slide {
	  top:10px;
	 left:0px;
}

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


/*Fondo de los submenus*/ 
.desplegador div.slide
{
	background:url(../imagenes/menu/menu.jpg); 
	background-position:0px -114px;
	width:870px;
	height:135px;
    padding:17px 15px 15px 15px;
	position:absolute;
	/*filter:alpha(opacity=95);*/
}

.desplegador_productos div.slide
{
	background:url(../imagenes/menu/menu.jpg); 
	background-position:0px -300px;
	width:870px;
	height:184px;
    padding:14px 15px 0px 15px;
	position:absolute;
	/*filter:alpha(opacity=95);*/
}

/* definition list para crear las columnas del submenu*/ 
.desplegador div.slide dl, .desplegador_productos div.slide dl
{
	float:left;
	width:215px;
}

/*------------------------------------------------------------------------*/
/* areas activas de los submenus (fuera de esta area se considera rollout)*/ 
.desplegador:hover div.p3 {
	height:160px;
	left:-95px;
}

.desplegador_productos:hover div.p1 {
	height:210px;
	left:0px;
}
/*------------------------------------------------------------------------*/


/* definition text para crear los Tilulos del submenu*/ 
.desplegador .slide dl dt, .desplegador_productos .slide dl dt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:3px 0 0;
	margin:0;
	height:18px;
	line-height:18px;
	color:#004990;
	float:right;
}

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


/* definition description (elementos del submenu)*/ 
.desplegador .slide dl dd, .desplegador_productos .slide dl dd
{
	padding:0;
	margin:0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
}

.desplegador .slide dl dd a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	background:transparent;
	height:18px;
	width:200px;
	line-height:18px;
	/* acomodamos en default al texto*/
	text-indent:0%;
}

.desplegador_productos .slide dl dd a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#004990;
	background:transparent;
	height:18px;
	width:200px;
	line-height:18px;
	/* acomodamos en default al texto*/
	text-indent:0%;
}

.desplegador .slide dl dd a:hover, .desplegador_productos .slide dl dd a:hover
{
	color:#ff6600;
	background:transparent;
}

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