@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{background:url(../template/yam/img/bg_home_or.jpg) no-repeat 10% top fixed;color:#333;font-size:15px;}
#body{
	width:950px;
	position:relative;
	left:50%;
	margin-left:-475px;
	border:1px solid #ddd;
	background:url(../template/yam/img/white2.png);
}
h1{
	color:#06F;
	padding:5px;
	border-bottom:#06F 1px solid;
	margin:15px;
	position:relative;
	text-align:center;
}
#details{
	width:120px;
	float:right;
	margin:0 15px;
	position:relative;
}
#logo{
	width:305px;
	float:left;
	margin:0 15px;
}
	#logo img{
		width:305px;
	}
.infoAlumno{
	width:465px;
	float:right;
	text-align:right;
}
	.infoAlumno li{
		list-style:none;
		margin:5px;
	}
.logros{
	display:inline-block;
	clear:both;
	padding:3px;
	background:#CF6;
	border:#9C0 1px solid;
	width:95%;
	-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
	margin:15px;
}
	.logros h2{
		font-size:1.3em;
		color:#360;
		margin:3px;
		padding:3px;
		border-bottom:1px solid #360;
		text-align:center;
	}
		.logros li{
			display:inline-block;
			float:left;
			margin:5px;
			list-style:none;
		}
#categoryTags ul{
	display:inline-block;
	padding:5px 5px 5px 25px;
	list-style:none;
}
	#categoryTags ul li{
		display:inline-block;
		list-style:none;
		width:48%;
		margin-right:15px;
		float:left;
		margin-bottom:15px;
	}
		#categoryTags ul li fieldset,fieldset{
			padding:10px;
			border:1px solid #06F;
			-webkit-border-radius:30px;-khtml-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;
		}
			#categoryTags ul li fieldset legend,fieldset legend{
				padding:5px;
				background:#06F;
				color:#FFF;
				margin:5px;
				text-align:left;
			}
	#categoryTags ul li.resumen{
		width:97.2%;
	}
		#categoryTags ul li.resumen fieldset{
			border-color:#F30;
			background:#f9d0c6;
		}
			#categoryTags ul li.resumen fieldset legend{
				background:#F30
			}
.dhx_chart{
	width:100%;
	height:250px;
}
.foot{
	margin:10px 15px;
	font-size:13px;
	text-align:center;
}
	.foot a{
		font-weight:bold;
		text-decoration:none;
		color:#F60;
	}
		.foot a:hover{
			color:#06F;
		}
/*******tooltip*********/
 .ui-tooltip, .arrow:after {
background: #06F !important;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white !important;
border-radius: 20px;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}		
/***CHEVERE******/
#liked{
	width:100px !important;
	height:110px;
	display:inline-block;
	font-size:15.0px !important;
	background:#ddf9a6;
	border:1px solid #9C0;
	padding:5px;
	-webkit-border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;
	color:#030;
}
	#liked img{
		height:60px !important;
		width:60px !important;
	}
/********/
.info{
	 margin:10px 15px;
}
	.info h4{
		margin:8px 0;
		text-align:center;
		padding:5px;
		background:#FC9;
		border:#F30 1px solid;
		color:#F30;
	}
.no{
	background:#F99 !important;
	color:#C00 !important;
	font-weight:bold !important;
}
.wee{
	background:#d0e9ff;
	color:#06F;
	font-weight:bold;
}
.notas{
	border:#06F 1px solid;
	margin:8px 0;
	font-size:15px;
	float:none;
	clear:both;
}
	.notas th{
		background:#06F;
		color:#FFF;
		text-align:center;
		font-weight:bold;
		padding:5px;
	}
	.notas td{
		padding:5px;
		border-bottom:1px solid #06f;
		border-left:1px solid #06f;
	}
	.notas .headT{
		padding:2px;
		text-align:center;
		background:#CF6;
		color:#333;
		border-bottom-color:#9C0;
	}
.infoBottom{
	margin:15px;
	text-align:center;
}
.observacion{
	display:inline-block;
	width:100%;
	list-style:none;
}
	.observacion li{
		display:inline-block;
		padding:3px 5px;
		background:#CF9;
		border:#9C0 1px solid;
		float:left;
		margin-right:10px;
		height:55px;
		width:200px;
		text-align:left;
		margin-bottom:15px;
		-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
	}
		.observacion li span{
			display:inline;
			line-height:1.4em;
			padding-top:8px;
		}
		.observacion li img{
			width:55px;
			height:55px;
			float:left;
			margin-right:5px;
		}
#informacion{
	position:relative;
	overflow:hidden;
}
#informacion fieldset{
	margin:15px;
	position:relative;
}
legend{
	font-weight:bold;
}
label,.label{
	display:block;
	padding:10px;
	margin:10px 5px;
	border:1px solid #9C0;
	-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
	font-size:16px;
	font-weight:bold;
	color:#069;
	background:#efefef;
	float:left;
	width:46%;
	min-height:65px;
}
input[type=text],textarea{
	padding:3px 5px;
	border:#069 1px solid;
	width:97%;
	resize:none;
	margin-top:10px;
}
	input[type=text]:focus,textarea:focus{
		border-color:#F60;
	}
.big{
	width:95.6%;
	float:none;
	clear:both;
}
	.big input[type=text],.big textarea{
		width:98.5%;
	}
.label label{
	width:auto !important;
	min-height:15px !important;
	padding:3px 12px;
	border:1x solid #06F;
	margin:8px 15px 2px 0;
	color:#333;
}
.check{background:#CF9;}
.rif{text-transform:uppercase;}
.bton{
	padding:5px;
	font-size:19px;
	font-weight:bold;
	color:#FFF;
	background:#F60;
	border:4px solid #f30;
	cursor:pointer;
	-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}
	.bton:hover{
		background:#06F;
		border-color:#039;
		-webkit-box-shadow:0 0 8px #09F;-khtml-box-shadow:0 0 8px #09F;-moz-box-shadow:0 0 8px #09F;-o-box-shadow:0 0 8px #09F;box-shadow:0 0 8px #09F;
	}
	.bton:focus,.bton:active,.bton:pres{
		background:#9C0;
		border-color:#360;
		-webkit-box-shadow:0 0 8px #CF6;-khtml-box-shadow:0 0 8px #cf6;-moz-box-shadow:0 0 8px #cf6;-o-box-shadow:0 0 8px #cf6;box-shadow:0 0 8px #cf6;
		color:#360
	}
.loading,.result{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	height:100%;
	-webkit-border-radius:30px;-khtml-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;
	display:none;
}
.result{
	line-height:150px;
}
.loading{
	background:url(../img/loading.gif) no-repeat #fff center 50%;
	opacity:.85;
	filter:alpha(opacity:85);
}
.input{
	display:block;
	text-align:center
}
.changer{
	display:inline-block;
	padding:2px 5px;
	color:#06F;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
	.changer:hover{
		color:#F60;
		text-decoration:none;
	}