html, body {    width: 100%; }
body {	background:url(../img/bg-campa-login-.jpg) no-repeat center top;
    padding: 0;    margin-top:10%;
	}
#logo, #loginbox {    width: 100%;    margin-left: auto;    margin-right: auto;    position: relative;}
#logo img {  margin: 0 auto;    display: block;}
#loginbox { overflow: hidden !important;    text-align: left;    position: relative; }
#loginbox form{	width:100%; background:#fff;	position:relative;	top:0;	left:0; }
#loginbox .form-actions {	padding: 10px 20px 10px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox form#loginform {	z-index: 200; display:block;}
#loginbox form#recoverform {	z-index: 100;	    display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:center}
#loginbox .main_input_box .add-on{  background-color: #EEEEEE; padding-top:10px !important; border: 1px solid #dadada;    display: inline-block;    font-size: 14px;    font-weight: normal;    height:23px;    line-height: 30px;    min-width: 16px;    padding: 4px 5px;     text-align: center;    text-shadow: 0 1px 0 #FFFFFF;    width:30px;}
#loginbox .main_input_box input{ height:30px; display:inline-block; width:75%;  border: 1px solid #dadada; margin-bottom:0px;}
#loginbox .controls{ padding:0 15px;}
#loginbox .control-group{ padding:14px 0; border-bottom:1px solid #f6f6f6; margin-bottom:0px;}
.form-vertical, .form-actions {    margin-bottom: 0;}
#loginbox .normal_text{ padding:5px 10px; text-align:center; font-size:14px; line-height:20px; background:#468847; color:#fff; }
@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; border-bottom:1px solid #dadada; margin-bottom:0px;}
}

.write-up{
	background:url(../img/bg-login.png) no-repeat center top;
	width:100%;
	text-align:center;
	}
.write-up h3{text-align:center;
             color:#fff;
			 padding-top:3px;
			 padding-bottom:16px;
			 margin-top:20px;
		
}	
.write-up p{text-align:center;
             color:#fff;
			 padding:38px 10px;
			 font-style:italic;
			 font-size:17px;
}
.effect-box{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}
.control-group h4{
	           margin-bottom:0px;
			   font-size:16px;
	}
.ftr-lgin{margin-top:15px;
          color:#000;
		  font-size:12px;
}
.ftr-right b{color:#00F;}	
.main_input_box select{width:267px;
                       margin-bottom:0px;
					   height:40px;
					   margin-top:0px;
					   color:#383737;
}

.main-lgin{
	padding:40px;
	border:1px solid #ddd;
	background-color:rgba(250, 248, 248, 0.4);
		
}
.text-danger
{
    color: #ff0000;
}

