@charset "utf-8";
body { margin:0; padding:0;  /*background:#3d3d3d url(../images/body_bg.gif) top center repeat-x;*/ background-color:#BBB;}
html { padding:0; margin:0;}
td { font-family: Arial; font-size:.9em; }
.main { margin:0 auto; width:940px; padding:0 30px; border:1px solid #f3f3f3;  background:#f3f3f3 url(../images/main_bg.gif) top center repeat-x;}

/*.main_login{ margin:0px; width:99.9%; border:1px solid #f3f3f3;  background:#f3f3f3 url(images/main_bg.gif) top center repeat-x;}*/
.main_login{ margin:0px; width:99.9%; border:1px solid ; background:#f3f3f3 url(../images/main_bg.gif) top center repeat-x; }



input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.image_normal {
   display:block;
}

.image_mobile{
  display:none;
}

#logo_login {
	height:70px;
}

.main_login {
	height:280px;
}
/*@media only screen and (max-device-width: 800px) {
	  #logo_login {
	    height:152px;
	  }
	  .image_normal{
	   display:none;
	  }
	
	  .image_mobile{
	   display:block;
	  }
	  
	  .main_login {
	   height:350px;
	  }
}*/