@font-face {
    font-family: font-text-tahoma;
    src: url("../ttf/tahoma.ttf");
    font-weight: normal;
}
@viewport {
width: 320px;
}
body {
		font-family: 		font-text-tahoma;
		background-color:	#E0E0E0;
        color: 				#4D4D4D;
		margin:				0px;
		padding:			0px;
        font-size: 			17px;
		line-height: 		160%;				
}


h1 {
		font-family: 		font-text-tahoma;
        font-size: 			25px;
		line-height: 		160%;			
		font-weight:		bold;
		color:				#054567;
		text-decoration:	none;
		margin-top:			0px;
		margin-bottom:		5px;
}

a {
		font-family: 		font-text-tahoma;
        font-size: 			17px;
		line-height: 		160%;			
		font-weight:		bold;
		color: 				#4D4D4D;
		text-decoration:	none;
}

a:hover {
		font-family: 		font-text-tahoma;
        font-size: 			17px;
		line-height: 		160%;			
		font-weight:		bold;
		color: 				#4D4D4D;
		text-decoration:	underline;
}

.logo {
		max-width: 			300px;
		margin-top:			50px;
		margin-bottom: 		0px;
}

#chyba {
		font-family: 		font-text-tahoma;
		font-size:			20px;
		color:				#FF0000;
}

.myinfo {
		width:	300px;
		height:	30px;
		margin-bottom:	10px;
		
		background-color:	#FFFFFF;
		border: 1px solid #888888;
        color: #4d4d4d;
        font-size: 14px;
		font-weight: normal;
}

.myinput {
		width:	300px;
		height:	50px;
		margin-bottom:	15px;
		padding-left:	4px;
		padding-right:	4px;
		padding-top:	2px;
		padding-bottom:	2px;
		
		background-color: #FFFFFF;
		border: 2px solid #054567;
        color: #333333;
        font-size: 22px;
		font-weight: normal;
}

.myinput:focus {
		width:	300px;
		height:	50px;
		margin-bottom:	15px;
		padding-left:	4px;
		padding-right:	4px;
		padding-top:	2px;
		padding-bottom:	2px;
		
		background-color: #DEF3FE;
		border: 2px solid #054567;
        color: #000099;
        font-size: 22px;
		font-weight: normal;
}

.myButton {
	width:		90px;
	background-color:	#EEEEEE;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#054567;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	margin-left:	5px;
	margin-right:	5px;
	vertical-align: middle;
 }

.myButton:hover {
	background-color:#054567;
	color:#ffffff;
	cursor: pointer;
}
.myButton:active {
	position:relative;
	top:1px;
	cursor: pointer;
}
