body {
    padding-top: 60px;
    padding-bottom: 40px;
    background: url("../img/background_purple1.png");
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/mojo_fill_56.png");
    margin-left: 0;
    /* padding: 8px 20px 12px 40px; */
    height:56px;
}

.navbar .brand {
    padding: 0px;
}

.navbar-inverse .navbar-inner {
	background-image: url("../img/mojo_fill_56.png");
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0px;
}

.navbar .nav > li > a {
	/* Active menu item, when not hovered. */
    /* float: none;
    padding: 10px 15px;
    color: rgb(119, 119, 119);
    text-decoration: none;
    text-shadow: 0px 1px 0px rgb(255, 255, 255); */
    padding-top: 16px;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    /* Selected or current menu item, when hovering */
    /* color: rgb(255, 255, 255);
    background-color: transparent; */
    padding-top: 16px;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:focus {
    /* Non-Selected or active hyperlink menu item, not hovering*/
    /* color: rgb(255, 255, 255); */
    background-color: transparent;
    box-shadow: none;
    padding-top: 16px;
}

.navbar-inverse .nav .active > a:hover {
    /* Non-Selected or active hyperlink menu item, when hovering*/
    background-color: transparent;
    box-shadow: none;
	color: rgb(0, 85, 128);
	text-decoration: underline;
	padding-top: 16px;
}
 
 
 
.mojo-box {
	background-color: rgb(238, 238, 238);
    border-radius: 6px 6px 6px 6px;
}

.mojo-text {
	padding-left: 3mm;
	padding-right: 3mm;
}


#mojocaptcha-image {
	padding-right: 3mm;
	padding-bottom: 2mm;
}

.error {
	color: firebrick;
	font-weight: bold;
}


.zend_form li {
	color: firebrick;
	font-weight: bold;
}


@media (max-width: 979px)
{
	/*
	 * SMALL screen settings.
	 */
	body {
	    padding-bottom: 0px;
	    padding-top: 0px;
	}

    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    	padding: 0;
	}
	
	.hero-unit {
	    padding: 10px;
	   /*  margin-bottom: 30px;
	    font-size: 18px;
	    font-weight: 200;
	    line-height: 30px;
	    color: inherit;
	    background-color: rgb(238, 238, 238);
	    border-radius: 6px 6px 6px 6px; */
	}
	
	.hero-unit h1 {
	   /*  margin-bottom: 0px; */
	    font-size: 36px;
	  /*  line-height: 1;
	    letter-spacing: -1px;
	    color: inherit; */
	}

}