@charset "utf-8";
/* CSS Document for Joomla 3 styles */

/* ===========================
	FONT STYLES
	========================== */
body {
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Squada One',sans-serif;
	font-weight: normal;
  	color:#786854;
}

h1 {
  font-size: 28px;
  line-height: 28px;
}

h2 {
  font-size: 28px;
  line-height: 28px;
  border-bottom:1px solid #eee;
  padding-bottom:5px;
}

h3 {
  font-size: 22px;
  line-height: 26px;
}

h4 {
  font-size: 18px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

p, li{
  font-size:15px;
  line-height:28px;
  color:#666;
}

a, a:hover, a:focus{
  color:#786854;
}

div.item-page li{
  font-size:15px;
  color:#666;
	padding-top:18px;
}

div.navbar li{
  line-height:24px;
}

div.blog img, div.item-page img, p.img_caption{
  max-width:300px;
  float:left;
  margin:10px 10px 10px 0;
}

  div.pull-left.item-image{
    width:310px;
  }
.page-header{
  border-bottom:none;
  margin:0;
  padding:0;
}

dt.article-info-term{
  display:none;
}

/* ======================
	GENERAL STYLES
	===================== */

#top{
  width:100%;
  height:45px;
  background-color:#152764;
}

#logo{
  margin-bottom:40px;
  background:#fff url('../images/logoback1.jpg') top left repeat-x;
}

a.btn.btn-navbar, .navbar-inner{
	background-color:transparent;
  	background-image:none;
  	border:0;
  	box-shadow:none;
}

.btn-primary{
  	background-color:#786854;
  	background-image:none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background-color:#152764;
}

.navbar-inner{
    padding-left: 0px;
    padding-right: 0px;
}

.nav-collapse{
  	background-color:#152764;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	color:#fff;
  	text-shadow:none;
  	background-color:#786854;
}

.navbar .nav > li > a{
	font-family: 'Squada One',sans-serif;
	font-weight: normal;
  	font-size:24px;
  	color:#fff;
  	text-shadow:none;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{
  	font-family: 'Squada One',sans-serif;
	font-weight: normal;
  	font-size:24px;
  	background-color:#fff;
  	color:#786854;
}

.navbar .btn-navbar{
  	float:left;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
  background-color:#fff;
  	color:#786854;
}

ul.nav-child.unstyled.small.dropdown-menu{
 padding:0; 
}

.dropdown-menu{
  margin:0px 0 0 0;
  border:none;
  border-radius:0;
}

.dropdown-menu > li > a{
	font-family: 'Squada One',sans-serif;
	font-weight: normal;
  	font-size:24px;
  	color:#786854;
  	text-shadow:none;
  	padding:10px 15px 10px 15px;
  border-top:#152764 4px solid;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
  background-image:none;
  background-color:#786854;
}

/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/
@media (max-width: 1200px) {
	#logo{
	background:#fff url('../images/logoback2.jpg') top left repeat-x;
	}
}

@media (min-width: 980px) {
  .dropdown:hover .dropdown-menu {
display: block;
}

}

@media (max-width: 979px) {
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
  font-weight:normal;
  color:#fff;
    }
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input{
  position:static;
}
	#logo{
	background:#fff url('../images/logoback3.jpg') top left repeat-x;
	}
}
@media (max-width: 767px) {
	#logo{
	background:none;
	}
}
@media (max-width: 480px) {
  div.blog img, div.item-page img{
  width:100%;
  max-width:none;
  float:left;
  clear:both;
  margin:10px 0 10px 0;
  }

  div.pull-left.item-image{
    width:100%;
  }
}

/* ======================
	MODULES
	===================== */