/*
Theme Name: AVIZO.cz - login page
Theme URI: http://www.avizo.cz/
Description: Vzhled pro prihlaseni AVIZO.cz
Version: 2014/1
Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/


/* <-------------- Vychozi nastaveni   */
	*, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	hr {display:none;}
	div, form, section, header, footer, nav, aside {display:block;margin:0;padding:0;}
	
/* <-------------- Odkazy   */	
	a, a:link, a:visited                {color:#0077b7;text-decoration:none;}
	a:hover, a:focus                    {color:#0077b7;text-decoration:underline;}
	a:active                            {color:#000000;text-decoration:none;}
    a img, a:link img, a:visited img    {border:none;text-decoration:none;}

/* <-------------- ikony  */

	
	
/* <-------------- Telo   */
	html {margin:0;padding:0;width:100%;height:100%;position:relative;} 
	body {width:100%;min-width:300px;height:100%;margin:0;padding:0;font-family:'Roboto',sans-serif;font-size:0.9em;font-style:normal;line-height:1.6em;font-weight:400;color:#333;background:#fff;text-align:center;position:relative;-webkit-font-smoothing:antialiased;
		background-image: linear-gradient(to top, #dff4ff 0%, white 100%);}
	.bodybox {
}

/* <-------------- Box model   */
	.grid {width:100%;max-width:740px;margin:0 auto;}
	.grid:after {content:"";display:table;clear:both;}
	
/* <-------------- Hlavicka  */
	header {padding:40px 20px;}
	
	/* <- Logo -> */
	.logo, .logo a {display:block;width:100%;height:75px;overflow:hidden;text-align:left;margin:0;padding:0;}
	.logo {margin:0 auto;max-width:328px;}
	.logo a {float:left;background:url(img/sprites-2015-10-30.png?ver=2014-11-001) no-repeat 0 0;background-size:100% auto;text-indent:-6000px;cursor:pointer;}


/* <-------------- Obsah  */
	section {padding:0 20px 20px 20px;}	
	
	/* <- Nadpisy -> */
	h2 {font-weight:400;font-size:1.4em;}
	
	.title-middle-line {position:relative;}
	.title-middle-line:before, .title-middle-line:after {content:"";display:block;width:33%;height:1px;background:#BFDFF7;position:absolute;top:50%;margin:-1px 0 0 0;}
	.title-middle-line:before {left:0;}
	.title-middle-line:after {right:0;}
	
/* <-------------- Formulare  */	
	.frm {margin-bottom:60px;}
	.frm-group {margin:0 0 7px 0;}
	.frm-group-margin {margin:20px 0;}
	.frm-group:after {content:"";display:table;clear:both;}
	
	::-webkit-input-placeholder {color:#12386C;font-weight:500;}
	::-moz-placeholder {color:#12386C;font-weight:500;}
	:-ms-input-placeholder {color:#12386C;font-weight:500;}
	input:-moz-placeholder {color:#12386C;font-weight:500;}
	
	:focus::-webkit-input-placeholder {color:#4099c9;font-weight:500;}
	:focus::-moz-placeholder {color:#4099c9;font-weight:500;}
	:focus:-ms-input-placeholder {color:#4099c9;font-weight:500;}
	input:focus:-moz-placeholder {color:#4099c9;font-weight:500;}	

	.frm input[type="text"], .frm input[type="password"], .frm input[type="email"], .frm input[type="number"], .frm input[type="tel"], .frm input[type="date"], .frm textarea
		{width:70%;padding:20px 10px;border:none;outline:none;background:#BDE0FF;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;text-align:center;
			font-family:'Roboto',sans-serif;color:#333;font-size:1.2em;
		}	

	.frm input:-webkit-autofill
		{-webkit-box-shadow: 0 0 0px 1000px #BDE0FF inset;background-color:#BDE0FF !important;-webkit-text-fill-color:#333;}	


	.frm input[type="text"]:focus, .frm input[type="password"]:focus, .frm input[type="email"]:focus, .frm input[type="number"]:focus, .frm input[type="tel"]:focus, .frm input[type="date"]:focus, .frm textarea:focus 
		{background:#0077b7;color:#fff;webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;-ms-transition: background-color 300ms linear;transition: background-color 300ms linear;position:relative;}


	.frm-item-icon {width:70%;margin:0 auto;position:relative;}
	
	.frm .frm-item-icon input[type="text"], .frm .frm-item-icon input[type="password"], .frm .frm-item-icon input[type="email"], 
	.frm .frm-item-icon input[type="number"], .frm .frm-item-icon input[type="tel"], .frm .frm-item-icon input[type="date"], 
	.frm .frm-item-icon textarea
		{width:100%;} 
		
	.frm-item-icon [class^="icon-"], .frm-item-icon [class*=" icon-"] {position:absolute;top:15px;left:20px;color:#fff;font-size:2em;}

	.frm-label-no {display:none;}
	
	.frm button, .btnc {display:inline-block;line-height:1em;padding:15px 50px;border:none;color:#fff !important;font-size:1.4em;text-transform:uppercase;cursor:pointer;background:#48A8FF;text-shadow:0 0 5px rgba(0, 0, 0, 0.45);text-decoration:none;
		-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
		-webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;-ms-transition: background-color 300ms linear;transition: background-color 300ms linear;}
	.frm button:hover, .btnc:hover {background:#0077B7;text-decoration:none;}
	
	


	.error::-webkit-input-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}
	input.error:-moz-placeholder {color:#fff;}
	
	.error:focus::-webkit-input-placeholder {color:#fff;}
	.error:focus::-moz-placeholder {color:#fff;}
	.error:focus:-ms-input-placeholder {color:#fff;}
	input.error:focus:-moz-placeholder {color:#fff;}

	.frm input[type="text"].error, .frm input[type="password"].error, .frm input[type="email"].error, .frm input[type="number"].error, .frm input[type="tel"].error, .frm input[type="date"].error, .frm textarea.error 
		{background:#ff9999;color:#fff;}	
	.frm input[type="text"].error:focus, .frm input[type="password"].error:focus, .frm input[type="email"].error:focus, .frm input[type="number"].error:focus, .frm input[type="tel"].error:focus, .frm input[type="date"].error:focus, .frm textarea.error:focus 
		{background:#902d2d;}

	label.error {display:inline-block;padding:5px 10px;margin-top:0px;line-height:1.1em;background:#902d2d;font-size:0.75em;color:#fff;
		-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;
		-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;}
	
	div.error {color:#902d2d;font-weight:900;}
	
/* <--------------Checkbox  */	
/*	.avizo-check-button {display:inline-block;border:solid 1px #0077b7;margin-right:7px;background:#fff;border-radius:14px;height:28px;width:45px;position:relative;vertical-align:middle;cursor:pointer;}
	.avizo-check-button b {display:inline-block;width:26px;height:26px;text-align:center;border-radius:13px;background:#0077b7;position:absolute;top:0;left:0;cursor:pointer;}
	.avizo-check-button b:before {content:"";display:inline-block;color:#fff;font-size:0.75em;font-family:'avizoico';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;}
	.avizo-check.checked .avizo-check-button b:before {content:"\f00c";}
	.avizo-check.checked .avizo-check-button b  {background:#02c72c;}
	.avizo-check.checked .avizo-check-button {border-color:#02c72c;} */


	.avizo-check {display:inline-block;margin:0 20px 10px 0;}	
	.avizo-check-button {display:inline-block;border:solid 1px #9c9291;margin-right:7px;margin-bottom:5px;background:#fff;border-radius:14px;height:28px;width:45px;position:relative;vertical-align:middle;cursor:pointer;}
	.avizo-check-button b {display:inline-block;width:26px;height:26px;text-align:center;border-radius:13px;background:#9c9291;position:absolute;top:0;left:0;cursor:pointer;}
	.avizo-check-button b:before {content:"";display:inline-block;color:#fff;font-size:0.75em;font-family:'avizoico';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;}
	.avizo-check.checked .avizo-check-button b:before {content:"\f00c";}
	.avizo-check.checked .avizo-check-button b  {background:#02c72c;}
	.avizo-check.checked .avizo-check-button {border-color:#02c72c;}

	.avizo-check.disabled .avizo-check-button b  {background:#BEBEBE;cursor:default;}
	.avizo-check.disabled .avizo-check-button {border-color:#BEBEBE;cursor:default;}
	.avizo-check.disabled .avizo-check-button b:before {content:"\f00d";} 

	.avizo-check.disabled.checked .avizo-check-button b  {background:#abdb6c;cursor:default;right:0;left:auto;}
	.avizo-check.disabled.checked .avizo-check-button {border-color:#abdb6c;cursor:default;}
	.avizo-check.disabled.checked .avizo-check-button b:before {content:"\f00c";} 



/* <-------------- Socialni ikony  */
	.social-login {margin:0;padding:20px 0;list-style:none;text-align:center;overflow:hidden;background:none;clear:both;}
	.social-login li {display:inline;}
	.social-login a {display:inline-block;width:104px;height:104px;margin:0 10px;overflow:hidden;background:url(img/sprites-2015-10-30.png?ver=2014-11-001) no-repeat 0 -200px;text-align:left;text-indent:-6000px;
		-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;
		-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
	.social-fb a, .social-fb a:visited {background-position:0px -200px;}	.social-fb a:hover {background-position:0px -304px;}
	.social-gp a, .social-gp a:visited {background-position:-104px -200px;}	.social-gp a:hover {background-position:-104px -304px;}
	.social-id a, .social-id a:visited {background-position:-208px -200px;}	.social-id a:hover {background-position:-208px -304px;}

/* <-------------- Pata  */
	footer {padding:0 20px 20px 20px;}
	footer .grid {padding-top:20px;border-top:solid 1px #BFDFF7;}
	
	footer nav a {color:#333;}
	footer nav a, footer nav a:visited {color:#333;text-decoration:none;
		-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
	footer nav a.footer-reg-link, footer nav a.footer-reg-link:visited {color:#d34633;}
	footer nav a:hover {color:#0077b7 !important;text-decoration:none;}

/* <-------------- responzive */

	@media (max-width: 739px) {
		.grid {width:100%;min-width:0;}
		.frm input[type="text"], .frm input[type="password"], .frm input[type="email"], .frm input[type="number"], .frm input[type="tel"], .frm input[type="date"], .frm textarea 
			{width:100%;padding:10px;}
			
		.frm button {width:100%;}
			
		.frm-item-icon {width:100%;}
		.frm-item-icon [class^="icon-"], .frm-item-icon [class*=" icon-"] {position:absolute;top:10px;left:20px;color:#fff;font-size:1.6em;}
		
		.social-login a {width:60px;height:60px;margin:0 10px;}
		.social-fb a, .social-fb a:visited {background-position:0px -440px;}	.social-fb a:hover {background-position:0px -500px;}
		.social-gp a, .social-gp a:visited {background-position:-60px -440px;}	.social-gp a:hover {background-position:-60px -500px;}
		.social-id a, .social-id a:visited {background-position:-120px -440px;}	.social-id a:hover {background-position:-120px -500px;}
		
		.title-middle-line:before, .title-middle-line:after {width:23%;}
					
		footer nav {font-size:0.85em;}			
	}

	@media (max-width: 450px) {
		.frm button {font-size:1.2em;}
			
	}