#marco {
	width:774px;
	padding:0px;
	text-align:left;
	}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(../images/barra-menu.jpg);}
.menu2 {
	margin:0;
	list-style:none;
	height:52px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/barra-menu.jpg);
	background-repeat:   repeat-x;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-transform: none;
	padding: 0;
	text-align: center;
}
.menu2 li.top {
	display:block;
	float:left;
	position:relative;
	height: 52px;

	text-align: center;
	padding-top: 0px;
}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:25px;
	
	margin-left:0px;
	line-height:50px;
	color:#000000;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.menu2 li a.top_link span {
	float:left;
	display:block;
	padding:0 4px 0 4px;
	height:52px;
}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 6px 0 6px;
	height:52px;/*background:url(prodrop2/down.gif) no-repeat right top;*/
}
.menu2 li a.top_link:hover {
	color:#FFFFFF;
	background-image: url(../images/barra-menu-on.jpg);
	background-repeat:  repeat-x;
	height: 52px;
	line-height: 50px;
}
.menu2 li a.top_link:hover span {
	background-image: url(../images/barra-menu-on.jpg);
	background-repeat:  repeat-x;
}
.menu2 li a.top_link:hover span.down {
	background-image: url(../images/barra-menu-on.jpg);
}

.menu2 li:hover > a.top_link {
	color:#fff;
	background-image: url(../images/barra-menu-on.jpg);
	background-repeat:  repeat-x;
}
.menu2 li:hover > a.top_link span {
	background-image: url(../images/barra-menu-on.jpg);
	background-repeat:  repeat-x;
}
.menu2 li:hover > a.top_link span.down {
	background-image: url(../images/barra-menu-on.jpg);
}


.menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {
	left:0px;
	top:52px;
	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/
	width:auto;
	height:auto;
	font-weight:normal;
	background-color: #000000;
}
.menu2 :hover ul.sub li {
	display:block; /*height:20px; */
	position:relative;
	float:left;
	width:160px;
	margin-bottom:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.menu2 :hover ul.sub li a {
	display:block;
	height:auto;
	font-size:11px;
	padding:4px 3px;
	line-height:1;
	color:#333333;
	text-decoration:none;
	background-color: #FFFFFF;
}
.menu2 :hover ul.sub li a.fly {
	background-color: #FFFFFF;
/*	background-image: url(../imagenes/flecha_menu.gif); */
	background-repeat: no-repeat;
/*	background-position: 150px 6px;*/

}
.menu2 :hover ul.sub li a:hover {
	color:#666666;
	background-color: #CCCCCC;
}
.menu2 :hover ul.sub li a.fly:hover {
	color: #666666;
	background-color: #CCCCCC;
	/*background-image: url(../imagenes/flecha_sub_menu.gif);*/
	background-repeat: no-repeat;
/*	background-position: 150px 6px; */
}
.menu2 :hover ul li:hover > a.fly {
	background:#CCCCCC
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #DDEEFF; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}

#buscar
{
	width: 157px;
	background: url(imageneses/buscar_caja.png) no-repeat;
	line-height: 28px;
	position: absolute;
	top: 43px;
	right: 30px;
	height: 28px;
	left: 640px;
}

.inputbox 
{
	margin-bottom: 1px;
	padding: 3px 2px;
	border:1px solid #CCCCCC;
	border-top: 1px solid #464646;
	border-right: 1px solid #1F1F1F;
	border-bottom: 1px solid #1F1F1F;
	border-left: 1px solid #464646;
	background-color: #419CF7;
	padding: 1px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size:11px;
}
input, select, textarea, .inputbox 
{
	border:1px solid #CCCCCC;
	padding: 2px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size:11px;
}

#form input[type=text] {
    border:1px solid #CCCCCC;
}