@charset "utf-8";

*{
margin: 0; 
padding: 0;
}

body{
font-family:"Trebuchet ms",Verdana, Arial, Helvetica, sans-serif;
}

a{
text-decoration: none;
}

a img{
border: none;
}

#cabecera{
width: 940px;
height: 136px;
position: relative;
margin: auto;
z-index: 1000;
background-color: #FFFFFF;
}

#contenedor_superior{
width:940px;
height: 104px;
position: relative;
}

#logo{
width:284px;
height: 104px;
float: left;
background-image: url(/img/logo_college.jpg);
background-repeat: no-repeat;
}

#botonera_superior{
width:120px;
position: absolute;
right: 0px;
top: 15px;
}

#botonera_superior a{
color: #999;
text-decoration: none;
padding-top: 3px;
font-size: 0.75em;
}

#botonera_superior a:hover{
color: #666666;
text-decoration: underline;
}

.sep_bot_superior{
color: #999;
font-size: 0.8em;
}

#botonera{
width: 940px;
height: 28px;
background-image: url(/img/botonera/fondo.jpg);
background-position: top left ;
/*background-repeat: no-repeat;*/
}

#contenedor_botones{
width:898px;
height: 28px;
float: right;
}

/***************************************************/

#nav{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
width: 142px;
height: 28px;
float: left;
}

#nav ul{
list-style: none;
}

#nav li { /* all list items */
float: left;
width: 142px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
background-color: #FFFFFF;
width: 162px;
position: absolute;
top:132px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav ul a.bot1{
width: 142px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_1.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav ul a.bot1:hover, #nav ul a.bot1:active{
background-image: url(/img/botonera/bot_hover_1.jpg);
background-repeat: no-repeat;
}

#nav ul a.activado1{
width: 142px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_1.jpg);
background-repeat: no-repeat;
background-position: top;
}


#nav ul ul li{
width: 150px;
display: inherit;
text-align: left;
}

#nav ul ul li a{
width: 150px;
font-size: 0.75em;
color: #444;
padding: 2px 0 2px 13px;
display: block;
}

#nav ul ul li a:hover{
color: #FFF;
background-color: #d71e1e;
}



/***************************************************/

#nav2{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
width: 184px;
height: 28px;
float: left;
}

#nav2 ul{
list-style: none;
}


#nav2 li { /* all list items */
float: left;
width: 184px; /* width needed or else Opera goes nuts */
}

#nav2 li ul { /* second-level lists */
background-color: #FFFFFF;
width: 183px;
position: absolute;
top:132px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav2 ul a.bot2{
width: 184px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_2.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav2 ul a.bot2:hover, #nav2 ul a.bot2:active{
background-image: url(/img/botonera/bot_hover_2.jpg);
background-repeat: no-repeat;
}

#nav2 ul a.activado2{
width: 184px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_2.jpg);
background-repeat: no-repeat;
background-position: top;
}


#nav2 ul ul li{
width: 184px;
text-align: left;
}

#nav2 ul ul li a{
width: 163px;
font-size: 0.75em;
color: #444;
padding: 2px 0 2px 20px;
display: block;
}

#nav2 ul ul li a:hover{
color: #FFF;
background-color: #34b7c1;
}




/***************************************************/

#nav3{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
width: 152px;
height: 28px;
float: left;
}

#nav3 ul{
list-style: none;
}


#nav3 li { /* all list items */
float: left;
width: 152px; /* width needed or else Opera goes nuts */
}

#nav3 li ul { /* second-level lists */
background-color: #FFFFFF;
width: 205px;
position: absolute;
top:132px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav3 li:hover ul, #nav3 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav3 ul a.bot3{
width: 152px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_3.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav3 ul a.bot3:hover, #nav3 ul a.bot3:active{
background-image: url(/img/botonera/bot_hover_3.jpg);
background-repeat: no-repeat;
}

#nav3 ul a.activado3{
width: 152px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_3.jpg);
background-repeat: no-repeat;
background-position: top;
}


#nav3 ul ul li{
width: 181px;
text-align: left;
}

#nav3 ul ul li a{
width: 181px;
font-size: 0.75em;
color: #444;
padding: 2px 0 2px  25px;
display: block;
}

#nav3 ul ul li a:hover{
color: #FFF;
background-color: #ff7d7d;
}
	


/***************************************************/

#nav4{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
width: 153px;
height: 28px;
float: left;
}

#nav4 ul{
list-style: none;
}


#nav4 li { /* all list items */
float: left;
width: 153px; /* width needed or else Opera goes nuts */
}

#nav4 li ul { /* second-level lists */
background-color: #FFFFFF;
width: 170px;
position: absolute;
top:132px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav4 li:hover ul, #nav4 li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav4 ul a.bot4{
width: 153px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_4.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav4 ul a.bot4:hover, #nav4 ul a.bot4:active{
background-image: url(/img/botonera/bot_hover_4.jpg);
background-repeat: no-repeat;
}

#nav4 ul a.activado4{
width: 153px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_4.jpg);
background-repeat: no-repeat;
background-position: top;
}


#nav4 ul ul li{
width: 145px;
text-align: left;
}

#nav4 ul ul li a{
width: 145px;
font-size: 0.75em;
color: #444;
padding: 2px 0 2px 25px;
display: block;
}

#nav4 ul ul li a:hover{
color: #FFF;
background-color: #a9d326;
}
	

/***************************************************/

#menu5 ul{
list-style: none;
padding: 0;
margin: 0;
position: relative;
float: left;
}

#menu5 ul ul{
width: 154px;
}

#menu5 ul a.bot5{
width: 154px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_5.jpg);
background-repeat: no-repeat;
}

#menu5 ul a.bot5:hover, #menu5 ul a.bot5:active{
background-image: url(/img/botonera/bot_hover_5.jpg);
background-repeat: no-repeat;
}

#menu5 ul a.activado5{
width: 154px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_5.jpg);
background-repeat: no-repeat;
background-position: top;
}


/***************************************************/

#menu6 ul{
list-style: none;
padding: 0;
margin: 0;
position: relative;
float: left;
}

#menu6 ul ul{
width: 95px;
}

#menu6 ul a.bot6{
width: 95px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_6.jpg);
background-repeat: no-repeat;
}

#menu6 ul a.bot6:hover, #menu6 ul a.bot6:active{
background-image: url(/img/botonera/bot_hover_6.jpg);
background-repeat: no-repeat;
}

#menu6 ul a.activado6{
width: 95px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_6.jpg);
background-repeat: no-repeat;
background-position: top;
}


/***************************************************/

#menu7 ul{
list-style: none;
padding: 0;
margin: 0;
position: relative;
float: left;
}

#menu7 ul ul{
width: 167px;
}

#menu7 ul a.bot7{
width: 167px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_7.jpg);
background-repeat: no-repeat;
}

#menu7 ul a.bot7:hover, #menu7 ul a.bot7:active{
background-image: url(/img/botonera/bot_hover_7.jpg);
background-repeat: no-repeat;
}

#menu7 ul a.activado7{
width: 167px;
height: 28px;
display: block;
background-image: url(/img/botonera/bot_hover_7.jpg);
background-repeat: no-repeat;
background-position: top;
}


/** separador **/

.separador{
width:1px;
height:28px;
background-image: url(/img/botonera/separador.jpg);
background-repeat: no-repeat;
float: left;
} 
;
background-repeat: no-repeat;
float: left;
}