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

body {
	/*background:#900;*/
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	padding: 0px;
	margin-top: 5px;
}
.firstTest {
	color:#3C3;
}
.header {
	border: 1px solid #0CF;
	float: left;
	height: 15px;
	width: 99px;
	margin-left: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 10px;
	text-align: center;
}
.monthTitle {
	text-align: center;
	padding-top: 5px;
	background-color:#603;
	margin-left: 125px;
	margin-top: 10px;
	width: 200px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	cursor:pointer;
	display:inline-block;
	position:absolute;
}
.diasEspecial, .diasWorkday, .diasOffday, .diasOmonth {
	/*border: 1px solid #0CF;*/
	float: left;
	height: 70px;/*antes 37*/
	width: 99px;/*antes 35*/
	margin-left: 3px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size:12px;
}
.diasEspecial:not(.noHover):hover, .diasWorkday:not(.noHover):hover, .diasOffday:not(.noHover):hover, .diasOmonth:not(.noHover):hover, not(.No_conexion_a_BD):hover {
	color: #FFF;/*F00*/
	font-weight: bold;
	background: url(../../widgets/Calendario/Images/cal_sprites.png) 15px -140px /70px 280px no-repeat;
	background-color: rgba(255, 255, 255, 0.25);
	opacity: .55;
}

.diasEspecial {
	background-color:#C93;
}
.diasWorkday {
	background-color:#333;
}
.diasOffday {
	background-color: rgba(0, 0, 0, 0.498039);
	color: #999;
}
.diasOmonth {
	background-color: rgba(0, 0, 0, 0.498039);
	color:#999;
}
.hoy {
	color:#FFF;
	margin-left: 2px;
	margin-top: 2px;
	padding-right: 1px;
	font-weight: bolder;
	width: 20px;
	background-color:#F00;
	border-radius: 10px;
	text-align: center;
}
#buttonFuture, #buttonPast {
	cursor:pointer;
}
.noHover > div {
	cursor: pointer;
}
.noHover:hover > div {
	color:#333;
	margin-left: 2px;
	margin-top: 2px;
	padding-right: 1px;
	width: 20px;
	background-color:#CCC;
	border-radius: 10px;
	text-align: center;
}
li:hover {
	background-color:#333;
}

