/* -------------------------- GLOBÁLIS ÉRTÉKEK ----------------------------------- */

*	{
	margin: 0;
	padding: 0;
	}

body	{
	background: #F0F0F0;
	color: #393939;
	font-family: Arial;
	font-size: 0px;
	/*line-height: 0;*/
	}

.clear{
  clear:both;
}
/* -------------------------- LOGIN OLDAL --------------------------------------- */

/*	Bejelentkező háttér színátmente balról jobbra */
#login-bg	{
	/*background-image:-moz-linear-gradient(left,white, #335416);
	background-image:-webkit-linear-gradient(left, white, #335416);
	background-image:-o-linear-gradient(left,white, #335416);
  background-image:linear-gradient(left,white, #335416);*/
	}

	/*	Bejelentkező középső doboz */
	#login-header{
		margin: 0;
		padding: 0;
	}

	#login-holder	{
		margin: 50px auto 0 auto;
		width: 95%;
    max-width: 700px;
		color:black;
		}

		/*	Bejelentkező színátmenetes árnyékos doboz fentről lefele */
		#loginbox	{
			font-size: 12px;
			min-height: 250px;
			line-height: 12px;
			padding-top: 10px;
			margin: 0px 0px 20px 0px;
			position: relative;
			width: 100%;
			border-radius:5px;
			/*background-color: #E5E5E5;*/
      background-color: #f9ec00;
			/*box-shadow: white 5px 5px 10px;*/
			}

			/*	Logó megjelenítés a bal felső sarokban */
			#logo-login-header{
				margin:0;
				padding: 10px;
				/*background-color: #085AD8;*/
        background-color: #283673;
			}

			#logo-login	{
				height: 35px;
				margin: 10px;
				}

				#logo-login	a{
					text-decoration: none;
				}

				#logo-login	h1{
					font-size: 20px;
					font-weight: bold;
					/*color: #085AD8;*/
          color: #283673;
				}

				#logo-login-header h1{
					font-size: 20px;
					font-weight: bold;
					color:white;
				}

				#logo-login	h2{
					font-size: 14px;
					color: lightgray;
					text-shadow: black 1px 1px 1px;
				}

			/*	Űrlap terület */
			#login-inner	{
				font-family: Tahoma;
				font-size: 13px;
				line-height: 12px;
				margin: 0px auto;
				width: 90%;
				}

				#login-inner #bannerbox{
						/*border:1px solid black;*/
						width: 50%;
						float: left;
						margin-top:-30px;
					}

					#login-inner #bannerbox a{
						display: block;
					}

					#login-inner #bannerbox img{
						width: 100%;
						height: 190px;
					}

@media (max-width:768px){
	#login-inner #bannerbox img{
		height: 180px;
	}
	#login-inner #bannerbox{
		margin-top: -25px
	}
}

@media (max-width:640px){
	#login-inner #bannerbox img{
		height: 160px;
	}
	#login-inner #bannerbox{
		margin-top: -15px
	}
}

@media (max-width:576px){
	#login-inner #bannerbox img{
		height: 140px;
	}
	#login-inner #bannerbox{
		margin-top: -5px
	}
}

@media (max-width:480px){
	#login-inner #bannerbox{
		display: none;
	}
}

				/*	Űrlap feliratok */
				#login-inner label	{
					cursor: pointer;
					font-family: Tahoma;
					font-weight: bold;
					line-height: 12px;
					padding-left: 10px;

					}

				#login-inner table	{
					width:100%;
				}

				#logintable{
					width:48% !important;
					float:left;
				}
@media (max-width:480px){
	#logintable {
		width: 100% !important;
	}
}

				#login-inner th	{
					padding: 0 0 6px 0;
					text-align: left;
					width: 30%;
					font-size: 1.2em;
					}

				/*	Űrlap sorok */
				#login-inner td	{
					padding: 0 0 6px 0;
					}

					/* beviteli mező icon */
					.login-ico{
						padding: 14px 0 13px 0;
						width: 35px;
						vertical-align: top;
						text-align: center;
						/*background-color: #97c0ff;*/
						background-color: #283673;
						border-radius: 3px 0 0 3px;
						color: white;
					}

					/*	Beviteli mező */
					.login-inp {
						border: none;
						color: #000;
						font-size: 1.4em;
				    height: 40px;
				    width: 100%;
						padding: 5px 5px 0 10px;
						border-radius:5px;
						}

					/*	Beviteli mező */
					.login-inp-new {
						border: none;
						color: #000;
						font-size: 1.1em;
						height: 35px;
						width: 75%;
						padding: 5px 5px 0 5px;
						border-radius:0 3px 3px 0;
						}

