body
{
	font-family:	'Roboto', sans-serif;
	background: 	#ddd url("../images/background.jpg");
}

div#wrapper
{	
	margin:			auto;
	display:		block;
	width:			90%;
	
	border-radius:	30px;
	
	background:		#ECF3E3;
}

.header
{
	display:		block;
	padding-bottom: 	2em;
	padding-top: 1em;
	
	padding-left: 5em;
	padding-right: 5em;

	background:		#FFF;
	
	border-radius:	30px 30px 0px 0px;
	
}

.table_i {
	width: 90%;
  	border-collapse: separate;
    table-layout:fixed;
}

.table_i, .tr_i, .td_i{
  	padding-bottom:	1em;
	padding-top: 1em;
	
	padding-left: 2em;
	padding-right: 1em;
	vertical-align: top;	
	color:			#E3EECC;
}

.tr_i, .td_i{
	border: solid 5px #000033;
}

.td_i{

	border-radius: 10px;	
	background:		#5588BB;
	overflow:hidden;
}

.nobull {
  padding: 0;
  list-style-type: none;
  text-align: left;
 }

#td_norm
{
	background-image: url("../images/list-icon-1429.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_git
{
	background-image: url("../images/Git_icon.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_git_ex
{
	background-image: url("../images/class-icon.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_git_gui
{
	background-image: url("../images/gitkraken-logo-png-transparent.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_branch
{
	background-image: url("../images/git-icon-24.jpg.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_git_elo
{
	background-image: url("../images/Background.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}



#td_ara
{
	background-image: url("../images/338-3381508_nut-clip-server-file-server-icon-png.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_mob
{
	background-image: url("../images/Moba-Logo.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

#td_mail
{
	background-image: url("../images/mail-icon-png-pictures-trzcacakrs-mail-icon-png-980_980.png");
	background-size:contain;
	background-repeat: no-repeat;
  	background-position: center; 

}

h1
{
	font-family:	'Oswald', sans-serif;
	text-align: right;
	margin-top: 26px;
	color:			#000033;
}

#logo
{
	position: absolute;


}

#wrapper h2
{
	color:			#000033;
	border-bottom:	.3em double #BBB;
}

#wrapper h2:not(:first-child)
{
	margin-top:		2em;
}

#wrapper h3
{
	margin-top:		2em;
	
	display:		block;
	width:			70%;
	
	color:			#000033;
	border-bottom:	.2em solid #BBB;
}

div#nav_bar
{
	
	padding:		.3em 1em;
	font-family:	'Oswald', sans-serif;
	background:		#336699;
	margin-top: -1.3em;
}

#nav_bar ul
{
	list-style-type: none;
    margin:			0;
    padding:		0;
}

#nav_bar li
{
	display:		inline-block;
}

#nav_bar li a
{
	display:		block;
	padding:		.7em 1em;
	margin-right:	.5em;
	
	text-decoration:	none;
	
	border-left: 1px solid white;
	border-right: 1px solid white;
	color:			#E3EECC;
	
	border-radius:	.1em;
}

#nav_bar li a:hover
{
	background:		rgba(227, 238, 204, 0.4);
}

div#content_wrapper
{
	padding:		1.5em 5em 1.2em 5em;
}

div#content_wrapper_i
{
	padding:		1.5em 5em 1.2em 5em;
	font-family:	'Oswald', sans-serif;
	background:		#FFF;
}

#content_wrapper_i a
{
	display:		inline-block;
	padding:		.7em 1em;
	margin-right:	.5em;
  	font-size: large;
  	font-weight: bolder;

	
	text-decoration:	none;

	color:			#E3EECC;
	
	border-radius:	.1em;
}

#content_wrapper_i a:hover
{
	background:		rgba(227, 238, 204, 0.4);
	border-radius: 10px;
}

div.content
{
	display:		none;
	padding:		.5em;
	
	text-align:		left;
}

div.content#content1
{
	display:		block;
}

#footer
{
	display:			block;
	font-size: 12px;
	border-radius:		0px 0px 30px 30px;
	padding:			1em 7em;
	background:			#000033;
	padding-top: 2em;
	padding-bottom: 2em;
	color:				#F0F0F0;

}

.left-foot
{
	position: absolute;
	margin-left: 13em;
	padding-left: 1em;
	border-left: 1px solid white;
	padding-top: 0.8em;
	font-size: 0.8vw;
	width: 40%;
}

.right-foot
{
	text-align: right;
	padding-top: 0.2em;
	font-size: 1vw;
	width: 40%;
}

a
{
	color:			#000033;
	font-weight:	bold;
}

a:hover
{
	color:			#75ae34;
	font-weight:	bold;
}

/* Misc styles */
.content li
{
	margin-bottom:	.7em;
}

.liTitle
{
	display:			block;
	margin-bottom:		.4em;
	font-weight:		bold;
	text-decoration:	underline;
}

.code
{
	font-family:	monospace;
}

.important
{
	background:		#FFF;
	text-align:		center;

	width:			60%;

	margin:			.5em auto;
	padding:		.8em;

	border-radius:	10px;
	
	border:			1px solid #335;
}

.terminal
{
	background:		#111;
	color:			#FFF;

	font-family:	monospace;

	width:			80%;
	margin:			.5em auto;
	padding:		.8em;

	border-radius:			10px;

	border:			1px solid #335;
}

.rounded
{
	border-radius: 10px;
	width: 70%;
}

.example
{
	width: 60%;
}