#searchbox {
  width: 200px;
  display: inline-block;
}

#searchicon {
  width: 40px;
}

.glyphicon {
  top: 3px !important;
}

#topsearchform {
  margin-top: 6px;
  margin-right: 30px;
}

html {
	height:				100%;
    max-width: 			100%;
    overflow-x: 		hidden;
}

body {
    background-image: 		url('../images/background-768x480.jpg'); 	/* screens < 768px */ 
	background-repeat: 		no-repeat;
	background-attachment: 	fixed;
	background-position: 	center top;
	background-size: 		cover;
	height:					100%;
    max-width: 				100%;
    overflow-x: 			hidden;
	font-size:				15px;
}

#wrapper {
	min-height: 			100%;
/*	height: 				auto !important;
	height: 				100%;*/
	margin: 				0px auto -52px auto;
}

#push {
	height: 				52px;
}

#footer {
	height: 				52px;
}

/* Background for screens between 768px and 991px. */
@media (min-width: 768px) {
    body {background-image: url('../images/background-992x620.jpg');}
}

/* Background for screens between 992px. and 1199px. */
@media (min-width: 992px) {
    body {background-image: url('../images/background-1200x750.jpg');}
}

/* Background for screens larger dan 1200px. */
@media (min-width: 1200x) {
    body {background-image: url('../images/background-1920x1200.jpg');}
}

.navbar {
	margin-bottom:		0px;
    border-radius:		0px !important;
}

.navbar-text {
    padding-left:   	10px;
	padding-right:		10px;
}

.pull-left {
	margin-left:		20px;
}

#edit_image {
	width:				200px;
	height:				200px;
}

#adsense {
	margin-top:			40px;
}

/*
 * Links
 */
a:link{
	text-decoration:    none;
	color:              black;
}

a:visited{
	text-decoration:    none;
	color:              black;
}

img {
	border-collapse:    collapse;
	border:             none;
}



/*
 * Title and subtitle
 */
#logo {
    padding-left: 0px;
    padding-right: 0px;
}

#header {
	margin:				50px 10px 50px 10px;
}

#header p {
	font-size: 			20px;
	font-weight: 		        200;
	text-align:			center;
	color:				white;
	margin-top:			30px;
	margin-bottom:		        30px;
}


@media (max-width: 767px) {

  #header p#slogan {
	  margin-top:			40px;
	  margin-bottom:		60px;
  }

}


#header a {
	display:			block;
}



#facebook-like {
	float:				right;
	position:			relative;
	top:				60px;
	right:				10px;
}


/*
 * Dropdown menu
 */
#dropdownMenu {
	min-width:			100px;
	text-align:			left;
	padding-left:		20px;
	padding-right:		20px;
}

@media (min-width: 768px) {
    #dropdownMenu {
	min-width:			120px;
    }
}


ul.dropdown-menu {
	min-width:			140px;
}

.operating {
	float:				left;
padding-top: 4px;
}

.caret {
	float:				right;	
	margin-top:			10px;
}


/*
 * Content
 */

#column_middle {
	padding-left:		0px;
	padding-right:		0px;

}

#container_apps {
	background-color:	rgba(255,255,255, 0.9);
	padding:		30px 5% 30px 5%;
	margin-bottom:		0px;
}

/* Tablets and desktops*/
@media (min-width: 768px) {

	#container_apps { 
		margin-bottom:		50px;
	}
}


#about {
}

#about h4 {
	color: 				#518AB7;
	margin-bottom:		4px;
}

#about h5 {
	font-size:			16px;
	color: 				#518AB7;
	margin-top:			30px;
	margin-bottom:		5px;
}

#about h6 {
	font-size:			14px;
	color: 				green;
	margin-top:			30px;
	margin-bottom:		5px;
}

#about p {
}

#about a {
	color:				black;
}

#about ul {
	padding-left:		15px;
	margin-top:			2px;
}

/*
 * Menu
 */ 
#menu {
	margin:				50px 0px 0px 20px;
}

@media (min-width: 768px) {

	#menu { 
		margin:				300px 0px 0px 0px;
	}
}

#menu > div {
	background-repeat:  no-repeat;
	min-height:			163px;
	margin-top:			-35px;
}


#menu > div > div {
	width:				247px;
	height:				163px;
	margin:				0px 0px 0px 0px;
	background-repeat: 	no-repeat;
	position:			relative;
	z-index:			1px;
	pointer-events: 	none;
	outline: 			0;
}


