@CHARSET "ISO-8859-1";

html, body {
	width: 1300px;
	height: 750px;
   	margin: 0;
   	margin-right: auto;
    margin-left: auto;
   	font-size: 12px;
   	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.contenedor {
    margin-right: auto;
    margin-left: auto;	
    width: 90%;
    height: 100%;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3), 0 0 30px 1px rgba(0, 0, 0, 0.1) inset;
}

.encabezado {
	width: 100%;
	background: #0087CB;
	color: white;
	display: block;
	width: auto;
	height: auto;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3), 0 0 30px 1px rgba(0, 0, 0, 0.1) inset;
}

.encabezado-nombre {
	width: 50%;
	display: inline;
	padding-left: 20px;
}

.encabezado-nombre > span {
	font-size: 40px;
}	

.encabezado-usuario {
	float: right;
	margin: 15px 10px 0;
}

.cuerpo {
	font-size: 12px;	
}

.cuerpo-opciones {
	width: 300px;
	margin: 10px;
}

.cuerpo-contenido {
	
}


#accordion > div {
	padding: 0;
}

/*Opciones del menu*/
#selectable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
}

#selectable li { 
	margin: 3px;
	padding: 0.4em;
	height: 18px;
}

#selectable > li:hover  {
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3), 0 0 30px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: pointer;
}
/*
#selectable .ui-selecting,
#selectable .ui-selecting:hover { 
	background: #0087CB;
	color: white; 
	box-shadow: 0;
}*/

#selectable .ui-selected,
#selectable .ui-selected:hover { 
	background: #0087CB; 
	color: white;
	box-shadow: 0;
}