html, frm_site, body {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    background: url(../../assets/img/jcmicrosite.png) no-repeat center center fixed;
    /*background: rgba(96,68,149,1);*/
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
   
}

@media all and (max-width: 3000px) and (min-width: 1600px) {
    .topscreen {
        margin: 8% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 8% auto;
    }

    #footer {
        position: fixed;
    }

    #divresultados {
        width: 30%;
    }
}

@media all and (max-width: 1599px) and (min-width: 1250px) {
    .topscreen {
        margin: 10% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 10% auto;
    }

    #footer {
        position: fixed;
    }

    #divresultados {
        width: 30%;
    }
}

@media all and (max-width: 1249px) and (min-width: 1000px) {
    .topscreen {
        margin: 15% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 15% auto;
    }

    #footer {
        position: fixed;
    }

    #divresultados {
        width: 40%;
    }
}

@media all and (max-width: 999px) and (min-width: 800px) {
    .topscreen {
        margin: 18% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 18% auto;
    }

    #footer {
        position: fixed;
    }

    #divresultados {
        width: 50%;
    }
}

@media all and (max-width: 799px) and (min-width: 700px) {
    .topscreen {
        margin: 21% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 5% auto;
    }

    #footer {
        position: relative;
    }

    #divresultados {
        width: 60%;
    }
}

@media all and (max-width: 699px) and (min-width: 100px) {
    .topscreen {
        margin: 30% auto 0% auto;
    }

    .hoverMenu {
        margin: 1% auto 5% auto;
    }

    #footer {
        position: relative;
    }

    #divresultados {
        width: 80%;
    }
}


/*.backgroundjalisco {
    background: url(../../assets/img/jcmicrosite.png) no-repeat center center fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}*/

.backgroundjalisco {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: relative;
}

    /*.backgroundjalisco::before {
        background:rgb(255,255,255);
        background: url(../../assets/img/jcmicrosite.png) no-repeat center center fixed;
        background-size: cover;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }*/

/*.fondo_opacidad {
    color: black;
    background-color: rgba(255,255,255,.2);
    padding-bottom: 30px;
    width: 100%;
}*/

#cuerpo {
    background: rgb(108,9,121);
    background: linear-gradient(0deg, rgba(108,9,121,1) 0%, rgba(166,0,255,1) 19%, rgba(255,255,255,1) 89%);
    background-repeat: no-repeat;
}


#wrapper {
    min-height: 100%;
    position: relative;
}

#header {
    /* ... */
}

#content {
    /*padding-bottom: 81px;*/
}

#footer {
    color: #fff;
    background: rgba(96,68,149,1);
    width: 100%;
    max-height: 40%;
    min-height: 15%;
    /*position: fixed;*/
    bottom: 0;
    left: 0;
}


.modalBackground {
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.70;
}
.customCalloutStyle div, .customCalloutStyle td {
    /*border: solid 1px #ffffff;*/
    border: none;
    background-color: #fff;
    color: black;
}

.customCalloutStyle .ajax__validatorcallout_popup_table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none;
        border-right: none;
        border-left: none;
        width: 15px;
        background-color: transparent;
        padding: 0px;
    }

        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
        }

.customCalloutStyle .ajax__validatorcallout_error_message_cell {
    font-family: 'Segoe UI', Arial, Vedana;
    font-size: 0.8em;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

.customCalloutStyle .ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 5px;
    border-right: none;
}

.customCalloutStyle .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 15px;
    text-align: right;
    border-left: none;
}

    .customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: none;
        text-align: center;
        width: 10px;
        padding: 1px;
        cursor: pointer;
    }

#imgjalisco {
    transition: 0.5s;
    width: 200px;
}

#imgsedeco {
    transition: 0.5s;
    width: 150px;
}

#tabletopheader {
    transition: 0.5s;
    width: 100%;
}

#tthj {
    transition: 0.5s;
    text-align: right;
    width: 50%;
    padding: 10px;
}

#tths {
    transition: 0.5s;
    text-align: left;
    width: 50%;
    padding: 10px;
}

#topheader {
    transition: 0.5s;
    background-color: rgba(255,255,255,0.8);
    /*background-color: transparent;*/
    padding: 5px;
    color: black;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    vertical-align: middle;
}

.item1 {
    color: #fff;
    background: rgba(0,0,0,0.5);
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.5em;
    height: 100%;
    vertical-align: middle;
    margin:auto;
}

.item2 {
    color: #fff;
    background: rgba(96,68,149,1);
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.5em;
    height: 100%;
    vertical-align: middle;
    margin: auto;
}

.item3 {
    color: #fff;
    background: rgba(0,68,149,1);
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.5em;
    height: 100%;
    vertical-align: middle;
    margin: auto;
}

.item4 {
    color: #fff;
    background: rgba(53, 139, 0,1);
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1.5em;
    height: 100%;
}

#icon {
    font-size: 2em;
}

#subitem1 {
    display: none;
}

#subitem2 {
    display: none;
}

#subitem3 {
    display: none;
}

#subitem4 {
    display: block;
}


.DescripcionDelPrograma {
    /*color: #000;*/
    /*background: rgba(0,0,0,0.3);*/
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1em;
    height: 100%;
    vertical-align: middle;
    text-align:justify;
    display:block;
}
.ReglasDeOperacion {
    /*color: #000;*/
    /*background: rgba(96,68,149,0.5);*/
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1em;
    height: 100%;
    vertical-align: middle;
    text-align: justify;
    display: block;
}

.Convocatorias {
    /*color: #000;*/
    /*background: rgba(0,68,149,0.5);*/
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1em;
    height: 100%;
    vertical-align: middle;
    text-align: justify;
    display: block;
}

.IngresoAlaPlataforma {
    /*color: #000;*/
    /*background: rgba(53, 139, 0,0.5);*/
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-size: 1em;
    height: 100%;
    vertical-align: middle;
    text-align: justify;
    display: block;
}

.textDeItem {
    font-size: 1em;
}

.tituloDeItem{
    text-align:left;
    font-size:1.5em;
}
.hoverMenu {
    color: #fff;
    background: rgba(0,0,0,0.4);
    padding: 10px;
    transition: ease 0.5s;
}

.tituloDeItemRegistro {
    text-align: right;
    font-size: 1.5em;
    vertical-align:middle;
}

#divnusuario {
    display: block;
}

#divrusuario {
    display: none;
}