#container {
margin: 0 auto;
width: 90%;
height: 90%;
text-align:center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
overflow: hidden;
}
#write {
margin-bottom: 10px;
width: 97%;
font-size: 45px;
font-family: 'oswald',arial;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	width: 60px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #fff;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete, #keyboard .symbol, #keyboard .letter  {
			width: 32%;
			font-size: 35px;
			font-weight:bold:
			border: 1px solid #f9f9f9;
			background: #eee;
			margin: 2px 2px 2px 2px;
			font-family: 'oswald',arial;
			}

			#keyboard .delete {
			width: 32%;
			font-size: 40px;
			font-weight:bold:
			border: 1px solid #f9f9f9;
			background: #FF2626;
			margin: 2px 2px 2px 2px;
			font-family: 'oswald',arial;
			}

			#keyboard .ok  {
			width: 97%;
			font-size: 40px;
			font-weight:bold:
			border: 1px solid #f9f9f9;
			background: #eee;
			margin: 2px 2px 2px 2px;
			font-family: 'oswald',arial;
			padding:0;
            line-height: 0;
			}

			#keyboard .capslock {
			width: 80px;
			}
			#keyboard .return {
			width: 77px;
			}
			#keyboard .left-shift {
			width: 95px;
			}
			#keyboard .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 681px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}


.okrutir {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
	width: 100%;
	height: 100%;
}



.volver {
    background-color: red; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
	width: 100%;
	height: 100%;
}



.entradaon {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 50px;
	width: 100%;
	height: 120px;
	margin-bottom: 40px;
}

.addboton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
	width: 100%;
	height: 50px;
}

.addbotonform {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
	font-weight:bold;
    font-size: 16px;
	width: 100%;
	height: 37px;
	padding-top:10px;
}

.boton {
    margin-top: -10px;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
	width: 100%;
	height: 30px;
	padding: 5px 32px;
	font-weight:bold;
}


.volveron {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 40px;
	width: 100%;
	height: 10%;
	bottom:0;
	position:absolute;
}

.salidaoff {
    background-color: #FF2626; /* Red */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 50px;
	width: 100%;
	height: 120px;
}

#optiones {
overflow: hidden;
position: absolute;
height: 590px;
width: 90%;
left: 50%;
top: 50%;
margin-top: -210px;
margin-left: -45%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}