@import url("https://fonts.googleapis.com/css?family=Oswald:400,300");
/* @import url("font-awesome.min.css"); */

/* BASIC */
	html,body {
		margin: 0px;
		padding: 0px;
		height: 100% !important;
	}
	
	body {
		background: #111;
	}

	html,body,p,div,a,th,td,h1,h2,h3,h4,h5,h6,input {
		font-family: 'Oswald';
		font-weight: 400;
		font-size: 16px;
	}
	
	button {
		border: none;
		outline: none !important;
	}
	
	abbr[title]{border-bottom: 0px;}
	
	table {
		width: 100%;
	}
	
	td,th {
		color: #fff;
		padding: 5px;
	}
	
	thead th {
		border-bottom: 1px solid #1a6586;
	}
	
	table tr:nth-child(even) {
		background: #0087c1;
	}
	
	.tab_content table tr:nth-child(even) {
		background: #333;
	}
	
	dl {
		display: block;
		float: left;
		clear: both;
		width: 100%;
	}
	
	dt {
		float: left;
		display: block;
		clear: left;
		padding: 5px;
	}
	
	dd {
		float: left;
		display: block;
		clear: right;
		padding: 5px;
	}
	
	dt:after {
		content: '\003A';
	}
	
	.hidden {
		display: none !important;
	}
	
	.clear {
		clear: both;
	}
	
	.no_icons {
		padding: 0px;
		text-align: left;
	}
	
	.tab_content {
		padding-top: 20px;
	}
	
	.tab_content h1 {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.tab_content code {
		padding: 0px 0px 0px 0px;
		font-size:100%;
		color:#fff;
		background: none;
		border-radius:0px;
	}
	
	.tab_content {
		overflow-x: auto;
		max-width: 100%;
	}
	
	.no_icons, .no_icons * {
		list-style-type: none;
	}
	
	.a_left {
		text-align: left !important;
	}
	
	.u {
		text-decoration: underline;
	}
	
	.align_tab1 {
		padding-left: 50px;
	}
	
	.error {
		color: #f00;
		background-color: #ff0;
		font-style: italic;
		padding: 4px;
	}
	
	#code h1 {
		margin: 20px 0px 0px 0px;
		padding: 0px;
		color: #0096d7;
	}
	
	#description .external {
		color: #ff0;
		text-decoration: none;
	}
	
	#description .external:hover {
		color: #c00;
	}

	.navbar-toggle {
		color: #ccc;
		border-color: #ccc !important;
	}
	
	#txt_description a {
		color: #fff;
	}
	
	/* LOGO */
		#logo {
			display: block;
			float: left;
			width: 100%;
			height: 100px;
			border-bottom: 9px solid #000;
			clear: both;
			padding: 10px 0px;
			position: fixed;
			z-index:999999;
			top: 50px;
			background: #fff;
		}
	
		#logo h1 {
			margin: 0px 20px 0px 0px;
			padding: 0px 0px 0px 20px;
			float: left;
		}
		
		#logo h1 a {
			display: block;
			margin: 0px;
			padding: 0px;
			width: 115px;
			height: 75px;
			background: url('../img/logo.png') no-repeat;
		}
		
		#logo h2 {
			margin: 0px;
			padding: 18px 0px 0px 0px;
			font-size: 40px;
			float: left;
		}
		
	/* BODY */
		#body {
			color: #fff;
		}
		
	/* MAIN MENU */
		#div_mainmenu {
			float: left;
			width: 25%;
			background-color: #666;
			position: fixed;
			top: 149px;
			min-height: 100%;
			z-index: 9;
		}
		
		@media (min-width:768px) {
			#div_mainmenu {
				min-height: 100%;
			}
			
			#description {
				float: left;
				width: 40%;
				background-color: #0096d7;
				background-attachment: fixed;
				position: fixed;
				top: 149px;
				left: 20%;
				/* min-height: calc(100% - 149px); */
				min-height: 100%;
				z-index: 99;
			}
			
			#txt_description {
				position: absolute;
				top: 149px;
				left: 20%;
				width: 40%;
				z-index: 99;
			}
			
			#code {
				float: left; 
				width: 40%;
				top: 149px;
				right: 0px;
				min-height: calc(100% - 149px);
				position: absolute;
			}
			
			#code article {
				padding: 0px 20px;
				text-align: justify;
				background: #333;
			}
		}
		
		nav#main {
			position: absolute;
			top: 0px;
			padding: 80px 0px 0px 0px;
			width: 100%;
			z-index: 9999;
		}
		
		#main ul, #main ul li {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		
		#main ul li span, #main ul li a {
			color: #fff;
			text-decoration: none;
			padding: 4px 0px 4px 20px !important;
			display: block;
			width: calc(100% - 20px);
		}
		
		#main ul li span {
			padding-left: 30px !important;
		}
		
		#main ul li a:hover {
			background: #ccc;
		}
		
		#main ul li a.active {
			background: #0096d7;
		}
		
		#main ul li a.nohover:hover {
			background: none;
		}
		
		/* SUBMENU */
			#main ul li ul li a {
				color: #fff;
				text-decoration: none;
				padding: 4px 0px 4px 40px !important;
				display: block;
				width: calc(100% - 40px);
			}
	
	/* PAGES */	
		#txt_description h1 {
			font-size: 24px;
			text-align: center;
		}
		
		#txt_description article {
			padding: 0px 20px;
			text-align: justify;
		}
			
		.ct {
			margin-left: -20px;
			width: calc(100% + 40px);
		}
		
		code {
			text-align: left !important;
		}
		
	/* LOGIN MENU */
		#container_login {
			display: block;
			position: absolute;
			top: 0px;
			left: 10px;
			background: #333;
			width: 300px;
			height: 152px;
			z-index: 999;
			padding: 20px 10px 20px 10px !important;
			margin: 0px;
			display: none;
		}
		
		#container_login input[type="text"], #container_login input[type="password"] {
			border: 1px solid #000;
			padding: 0px 3px;
			margin: 0px 0px 5px 0px;
			width: calc(100% - 8px);
		}
		
		#container_login .title {
			color: #fff;
			font-size: 24px;
			margin-bottom: 10px;
		}
		
	/* LANGUAGES */
		.languages {
			float: right;
			padding-right: 10px;
		}
		
		.languages a {
			border: 1px solid #eee;
			margin: 0px 0px 0px 0px;
			padding: 0px 10px 5px 10px;
		}
		
		.languages a:hover {
			background: #eee;
			border: 1px solid #ccc;
		}
		
		.languages a.active {
			border-color: #999;
		}
		
		.languages-top {
			display: none;
		}
		
