﻿#menuContenedor {
	height:33px;
	position:absolute;
	top:109px;
	width:988px;
	left:2px;
	z-index:99;
}/* DIV PARA EJEMPLO */
#menu_resto{
	width:929px;
	height:43px;
	top:97px;
	left: 69px;
	position:absolute;
}


/*  FORMATO DEL MENU */
div.cssMENU_1 {
	clear:both;
	position:absolute;
	left:0px;
	top:0px;	
	width: 985px;
	height:33px;
	text-align:left;
}
div.cssMENU_1 ul {
	list-style-type: none;
	margin: 0;
	margin-left: 5px; 
	padding: 0;
}
div.cssMENU_1 li{
	float: left;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
}

div.cssMENU_1 a{
	float: left;
	position: relative;
	top: 5px;
	background: url(Images/megamenu/bg_mainmenu_left.png) no-repeat left top;
	margin: 0;
	margin-right: 3px; /*espacio entre tabs*/
	padding: 0 0 0 9px;
	text-decoration: none;

}
div.cssMENU_1 a span{
	float: left;
	position: relative;
	display: block;
	background: url(Images/megamenu/bg_mainmenu_right.png) no-repeat right top;
	padding: 8px 14px 6px 5px; 
	color: #fff;
}

/* IE5-Mac \*/
div.cssMENU_1 a span {float:none;}
/* End IE5-Mac  */


div.cssMENU_1 .seleccionado a{
	background-position: 0 -125px;
	top: 0;
}

div.cssMENU_1 .seleccionado a span{
	background-position: 100% -125px;
	color: #fff;
	padding-bottom: 11px; 
	top: 0;
}

div.cssMENU_1 a:hover{
	background-position: 0% -125px;
	top: 0;
}

div.cssMENU_1 a:hover span{
	background-position: 100% -125px;
	padding-bottom: 11px; 
	top: 0;
}


/*div.cssMENU_1 li {display: inline;}
div.cssMENU_1 ul li a {
	height:25px;
	text-decoration:none;
	margin-left:10px;
	padding: 5px 5px 0px 5px;
	color:#000099;
	background:#CCCC33;
	vertical-align:middle;
}
div.cssMENU_1 ul li a:hover {
	color: purple;
	background: yellow; 
}*/


/* FIN FORMATO DEL MENU */

/* FORMATO DE LOS CONTENEDORES */
.megamenu_contenedor_01 {
	clear:both;
	width:430px;
	position:relative;
	left:0px;
	top:0px;
	background: transparent url(Images/megamenu/bg_menu_azul.jpg);
	visibility:hidden;
	display:none;
	border:1px solid #c7ced2;
	z-index:9999;
	padding:0px;
	margin: 0px;
}
.megamenu_contenedor_02 {
	clear:both;
	width:632px;
	position:relative;
	left:0px;
	top:0px;
	background: transparent url(Images/megamenu/bg_menu_azul.jpg);
	visibility:hidden;
	display:none;
	border:1px solid #c7ced2;
	z-index:9999;
}
/* CUIDADO!! El margen que queda entre el megamenu_interior y el megamenu_contenedor  es necesario para hacer funcionar el evendo mouseout del menu */
.megamenu_interior {
	clear:both;
	background: transparent url(Images/megamenu/bg_menuazul_sombra.png) bottom right no-repeat;
	margin: 0px;
	text-align:left;	
}
/*  FIN FORMATO DE LOS CONTENEDORES */

div#menu_gral{
	height:100%;
	margin:0px;
	padding: 5px 0;
	font: 11px Verdana, Arial, sans-serif;
	background: transparent url(Images/megamenu/bg_menuazul_sombra_top.png) repeat-x top left;

}
.titulo_menu{
	font: normal 1.8em Georgia, "Times New Roman", "Lucida Grande", "Lucida Sans Unicode", Arial,  sans-serif;
	color: #8f342a; 
	letter-spacing: -1px;
	padding: 10px 0 5px 10px;
	margin-bottom: 0px;
}
.titulo_menu a:hover{
	text-decoration:underline;	
}
.titulo_secundario{
	font-weight: bold;
	color: #0d496c;
}
.titulo_secundario a:hover{
	text-decoration: underline;
}
.multicolumna {
	FLOAT: left;
	WIDTH: 175px;
	margin: 0px 9px 0px 5px; 
	padding: 7px 9px 0px 4px;
	background: transparent url(Images/megamenu/separa_multicolumna_img.png) top right no-repeat;
	
}
.multicolumna_ultimo {
	FLOAT: left;
	WIDTH: 175px;
	height: 310px;
	margin: 0px 9px 0px 5px; 
	padding: 7px 9px 0px 4px;
	background: transparent url(Images/megamenu/separa_multicolumna_img.png) top right no-repeat;
	
}

.multicolumna_imagen {
	FLOAT: left;
	WIDTH: 210px;
	margin: 0px; 
	padding: 0px 4px 3px 4px;
	background: transparent url(Images/megamenu/bg_img_brillo.png) top left no-repeat;
}
.multicolumna_imagen p{
	line-height: 17px;
	color:#323a40;
	padding: 10px 5px;
}
.sinborde{
	border: none;
}

.subcolumna ul { 
	padding:0px  1px; 
	margin:2px 0 4px 2px; 
	list-style-type: none;
	}

.subcolumna li { 
    color: #466a9a;
	padding: 5px 0;  }
	
.subcolumna li a { 
	display:block; 
	color:#466a9a;  
	padding:0px; 
	text-decoration: none; }	

.subcolumna li li {  
	padding:0 0 0 4px;
	margin: 2px 0px;
	border: none;
	list-style-type: none;
	color: #688ec1;}

.subcolumna li li a { 
/*	background:url(Images/megamenu/bullet_submenu.gif) left top no-repeat; */
	border-bottom: 1px dotted #dacdcb;
	padding:2px 0 4px 0px;
	margin: 0px 10px 0px 0px;
	color:#555;
} 
	
.subcolumna li a:hover { color:#1e5e84; background-color:#eeddd1;}

/* .subcolumna li a:hover { color:#1e5e84; background-color:#ddebf3;} */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}


