html, body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

tblanco{
	color: #fff;
}

tgris{
	color: #bbb;
}


/* https://kuler.adobe.com/#themeID/2203015 */

.fondo 		{ background-color: #403B25; }
.cuerpo 	{ background-color: #0D758C; }
.titulo		{ background-color: #095363; }
.boton 		{ background-color: #67B861; }
.botonres	{ background-color: #158C0D; }
.botonclean { background-color: #eb9155; }

/* ======================================== */

.bckgrnd
{
	background-image: url('../assets/bckgrndtex.jpg');
	background-repeat: repeat;
}

.fullBody
{
	border: 0 none;
	margin: 0 auto;
	min-width: 800px;
	min-height: 200px;
	width:800px;
	overflow:hidden; 
	background-color: transparent;

}

.separator
{
	min-height: 24px;
	background-color: transparent;
}

.banner
{
	border: 0 none;
	font-family: Oswald;
	font-weight: 700;
	font-size: 56px;
	color: #fff;
	text-align: center;
	vertical-align: text-bottom;
	background-image: url('../assets/mazetexture.jpg');
	background-repeat: repeat;
	box-shadow: 0px 3px 5px 0px #333;
}

.mainBody
{
	margin: 0 auto;
	height: 500px;
	background-color: transparent;
	box-shadow: 0px 3px 5px 0px #333;
}

.leftMenu
{
	display: inline;
	float: left;
	width: 150px;
	height: 500px;
	overflow: hidden;
	background-color: transparent;
}

.leftMenuItemActive
{
	width: 158px; /* Cambia esto si cambias el tamaño de .leftMenu, añadiendo 8px */
	padding: 8px;
	border-width: 3px 0px 3px 3px;
	border-style: solid;
	border-color: transparent;
	border-radius: 8px;
	margin-bottom: 8px;
	background-color: #0D758C;
	font-family: Oswald;
	font-weight: 300;
	font-size: 14px;
	color: white;
	box-shadow: 0px 3px 5px 0px #333;
}

.leftMenuItem
{
	padding: 8px;
	border-width: 3px 0px 3px 3px;
	border-style: solid;
	border-color: transparent;
	border-radius: 8px;
	width: 158px;
	margin-bottom: 8px;
	cursor: pointer;
	background-color: #095363;
}

.leftMenuItem:hover
{
	background-color: #158C0D;
}

.indexText
{
	font-family: Oswald;
	font-weight: 300;
	font-size: 14px;
	color: white;
	display: block;
	text-decoration: none;
}

.rightBody
{
	display: inline;
	float: right;
	width: 650px;
	height: 500px;
}

.buttonArea
{
	margin: 0 auto;
	text-align: center;
	padding-top: 32px;
}

.miBoton
{
	font-family: Oswald;
	font-weight: 300;
	font-size: 18px;
	color: #FFF;
	margin: 8px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 25px;
	padding-left: 25px;
	border-radius: 8px 8px 8px 8px;
	cursor: pointer;
	text-decoration: none;
}

.miBoton:hover
{
	background-color: #158C0D;
}

.resultArea
{
	padding-top: 24px;
	width: 600px;
	margin: 0 auto;
	text-align: center;
}

.resultText
{
	color: #FFF;
	font-family: Oswald;
	font-weight: 300;
	font-size: 24px;
}

.resultLink
{
	color: #67B861;
	font-family: Oswald;
	font-weight: 300;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.copyText
{
	color: #0D758C;
	padding-top: 4px;
	padding-left: 78px;
	font-size: 12px;
	font-family: Oswald;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background-color:transparent;
	position: relative;
	top: 8px;
}

.diceForm
{
	padding-top: 24px;
	padding-bottom: 48px;
}

.diceInput
{
	font-family: Oswald;
	font-weight: 700;
	font-size: 48px;
	width: 80px;
}

.dText
{
	font-family: Oswald;
	font-weight: 700;
	font-size: 56px;
	color: #fff;
	position: relative;
	top: 5px;
}

select {
	background: #F3F3F3;
	color: #585757;
	padding: 5px;
	font-size: 18px;
	line-height: 120%;
	border: 1px solid #C1C1C1;
	border-radius: 5px;
	height: 35px;
	-webkit-appearance: none;
	font-family: Oswald;
}