@media (max-width:480px){
	.login-inp-new {
		width: 85%;
	}
}

					/*	Beviteli mező */
					.create-inp {
						border: none;
						color: #000;
						font-size: 16px;
						height: 30px;
						padding: 5px 5px 0 10px;
						width: 150px;
						border-radius:5px;
						}

					/*	Belépés gomb */
					.submit-login	{
						/*background-color: #97c0ff;*/
						background-color: #283673;
						border: none;
						color: white;
						cursor: pointer;
				    height: auto;
						width: 48%;
						min-width: 100px;
				    font-size: 1.5em;
				    padding: 10px;
						border-radius:5px;
						}

						/*	Belépés gomb */
						.submit-login-new	{
							/*background-color: #97c0ff;*/
  						background-color: #283673;
							border: none;
							color: white;
							cursor: pointer;
							height: auto;
							width: 90%;
							min-width: 100px;
							font-size: 1em;
							padding: 10px;
							border-radius:3px;
						}

						.submit-login-new:hover	{
							/*background-color: #085AD8;*/
  						background-color: #283673;
						}

@media (max-width:480px){
	.submit-login-new	{
		width: 98%;
	}
}

						.submit-login:hover{
							/*background-color: #085AD8;*/
  						background-color: #283673;
							}
					/* Jelszó emlékeztető link */
					.pw_reminder_box{
							/*border: 1px solid black;*/
							margin-left: -160px;
							padding: 3px;
							text-align: center;
							cursor: pointer;
						}

						.pw_reminder_box_new{
							padding: 3px;
							margin-top: 10px;
							width: 80%;
							text-align: center;
							cursor: pointer;
						}
@media(max-width:480px){
	.pw_reminder_box_new{
			width: 98%;
		}
}

						.pw_reminder_switch{
							display: block;
						}
						.pw_reminder_switch:hover{
							color: red;
						}

					.pw_reminder_area{
						margin: 20px auto 0 auto;
						border-top: lightgray;
						width: 98%;
						display: none;
					}

						.pw_reminder_area .page-title{
							display: none;
							padding: 5px;
						}
						.pw_reminder_area #content{
							padding: 5px;
						}
						.pw_reminder_area #content .emailfield{
							text-align: center;
							margin: 0 0 10px 0;
						}
							.emailfield #emaillabel{
								font-size: 14px;
								font-weight: bold;
							}
							.emailfield #emailinput{
								padding: 5px;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							}
						.pw_reminder_area #content fieldset > h3{
							padding: 5px;
						}
						.pw_reminder_area #content fieldset .gomb{
							text-align: center;
							margin: 0 0 10px 0;
						}

					/*	Hibaüzenetek */
					.login-error {
						color: red;
					}

	/*	Browser középső doboz */
	#browser-holder	{
		margin: 50px auto 0 auto;
		width: 500px;
		height:100px;
		color:black;
		background-image:-moz-linear-gradient(#888822, #DDDD66);
		background-image:-webkit-linear-gradient(#888822, #DDDD66);
		background-image:-o-linear-gradient(#888822, #DDDD66);
	  background-image:linear-gradient(#888822, #DDDD66);
		font-size: 12px;
		line-height: 12px;
		padding: 20px;
		position: relative;
		width: 508px;
		border-radius:10px;
		box-shadow: white 10px 10px 20px;
	}

	#browser-holder .browser_card{
		width: 120px;
		float:left;
	}

	#browser-holder .magyarazo{
		width: 370px;
		float:left;
		font-size: 14px;
		line-height: 18px;
	}

	#browser-holder .magyarazo .download{
		font-size: 18px;
	}

#note{
	padding:10px;
	text-align:center;
	font-weight: bold;
}


.hide{
	display: none;
}
.show{
	display: block;
}

@media (max-width: 767px) {
  .tablet-hide, .hide-tablet {
    display: none !important;
  }

  .tablet-row {
    display: block !important;
  }

  .tablet-show, show-tablet {
    display: inline-block !important;
  }
}

@media (max-width: 480px) {
  .mobile-hide, .hide-mobile {
    display: none !important;
  }

  .mobile-row {
    display: block !important;
  }

  .mobile-show, show-mobile {
    display: inline-block !important;
  }
}