*{
padding: 0;
margin: 0;
border: 0;
outline:none;
}
/*ffd900*/
body{text-align:center;background-color:#e6e2d0; font-family:Arial, Helvetica, sans-serif; font-size:10px}

#cabecera_logo{ margin:0 auto 0 auto; text-align:left; width:780px; padding-left:30px; background-color:#ffd900; padding-right:18px;}
#cabecera_logo_33{ margin:0 auto 0 auto; text-align:left; width:800px; padding-left:30px; background-color:#ffd900; height:30px; }

#container{ margin:0 auto 0 auto; text-align:left; width:800px; background-color:#ffffff; padding-left:30px}

#zona_menu{ height:60px; background-color:#ffffff; padding-bottom:10px; border-bottom:1px solid #000;}

.submenuses ul li { display: inline; padding-left: 1em; padding-right: 1em;float:left;}
.submenuses ul li a{text-decoration: none; ,color: #000; font-weight: bold;font-size: 1em; padding-left: 0.3em; padding-right: 0.3em;}
.submenuses ul li a:hover {font-weight: bold;background-color: #999;color: #000;}

#menu_ppal{}
#menu_ppal ul li { display: inline; padding-left: 0px; padding-right: 5px; text-transform:lowercase;background-color:#999; float:left;height:26px; min-height:26px;}
#menu_ppal ul li a{text-decoration: none; ,color: #000; border-right:1px solid #ffffff; padding-right:4px; color:#000;  }
#menu_ppal ul li a:hover {background-color: #999;color: #000;}


#listado_producto{width:770px;border-bottom:3px solid #000; float:left; padding-top:5px;}
#listado_producto h3{ padding:5px; cursor:pointer;}
#listado_producto div{ padding:10px; background-color:#ffbf00}



#listadu{width:760px;border-bottom:3px solid #000; float:left; padding-top:5px;  padding-left:0px}
#listadu h3{ padding:5px; cursor:pointer;  padding-left:0px}
#listadu div{ padding:10px; background-color:#ffbf00; padding-bottom:0px;  padding-left:4px}


#listado_productos h1{ font-size:28px; line-height:26px; padding-top:10px}
#listado_productos h2{ font-weight:normal; font-size:18px; text-transform:uppercase;}
#listado_productos h2.canijo{ font-weight:normal; font-size:11px; text-transform:uppercase;}

#listado_productos h2.miga{ font-weight:bold; font-size:11px;}
#listado_productos h2.miga a{ color:#000; text-decoration:none;}
#listado_productos h2.miga a:hover{ text-decoration:underline;}



p.descripcion{ width:500px; margin-bottom:20px}

#listado_productos{width:770px; padding-top:5px;min-height:420px; padding-left:30px}


/*.ui-state-active{background-color:#ffbf00}*/
a.masinfo{ font-weight:bold; color:#333; text-decoration:none;}
a:hover.masinfo{ text-decoration:underline;}



#paginador{ text-align:right;float:right;}
#paginador a{ text-decoration:none; color:#000; font-size:30px;}
#paginador a:hover{ text-decoration:underline;}

p.bloque_aplicacion{ margin-bottom:25px;}



/* estilos para las tabs*/
#variantes{width:500px; margin:0px; padding:0px}
#variantes ul.tabnav{ width:100%; border-bottom:1px solid #000; padding-bottom:3px; margin-bottom:5px}
#variantes ul.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	 color:#fff;
	}
	
#variantes ul.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #000;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		}
		
#variantes ul.tabnav li a:hover {
		background: #000;
		color: #fff;
		text-decoration: none;
		}
#variantes ul li.ui-tabs-hide {
		display: none;
		}
#variantes ul li.ui-state-active a{ background:#000; color:#fff;}

.caracteristica{ margin-bottom:15px; padding-top:2px}


td.celda_iluminada a {display: block; margin 0; text-decoration:none;padding-left:10px; height:55px; padding-top:15px}
td.celda_iluminada a:link {color: #666; background-color:#CCCCCC;}
td.celda_iluminada a:hover {color:#000; } 





/* MENU DE NAVEGACION */
/**
 * Multi Level Drop Down Menu 2.1 - CSS Temp
 * October 1, 2009
 * Corey Hart @ http://www.codenothing.com
 */ 

#multi-ddm {
	list-style: none;
	padding: 0;
	margin: 0;
	width:811px;
	background-color: #aaaaaa;
	height:30px
}

#multi-ddm > li {
	float: left;

}

#multi-ddm > li > a {
	display: block;
	width: 112px;
	text-align:center;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #232323;
	background-color: #aaaaaa;
	/*border: 1px solid #c5c5c5;*/
	font-size:11px;
	font-weight:bold;

}

#multi-ddm > li > .parent-hover {
	background-color: #5b5b5b;
	color:#ffbf00;
	/*border-left: 1px solid #262626;*/
}

#multi-ddm > li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: -1px 0 0 0;
	z-index: 90;
	padding: 0;
}

#multi-ddm > li ul a {
	display: block;
	width: 152px;
	padding: 5px;
	border-bottom: 1px solid #262626;
	border-right: 1px solid #262626;
	border-left: 1px solid #262626;
	text-decoration: none;
	font-size: 10pt;
	color: #232323;
	background-color: #5b5b5b;
	font-size:10px; color:#fff;font-weight:bold;
}

#multi-ddm > li ul li a.first {
	border-top: 1px solid #262626;
}

#multi-ddm > li ul .child-hover1 {
	background-color: #5b5b5b;
	color:#ffbf00;
}

#multi-ddm > li ul .child-hover2 {
	background-color: black;
	color: white;
}

#multi-ddm > li ul .child-hover3 {
	background-color: purple;
	color: white;
}

#multi-ddm > li ul .child-hover4 {
	background-color: blue;
	color: white;
}

#multi-ddm > li ul li ul {
	margin: -29px 0 0 163px;
	position: absolute;
}

#multi-ddm span {
	float: right;
}

.miga{ font-size:11px; color:#000;}
a{color:#000; text-decoration:none}

.menu_activo{background-color: #5b5b5b;color:#ffbf00;}

#menu_activo{background-color: #5b5b5b;color:#ffbf00;}