/* Default colors and sizes */
body {
    cursor: crosshair;
    background-color: black;
    color: white;
    font-family: serif;
    font-size: 16pt;
    margin: 5%;
    text-indent: 5mm;
    text-align: justify;
    text-justify: inter-word
}

.clsAchieved {
    font-style: italic
}

.firstP {
    text-indent: 2mm
}

/* Hiperenlaces por defecto */
a:link, a:visited {
    font-weight: bold;
    color: olive;
    text-decoration: none;
}

a:hover {
    color:yellow;
    text-decoration: none;
    text-shadow: 0px 1px gray;
}

/* Hyperlinks: movement */
a.clsLinkMov:link, a.clsLinkMov:visited {
    font-weight: bold;
    color: green;
    text-decoration: none;
}

a.clsLinkMov:hover {
    color: limegreen;
    text-decoration: none;
}

/* Hyperlinks: object actions */
a.clsLinkObj:link, a.clsLinkObj:visited {
    font-weight: bold;
    color: olive;
    text-decoration: none;
}

a.clsLinkObj:hover {
    color: yellow;
    text-decoration: none;
}

/* Hyperlinks: pnj actions */
a.clsLinkPnj:link, a.clsLinkPnj:visited {
    font-weight: bold;
    color: purple;
    text-decoration: none
}

a.clsLinkPnj:hover {
    color: magenta;
    text-decoration: none;
}

/* Intro div, before game */
#dvIntro {
	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: 5%;
	font-size:18pt;
	color:lightgray
}

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

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

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

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

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

/* Description text for current room */
#dvDesc  {
	color:cyan;
	width:100%;
	font-size:22px;
	text-align: justify;
}

/* Game's answer text */
#dvAnswer {
	width:100%;
	font-size:20px;
	text-align: justify;
	font-family: sans-serif
}

/* Input section, prompt, icons... */
#dvInput {
	color:white;
	background-color:black;
	width:100%;
	font-size:20px;
}

#edInput{
	width:90%;
	color:white;
	background-color:black;
	border:none;
	font-size:20px;
	border:1px dotted gray;
	border-radius: 14pt;
	padding:6px
}

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

#dvObjects {
	font-family: monospace;
	font-size: 16pt;
	text-align: center
}

#dvActions {
	cursor: crosshair;
    display: block
}