@font-face {
    font-family: myFont;
    src: url(myfont.ttf);
}

* {
	font-size: 100%;
	font-family: myFont;
}

/* Default colors and sizes */
body {
    margin: 3%;
	background-color:black;
	color:white;
	font-familiy: myFont;
	font-size:12pt;
    /*cursor: crosshair;*/
}

.clsAchieved {
    font-style: italic
}

/* Hiperenlaces */
a:link, a:visited {
	color:#777700;
	text-decoration: none;
    /*cursor: crosshair;*/
}

a:hover {
	color:#ffff00;
	text-decoration: none;
    cursor: crosshair
}

/* Hiperenlaces: objetos */
a.clsLinkObj:link, a.clsLinkObj:visited {
	color: lightblue;
	text-decoration: none;
    /*cursor: crosshair;*/
}

a.clsLinkObj:hover {
	color: cyan;
	text-decoration: none;
    /*cursor: crosshair;*/
}

/* Hiperenlaces: pnjs */
a.clsLinkPnj:link, a.clsLinkPnj:visited {
	color: darkmagenta;
	text-decoration: none;
    /*cursor: crosshair;*/
}

a.clsLinkPnj:hover {
	color: magenta;
	text-decoration: none;
    /*cursor: crosshair;*/
}

/* Intro div, before game */
#dvIntro {
    width: 70%;
	text-align:center;
    display: block
}

#hrIntroSeparator {
	color:#000044;
	background-color: #000044;
	height:3px;
	border:0
}

#btBoot {
	color:#770000;
	font-weight:bold
}

/* Game title */
#dvTitle {
    width:70%;
	margin:0%;
	/*font-size:18pt;*/
	color:lightgray
}

@media screen and (max-width: 800px) {
    #dvTitle, #dvId {
        display: none !important;
    }
}

/* Game div */
#dvFi {
    width:80%;
    margin-left: 5%;
    margin-right: 5%;
}

#hrFiSeparator {
	color:#000044;
	background-color:#000044;
	height:3px;
	border:0
}

/* Name of the room */
#dvId {
	width:100%;
	color:#77aaff;
	font-familiy: myFont;
	/*font-style:italic*/
}

/* Image */
#dvPic {
	width:100%;
	height:40%;
	text-align:center
}

/* Description text for current room */
#dvDesc  {
	color: lightgray;
    width: 100%;
    text-align: justify
}

/* Game's answer text */
#dvAnswer {
	font-familiy: myFont;
    height: 150px;
	font-size:12pt;
    text-align: justify;
    overflow-y: auto
}

/* Input section, prompt, icons... */
#dvInput {
	color:white;
	background-color:black;
	width:100%;
	font-size:12px;
	border:2px solid gray;
	border-radius: 5px;
	padding:6px
}

#edInput {
	width:95%;
	color:white;
	background-color:black;
	font-size:16px;
	border:2px solid lightgray;
	border-radius: 10px;
	padding:6px
}

#dvObjects {
	display: none;
	visibility: hidden;
	max-height: 0;
}

/* Error section, this is normally not seen by players */
#dvError {
	color:white;
	background-color:red;
	width:100%;
	font-familiy: myFont;
	font-size:24px;
}