/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: auto; /* width of menu (don't forget to add border with below!) */
/*border-left: 8px solid #ffa1a3;*/ /* thick left border of menu */
margin-top:6px;

}

.slidedoormenu li{
/* boder entre opciones*/
border-bottom: 1px solid #f7f7f7; /* Gray border beneath each menu item */
/*background: white url(../imagenes/f_linea.jpg) repeat-y left top;*/


}

.slidedoormenu li a{
/*background: white url(../media/vstrip.gif) repeat-y left top;*/ /* Background image positioned to the left(v) top(h) corner initially */
font: bold 11px "verdana", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
text-align:left;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 6px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
/*background-position: -387px 0;  Shift background image horizontally 387px, or the start of the 2nd background image */
color: red;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}






.slidedoormenu1{
list-style-type: none;
margin: 0;
padding:0px;
width: auto; /* width of menu (don't forget to add border with below!) */
/*border-left: 8px solid #ffa1a3;*/ /* thick left border of menu */
}

.slidedoormenu1 li{
/* boder entre opciones*/
border-bottom: 1px solid #f7f7f7; /* Gray border beneath each menu item */
/*background: white url(../imagenes/f_linea.jpg) repeat-y left top;*/
padding-top:6px;
padding-bottom:7px;

}

.slidedoormenu1 li a{
/*background: white url(../media/vstrip.gif) repeat-y left top;*/ /* Background image positioned to the left(v) top(h) corner initially */
font: 11px "verdana", "Trebuchet MS", Verdana;
color: #0066CC;
width: auto;
text-align:left;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
text-decoration: none;
}


.slidedoormenu1 li a:hover{
/*background-position: -387px 0;  Shift background image horizontally 387px, or the start of the 2nd background image */
color: red;
}