.cont_header{
    width: 100%;
    height: 120px;
    position: fixed;
    background-color: #fff;
    z-index: 200;
}

.cont_header2{
    width: 100%;
    position: relative;
    background-color: #fff;
}



.header{
    height: 98px;
    width: 100%;
    background: url("../img/back.jpg");
    background-size: cover;
}

.panel_head{
    font-size: 20px;
    color:#21537E;
}

.check{
    position: relative;
    left: 5px;

}

.head_select{
    color: #fff;
    font-size: 20px;
    text-align: center;
}

a .cuadro_evento{
    text-decoration: none;
    color: #000000;
}

.color_evento{
    width: 100%;
    height: 30px;
    background: #89B136;
    position: relative;
    bottom: 30px;
}

.arrowe{
    position: relative;
    left: 10px;
    top: 30px;
}

.arrowe:hover{
    color:#fff;
}

a:hover{
    text-decoration: none;
}

a .cuadro_evento{
    text-decoration: none;
    color: #000000;
}

.cuadro_evento:hover{
    background: #89B136;
}

.cuadro_evento{
    padding: 8px;
    background: #ccc;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.panel_head2{
    font-size: 18px;
    color:#21537E;
}

.eventop{
    font-size: 18px;
    font-weight: bold;
}

.eventop1{
    font-size: 15px;
    color: green;
    font-weight: bolder;
}

.eventop2{
    font-size: 12px;
}

.panelh{
    color:#fff;
}

.head_form{
    padding: 0px 0 0 0px;
    background: #00a1ca; /* Old browsers */
    background: -moz-linear-gradient(top, #00a1ca 0%, #003b4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1ca), color-stop(100%,#003b4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00a1ca 0%,#003b4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1ca', endColorstr='#003b4e',GradientType=0 ); /* IE6-9 */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cont_dos .head_form p{
   color: #fff;
   font-size: 20px;
   text-align: center;
}

.round{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 14px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 14px 0px rgba(50, 50, 50, 0.75);
}

.contenedor_form{
    border: solid 1px #BBBDC0;
    padding: 9px;
    height: 100%;
    width: 100%;
    background: #dadbdd; /* Old browsers */
    background: -moz-linear-gradient(top, #dadbdd 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadbdd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadbdd 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadbdd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 5px 14px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 5px 14px 0px rgba(50, 50, 50, 0.2);
}

.contenedor_form2{
    border: solid 1px #BBBDC0;
    padding: 9px;
    height: 100%;
    width: 100%;
    background: #dadbdd; /* Old browsers */
    background: -moz-linear-gradient(top, #dadbdd 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadbdd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadbdd 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadbdd 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadbdd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 5px 14px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 5px 14px 0px rgba(50, 50, 50, 0.2);
}


.header_admin{
    width: 100%;
    height: 180px;
    padding: 20px 0 40px 0;
    background: url("../img/back_admin.jpg");
    background-size: cover;
}

.cont{
    width: 100%;
    background: url("../img/back2.jpg");
    background-size: cover;
    padding: 0 0 20px 0;
}

.id{
    border: solid 7px #eee;
}

h2{
    font-size: 40px;
    font-weight: bold;
    color:#fff;
}

h3{
    font-size: 30px;

}




.cont p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;

}

.h4{
    font-weight: bold;
}

h5{
    font-size: 20px;
    font-weight: bold;

}

h6 {
    font-size: 30px;
    font-weight: bold;
}

.alumnot{
    font-size: 20px;
    color: #fff;
}

.butborder{
    border: 2px solid #fff;
}




.cont{
    background-color: #fff;
}

.cont_dos_panel{
    background: url("../img/back_panel3_home.jpg");
    padding: 40px 0 40px 0;
    background-size: cover;
    height: 630px;
}

.cont_tres{
    background: url("../img/back_content.jpg");
    background-size: cover;
    border-top: 1px solid #fff;
    padding: 40px 0 40px 0;
}


.footer p{
    color: #fff;
    font-size: 11px;
}

.formt{
    font-size: 13px;
    color:#21537E;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.roundb{
    width: 100%;
    color: #fff;
    padding: 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #00a1ca; /* Old browsers */
    background: -moz-linear-gradient(top, #00a1ca 0%, #003b4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1ca), color-stop(100%,#003b4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00a1ca 0%,#003b4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00a1ca 0%,#003b4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1ca', endColorstr='#003b4e',GradientType=0 ); /* IE6-9 */

}

.roundb:hover{
    background: #00a1ca; /* Old browsers */
    background: -moz-linear-gradient(top, #00a1ca 0%, #003b4e 47%, #003b4e 47%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1ca), color-stop(47%,#003b4e), color-stop(47%,#003b4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00a1ca 0%,#003b4e 47%,#003b4e 47%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00a1ca 0%,#003b4e 47%,#003b4e 47%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00a1ca 0%,#003b4e 47%,#003b4e 47%); /* IE10+ */
    background: linear-gradient(to bottom, #00a1ca 0%,#003b4e 47%,#003b4e 47%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1ca', endColorstr='#003b4e',GradientType=0 ); /* IE6-9 */


}

.footer{
    background: #fff;
    padding: 30px 0 30px 0;
}

.color{
    color:#fff;
}
.menu{
    background-color: #333333;
    width: 100%;
}

.listas{
    list-style: none;
}

.cuadro{
    width: 20px;
    height: 20px;
    background-color: red;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro2{
    width: 20px;
    height: 20px;
    background-color: blue;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro3{
    width: 20px;
    height: 20px;
    background-color: green;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro4{
    width: 20px;
    height: 20px;
    background-color: purple;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro5{
    width: 20px;
    height: 20px;
    background-color: #daa520;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro6{
    width: 20px;
    height: 20px;
    background-color: #8a2be2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro7{
    width: 20px;
    height: 20px;
    background-color:#a52a2a;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro8{
    width: 20px;
    height: 20px;
    background-color: #ee82ee;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro9{
    width: 20px;
    height: 20px;
    background-color: #b22222;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.cuadro10{
    width: 20px;
    height: 20px;
    background-color: #9acd32;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0 0 5px 0;

}

.icon-params:before {
    content: "\e601";
}

.biton{
    padding: 10px;
}

.a_demo_three {
    max-width: 100%;
    background-color:#3bb3e0;

    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    margin-left:30px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(44,160,202)),
        color-stop(1, rgb(62,184,229))
    );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}

.txt2{
    font-size: 12px;
}

.cont_dos{
    background: #eee;
    padding: 10px 0 30px 0;
}



.a_demo_three::before {
    background-color:#2561b4;
    content:url("../img/icon_mas.png");
    width:35px;
    max-height:100%;
    height:100%;
    position:absolute;
    display:block;
    padding-top:8px;
    top:0px;
    left:-36px;
    font-size:16px;
    font-weight:bold;
    color:#8fd1ea;
    text-shadow:1px 1px 0px #07526e;
    border-right:solid 1px #07526e;
    background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(10,94,125)),
        color-stop(1, rgb(14,139,184))
    );
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}

.listab{
    margin: 1px 0 0 0;
    width: 100%;
}

.green{
    color: green;
}

.red{
    color:red;
}