#menu > div > div > h3 {
	margin:				0px 0px 0px 0px;
	color:				white;
    font-family: 		'Oswald', sans-serif;
	text-shadow: 		1px 1px gray;
	font-size:			24px;
	font-weight:		200;
	outline:			none;
	cursor:				pointer;
	pointer-events: 	auto;
}


#menu > div > ul {
	background-color:	rgba(255,255,255, 0.4);
	list-style-type: 	none;
	background-repeat:  no-repeat;
	border-radius: 		0px 25px 25px 25px;
    padding:        	35px 0px 10px 38px;
	margin:				-70px 15px 55px 0px;
}

/*
 * Home users
 */
#Home-users  {
	position:			relative;
	z-index:			4;
}

#Home-users > div {
    background-image: 	url('../images/homeusers.png');  
}

#Home-users > div > h3 {
	padding-left:		38px;
	padding-top:		21px;
	height:				93px;
}


/*
 * Business
 */
#Business {
	position:			relative;
	z-index:			3;
}

#Business > div {
    background-image: 	url('../images/business.png');  
}

#Business > div > h3 {
	padding-left:		40px;
	padding-top:		33px;
	height:				93px;
}


/*
 * Developers
 */
#Developers {
	position:			relative;
	z-index:			2;
} 

#Developers > div {
    background-image: 	url('../images/developers.png');  
}

#Developers > div > h3 {
	padding-left:		20px;
	padding-top:		33px;
	height:				93px;

}


/*
 * Administrators
 */
#Administrators {
	position:			relative;
	z-index:			1;
}

#Administrators > div {
    background-image: 	url('../images/administrators.png');  
}

#Administrators > div > h3 {
	padding-left:		20px;
	padding-top:		30px;
	height:				93px;
}



ul.list_categories > li > span {
	display:			inline-block;
	height:				26px;
	width:				100%;
	color:				white;
	text-shadow: 		1px 1px Gray;
	font-weight:		600;
	cursor:				pointer;
}

ul.list_subcategories {
	padding-left:		10px;
	list-style-type: 	none;
	margin:				0px 0px 0px 0px;
}

ul.list_subcategories > li > a {
	display:			inline-block;
	height:				26px;
	width:				100%;
	color:				white;
	font-weight:		600;
	text-shadow: 		1px 1px Gray;
}

.activesubcategory {
	color:				#518AB7 !important;
	text-shadow: 		1px 1px silver !important;
}


/*
 * Apps
 */
#apps_header_homepage {
	color: 	       #518AB7;
	margin:	       40px 0px 30px 0px;
        font-size:     20px;
        padding-left:  25px;
}

@media (min-width: 768px) {

  #apps_header_homepage {
    padding-left: 10px;
  }

} 


#apps_header {
	color: 	       #518AB7;
	margin:	       40px 0px 30px 0px;
        font-size:     20px;
        padding-left:  0px;
}


#container_pages {
	min-height:			950px;
}

.app_container {
	padding:			15px 0px 15px 0px;
	border-top:			1px solid #ADCBAF;
	border-bottom:		1px solid #ADCBAF;
	margin-bottom:		-1px;
}

.app_title {
	font-size:			17px;
	font-weight:		600;
	margin-bottom:		5px;
}

.app_url {
	color:				#1C1C1C;
}

.app_url:hover {
	color:				#ff8a00;
}

.app_description {
	margin-bottom:		4px;
} 

.app_os {
	color: 				#0669A2;
    font-size: 			13px;
	margin-bottom:		0px;
}

.adres_date {
	margin-bottom:		0px;
}	

.app_section a{
	color: 				gray;
    font-size: 			12px;
}

.app_section a:hover{
	color: 				green;
	font-weight:		bold;
}

.app_date {
	float:				right;
	margin:				0px 0px 0px 0px;
	color: 				#FF8C00;
    font-size: 			11px;
font-weight: normal;
}

.app_license {
	font-size: 			x-small;
}

#no_match {
	margin:				10px 0px 0px 20px;
}

.error {
	font-style:			italic;
}

#apps_total {
	margin-top:			30px;
	text-align:			right;
}

.badge {
	padding:			5px 10px 5px 10px;
	font-size:			13px;
	font-weight:		600;
	letter-spacing: 	1px;
}

/*
 * Promotion and advertisement
 */
#summary {
	background-color:	rgba(255,255,255, 0.5);
	padding:			20px 20px 20px 20px;
	margin-top:			280px;
	margin-left:		15px;
}

