@import url(common.css);

#container {
	position:relative;
	background-image: url('../img/IM_S_G04_U01_L05_03_04_01.jpg');
	background-size: cover;
	background-position: left bottom;
	border-radius: 5px;
	border:solid 5px #00abaf;
	height:600px;
	width:98%;
	top:10px;
	left:8px;
}

table {
	display: inline-block;
	background:#1b7178;
	border-collapse: collapse;
	border-radius: 10px;
	font-size: 1em;
	margin-right: 15px;
}

.encabezado {
	height:50px;
	font-size: 2em;
}


.drop{
	width: 320px;
	height: 200px;
	padding: 1%;
	display: block;
}

.encabezado td {
	background:#258ab8;
	color:#FFF;
	text-align: center;
	width:320px;
	height:70px !important;
	margin:0;
	padding:0;
}

.top {
	width:114px !important;
	height:58px;
	background: rgba(0,0,0,0) !important;
	margin:0;
	padding:0;
}

.izquierda {
	background:#a9b9a1;
	color:#FFF;
	height:200px;
	text-align: center;
	font-size: 1.6em;
}

#drags {
	display:inline-block;
	width:420px;
	height: 464px;
	cursor:pointer;
}

.drag {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	background-image: url('../img/03_04_nota.png');
	background-size: cover;
	width:167px;
	height:100px;
	margin:5px;
}

.drag p {
	position:relative;
	top:10%;
	text-align: center;
	padding:0 5px;
	vertical-align: top;
	font-size: 1.3em;
}

.error{
	box-shadow: 0px 0px 10px red;
	cursor: text;
}

.bien{
	box-shadow: 0px 0px 10px #007F28;
	cursor: text;
}

.bienchu{
	cursor: pointer;
	color: #007F28;
	display: none;
	border: 1px solid #007F28;
	width: 13px;
	height: 13px;
	text-align: center;
	margin-left: 125px;
	margin-top: 5px;
	margin-bottom: -10px;
	font-size: 0.8em;
	font-weight: bold;
}

.cerrar{
	cursor: pointer;
	color: red;
	display: none;
	border: 1px solid red;
	width: 13px;
	height: 13px;
	text-align: center;
	margin-left: 125px;
	margin-top: 5px;
	margin-bottom: -10px;
	font-size: 0.8em;
	font-weight: bold;
}

.chat {
background-color:#fff;
border:2px solid red;
/*font-size:35px;*/
line-height:1.3em;
margin:10px auto;
padding:7px;
position:relative;
text-align:center;
width:300px;
height: 80px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 5px #888888;
-webkit-box-shadow:0 0 5px #888888;
}
.chat-arrow-border {
border-color: red transparent transparent transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
bottom:-22px;
left:245px;
}
.chat-arrow {
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
bottom:-19px;
left:245px;
}

#mensaje{
	display: none;
}