ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:340px;
	margin:-65 auto;
	padding:0px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:2px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	font-size:11px;
	height:26px;
	overflow:hidden;
	padding:10px 20px 0px 40px;
	position:relative;
	width:300px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

/*li.button a.blue{background:url(../imgs/blue.png) repeat-x top left; color:#074384;}
li.button a.blue span{ background:url(../imgs/blue.png) repeat-x top right;}*/

li.button a.e_organica{background:url(../imgs/e_organica.png) repeat-x top left; color: #333333;}
li.button a.e_organica span{ background:url(../imgs/e_organica.png) repeat-x top right;}

li.button a.m_normativo{background:url(../imgs/m_normativo.png) repeat-x top left; color: #333333;}
li.button a.m_normativo span{ background:url(../imgs/m_normativo.png) repeat-x top right;}


li.button a.facultades{background:url(../imgs/facultades.png) repeat-x top left; color: #333333;}
li.button a.facultades span{ background:url(../imgs/facultades.png) repeat-x top right;}


li.button a.directorio{background:url(../imgs/directorio.png) repeat-x top left; color: #333333;}
li.button a.directorio span{ background:url(../imgs/directorio.png) repeat-x top right;}

li.button a.remuneraciones{background:url(../imgs/remuneraciones.png) repeat-x top left; color: #333333;}
li.button a.remuneraciones span{ background:url(../imgs/remuneraciones.png) repeat-x top right;}

li.button a.du_enlace{background:url(../imgs/du_enlace.png) repeat-x top left; color: #333333;}
li.button a.du_enlace span{ background:url(../imgs/du_enlace.png) repeat-x top right;}

li.button a.poa{background:url(../imgs/poa.png) repeat-x top left; color: #333333;}
li.button a.poa span{ background:url(../imgs/poa.png) repeat-x top right;}

li.button a.met_obj{background:url(../imgs/met_obj.png) repeat-x top left; color: #333333;}
li.button a.met_obj span{ background:url(../imgs/met_obj.png) repeat-x top right;}

li.button a.s_t_fs{background:url(../imgs/s_t_fs.png) repeat-x top left; color: #333333;}
li.button a.s_t_fs span{ background:url(../imgs/s_t_fs.png) repeat-x top right;}

li.button a.presupuesto{background:url(../imgs/presupuesto.png) repeat-x top left; color: #333333;}
li.button a.presupuesto span{ background:url(../imgs/presupuesto.png) repeat-x top right;}


li.button a.convenios_contratos{background:url(../imgs/convenios_contratos.png) repeat-x top left; color: #333333;}
li.button a.convenios_contratos span{ background:url(../imgs/convenios_contratos.png) repeat-x top right;}

li.button a.deuda_pub{background:url(../imgs/deuda_pub.png) repeat-x top left; color: #333333;}
li.button a.deuda_pub span{ background:url(../imgs/deuda_pub.png) repeat-x top right;}


li.button a.contrataciones{background:url(../imgs/contrataciones.png) repeat-x top left; color: #333333;}
li.button a.contrataciones span{ background:url(../imgs/contrataciones.png) repeat-x top right;}

li.button a.i_consejo{background:url(../imgs/i_consejo.png) repeat-x top left; color: #333333;}
li.button a.i_consejo span{ background:url(../imgs/i_consejo.png) repeat-x top right;}

li.button a.licencias_permisos{background:url(../imgs/licencias_permisos.png) repeat-x top left; color: #333333;}
li.button a.licencias_permisos span{ background:url(../imgs/licencias_permisos.png) repeat-x top right;}


li.button a.subsidios{background:url(../imgs/subsidios.png) repeat-x top left; color: #333333;}
li.button a.subsidios span{ background:url(../imgs/subsidios.png) repeat-x top right;}


li.button a.i_estadisticos{background:url(../imgs/i_estadisticos.png) repeat-x top left; color: #333333;}
li.button a.i_estadisticos span{ background:url(../imgs/i_estadisticos.png) repeat-x top right;}

li.button a.sistema_dp{background:url(../imgs/sistema_dp.png) repeat-x top left; color: #333333;}
li.button a.sistema_dp span{ background:url(../imgs/sistema_dp.png) repeat-x top right;}

li.button a.actas_ses{background:url(../imgs/acta.png) repeat-x top left; color: #333333;}
li.button a.actas_ses span{ background:url(../imgs/acta.png) repeat-x top right;}

li.button a.mecanismos{background:url(../imgs/mecanismos.png) repeat-x top left; color: #333333;}
li.button a.mecanismos span{ background:url(../imgs/mecanismos.png) repeat-x top right;}

/*
li.button a.orange{background:url(../imgs/orange.png) repeat-x top left; color:#882e02;}
li.button a.orange span{ background:url(../imgs/orange.png) repeat-x top right;}

li.button a.red{background:url(../imgs/red.png) repeat-x top left; color:#641603;}
li.button a.red span{ background:url(../imgs/red.png) repeat-x top right;}*/

/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:4px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	color:#CCCCCC;
	margin:4px 0;
	padding:4px; 
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:15px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-right:120px;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:15px;
}

.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:c;
	width:370px;
	position:relative;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p{
	/* The tut info on the bottom of the page */
	padding:10px;
	text-align:center;
}