@font-face {
    font-family: 'My Open Sans';
    src: local('Century Gothic'), url('../Font/GOTHIC.TTF') format('truetype');
}

html{
    overflow-x: hidden !important;
}

body {
    font-family: 'My Open Sans' !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    margin: 0px !important;
}

legend {
    font-family: 'My Open Sans' !important;
    font-size: 14px !important;
}

span.RadButton_MetroTouch.rbSkinnedButton {
    height: 40px;
    font-size: 14px;
    font-family: 'My Open Sans' !important;
    text-transform: uppercase !important;
    background-color: #60205C !important;
    /*background-color: #953192 !important;*/
    color: white !important;
    letter-spacing: 0.5px !important;
    border-radius: 10px !important;
}

span.RadButton_MetroTouch.rbSkinnedButton:hover {
    background-color: #B24399 !important;
    color: white !important;
}

.RadInput_MetroTouch.riSingle .riTextBox {
    height: 35px !important;
    font-size: 14px !important;
    font-family: 'My Open Sans' !important;
    border-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
}

legend {
    /*color: #60205c !important;*/
    color: #004980 !important;
}

a {
    /*color: #60205c !important;*/
    /*color: #004980 !important;*/
}

table{
    border-spacing: 0px !important;
}

h3 {
    margin: 0px !important;
    font-size: 14px !important;
    color: #60205C !important;
    padding-bottom: 10px !important;
}

.RadImageCaptcha {
    border: 1px solid red !important;
    font-family: 'My Open Sans' !important;
    display: inline !important;
}

.rcRefreshImage {
    display: none !important;
}

.trCitaHover:hover {
    background-color: #B24399 !important;
}

#divTop {
    background-color: #953192 !important;
    position: fixed;
    overflow: hidden;
    z-index: 2400;
    top: 0px !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width:99%;
    height: 45px !important;
}

#divMiddle {
    margin-bottom: 10px !important;
    margin-left: 35px !important;
    margin-right: 35px !important;
    margin-top: 55px !important;
    background-color: white !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    vertical-align: top !important;
}

.RadMenu_MetroTouch {
    font-family: 'My Open Sans' !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    color: white !important;
}


.RadMenu_MetroTouch .rmRootGroup {
    background-color: #953192 !important;
    color: white !important;
    border: none !important;
}

.RadMenu .rmRootGroup.rmHorizontal > .rmItem, .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
    border: none !important;
    margin-right: 10px;
}

.RadMenu_MetroTouch .rmRootGroup .rmRootLink:hover {
    border-color: #2B2F38 !important;
    color: white !important;
    background-color: #2B2F38 !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmSelected > .rmRootLink, .RadMenu_MetroTouch .rmRootGroup .rmExpanded > .rmRootLink {
    /*border-color: #2B2F38 !important;
    color: white !important;*/
    /*background-color: #2B2F38 !important;*/
    /*background-color: #953192 !important;
    color: white !important;
    border: none !important;*/
}

.RadMenu_MetroTouch .rmRootGroup .rmSelected > .rmRootLink, .RadMenu_MetroTouch .rmRootGroup .rmExpanded > .rmRootLink {
    border-color: #2B2F38 !important;
    color: white !important;
    background-color: #2B2F38 !important;
}

.RadMenu_MetroTouch .rmGroup .rmLink:hover, .RadMenu_MetroTouch .rmGroup .rmToggle:hover {
    border-color: #e7e7e7;
    color: #000;
    background-color: #e7e7e7;
}

.RadMenu .rmSlide {
    position: fixed !important;
    top: 37px !important;
    left: 104px !important;
}

.RadCalendar_MetroTouch {
    border-color: #e6e6e6;
    background-color: #fff;
    font-family: 'My Open Sans' !important;
    font-size: 14px !important;
    line-height: 34px;
    font-weight: 100;
}

.RadCalendarMonthView_MetroTouch {
    font-family: 'My Open Sans' !important;
    font-size: 14px !important;
}

.RadCalendar_MetroTouch .rcTitlebar {
    border-color: #e0e0e0;
    color: #000;
    background-color: #f9f9f9;
}

.RadCalendarMonthView_MetroTouch .rcSelected a {
    color: #fff;
    background-color: #953192 !important;
    padding: 0;
    border: 0;
}

.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
    border-color: #953192 !important;
    color: #fff;
    background-color: #953192 !important;
}

.RadCalendar .rcDisabled {
    cursor: not-allowed !important;
    filter: alpha(opacity=50);
    opacity: .2 !important;
}

.RadComboBox_MetroTouch {
    font-family: 'My Open Sans' !important;
    font-size: 14px !important;

}

.RadComboBox_MetroTouch .rcbReadOnly .rcbInput {
    font-size: 14px !important;
    color: black !important;
}

.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInput {
    font-size: 14px !important;
    color: black !important;
}

.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: #E7E7E7 !important;
    color: black !important;
    background-color: #E7E7E7 !important;
}

.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
    border-color: #E7E7E7 !important;
    color: black !important;
    background-color: #E7E7E7 !important;
    width: 28px;
}