.courseCircle {
	margin-top: -14px;
	margin-left:auto;
	margin-right:auto;
	height: 68px;/*antes 35*/
	width: 68px;/*antes 35*/
	border-radius: 34px;/*antes 18*/
	/*border: 1px solid #F90;*/
	overflow: hidden;
	font-size: 38px;
	font-weight: normal;
	text-align: center;
	line-height: 68px;/*antes 35*/
	color:black;
	cursor:pointer;
	/*-webkit-text-stroke-width: 1.2px;
	-webkit-text-stroke-color: #F90;*/
	/*-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

.vegabaja {
	height: 68px;/*antes 35*/
	width: 68px;/*antes 35*/
	border-radius: 34px;/*antes 18*/
	border: 1px solid rgba(255, 153, 0, 0.05);/*F90*/
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

.laspiedras {
	height: 68px;/*antes 35*/
	width: 68px;/*antes 35*/
	border-radius: 34px;/*antes 18*/
	border: 1px solid rgba(255, 153, 0, 0.05);/*F90*/
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

.metro {
	height: 68px;/*antes 35*/
	width: 68px;/*antes 35*/
	border-radius: 34px;/*antes 18*/
	border: 1px solid rgba(102, 102, 255, 0.05);/*66F*/
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

.mayaguez {
	height: 68px;/*antes 35*/
	width: 68px;/*antes 35*/
	border-radius: 34px;/*antes 18*/
	border: 1px solid rgba(51, 204, 153, 0.05);/*3C9*/
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

.PlaceText {
	font-size: 12px;
	line-height: 12px;
	margin-top: -64px;
}

.CourseText {
	font-size: 11px;
	line-height: 11px;
	margin-top: 35px;
}

.widgetLevel2 {
	font-size: 28px;
	line-height: 47px;
	margin-top: 0px;
}

.widgetLevel2 > .PlaceText {
	font-size: 10px;
	line-height: 10px;
	margin-top: -45px;
}
.widgetLevel2 > .CourseText {
	font-size: 9px;
	line-height: 9px;
	margin-top: 24px;
}

.widgetLevel3 {
	font-size: 22px;
	line-height: 39px;
	margin-top: 0px;
}

.widgetLevel3 > .PlaceText {
	font-size: 8px;
	line-height: 8px;
	margin-top: -36px;
}
.widgetLevel3 > .CourseText {
	font-size: 7px;
	line-height: 7px;
	margin-top: 18px;
}

.widgetLevel4 {
	font-size: 14px;
	line-height: 21px;
	margin-top: 0px;
}

.widgetLevel4 > .PlaceText {
	font-size: 4px;
	line-height: 4px;
	margin-top: -20px;
}
.widgetLevel4 > .CourseText {
	font-size: 4px;
	line-height: 4px;
	margin-top: 11px;
}
.widgetLevel5 {
	font-size: 14px;
	line-height: 21px;
	margin-top: 0px;
}

.widgetLevel5 > .PlaceText {
	font-size: 4px;
	line-height: 4px;
	margin-top: -20px;
}
.widgetLevel5 > .CourseText {
	font-size: 4px;
	line-height: 4px;
	margin-top: 11px;
}
.widgetLevel6 {
	font-size: 10px;
	line-height: 15px;
	margin-top: 0px;
}

.widgetLevel6 > .PlaceText {
	font-size: 10px;
	line-height: 15px;
	margin-top: -26px;
}
.widgetLevel6 > .CourseText {
	font-size: 10px;
	line-height: 15px;
	margin-top: 7px;
}

#headerMenu {
	padding-top: 2px;
	margin-bottom: -3px;
}
#buttonViews {
	margin-left: 105px;
	/*margin-top: 2px;*/
	/*margin-bottom: -17px;*/
	width: 31px;
	height: 31px;
	cursor:pointer;
	display:inline-block;
}
#buttonViews div {
	width: 31px;
	height: 31px;
}
#gotoDiaBoton {
	margin-left: 10px;
	background-color: #7b6c61;
	text-align: center;
	/*line-height: 31px;*/
	border-radius: 16px;
	position: absolute;
	display:inline-block;
	border: 2px solid rgb(181, 173, 169);
	box-sizing: border-box;
	width: 31px;
	height: 31px;
	cursor:pointer;
	font-size: 1.4rem;
	padding-top: 1.4px;
}
#filterSection{
	/*width: 100px;*/
	/*margin-top: -31px;*/
	/*margin-left: 525px;*/
	/*margin-bottom: 30px;*/
	display:inline-block;
	margin-left: 353px;/*388px*/
}
#filterSection div {
	float:left;
	margin-right: 5px;
}
.buttonFilters {
	color:#999;
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align:center;
	border-radius: 14px;
	border: thin solid #999;
	cursor:pointer;
}
#filterSection .MZ {
	color:#FFF;
	background-color:#3C9;
	border: thin solid #FFF;
}
#filterSection .SJ {
	color:#FFF;
	background-color:#66F;
	border: thin solid #FFF;
}
#filterSection .VB {
	color:#FFF;
	background-color:#F90;
	border: thin solid #FFF;
}
#filterSection .LP {
	color:#FFF;
	background-color:#664147;
	border: thin solid #FFF;
}
#buttonAdd {
	height: 25px;
	width: 125px;
	border: 1px solid #FFF;
	border-radius: 18px;
	padding: 2px;
	margin-left: 20px;
	cursor:pointer;
}
#buttonAdd > p {
	margin-left: 31px;
	margin-top: -25px;
}
#buttonAdd img {
	background: url(../../widgets/Calendario/Images/cal_sprites.png) 0px -50px /25px 100px;
}
#buttonAdd:hover {
	background-color:rgba(255,255,255,.55);
	font-weight:bold;
}
.especial {
	/*color:#CF0;*/
	font-size: 40%;
}
#infoHead {
	height: 100px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	display: grid;
	grid-template-rows: 72px 28px;
	grid-template-columns: 540px auto;
	grid-template-areas:
		"cursoName botones"
		"cursoDate botones";
}
#infoBod {
	background-color: rgba(0, 0, 0, 0.498039);
	height: 348px;
	overflow:auto;
}
#infoBod + p {
	font-size:19px;
	font-weight:bolder;
}
#infoFoot {
	height: 57px;
	padding-top: 3px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background-color:#665;
}
#infoFoot img {
	width: 100%;
    height: auto;
	border-radius: 26px;
}
.alertify-inner > p{
	margin-bottom:0px;
}
#alerto {
	width: 500px;
	height: 300px;
	padding-left: 0px;
	padding-right: 0px;
	/* background-color:#cc3d48; */
	overflow-y:auto;
}
#alerto div {
	position:relative;
	color:#000;
	font-size:12px;
	display:inline-block;
	width: 80px;
	height: 80px;
	margin-left: 0px;
	margin-right: 3px;
}
#alerto div p {
	margin-top:2px;
	margin-bottom:2px;
}
#alerto img {
	width: 100%;
    height: auto;
	border-radius: 40px;
}
.imageClick {
	/* opacity: .75; */
	position: absolute;
	height: 80px;
	width: 80px;
	/* background-color: YELLOW; */
	/* border-radius: 40px; */
	margin-top: -101px;
	margin-left: -40px;
	background: url(../../widgets/Calendario/Images/cal_sprites.png) 0px -240px /80px 320px;
}
#alerto div div{/*Div de la Forma de escoger instructores, que se modifica para mostrar imagen de seleccion imageClick*/
	height: 80px;
	margin-top: -97px;
	/*background-color:#39F;*/
}
.footerCircles {
	margin-left: 6px;
	width: 54px;
	height: 54px;
	float:left;
	background:url(../../widgets/Calendario/Images/cal_sprites.png) 0px -108px /54px 216px;
	cursor:pointer;
}
.footerCirclesNoPic {
	float:left;
	margin-left: 6px;
	width: 54px;
	height: 54px;
	border-radius: 27px;
	background-color:#999;
	line-height: 54px;
	font-size:34px;
	text-align:center;
	cursor:pointer;
	overflow: hidden;
}
.verticalLine {
	width:1px;
	height: 57px;
	float:left;
	margin-top: -2px;
	margin-left: 8px;
	background-color:#CCC;
}
#contentInfo1 {
	display: none;
}
#contentInfo1 div {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	/*border: 1px solid #F00;*/
}
#contentInfo1 input, #contentInfo1 textarea {
	font-size:14px;
}
#in01, #in03, #in04 {
	width: 201px;
}
#in05, #in06, #in07, #in08, #in09, #in10, #in11, #in12, #in13, #in14 {
	margin-left: 6px;
}
#in05, #in06 {
	width: 222px;
}
#in05 {
	margin-right: 50px;
}
#in07, #in08 {
	width: 260px;
}
#in07 {
	margin-right: 6px;
}
#in09 {
	width: 595px;
}
#in10 {
	width: 534px;
}
#in11 {
	width: 564px;
}
#in12 {
	width: 540px;
}
#in13, #in14 {
	width: 214px;
}
.blink {
	/*background-color:#993399;*/
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    /*-webkit-animation-direction: reverse; /* Chrome, Safari, Opera */

}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
	0% {opacity: .10;}
	50% {opacity: 1.00;}
  	100% {opacity: .10;}
	
    /*0% {background-color: rgba(255,255,255,.10);}
    50% {background-color: rgba(255,255,255,1.00);}
	100% {background-color: rgba(255,255,255,.10);}*/
}

.No_conexion_a_BD:before {
    position: absolute;
    z-index: 999;
    top: 44%;
    left: 0;
    right: 0;
	color: #F00;
	font-size:36px;
	text-align:center;
    border-top: 1px dashed #AAA;
    border-bottom: 1px dashed #F5F5F5;
    content: "Sistema Offline";
}

#expander {
	padding-top: 15px !important;
	padding-left: 3px !important;
	background-color: #333;
	width: 656px;
	height: 378px;
	overflow-x: hidden;
	position: absolute;
	margin-top: -16px;
	margin-left: 0px;
}

#expander p {
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 6px;
}

#expander p:hover {
	background-color:#999;
}

.chiquito {
	line-height: 0.5 !important;
	font-size: 92% !important;
	/* color:#FF0 !important; */
}
/*-----Stylesheet Generated by Eric------*/