body {
	border:0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	width:984px;
	height:585px;
	position:relative;
}

#contenedor{
	width:100%;
	height:100%;
	background-image:url('../img/fondoMotivacion.png');
}

#tablaPrincipal *{
	padding: 0px;
}

/*width de td_micromundo y width de td_chat tienen que sumar 100% */
#td_micromundo{
	width: 584px !important;
	height: 585px !important;
}

#micromundo{
	padding: 0;
	margin: 0;
	height: 100%;
}

#td_chat{
	position: absolute;
	top: 0;
	right: 0px;
	width: 400px !important;
	height: 585px;
	background-color: #ffffff;
}

#chat{
	height: 510px;
	top: 10px;
}

#chat_globos{
	overflow: auto; 
	position: absolute;
	width: 400px;
	height: 500px;
}


#chat_campo{
	position: absolute;
	left:15px;
	right:15px;
	bottom:15px;
	height:45px;
}


.esquinaGlobo{
	width: 19px;
	height: 19px;
	overflow: hidden;
}

.globo_avatar{
	width: 350px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.globo_usuario{
	width: 350px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.txt_avatar{
	font-family:Arial;
	font-size: 13px;
	text-align: justify;
	color: #4a4a4a;
	margin: -10px;
	margin-right: -8px;
	margin-left: 0px;
}

.txt_usuario{
	font-family:Arial;
	font-size: 13px;
	text-align: justify;
	color: #363636;
	margin: -10px;
	margin-left: -8px;
	margin-right: 0px;
}

.opcMult{
	font-family:Arial;
	font-size: 13px;
	text-align: left;
	color: #222222;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*Borde del micromundo*/
.micromundo{
	border: 1px hidden #eb7433;
}


.btCerrar_mm{
	font-family:Arial;
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #4a4a4a;
	margin-right: 11px;
}


.ligaMicromundo{
	font-family:Arial;
	font-size: 10px;
	font-style: italic;
	text-align: right;
	color: #777777;
	margin-right: 11px;
}

/*Ventana en la que aparecen los micromundos que se despliegan enfrente */
.ventana_mm_frente{
	border: 1px groove #abbf6e;
	background-color: #e9ebdc;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	box-shadow: 5px 5px 5px #aaaaaa;
}

.ventana_definicion{
	background-image:url('../img/fondo_def.png');
	width: 700px;
	height: 440px;
	padding: 100px;
	padding-top: 60px;
	font-family:Arial;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	color: #666666;
}

/*En caso de haber audio, sea pregrabado o mediante tts, botón para apagar y volver a prender los audios
Background-image debe hacer referencia al bt para prender el audio, y habrá que crear otro botón llamado nombreBoton_apagar.ext para apagar el audio*/
#bt_apagar_audio{
	background-image:url('../img/bt_audio.png');
	width:62px;
	height: 20px;
	top: 6px;
	left: 938px;
	font-family:Arial;
	font-size: 11px;
	font-style: normal;
	text-align: right;
	color: #4a4a4a;
	margin-right: 11px;
}

.loader{
	//background-color: #efefef;
	background: #efefef; /* Older browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	font-family:Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: bold; 
	color: #777777;
}

#chat_scroll{
	position:absolute;
	display:none;
	background-image: url('../img/scroll_fondo.png');
	top: 24px;
	right: 12px;
	width: 15px;
	height: 480px;
}

#scroll_flecha_arriba{
	position:absolute;
	background-image: url('../img/scroll_arriba.png');
	top: 2px;
	right: 1px;
	width: 13px;
	height: 11px;
	cursor: pointer;
}
#scroll_flecha_abajo{
	position:absolute;
	background-image: url('../img/scroll_abajo.png');
	bottom: 2px;
	right: 1px;
	width: 13px;
	height: 11px;
	cursor: pointer;
}
#scroll_barra{
	position:absolute;
	background-image: url('../img/scroll_barra.png');
	right: 2px;
	width: 11px;
	height: 76px;
}


textarea
{
   resize: none;
}

#input {
	width:100%;
	height:100%;
}