/* CSS Document */
body {
	background-color:#000;
	color:#ccc;	
}
h3 {
	color:#F90;	
}
main {
	margin-top:100px;
}
footer, footer a {
	text-align:center;
	color:#999;
	padding-top:40px;
}
footer a:hover {
	text-decoration:none;
	color:#999;
}
.main-content {
	background-color:#330000;
}
.main-right {
	padding:0 40px;
}
.main-right-h {
	font-size:24px; 
	color:#fff;
}
.main-right a {
	text-decoration:underline;
	color:#ccc;
}
.main-right a:hover {
	color:#fff;
}
.main-left, .p-content, .page-h {
	background-color:#333333;	
}
.main-left h3 {
	padding-bottom:10px;	
}
.h-space{
	display:block;
	height:50px;
}
.h-text-space{
	display:block;
	height:25px;
}
.navbar-menu { 
	background-color:#000;
	border-radius:0;
	border:0;
	height:100px;
}
.navbar-header a #logoNSm {
	margin-top:-15px;
}
.navbar-header a #logoSm {
	margin-top:0px;
}
.navbar-collapse {
	background-color:#000;
	margin-top:28px;
}
.navbar-toggle {
	margin-top:30px;
}

#myNavbar a:hover {
	background-color:#660000;
	color:#fff;
}
.navbar-inverse .navbar-nav .dropdown.open a:focus {
	background-color:#660000;
	color:#fff;
}
.dropdown-menu {
	background-color:#000;	
	color:#fff;
	margin-right:-10px;
}
.dropdown-menu li a{
	color:#fff;
}
.dropdown-menu li a:hover{
	background-color:#660000;
}		
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
}
.carousel-indicators li {
	border-color:#ccc;
}
.carousel-indicators li.active {
	background-color:#ccc;
}
.carousel-control.right, .carousel-control.left {
	background-image: none;
	color:#ccc;
}	
.item, .item img{
	width:100%;
	height:100%;
}	
div.thumbnail {
	border-radius:0;
	border:0;
	padding:0;
	background-color:#333333;
	position:relative;
	overflow:hidden;			
}
div.thumbnail a{
	color:#ccc;
	text-decoration:none;
}
div.thumbnail img{
	/*padding:0 0 20px 0;*/
}
div.thumbnail a h4{
	text-align:center;
	padding-top:6px;
	color:#999;
}
div.thumbnail a div.caption{
	color:#ccc;
}		
.info {
	position:absolute;
	top:-100%;
	right:0;
	background:rgba(255, 153, 0, 0.75); /* yellow */
	width:100%;
	height:100%;
	padding:50% 0 0 0;
	font-size:24px;
	text-align:center;
	color:#fff !important;
	z-index:2;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.thumbnail:hover .info {
	top:0%;
}

.profile-icon {
	height:14px;
	width:auto;
	opacity:0.6;
}
.profile-icon:hover {
	opacity:1;
}
/*	
img.no-resize {
	max-width: 150px;
	max-height: 70px;
}
	
.list-inline {
	list-style:none;
}
.list-inline li {
	padding: 0 20px 10px 0;	
}
*/
.page-h {
	font-size:32px;
	color:#F90;
	text-align:right;
	padding:10px 20px 20px 0;
}
.p-content-text {
	margin:20px 100px;
	padding-bottom:20px;	
}
.p-content-text a {
	text-decoration:none; 
	color:#FF0;
}
.p-content-text img {
	border:none; 
}
.p-content-text h4 {
	font-size:24px;
}
.p-content-text p {
	font-size:16px;
}
.p-content-banner {
	width:100%; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#330000; 
	text-align:center; 
	padding:16px 0;
	color:#CCC; 
	font-size:16px;
}
.p-content-info {
	padding:0px 100px; 
	color:#CCC;	
}
.p-content-info a {
	color:#ccc;	
	text-decoration:underline;
}
.p-content-info a:hover {
	color:#fff;
}
.p-content-info-h {
	font-size:18px; 
	/*text-decoration:underline;*/
	padding-bottom:10px;	
}
.p-content-info li {
	list-style-type:none; 
	padding:0 0 0 40px;
}
.light-g {
	color:#0C0;	
}

/* Medium: 992px*/
@media only screen and (max-width: 991px) {
	.container .navbar-header .navbar-brand #logoNSm {
		/*display:none;*/
		width:280px;
	}
	.main-right {
		padding:0 10px;
	}
	.p-content-text {
		margin:20px 50px;	
	}
	.p-content-info {
		padding:0px 50px; 
	}
}
/* Small: 768px*/
@media only screen and (max-width: 767px) {
	.h-space{
		height:25px;
	}
	.h-text-space{
		height:14px;
	}	
	.navbar-menu {
		height:80px;
	}
	.navbar-header a #logoSm {
		margin-top:0px;
	}
	.navbar-toggle {
		margin-top:30px;
	}	
	.navbar-collapse {
		margin-top:8px;
	}
	main {
		margin-top:80px;
	}
	.main-right, .main-left {
		padding:0 40px;
	}
	.main-left h3 {
		text-align:center;	
	}
	.page-h {
		font-size:22px;
		padding:5px 10px 10px 0;
	}	
	.p-content-text {
		margin:20px 25px;	
	}
	.p-content-text h4 {
		font-size:20px;
	}
	.p-content-text p {
		font-size:16px;
	}
	.p-content-info {
		padding:0px 25px; 
	}
	h2 {
		font-size:19px;	
	}	
}
@media (min-width: 1920px) {
	.container {
		/*width: 1380px;*/
		width:60%;
	} 
}