/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
/* Orden de definición:
	1-Etiquetas html
	2-Identificadores
	3-Clases
	4-Reglas para responsive

	Ordenar las etiquetas y atributos alfabéticamente
	Los estilos que estén entre comentarios se indentan con el fin de organizarlos
	Unidades relativa:
		100% = 1em = 16px = 12pt
	Colores:
		Hexadecimal (2 valore por canal): #Rojo Verde Azul
		http://meyerweb.com/eric/css/colors
 */
#contenido {margin-top: 45px;}
#content{margin-top:15px;}
.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 15px 0 0;
    padding: 0;
}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.bs-docs-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
    border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
    background-color: #F5F5F5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
    background-image: url("../images/glyphicons-halflings-white.png.html");
    opacity: 1;
}
.content-box {
  margin: 10px 10px;
}