/* 
 This file was generated by Dashcode.  
 You may edit this file to customize your widget or web page 
 according to the license.txt file included in the project.
 */

body {
    margin: 0px;
}

#frontImg {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
}

#info {
    position: absolute;
    right: 15px;
    bottom: 18px;
    width: 13px;
    height: 13px;
    opacity: 1;
}

#back {
    display: none;
}

#backImg {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: auto;
    height: auto;
}

#done {
    position: absolute;
    right: 21px;
    bottom: 21px;
    margin-left: auto;
    margin-top: auto;
}

#CourseInfo {
    width: 100%;
    min-height: 100px;
    display: none;
    position: relative;
}

#CourseCreate {
    width: 100%;
    min-height: 100px;
    display: none;
    position: relative;
}

#stackLayout {
    overflow: hidden;
    z-index: 0;
    width: 750px;
    height: 537px;
    position: absolute;
    left: -14px;/* 0px */
    top: -14px;/* 0px */
    right: 0px;
    bottom: 409px;
    margin-top: 0px;
}

#view1 {
    width: 100%;
    min-height: 537px;
    display: none;
    position: relative;
}

#view2 {
    width: 100%;
    min-height: 537px;
    display: none;
    position: relative;
}

#textResults {
    font-size: 13px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    height: auto;
    position: absolute;
    left: 0px;
    top: 140px;
    margin-top: 0px;
    text-align: center;
    right: 0px;
    color: rgb(255, 255, 255);
}

.selected #textResults {
    color: white;
}

#buttonPast {
    font-family: 'Helvetica Neue';
    font-size: 12px;
    text-align: center;
    width: 84px;
    cursor: default;
    -khtml-user-select: none;
    height: auto;
    position: absolute;
    left: 22px;
    top: 17px;
    right: auto;
    margin-top: 0px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 491px;
}

#content {
    border: 1px solid rgb(255, 255, 255);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: auto;
    height: auto;
    position: absolute;
    left: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    margin-top: 0px;
    background-color: rgba(0, 0, 0, 0.498039);
}

#buttonFuture {
    font-family: HelveticaNeue-Bold;
    font-size: 12px;
    text-align: center;
    width: 84px;
    cursor: default;
    -khtml-user-select: none;
    height: auto;
    position: absolute;
    left: 646px;
    top: 17px;
    right: auto;
    margin-top: 0px;
    color: rgb(255, 255, 255);
    bottom: 491px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#text {
    font-size: 17px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    height: auto;
    position: absolute;
    left: 226px;
    top: 47px;
    margin-top: 0px;
    right: 227px;
    text-align: center;
    visibility: hidden;
}

.selected #text {
    color: white;
}

#buttonhome {
    font-family: HelveticaNeue-Bold;
    font-size: 12px;
    text-align: center;
    width: 73px;
    cursor: default;
    -khtml-user-select: none;
    height: 21px;
    position: absolute;
    right: 39px;
    margin-left: auto;
    bottom: 28px;
    margin-top: auto;
}

#contentInfo {
    border: 1px solid rgb(255, 255, 255);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: auto;
    height: auto;
    position: absolute;
    left: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    margin-top: 0px;
    background-color: rgba(0, 0, 0, 0.498039);
}

#contentInfo1 {
    border: 1px solid rgb(255, 255, 255);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: auto;
    height: auto;
    position: absolute;
    left: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    margin-top: 0px;
    background-color: rgb(51, 51, 51);
}

#minical {
    display: none;
    position: fixed;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    width: 325px;
    height: 140px;
    z-index: 100000;
    text-align: center;
    border: 10px solid rgba(0, 0, 0, 0.701961);
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 3px 3px;
    background-clip: padding-box;
    left: 200px;
    top: 90px;
}

.rm_recurso_pic {
	border-radius: 75px;
	border: 2px solid var(--var--insColor);
	margin-top: -28px;/*-24*/
}