body {
	/*background: url('bg.jpg');*/
 margin: 0;
 padding: 0;
	font-family: Roboto;
	overflow: hidden;
	font-size: 14pt;
}

div {
 	display: block;
	width: 25%;
	margin: 5% auto;
	margin-top: 10%;
	padding: 0;
	list-style: none;
	text-align: center;
	}
	
	
		/* Searchbox */
		
		
.search {
	padding: 0px;
	}
.search li {
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	}
#search {
	width: 100%
	}	
#search input {
	height: 43px;
	width: 100%;
	font-family: Roboto;
	overflow: hidden;
	font-size: 14pt;
	border: none;
	color: #fff;
    background: #0086ca;
	transition: all .3s ease;
	box-shadow: 0px 0px 10px #000;
	text-align: center;
	text-decoration: none;
	opacity: 0.80;
	}	
#search input:hover {
	background: #44a6d8;
	opacity: 1;
	transition: all .3s ease;
	}	
	
	
	/* Linkbox */
	
	
ul.border {
	box-shadow: 0px 0px 10px #000;
}

ul {
	display: block;
	width: 25%;
	margin: 5% auto;
	margin-top: -4%;
	padding: 0;
	list-style: none;
	text-align: center;
}

a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	transition: all .3s ease;
	opacity: 0.80;
}

a:hover {
	color: #fff;
	opacity: 1;
	transition: all .3s ease;
}

a.parent1 {background: #0086ca;transition: all .3s ease;}
a.parent1:hover {background: #44a6d8;transition: all .3s ease;}
a.tab1 {background: #222;transition: all .3s ease;}
a.tab1:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent1 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

a.parent2 {background: #0086ca;transition: all .3s ease;}
a.parent2:hover {background: #44a6d8;transition: all .3s ease;}
a.tab2 {background: #222;transition: all .3s ease;}
a.tab2:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent2 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

a.parent3 {background: #0086ca;transition: all .3s ease;}
a.parent3:hover {background: #44a6d8;transition: all .3s ease;}
a.tab3 {background: #222;transition: all .3s ease;}
a.tab3:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent3 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

a.parent4 {background: #0086ca;transition: all .3s ease;}
a.parent4:hover {background: #44a6d8;transition: all .3s ease;}
a.tab4 {background: #222;transition: all .3s ease;}
a.tab4:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent4 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

a.parent5 {background: #0086ca;transition: all .3s ease;}
a.parent5:hover {background: #44a6d8;transition: all .3s ease;}
a.tab5 {background: #222;transition: all .3s ease;}
a.tab5:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent5 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

a.parent6 {background: #0086ca;transition: all .3s ease;}
a.parent6:hover {background: #44a6d8;transition: all .3s ease;}
a.tab6 {background: #222;transition: all .3s ease;}
a.tab6:hover {background: #44a6d8;transition: all .3s ease;}
ul > li:hover > a.parent6 {background: #44a6d8;transition: all .3s ease;opacity: 1;color: #fff;}

ul.subMenu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
	height: auto;
}