/* Registration templates */
/* Version: 0.1 */
/* Copyright Zoomsoft, s.r.o., all rights reserved */

/* Outside elements */

.reg-logo {
	width: 60px;
	margin-top: 40px;
	margin-left: 40px;
}
			@media screen and (max-width: 600px) { 
                .reg-logo {
                   width: 40px;	
                   margin-top: 25px;
				   margin-left: 25px;
                }
            }

.reg-help {
	position: absolute;
	right: 40px;
	top: 60px;
	background: none;
}
			@media screen and (max-width: 600px) { 
                .reg-help {
                   right: 30px;
				   top: 35px;
                }
            }

.reg-help a {
	color: rgb(255,255,255);
	text-decoration: none;
}

.reg-help a:hover {
	text-decoration: underline;
}


/* Registration default */
#registrace {
	margin-top: 50px;
}

#registrace a {
	color: rgb(120,120,120);
	text-decoration: underline;
}

#registrace a:hover {
	text-decoration: none;
}



#registrace h1 {
	font-size: 80px;
}
			@media screen and (max-width: 1360px) { 
                #registrace h1 {
                   font-size: 60px;	
                }
            }
            
            @media screen and (max-width: 600px) { 
                #registrace h1 {
                   font-size: 50px;	
                }
            }
            
            @media screen and (max-width: 480px) { 
                #registrace h1 {
                   font-size: 45px;	
                }
            }

#registrace .input-1 {
	background: rgb(50,50,55);
	outline: none;
	border: 1px solid rgb(55,55,60);
	border-radius: 25px;
	padding: 1em;
	color: rgb(255,255,255);
	width: 50%;
	transition: 1s;
}
			@media screen and (max-width: 999px) { 
                #registrace .input-1 {
                   width: 100%;
                }
            }

#registrace .input-1:hover {
	background: rgb(70,70,75);
	transition: 1s;
}




#registrace .input-2 {
	background: rgb(50,50,55);
	outline: none;
	border: 1px solid rgb(55,55,60);
	border-radius: 25px;
	padding: 1em;
	color: rgb(255,255,255);
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	transition: 1s;
}
			@media screen and (max-width: 999px) { 
                #registrace .input-2 {
                   width: 100%;
                   margin-left: 0px;
                   margin-right: 0px;
                }
            }

#registrace .input-2:hover {
	background: rgb(70,70,75);
	transition: 1s;
}