/* Contenedor general contenido */
.hiddencon {
margin: 0;
padding: 0;
width: 220px;
z-index:99999;
position: fixed;
/* Desplazamiento para ocultar hacia la izquierda
todo el ancho del bloque menos el borde */
left: -216px;
top: 120px;
opacity: .9;
}
.hiddencon2 {
top: auto;
bottom: 10px;
}
/* Contenido visible al hacer hover */
.hiddencon:hover {
left: 0;
}
/* Pestaña para desplegar */
.hiddencon-label {
	margin-top: -64px;
	margin-left: 205px;
	padding: 10px;
	position: absolute;
	top: 63px;
	display: inline-block;
	color: white;
	background: #FA9006;
	/*font-size: 14px;
-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	*/
	left: 1px;
}
.hiddencon, .hiddencon-label {
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* El contenido incluida variante para listas */
.hiddencon p, .hiddencon ul {
margin: 0;
padding: 0;
border: 8px solid #FA9006;
border-left: 0;
color: #fff;
background-color: #E1E5EE;
text-align:left;
vertical-align: center;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* Estilo para listas */
.hiddencon ul {
margin:0;
overflow:auto;
}
.hiddencon li {
display: block; 
}
.hiddencon li a {
display: block;
padding: 15px;
border-bottom: 1px solid #F0F5FB;
color: #2A7AC1;
font-weight:bold;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.hiddencon li:last-child a{
border-bottom: 0;
}
.hiddencon li a:hover {
background-color: #fff;
text-decoration: none;
}