body {
	background-color: #ffffff;
	color: #666666;
	line-height: 1.4;
	font-size: 16px;
	font-family: PT Sans;
	font-weight: 300;
}


/* Logo */
a.logo strong {
	width: 205px;
	height: 141px;
}
@media (max-width: 700px){
    #header{margin: 0;
    padding: 0;
    width: 100%;}
    #header .container{margin-left: 18%;}
a.logo strong{
   width: auto;
    min-width: 60px;
    height: 60px;
    background-size: 60px !important;
}
 #mainnav .btn-navbar{margin: 0;
    padding: 5px;
    height: auto;}
#mainnav{    width: 12%;border: none;background-color: #303030 !important;
    top: 0;
    position: absolute;
    left: 0;
    margin-left: 0;
    background: none;
    margin: 10px;
}
#mainnav .navbar-inner{    min-width: 500px;}
#mainnav .btn-navbar .fa{display:none;}
#mainnav .btn-navbar span{display:block;    text-transform: none;}
.navbar-brand{margin-bottom: 0;display: inline-block;}
#header .span4{width: auto;
    float: left;
    left: 0;
    margin-left: -6%;
    margin-right: 2%;}
#header h2{
    height: 50px !important;
    line-height: 26px !important;
    font-size: 15px;
    width: 82%;
    /* margin-left: 10px; */
    margin: 0;
    display: inline-block;
}
}
a.logo strong {
	background: url(/images/logo6.jpg) no-repeat;
	background-size: 150px;
		text-indent: -999em;
}

@media (min-width: 1200px){
.span9 {
    width: 1050px;
}
}

a {
	color: #3498db;
}

a:hover, a:focus, a:active {
	color: #303030;
}

/* common style */
h1, h2, h3, h4, h5, h6 {
	font-family: PT Sans;
}

/* JOOMLA STYLE
--------------------------------------- */
h2.item-title,
.item-title h2,
.item-page .page-header h2 {
	font-family: PT Sans;
}

.item-page .page-header h2 {
    font-size: 40px;
}
.items-row .item {
	font-size: 16px;
}

/* Header */
#header {
	background-color: #ffffff;
	border-color: #e0e0e0;
	color: #101010;
	padding-top: 0;
    padding-bottom: 3px;
}

#header a {
	color: #101010;
}

#header a:hover, #header a:focus, #header a:active {
	color: #3498db;
}

/* Main navigation */
#mainnav {
	background-color: #cff5ff;
	border-color: #2ee6f7;
}

#mainnav .nav > li > a,
#mainnav .nav span.separator {
	color: #303030;
}

#mainnav .nav > li > a:hover,
#mainnav .nav > li > a:focus,
#mainnav .nav > li > a:active {
	color: #303030;
}

#mainnav .nav > li > a:hover:after,
#mainnav .nav > li:hover > a:after,
#mainnav .nav > li.active > a:hover:after,
#mainnav .nav > li > .separator:hover:after,
#mainnav .nav > li:hover > .separator:after {
	border-color: #303030;
}

#mainnav .nav > li.active > a,
#mainnav .nav > li.active .separator {
	color: #303030;
}

#mainnav .nav > li.active a:after,
#mainnav .nav > li.active .separator:after {
	border-color: #303030;
}

/* Dropdown menu */
.dropdown-menu, .nav .list-unstyled,
.dropdown-menu, .nav .nav-child {
	background-color: #ffffff;
}

#mainnav .dropdown-menu > li,
#mainnav .nav .nav-child > li {
	/*border-bottom-color: rgba(255,255,255,0.2);*/
}

.dropdown-menu > li > a,
.nav .list-unstyled > li > a,
.nav .nav-child > li > a {
	color: #303030;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav .list-unstyled > li:hover > a,
.nav .list-unstyled > li:focus > a,
.nav .nav-child > li:hover > a,
.nav .nav-child > li:focus > a {
  background: #303030;
  color: #ffffff;
}

.dropdown-menu, .nav .list-unstyled,
.dropdown-menu, .nav .nav-child {
	border-color: #303030;
}

/* Custom color for collapse menu */
@media (max-width: 992px) {
	#mainnav .nav-collapse .nav > li > a,
	#mainnav .nav-collapse .nav > li > .separator {
		color: #303030;
	}

	#mainnav .nav-collapse .nav > li > a:hover {
		color: #303030;
	}

	#mainnav .nav > li > a:hover:after,
	#mainnav .nav > li > a:focus:after,
	#mainnav .nav > li:hover > a:after {
		display: none;
	}

	#mainnav .nav-collapse .nav > li.active > a {
		color: #004597;
	}	
}



/* Search form */
.navbar-form {
	background-color: #303030;
	color: #e0e0e0;
}

.navbar-form .search .inputbox {
	color: #e0e0e0;
}

/* Footer
--------- */
#footer {
	background: #101010;
	border-color: #2c2c2c;
	color: #999999;
}

#footer a {
	color: #3498db;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #ffffff;
}

#footer .nav > li::before {
	color: #999999;
}

/* Footer menu*/
#footer .nav > li > a {
	color: #cccccc;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus,
#footer .nav > li > a:active {
	border-color: #ffffff;
	color: #ffffff;
}


/* Module Styles
--------------------*/


/* Module Styles
--------------------*/


/* Module Styles
--------------------*/