<style>
html { 
	min-width: 600px; 
}

/* Help/Sidebar Toggles
   =========================== */

.toggle .toggle-label {
text-transform: lowercase;
color: #ddd;
margin-right: 2px;
font: normal x-small arial;
letter-spacing: 0;
}

.toggle:hover .toggle-label {
color: #ff8;
}

#menu .toggle {
font: bold 10px verdana;
letter-spacing: -1px;
text-transform: uppercase;
}

#menu .toggle-on,
#menu .toggle-on:hover {
color: #0c0;
}

#menu .toggle-off,
#menu .toggle-off:hover {
color: #c00;
}

#ribbon #help-off,
.hide-tips #ribbon #help-on,
#ribbon #sidebars-off,
.hide-sidebars #ribbon #sidebars-on {
display: none;
}

#sidebars-off {
font-size: 20px;
}

#ribbon #help-on,
.hide-tips #ribbon #help-off,
#ribbon #sidebars-on,
.hide-sidebars #ribbon #sidebars-off {
display: block;
}

/* Menu
   =========================== */

#menu {
margin: 0;
list-style: none;
padding: 0;
float: right;
}

#menu li {
float: left;
}

#ribbon a {
font: bold 11px arial;
color: #eee;
}

#ribbon a:hover {
color: #ff8;
background: #555;
}

#menu li a {

padding: 1px 5px 2px 5px;
border-left: solid 1px #555;
}

#ribbon p#loginStatus {
color: #dddddd;
margin: 0 5px;
padding: 0;
font-size: x-small;
}

.nombre_modulo{
	color: white;
	font: bold x-small arial;
	
}

#ribbon p#loginStatus a {
padding: 1px;
}

/* Layout
   =========================== */

#ribbon {
background: #5e5e5e;
height: 17px;
margin: 0;
padding: 0;
text-align: left;
border-bottom: solid 1px gray;
}

#top { 
border-top: solid 1px #B5CBE7;
margin: 0; 
padding: 0; 
height: 59px; 
background: #B5CBE7 url(/images/branding/logo.gif) bottom left no-repeat;
}

#left { 
position: absolute; 
top: 77px; 
background:transparent;
left: 0; 
width: 203px;  
margin: 0; 
}

#middle { 
position: relative; 
top: -19px; 
min-width: 350px; 
background-color: transparent;	
margin: 0 5px 10px 210px;  
padding: 0 0 5px 0; 
}
</style>