/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*MENU 1*/
/* common styling */
.menu1 {font-family: arial, sans-serif; width:130px; height:30px; position:relative; padding-top:5px; margin:0; font-size:11px; z-index:200}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:30px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m1.gif); line-height:20px; font-size:11px; }
.menu1 ul li a.cursos816, .menu1 ul li a.cursos816:visited {display:block; text-decoration:none; color:#000; width:130px; height:30px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m1_act.gif); line-height:20px; font-size:11px; }
.menu1 ul {padding:0; margin:0; list-style-type: none;}
.menu1 ul li {/*float:left;*/ position:relative; }
.menu1 ul li ul {display: none; padding:3px;}

/* specific to non IE browsers */
.menu1 ul li:hover a {color:#fff; background: url(../images/sub_m1_act.gif);}
.menu1 ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:142px; background:#50b5d0; border:1px solid #0b4d97;}
.menu1 ul li:hover ul li {text-indent:5px;/*float:left;*/}
.menu1 ul li:hover ul li a {display:block; background:transparent  url(../../opacity/opaque.png); border:1px solid #50b5d0; color:#000; width:140px; /*float:left;*/ height:20px;}
.menu1 ul li:hover ul li a:hover {background:#e40000; margin-left:0px; text-indent:5px; border:1px solid #fff; color:#fff;}

/*MENU 2*/
.menu2 {font-family: arial, sans-serif; width:130px; height:30px; position:relative; padding-top:5px; margin:0; font-size:11px; z-index:150}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:30px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m2.gif); line-height:20px; font-size:11px; }
.menu2 ul li a.cursos1618, .menu2 ul li a.cursos1618:visited {display:block; text-decoration:none; color:#000; width:130px; height:30px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m2_act.gif); line-height:20px; font-size:11px; }
.menu2 ul {padding:0; margin:0; list-style-type: none;}
.menu2 ul li {/*float:left;*/ position:relative; }
.menu2 ul li ul {display: none; padding:3px; }

/* specific to non IE browsers */
.menu2 ul li:hover a {color:#fff; background: url(../images/sub_m2_act.gif);}
.menu2 ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:142px; background:#50b5d0; border:1px solid #0b4d97;}
.menu2 ul li:hover ul li {text-indent:5px;/*float:left;*/}
.menu2 ul li:hover ul li a {display:block; background:transparent  url(../../opacity/opaque.png); border:1px solid #50b5d0; color:#000; width:140px; /*float:left;*/ height:20px;}
.menu2 ul li:hover ul li a:hover {background:#e40000; margin-left:0px; text-indent:5px; border:1px solid #fff; color:#fff;}

/*MENU 3*/
.menu3 {font-family: arial, sans-serif; width:130px; height:23px; position:relative; padding-top:5px; margin:0; font-size:11px; z-index:100}
.menu3 ul li a, .menu3 ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:23px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m3.gif); line-height:23px; font-size:11px; }
.menu3 ul li a.cursosAlo, .menu3 ul li a.cursosAlo:visited {display:block; text-decoration:none; color:#000; width:130px; height:23px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m3_act.gif); line-height:23px; font-size:11px; }
.menu3 ul {padding:0; margin:0; list-style-type: none;}
.menu3 ul li {/*float:left;*/ position:relative; }
.menu3 ul li ul {display: none; padding:3px;}

/* specific to non IE browsers */
.menu3 ul li:hover a {color:#fff; background: url(../images/sub_m3_act.gif);}
.menu3 ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:152px; background:#50b5d0; border:1px solid #0b4d97;}
.menu3 ul li:hover ul li {text-indent:5px;/*float:left;*/}
.menu3 ul li:hover ul li a {display:block; background:transparent  url(../../opacity/opaque.png); border:1px solid #50b5d0; color:#000; width:150px; /*float:left;*/}
.menu3 ul li:hover ul li a:hover {background:#e40000; margin-left:0px; text-indent:5px; border:1px solid #fff; color:#fff;}

/*MENU 4*/
.menu4 {font-family: arial, sans-serif; width:130px; height:23px; position:relative; padding-top:5px; margin:0; font-size:11px; z-index:50}
.menu4 ul li a, .menu4 ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:23px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m4.gif); line-height:23px; font-size:11px; }
.menu4 ul li a.cursosAct, .menu4 ul li a.cursosAct:visited {display:block; text-decoration:none; color:#000; width:130px; height:23px; /*border:1px solid #5a3; border-width:1px 1px 0 0;*/ background: url(../images/sub_m4_act.gif); line-height:23px; font-size:11px; }
.menu4 ul {padding:0; margin:0; list-style-type: none;}
.menu4 ul li {/*float:left;*/ position:relative; }
.menu4 ul li ul {display: none; padding:3px;}

/* specific to non IE browsers */
.menu4 ul li:hover a {color:#fff; background: url(../images/sub_m4_act.gif);}
.menu4 ul li:hover ul {display:block; position:absolute; top:0; left:125px; width:146px; background:#50b5d0; border:1px solid #0b4d97;}
.menu4 ul li:hover ul li {text-indent:5px;/*float:left;*/}
.menu4 ul li:hover ul li a {display:block; background:transparent  url(../../opacity/opaque.png); border:1px solid #50b5d0; color:#000; width:144px; /*float:left;*/}
.menu4 ul li:hover ul li a:hover {background:#e40000; margin-left:0px; text-indent:5px; border:1px solid #fff; color:#fff;}