/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	margin: 2px 0 0 7px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
	text-decoration: underline;
	margin: 3px 0 0 7px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: 1px solid #666;
	background-color: #BBB;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #BBB;
	border: 1px solid #666;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
	margin: 2px 0 0 16px;
	color: #333;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
	margin: 2px 0 0 16px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #BBB;
	border: 1px solid #666;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #4d4d4d;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #666;
	padding: 0;
}

.sucursales-col2 {
	width:80px;
	height: 90px;
	overflow:hidden;
	float:left;
	border-right: 1px dotted #333;
	padding:3px 0 0 2px;
	font-size: 11px;
}
.sucursales-col3 {
	width:240px;
	height: 90px;
	overflow:hidden;
	float:left;
	border-right: 1px dotted #333;
	padding:3px 0 0 2px;
	font-size: 11px;
}