/*

 * jquery.tocify.css 1.9.0

 * Author: @gregfranko

 */



/* The Table of Contents container element */

.tocify {

    width: 100%;

    float:left;

    font-family: "Nunito", Helvetica, Arial, sans-serif;

}



/* The Table of Contents is composed of multiple nested unordered lists.  These styles remove the default styling of an unordered list because it is ugly. */

.tocify ul, .tocify li {

    list-style: none;

    margin: 0;

    padding: 0;

    border: none;

    line-height: 30px;

}



/* Top level header elements */

.tocify-header {

    text-indent: 10px;

	font-size: 14px;

	 

}





.tocify-header li {

	line-height:1.85em; 

	list-style:disc;

}



 



/* Top level subheader elements.  These are the first nested items underneath a header element. */

.tocify-subheader {

    text-indent: 20px;

    display: none;

}



/* Makes the font smaller for all subheader elements. */

.tocify-subheader li {

    font-size: 13px;

}



/* Further indents second level subheader elements. */

.tocify-subheader .tocify-subheader {

    text-indent: 30px;

}



/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */

.tocify-subheader .tocify-subheader .tocify-subheader {

    text-indent: 40px;

}



/* Twitter Bootstrap Override Style */

.nav-list > li > a, .nav-list .nav-header {

    margin: 0px;

	color: #2c56a7;

	-webkit-font-smoothing: antialiased; 

	line-height: 1.2;

}



/* Twitter Bootstrap Override Style */

.nav-list > li > a {

    padding: 3px;

}



/* OWN CODE Override Style */





 



.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {

color:#2c56a7;

font-weight:bold;

}



.tocify-extend-page{

max-height:100px;

}

#toc-wrap{

position:relative;

background:none;

} 

#toctocify{

display:block;

}



.toc{

display:none;

}

.toccontent .toc{

display:inline;

}



/* USED FOR THE TOC THAT APPEARS ON THE CONTENT */



 .toccontent .toc a {

font-family: "Nunito", Helvetica, Arial, sans-serif;

}



 .toccontent .toc  a:hover {

	color: #28ADE6;

	text-decoration: underline;

}







.toccontent li.h2{

font-size:14px;

font-weight:bold;

margin-bottom:2px !important;

padding-left:0px !important;

list-style-type: circle !important;

}

.toccontent li.h3{

font-size:13px;

margin-bottom:2px !important;

padding-left:20px !important;

list-style-type: none !important;

}

.toccontenttitle h6{

        font-family: "Bitter", sans-serif;

        font-weight: 700;

        border-bottom: 5px solid #f9c30a;

        font-size: 22px;

        padding-bottom: 8px;

        margin-bottom: 16px;

        text-align: left;

    }

    

 .toccontent  {

    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;

}





@media only screen and (max-width:960px) {



#toc-wrap{

position:fixed;

top:50px;

right:0%;

text-align:center;

background: rgba(52, 55, 64,0.9);

z-index:1000 !important;

font-family: "Bitter", sans-serif;

} 



 

#toctocify{ 

display:none;

}



.toc{ 

z-index:999 !important;

text-align:left;

height:400px;

overflow-y:scroll;

}





.toc {

	color: #fff;

    margin: 0;

    padding: 0;

    list-style: none;

}



.toc li {

     

}



.toc a {

    color: #fff;

    text-decoration: none;

    display: block;

	 

}



.toc .toc-h2 {

    padding-left: 10px;

}



.toc li.h2{

font-size:14px;

font-weight:bold;

margin-bottom:2px !important;

padding-left:10px !important;

}



.toc li.h3{

font-size:12px;

margin-bottom:2px !important;

padding-left:20px !important;

}







.toc .toc-h3 {

    padding-left: 20px;

}



.tocc .toc-active {

    background: #336699;

    box-shadow: inset -5px 0px 10px -5px #000;

}



.nav-list > li > a {

	font-weight:bold;

}



.nav-list > li > a, .nav-list .nav-header {

    margin: 0px;

	color: #fff;

}



.tocify-subheader a{

font-weight: normal !important;

}



.tocify-subheader .active > a{

font-weight: bold !important;

}





.showHideContent:after {content: "Contenido >";}

.showHideContent.active:after {content: "Cerrar ×";}



.pseudo {	

	font-family: "Bitter", sans-serif;

    font-weight: 700;

	font-size:14px;  

	display: inline-block;

	text-decoration: none;

	color: #fff;

	cursor: pointer;

	width:auto;

	padding:15px;

	padding-top:10px;

	padding-bottom:10px;

}

 .toccontent, .toccontenttitle {

 display:none;

 }



}







@media only screen and (max-width:960px) {

 .toccontent .toc a {

    color: #000;	 

}

}