#summary h4 {
	font-size:			16px;
	font-weight:		700;
	margin:				0px 0px 3px 0px;
}

#summary p {
	margin:				0px 0px 5px 0px;
}

#summary ul {
	padding-left:		15px;
	margin-bottom:		0px;
}

#summary span {
	position:			relative;
	left:				2px;
}

#gofoss {
	margin:				30px 0px 0px 15px;
}

#gofoss img {
	margin:				10px 0px 20px 0px;
}


/*
 * Homepage
 */


#tree {
	position:			relative;
	max-width:			555px;
	max-height:			761px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			20px;
}

@media (min-width: 768px) and (max-width: 991px) {

	#tree { 
		margin-top:		40px;
	}
}


@media (min-width: 992px) {

	#tree { 
		margin-top:		-95px;
	}
}


#tree h3 {
	position:			absolute;
	display:			inline-block;
	margin:				0px 0px 0px 0px;
	color:				white;
    font-family: 		'Oswald', sans-serif;
	text-shadow: 		1px 1px gray;
	font-size:			16px;
	font-weight:		200;
/*	background-color: 	blue;
	opacity: 			0.5;*/
}

/* Strange size */
@media (min-width: 400px) {

	#tree h3 { 
		font-size:		22px; 
	}
}

/* Tablets */
@media (min-width: 768px) {

	#tree h3 { 
		font-size:		26px; 
	}
}

/* Large desktops */
@media (min-width: 1200px) {

	#tree h3 { 
		font-size:		30px; 
	}
}

#tree h3#tree_home_users {
	top:				0%;
	left:				51%;
	width:				49%;
	height:				17%;
	padding-top:		6%;
	padding-left:		7%;
}


#tree h3#tree_business {
	top:				11%;
	left:				0%;
    width:              49%;
    height:             18%;
	padding-top:		9%;
	padding-left:		21%;
}


#tree h3#tree_developers {
	top:				21%;
	left:				52%;
	width:				49%;
	height:				17%;
	padding-top:		7%;
	padding-left:		4%;
}


#tree h3#tree_administrators {
	top:				39%;
	left:				0%;
    width:              49%;
    height:             17%;
	padding-top:		8%;
	padding-left:		30%;
}


#tree h3#tree_about {
	top:				42%;
	left:				52%;
    width:              32%;
    height:             11%;
	padding-top:		4%;
	padding-left:		8%;
}


#tree h3#tree_twitter {
	top:				67%;
	left:				51%;
    width:              10%;
    height:             7%;
	text-indent:		100%;
	white-space:		nowrap;
	overflow:			hidden;
	outline: 			none;
}


#tree h3#tree_facebook {
	top:				67%;
	left:				62%;
    width:              10%;
    height:             7%;
	text-indent:		100%;
	white-space:		nowrap;
	overflow:			hidden;
	outline: 			none;
}


#flag {
	position:			relative;
	top:				51px;
	width:				201px;		
	height:				170px;
	z-index:			1;
	background-image:	url('../images/morethan.png');
	background-size:	201px 170px;
    background-repeat:	no-repeat;
    font-family: 		'Oswald', sans-serif;
	text-shadow: 		1px 1px gray;
}

@media (min-width: 768px) { 

   #flag {
        top:     61px;
        left:    41px;
   }

}

#flag p:nth-child(1) {
	position:			relative;
	top:				20px;
	left:				35px;
	color:				white;
	font-weight:		500;
	font-size:			35px;
	margin-bottom:		0px;
}

#flag p:nth-child(2) {
	position:			relative;
	top:				12px;
	left:				35px;
	color:				white;
	font-weight:		400;
	font-size:			24px;
	margin-bottom:		0px;
}


#last_added {
        padding-left: 0px;
        padding-right: 0px; 
}


#homepage_apps {
	position:		 relative;
	top:			 -31px;
	background-color:	 rgba(255,255,255, 0.9);
	padding:		 15px 20px 15px 20px;
        margin-bottom:           -31px;
}

#container_homepage {
	min-height:		550px;
}


@media (min-width: 768px) {

  #homepage_apps {
	  position:		   relative;
	  top:			   -18px;
	  left:			   57px;
	  background-color:	   rgba(255,255,255, 0.9);
	  padding:		   15px 0px 15px 20px;
	  margin-bottom:	   50px;
          margin-right:            85px;
	  border-top-right-radius: 10px;
  }

  #container_homepage {
	  height:		550px;
	  overflow:		auto;
	  padding-right:	15px;
  }

}

.nav > li {
	text-align: right;
}