div.sdmenu {
	width:164px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:.65em;  
	padding-bottom: 10px;
	color: #000;
	background-color:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.sdmenu { 
	margin-left:0;
	width:164px;
}
}

div.sdmenu div {
	width:160px;
	background: url(title.gif) repeat-x;
	overflow: hidden;
	border-left: 2px solid #58B7DD;
	border-right: 2px solid #58B7DD;
}

div.sdmenu .alink {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu .alink:first-child {
	background-color:#fff;
}
div.sdmenu div.collapsed {
	height: 25px;
	background-color:#fff;
}
#margin {
	margin:0;
}

div.sdmenu div span {
	display: block;
	padding: 5px 0 5px 15px;	
	font-weight: bold;
	background-color:#fff;
	color: #000	;
	background: url(../images/flecha-abierto.gif) no-repeat 1px center;
	cursor: default;
	border-bottom: 2px solid #3671A5;
}

#cerrado {
	display: block;
	padding: 5px 0 5px 15px;
	font-weight: bold;
	background-color:#fff;
	color:#000;
	background: url(../images/flecha-cerrado.gif) no-repeat 1px center;
	cursor: default;
	border-bottom: 1px solid #3671A5;
}

#cerrado a:link, #cerrado a:visited  {
	display: block;
	text-decoration:none;
	border-bottom:none;
	padding:0;
	color:#000;
}

#cerrado a:hover, #cerrado a:active  {
	display: block;
	text-decoration:none;
	border-bottom:none;
	background-color:#fff;
	color:#27aae1;
}
div.sdmenu div.collapsed span a {
	display: block;
	text-decoration:none;
	border-bottom: 1px solid #3671A5;
	background-color:#fff;
	color:#27aae1;
}


div.sdmenu div.collapsed span {
	background-image: url(../images/flecha-cerrado.gif) ;
	background-repeat:no-repeat;
	background-color:#fff;
}
div.sdmenu div a {
	padding: 5px 0 5px 20px;
	display: block;
	color:#000;
	border-bottom: 1px solid #3671A5;
	background-color:#fff;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#27aae1;
}