/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * LOGIN.CSS: - styly pro login do editoru
 *            - editor login styles
 *
 * verze: 1.0.0 / wa 2.83 / editor
 * autor: OV
 * email: vetesnik@ebrana.cz
 * media: screen
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


	/* * * * * *  formát  * * * * * */
	html, body						{ margin: 0; padding: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #333; min-height: 100%; }
	html {background: #009FE3 url('./images/login_bg.jpg') no-repeat; background-size: cover; background-position: 50% 50%;}

@media (max-width: 1400px) and (min-width: 1200px) {
	html {
		background-size: auto;
		background-position: 50% 35%;
	}
	#contentLogin {
		top: 42%;
	}
}


	/* Box sizing */
	*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

	body								{ font-size: 87.5%; }

	p									{ margin: 1em 0; line-height: 1.5em; }


	/* * * * * *  nadpisy - headers  * * * * * */
	h1									{ color: white; font-size: 1.5em; margin: 0 0 6px; font-weight: normal; position: absolute; top: -999em; left: -999em; }


	/* * * * * *  odkazy - links  * * * * * */
	a									{ color: #333; text-decoration: underline; }
	a:active,
	a:hover							{ text-decoration: none; }


	/* * * * * *  obrázky - images  * * * * * */
	img								{ border: none; margin: 0; padding: 0; }

	/* Logo */
	#logo { position: fixed; top: 50px; left: 160px; }
	#top #logo { position: relative; top: 0; left: 0; }
	#top_right #const_form input#const_str { height: auto; }
	#top-menu { line-height: normal; }


	/* * * * * *  formuláře - forms  * * * * * */
	form								{ margin: 0; padding: 0; }
	fieldset							{ margin: 0; padding: 0; border: none; background: none; }
	fieldset *						{ vertical-align: middle; }
	label								{ display: block; padding-bottom: 7px; color: white; display: none; }
	input[type="text"],
	input[type="password"]		{ background: white; border: none; padding: 10px 12px; color: #333; margin: 0 0 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
								border-radius: 3px; width: 100%; height: 40px; border: 1px solid #999;
								-moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
	input, textarea				{ font-size: 1em; margin: 0; }
	select							{ font-size: 1em; }


	button.submit,
	input.submit-email { margin: 15px auto; padding: 12px 45px; cursor: pointer; font-weight: bold; color: #fff; border: 0; background-color: #009FE3;
		-webkit-border-radius: 3px; border-radius: 3px; font-family: inherit; height: 45px; min-width: 185px; font-size: 15px; display: block;
		-moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;
	}
	button.submit .icon { display: none; }
	input.delete { display: block; background-color: transparent; color: #999; padding: 0; height: auto; border: 0; margin: 15px auto 0; cursor: pointer;
				 text-decoration: underline; }
	input.delete:hover { text-decoration: none; }


   button.submit:focus,
   button.submit:active,
   input.submit-email:focus,
   input.submit-email:active,
   button.submit:hover,
   input.submit-email:hover	{ background-color: #00587d; }

	::-webkit-input-placeholder { color: #333; }
	:-moz-placeholder { color: #333; }
	::-moz-placeholder { color: #333; }
	:-ms-input-placeholder { color: #333; }


	/* * * * * *  jayzkové mutace - language mutations  * * * * * */
	ul#lang								{ position: absolute; top: -25px; right: 0px; margin: 0; line-height: normal; }
	ul#lang li							{ display: inline; float: left; margin-right: 5px; padding: 0; text-align: center; background: none; }
	ul#lang li.popisek				{ color: #5C5C5C; }
	ul#lang li.en						{ margin-right: 0; }
	ul#lang li a						{ position: relative; width: 22px; height: 16px; display: block; overflow: hidden; font-size: 0.833em; padding: 0; cursor: pointer; }
	ul#lang li a span					{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/ico_cz.png) 0 0 no-repeat; }

	ul#lang li.en a span				{ background: url(images/ico_en.png) 0 0 no-repeat; }



	/* * * * * *  nemáte dostatečná práva  * * * * * */
	#error							{ position: absolute; top: -144px; left: 50%; width: 492px; margin-left: -246px; background: #fef8b2 url(images/gfx/login_p.png) 0 0 repeat-x; color: black;
										  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
										  -webkit-box-shadow: 0px 0px 5px 0px #174661; -moz-box-shadow: 0px 0px 5px 0px #174661; box-shadow: 0px 0px 5px 0px #174661; }
	#error .extra					{ padding: 15px; }


	/* * * * * *  přihlašovací formulář  * * * * * */
	#contentlogin					{ position: absolute; top: 42%; left: 0; width: 100%; height: 1px; }

	#login							{ position: absolute; top: 0; left: 50%;
									height: 340px; width: 800px; margin-left: -400px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	#login .extra					{ margin: auto; width: 380px; max-width: 380px; }
	#login .extra2					{ position: relative; z-index: 80; }
	#login #info p					{ margin: 0; }
	#login .loginBanner 			{ float: right; }
	#login .loginBanner + .extra 	{ margin-left: 0; }
	#login .loginBanner a 			{ position: relative; display: block; width: 220px; height: 340px; background-color: #e6593d; -webkit-border-radius: 4px; border-radius: 4px;
									text-align: center; overflow: hidden; -webkit-transifion: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
	#login .loginBanner a::after 	{ position: absolute; bottom: -25px; left: 0; width: 100%; height: 230px; background: url('./images/login_banner_bg.png') no-repeat; content: '';
									-webkit-transifion: bottom .2s ease-in-out; transition: bottom .2s ease-in-out; }
	#login .loginBanner a:hover 	{ background-color: #d24c32; }
	#login .loginBanner a:hover::after { bottom: -1px; }
	#login .loginBanner p 			{ position: absolute; top: 45px; margin-top: 0; width: 100%; font-size: 22px; color: #fff; font-weight: 300; text-align: center; line-height: 1.4; }
	#login .loginBanner p strong	{ display: block; }
	#login .loginBanner button		{ position: absolute; bottom: 50px; left: 50%; z-index: 1; background-color: transparent; font-size: 15px; border: 1px solid #e8593d; color: #e8593d;
									-webkit-border-radius: 2px; border-radius: 2px; padding: 12px 5px; pointer-events: none; font-weight: bold;
									-webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80%; }

	/* Nadpis formu */
	.formHeading 					{ margin-top: 0; font-size: 22px; color: #000; text-align: center; margin-bottom: 30px; }


	div#login_fejlur,
	p.email_fejlur					{ margin: 15px 0; color: #c00; padding: 10px 15px; color: #473a16; font-size: 0.8571em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
									  border: 1px solid #e5de92;
										  background: -moz-linear-gradient(
										 	 top,
									 		 #f5f2d4 0%,
											 #fff9b2);
									     background: -webkit-gradient(
											 linear, left top, left bottom,
											 from(#f5f2d4),
											 to(#fff9b2)); }
	div#login_fejlur p			{ margin: 0; padding-left: 67px; background: url(images/alert.png) 0 50% no-repeat; }

	/*p.zapomel						{ margin: 0 0 15px; text-shadow: 0 1px 1px #164663; }*/
	p.nemuzu							{ display: block; font-size: 14px; margin: 0; position: relative; text-align: center; color: #000; }


/*	span.bod_g						{ width: 4px; height: 4px; position: absolute; top: 50%; left: 50%; background: #52a1da; z-index: 70;
										  -webkit-box-shadow: 0 0 320px 80px #99D3FA; -moz-box-shadow: 0 0 320px 80px #99D3FA; box-shadow: 0 0 320px 80px #99D3FA;
										  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }*/

	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
	{
	input.submit,
	input.delete					{ background-color: #009FE3; padding: 10px 18px; }
	span.bod_g						{ display: none; }
	div#login_fejlur,
	p.email_fejlur					{ background: #fef8b2 url(images/gfx/login_p.png) 0 0 repeat-x; }
	}
	@-moz-document url-prefix()
	{
  	span.bod_g						{ -webkit-box-shadow: 0 0 350px 105px #99D3FA; -moz-box-shadow: 0 0 350px 105px #99D3FA; box-shadow: 0 0 350px 105px #99D3FA; }
	}


	/*span.bod_g	{ background: #325875; }*/