/**
 * Menu de Productos.
 * 
 * Color primario #EB3D12
 * Color secundario: #139622
 */


/*Menu de Productos*/
#productosMenu, #lineasMenu
	{
	position: relative;
	width: 280px;
	background-image: url(../images/productos-menu/middle-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #EFEFEF;
	}

#productosMenu h3, #lineasMenu h3
	{
	margin: 0px !important;
	
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 15px !important;
	

	background-color: #139622;
	
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;

	text-align: center;
	}



#productosMenu .itemsZone, #lineasMenu .itemsZone
	{
	background-image: url(../images/productos-menu/bottom-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	padding-left: 10px;

	padding-top: 10px;
	padding-bottom: 15px;
	}


#productosMenu div.item, #lineasMenu div.item
	{
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	}


#productosMenu a, #lineasMenu a
	{
	/*display: block;*/
	
	color: #000000;
	font-size: 12px;
	text-decoration: none;

	font-weight: bold;
	

	background-image: url(../images/productos-menu/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
		

	padding-left: 18px;
	}

#productosMenu a:hover, #lineasMenu a:hover
	{
	background-image: url(../images/productos-menu/bullet-hover.png) !important;
	}

/*Imagenes de Productos*/
#productosMenuImageZone
	{
	position: absolute;
	top: 85px;
	left: 170px;
	z-index: 5;
	width: 130px;
	height: 200px;
	text-align: left;
	}

#productosMenuImage
	{
	width: 160px;
	height: 200px;
	text-align: left;
	overflow: hidden;
	}

#productosMenuImage div
	{
	width: 160px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	}

#productosMenuImage .curathor
	{
	background-image: url(../images/productos-menu/images/curathor.png);
	background-position: 50px center !important;
	}

#productosMenuImage .recubrimientos
	{
	background-image: url(../images/productos-menu/images/recubrimientos.png);
	
	background-position: 40px center !important;
	}


#productosMenuImage .concreto
	{
	background-image: url(../images/productos-menu/images/concreto.png);
	background-position: left center !important;
	}

#productosMenuImage .selladoresjuntas
	{
	background-image: url(../images/productos-menu/images/selladoresjuntas.png);
	background-position: 30px center !important;
	}

#productosMenuImage .impermeabilizantes
	{
	background-image: url(../images/productos-menu/images/impermeabilizantes.png);
	background-position: 20px center !important;
	}

#productosMenuImage .adhesivos
	{
	background-image: url(../images/productos-menu/images/adhesivos.png);
	background-position: 40px center !important;
	}

#productosMenuImage .pinturas
	{
	background-image: url(../images/productos-menu/images/pinturas.png);
	background-position: right center !important;
	}

#productosMenuImage .tratamientos
	{
	background-image: url(../images/productos-menu/images/tratamientos.png);
	background-position: 45px center !important;
	}

#productosMenuImage .juntas
	{
	background-image: url(../images/productos-menu/images/juntas.png);
	background-position: left center !important;
	}

#productosMenuImage .pisos
	{
	background-image: url(../images/productos-menu/images/pisos.png);
	background-position: 25px center !important;
	}

a#activeProductoMenuItem,  a#activeProductoMenuItem:hover
	{
	background-image: url(../images/productos-menu/bullet-selected.png) !important;
	}


/*SubMenus*/
#productosSubMenusZone
	{
	position: absolute;
	top: 70px;
	left: 280px;
	z-index: 1;
	/*width: 330px;*/
	width: 0px;
	
	height: 230px;
	overflow: hidden;
	}

#productosSubMenusZoneRelative
	{
	
	position: relative;
	width: auto;
	height: 230px;
	}


#productosSubMenusZoneBg
	{
	position: absolute;
	top: 3px;
	right: 3px;
			
	z-index: 2;
	
	width: 327px;
	height: 224px;
	
	background-repeat: no-repeat;
	background-image: url(../images/productos-menu/submenu-bg.png);
	background-position: right top;
	
	opacity:0.9;
	}


#productosSubMenusZoneBorder
	{
	position: absolute;
	top: 0px;
	right: 0px;
			
	z-index: 3;
	
	width: 330px;
	height: 230px;

	background-repeat: no-repeat;
	background-image: url(../images/productos-menu/submenu-border.png);
	background-position: right top;
	}

#productosSubMenusZoneItems
	{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 315px;
	height: 200px;
	z-index: 4;
	}

#productosSubMenus
	{
	width: 315px;
	height: 200px;
	overflow: hidden;
	text-align: left;
	}

#productosSubMenus center
	{
	width: 315px;
	height: 200px;
	}

#productosSubMenus td
	{
	height: 200px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	}


#productosSubMenus .withPadding td
	{
	padding-left: 60px;
	}


#productosSubMenus .adhesivos td
	{
	padding-left: 30px;
	}