@media (max-width:767px) {
		#logo {
			display: block;
			float: left;
			width: 100%;
			height: 85px;
			border-bottom: 9px solid #000;
			clear: both;
			padding: 20px 0px;
			position: fixed;
			z-index:99;
			top: 45px;
			background: #fff;
		}
		
		div.logo {
			float: right;
		}
	
		#logo h1 {
			margin: 0px 20px 0px 0px;
			padding: 0px 0px 0px 20px;
			float: left;
		}
		
		#logo h1 a {
			display: block;
			margin: 0px;
			padding: 0px;
			width: 77px;
			height: 50px;
			background: url('../img/logo-small.png') no-repeat;
		}
		
		#logo h2 {
			margin: 0px;
			padding: 14px 20px 0px 0px;
			font-size: 24px;
			float: left;
		}
		
		#header .icon-bar {
			background: #666;
		}
		
		#header button {
			float: left;
			margin: 8px 0px 0px 20px;
		}
		
		#header button:hover {
			background: #eee;
		}
		
		/* NAVIGATION */
			#div_mainmenu {
				float: left;
				width: 100%;
				background-color: #666;
				position: fixed;
				top: 121px;
				z-index: 999;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px !important;
			}
			
			nav#main {
				position: fixed;
				top: 121px;
				padding: 10px 0px 0px 0px;
				width: 100%;
			}
			
			#main ul, #main ul li {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
			}
			
			#main ul li a {
				color: #fff;
				text-decoration: none;
				padding: 4px 0px 4px 20px !important;
				display: block;
				font-size: 18px;
			}
			
			#main ul li a:hover {
				background: #ccc;
			}
			
			#main ul li a.active {
				background: #0096d7;
			}
			
			#main ul li a.nohover:hover {
				background: none;
			}
			
		/* BODY */
			#body {
				width: 100%;
				margin: 0px !important;
				padding: 0px !important;
			}
			
		/* DESCRIPTION */
			#description {
				display: none;
			}
			
			#txt_description {
				top: 130px;
				background-color: #0096d7;
				padding: 10px 0px 20px 0px;
				position: relative;
			}
			
		/* CODE */
			#code {
				float: none; 
				width: 100% !important;
				top: 130px;
				left: 0px;
				min-height: calc(100% - 149px);
				position: relative;
			}
			
			#code article {
				padding: 0px 0px;
				text-align: justify;
				background: #333;
				position: relative;
			}
			
			.ct {
				margin-left: 0px;
				width: 100%;
			}
		
		/*LANGUAGE*/
			.languages {
				display: none;
			}
		
			.languages-top {
				display: inline-block;
				position: absolute;
				top: 15px;
				left: 130px;
				width: 100px;
			}
			
			.languages-top a {
				border: 1px solid #666;
				margin: 0px 0px 0px 0px;
				padding: 0px 10px 5px 10px;
			}
			
			.languages-top a:hover, .languages-top a:target {
				background: #eee;
				border: 1px solid #ccc;
			}
			
			.languages-top a.active {
				border-color: #eee !important;
			}
}

.navbar-collapse {
	border-top: none !important;
}

	/* ACCORDION */
		div.accordion button.accordion {
			background-color: #eee;
			color: #444;
			cursor: pointer;
			padding: 10px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
			transition: 0.4s;
		}

		div.accordion button.accordion.active, div.accordion button.accordion:hover {
			background-color: #ccc;
		}

		div.accordion button.accordion:after {
			content: '\002B';
			color: #777;
			font-weight: bold;
			float: right;
			margin-left: 5px;
		}

		div.accordion button.accordion.active:after {
			content: "\2212";
		}

		div.accordion div.panel {
			padding: 0px 10px;
			background-color: #eee;
			color: #333;
			height: 0px;
			overflow: hidden;
			border-radius: 0px;
			transition: height 0.2s ease-out;
		}
		
		div.accordion div.panel p {
			padding: 10px 0px;
		}
		
		div.accordion td,th {
			color: #333;
			padding: 5px;
		}
		
		div.accordion thead th {
			border-bottom: 1px solid #333;
		}
		
		div.accordion table tr:nth-child(even) {
			background: #ddd;
		}