body{
    margin: 0;
    padding: 0;
    color: #555;
    font-family: 'Lato',"Helvetica Neue", sans-serif !important;
    background: #EFEFEF;
}
.under{
    position: absolute;
    height: 120%;
    width: 170%;
    float: left;
    left:-35%;
    top:-10%;
    filter: blur(1.5px);
}

#page{
    position: relative;
    background: white;
    border: 1px solid #C9E0ED;
    min-height: 69.5vh
}
.breadcrumb{
    margin-left:-15px;
    margin-right:-15px;
}
#header{
    margin: 0;
    padding: 0;
    border-top: 3px solid #C9E0ED;
}

#content{
    padding: 20px;
}

#sidebar{
    padding: 20px 20px 20px 0;
}

#logo{
    padding: 10px 20px;
    font-size: 200%;
}

#mainmenu{
    background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul{
    padding:6px 20px 5px 20px;
    margin:0px;
}

#mainmenu ul li{
    display: inline;
}

#mainmenu ul li a{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a{
    color: #6399cd;
    background-color:#EFF4FA;
    text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a{
    color:#8a1f11;
}

div.flash-notice a{
    color:#514721;
}

div.flash-success a{
    color:#264409;
}

div.form .rememberMe label{
    display: inline;
}

div.view{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span{
    font-weight: bold;
}

div.search-form{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet-decoration{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.portlet-title{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}

.portlet-content ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li{
    padding: 2px 0 4px 0px;
}

.operations{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li{
    padding-bottom: 2px;
}

.operations li a{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited{
    color: #0066A4;
}

.operations li a:hover{
    background: #80CFFF;
}

.navbar-default .navbar-nav>li>a {
    color: white;
    cursor: pointer
}

.navbar-default .navbar-nav>li>a:hover {
    color: grey;
}

.back-fial{
    background-color: #fdd511;
    height: 107px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fdd511;
    border-color : #fdd511;
}
.navbar-brand span {
    color:black
}

.header-img{
    height: 80px;
    margin-top:-1%;
}

#footerwrap {
    padding-top: 20px;
    padding-bottom: 40px;
    background: #384452;
}


.hline-w {
    border-bottom: 2px solid #ffffff;
    margin-bottom: 20px;
}

#footerwrap h4 {
    color: white;
}

#footerwrap p {
    color: #bfc9d3;
}
.fa-default{
    padding-right: 5px !important;
    font-size:20px !important;
}
#footerwrap i {
    font-size: 30px;
    color: #bfc9d3;
    padding-right: 25px;
}

#footerwrap i:hover {
    color: #00b3fe;
}



.margin-sm{
    margin-top:106px;
}

.margin-xs{
    margin-top: 50px
}

.container>.navbar-header {
    width: 650px
}

.logos{
    padding-right: 0px;
    margin-right: 0px;
}

.title_main{
    margin-top:0; 
    font-size: 23px; 
    margin-left:10px; 
    padding-left:0px
}
.sub-main{
    margin-top:5px; 
    font-size: 14px; 
    color:white; 
    margin-left: 10px;
    padding-left:0px
}

.navbar-brand .visible-xs{
    margin-top:15px;
    margin-left:10px;
    font-size:24px
}

.navbar-toggle{
    float:left;
}

.carousel-control .fa{
    top : 30%;
    position: absolute;

}

.carousel-inner .item img{
    width: 100%;
}

.left .fa {
    left:15px;
}
.right .fa {
    right:15px;
}

.navbar-right{
    background-color: transparent;
}

@media (min-width: 768px)and (max-width : 990px){
    .title_main{
        font-size: 20px;
    }
    .sub-main{
        font-size:14px;
    }
    .navbar-right {
        margin-top: -40px;
    }
    .a-text-white li a .fa {
        font-size:2.5em;
    }
}

.la-facultad, #myCarousel, #myCarousel .carousel-inner .item img{
    max-height: 240px;
}

@media (min-width: 768px)and (max-width : 1024px){
    .la-facultad, #myCarousel, #myCarousel .carousel-inner .item img{
        max-height: 200px;
    }
}

@media (max-width : 767px){
    .navbar-right li{
        border: 1px solid rgba(204,204,204, .25);
        text-align: left;
    }
    .navbar-right li a{
        font-size:2em;
        line-height: 1.42857143; 
    }
    .a-text-white li a .fa {
        font-size:1em;
        margin-right: 10px
    }
    .carousel-control .fa{
        top : 10px;
    }
    #myCarousel{
        margin-right : -15px
    }
    .back-fial {
        height: 49px
    }
    .la-facultad, #myCarousel, #myCarousel .carousel-inner .item img{
        max-height: 180px;
    }
}

@media (max-width : 480px){
  .la-facultad, #myCarousel, #myCarousel .carousel-inner .item img{
        max-height: 110px;
    }
}

.m-l-0{
    margin-left: 0px;
}
.m-r-0{
    margin-right : 0px;
}
.p-l-0{
    padding-left:0px;
}
.p-r-0{
    padding-right: 0px;
}

.titles{
    color: #ED181C;
    font-weight: bold;
    font-size: 1.692em;
    margin-bottom: 10px;
    line-height: 1.2em;
    margin-top: 40px;
}


#aplicaciones .apps{margin-bottom: 20px;text-align: center;}
#aplicaciones .apps img{width: 60%; margin:auto;}
#aplicaciones .apps span{ 
    color:#107f2e;
    font-size:85%;
    text-align:center;
}

#calendar{
    table-layout:fixed;
    border-color:#ddd;
    border-collapse:collapse;
    margin-top:20px;
    background-color: rgba(255,246,143,0.5);
}

#calendar td, #calendar th{
    width:auto;
    border-color:#ddd;
}

#calendar th.weekday{
    width:20%;
}

#calendar th.weekend{
    width:10%;
}

#calendar .today h3{
    background-color:#fff6bf;
}

#calendar .today{
    background-color:#fff;
}

#calendar .non-day{
    color:#fff;
    background:#fff;
    border:#fff;
}

#calendar h4{
    font-weight:normal;
    margin:0px;
    color:#777;
    font-size:0.98em;
}
.fc-widget-content {
    height: 120px !important;
}
#calendar td{
    padding:0;
}

#calendar .location{
    display:none;
}

#calendar h3{
    padding:2px 5px;
    background-color:#eee;
    margin:0;
    font-size:90%;  
}

#calendar td li{
    font-size:90%;
    margin-bottom:8px;
    padding-left:0;
    background-repeat:no-repeat;
    background-position:3px 5px;
}

#calendar td ul{
    line-height:normal;
    padding:0;
    list-style-type:inside;
    margin:5px 5px;
    overflow:hidden;
}

.fc-toolbar {
    color: #000;
    font-weight: bold;
    font-size: 1.3em;
}

.fc-widget-header table thead tr{
    background-color: #6E6E6E;
    color: white
}

.login-container .middle-login {
    max-width: 430px;
    margin: auto;
}

.carousel-control {
    background-image: none !important;
    text-shadow: 0 5px 6px rgba(0,0,0,.6);
}

.block-flat, .block-wizard {
    margin-bottom: 20px;
    padding: 15px 20px 15px 20px;
    background: #FFF;
    border-radius: 3px;
    position: relative;
    -webkit-border-radius: 3px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    transition: padding 500ms;
    -moz-transition: padding 500ms;
    -webkit-transition: padding 500ms;
}

.login-container .block-flat {
    padding: 0;
    border: 0;
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
}

.login-container .block-flat .content {
    padding: 30px;
    padding-bottom: 5px;
}
.login-container .block-flat .foot {
    text-align: right;
    padding: 0 30px 15px;
}

.login-container .block-flat .header {
    padding: 9px 20px;
    background: #fdd511;
    border-bottom: 1px solid #7761a7;
}
.fc-content-skeleton table tbody tr td{
    height: 10px;
}

.links-modulos{
    padding: 20px;
    background: #FAF600;
    border-radius: 5px;
    color: #C88800;
    font-weight: bold;
    text-align: center;
    display: block;
}

.links-modulos span{
    padding: 0px;
}
.links-modulos:hover{
    background-color: #C88800;
    color : #FAF600;
}

.apps div{
    margin-bottom: 5px;
}
.apps.second .links-modulos {
    background-color: #C88800;
    color : #FAF600;
}
.apps.second .links-modulos:hover {
    background: #FAF600;
    color: #C88800;
}

.apps.manager .links-modulos {
    background-color: #D6B609;
    color : #F1FB04;
}
.apps.manager .links-modulos:hover {
    background: #F1FB04;
    color: #D6B609;
}
.apps.teacher .links-modulos {
    background-color: #428E5A;
    color : #FAF600;
}
.apps.teacher .links-modulos:hover {
    background: #FAF600;
    color: #428E5A;
}



#listado-actividades .actividad {
    margin-bottom: 20px;
}

#listado-actividades .actividad .item {
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(120,120,120,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(120,120,120,1);
    box-shadow: 2px 2px 5px 0px rgba(120,120,120,1);
}

#listado-actividades .actividad .item a .contenido span {
    width: 100%;
    display: inline-block;
    color: #545454;
    padding: 5px;
}

#listado-actividades .actividad .item a .contenido span.costo.gratis {
    background: #42a692;
}
#listado-actividades .actividad .item a .contenido {
    min-height: 160px;
    position: relative;
}
.contenido .fecha{
    position: relative;
}


#listado-actividades .actividad .item a .contenido span.costo {
    text-align: right;
    color: #ffffff;
    background: #e83924;
    position: absolute;
    bottom: 0;
}

#listar-formatos div{
    margin-bottom: 10px;
}
#listar-documentos .item, #listar-formatos .item{
    text-align: center
}
#listar-documentos .item{
    margin-bottom: 20px;
}
#listar-documentos .titulo-documento, #listar-formatos .titulo-formato {
    color: black;
    text-align: center
}

.breadcrumb>li+li:before {
    padding: 0px;
    content: "";
}

ul.timeline {
    position: relative;
    padding: 0 0 1px 0;
    margin-bottom: 40px;
}


ul.timeline:before {
    background-color: #E1E1E1;
    bottom: 0;
    content: "";
    left: 31px;
    margin-left: -10px;
    position: absolute;
    top: 2px;
    width: 2px;
}

ul.timeline li {
    position: relative;
    list-style: none;
    margin-bottom: 25px;
}

ul.timeline li:not(:first-child) {
    margin-top: 45px;
}

ul.timeline li:last-child {
    position: relative;
    list-style: none;
    margin-bottom: 0px;

}

ul.timeline li > .fa {
    margin-top: -2%;
    left: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #FFF;
    border-radius: 50%;
    background: #4aa3df;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 3px solid #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 2;
    top: 0;
}

ul.timeline li > .date {
    background: #E8E8E8;
    position: absolute;
    top: 25px;
    display: block;
    width: 44px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #E1E1E1;
    font-size: 10px;
    border-radius: 1px;
    text-shadow: 0 1px 0 #fafafa;
    color: #7B7B7B;
    line-height: 19px;
}

ul.timeline li .content {
    position: relative;
    border-radius: 3px;
    background: #FFF;
    margin-left: 75px;
    padding: 12px 10px;
    border: 1px solid #E8E8E6;
    line-height: 15px;
}

ul.timeline li .content:before {
    background: #FFF;
    position: absolute;
    top: 14px;
    content: "";
    width: 10px;
    height: 10px;
    left: -6px;
    border-left: 1px solid #E8E8E6;
    border-bottom: 1px solid #E8E8E6;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

ul.timeline li .content p {
    margin: 0;
}   

ul.timeline li .content blockquote {
    margin: 10px 0 0 0;
}

blockquote:before, blockquote:after {
    content: "";
}

ul.timeline li .content blockquote p {
    margin: 0 0 5px 0 !important;
    font-size: 14px;
}

ul.timeline li .fa.green {
    background: #19b698;
}

ul.timeline li .fa.red {
    background: #ea6153;
}

ul.timeline li .fa.orange {
    background: #fdd511;
}

.list-group.tickets .list-group-item {
    padding: 8px 15px;
}

.list-group.tickets .list-group-item {
    overflow: hidden;
    margin-bottom: 10px;
    background: #F2F2F2;
    border-radius: 4px;
    margin-bottom: 40px;
    border: 0;
    box-shadow: 2px -2px 15px 6px rgba(214,214,214,1);
}

.list-group.tickets .list-group-item .label {
    line-height: 16px;
}

.list-group.tickets .list-group-item .name {
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: 600;
    color :#219b35;
}

.list-group.tickets .list-group-item p {
    margin: 0;
    line-height: 16.49pt;
    text-align: justify
}

.list-group.tickets .list-group-item .date {
    font-size: 11px;
    color: #999;
}

.list-group.tickets .list-group-item .avatar {
    float: left;
    margin-right: 15px;
    color: #5CB85C;
    text-shadow: 5px 5px 5px rgba(214,214,214,1);
}
.contacto .item{
    margin-bottom:30px
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 150px;
    height: auto;
    margin: auto;
}
.bolder{
    font-weight: bolder;
}

.table-datos thead, .table-notas .second{
    background-color: #658287;
    color: white;
}
.table-datos tbody,  .table-notas .main{
    background-color: #8EDAF0;
}

.line-double{
    line-height: 2 !important;
}

.tab-left .nav-tabs {
    float: left;
}

.nav-tabs {
    border-bottom: 1px solid transparent;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tab-left .tab-content {
    overflow: auto;
    border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
}
.tab-content {
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #ECECEC;
    border-radius: 0 3px 3px;
    -webkit-border-radius: 0 3px 3px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
}


.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}
.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.tab-content h3, h2, h1:first-child {
    margin-top: 0;
}

.hthin {
    font-family: "Raleway", Helvetica, sans-serif !important;
    font-weight: 100 !important;
}

.tab-left .nav-tabs > li {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
}

.nav-tabs > li.active {
    position: relative;
}
.nav-tabs > li {
    font-size: 14px;
    margin-right: 2px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li {
    position: relative;
    display: block;
}

.tab-left .nav-tabs > li.active > a, .tab-left .nav-tabs > li.active > a:hover, .tab-left .nav-tabs > li.active > a:focus {
    border-top: 0;
    border-bottom: 1px solid #ECECEC;
    border-right: 0;
    border-left: 2px solid #7761a7;
    margin-right: -1px;
    box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08);
    padding: 13px 10px 12px 9px;
}

.tab-left .nav-tabs > li > a {
    text-align: left;
    min-width: 38px;
    padding: 12px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #7761a7;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: 0;
    padding-bottom: 10px;
    padding-top: 8px;
    box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08);
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    position: static;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    padding: 9px 15px;
    font-size: 13px;
    margin-right: 0;
    min-width: 80px;
    text-align: center;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.tab-left .nav-tabs > li.active > a, .tab-left .nav-tabs > li.active > a:hover, .tab-left .nav-tabs > li.active > a:focus{
    text-transform: uppercase;
}

.editable{
    min-height: 50px;
    max-height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid red;
    border-radius: 10px;
}

.title_redes{
    margin-top:20px;
    margin-bottom:20px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 30px;
}

.m-t-20{
    margin-top:20px
}
.m-t-40{
    margin-top:40px
}

.accordion {
    margin-bottom: 40px;
}

.accordion .panel:first-child {
    border-top: 0;
}

.accordion .panel {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 0;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    margin-bottom: 5px;
    border-top: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

.accordion .panel-heading {
    background: #fff;
    padding: 0;
}

.panel-default > .panel-heading ,.panel-heading{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.accordion.accordion-semi .panel-heading a.collapsed {
    background-color: #FFF;
    color: #555;
    border-bottom: 0;
}
.accordion.accordion-semi .panel-heading a {
    background-color: #7761a7;
    color: #FFF;
    transition: background-color 200ms ease-in-out;
    border-bottom: 1px solid #4f397f;
}
.accordion .panel-heading a.collapsed {
    color: #555;
}
.accordion .panel-heading a {
    font-size: 15px;
    padding: 17px 16px;
    display: block;
    color: #816bb1;
}
.panel-default a:link {
    text-decoration: none;
}
.panel-title > a {
    color: inherit;
}

.accordion .panel-heading a.collapsed .fa {
    transform: rotate(0deg);
}

.accordion .panel-heading a .fa {
    transition: transform 200ms ease-in-out;
    margin-right: 10px;
    transform: rotate(90deg);
}
.navbar-collapse .collapse{
    float:right;
}
@media (min-width:320px)and(max-width: 767px) {
    .hidden-xs:before {
        display:none!important
    }
    .hidden-xs:after {
        display:none!important
    }
    .navbar-collapse .collapse{
        width:100%;
        float:left;
    }
    .navbar-brand{
        float:none;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .title_main{font-size:18px;}
    .header-img{height:60px;margin-top:0 }
}

@media (min-width: 768px) and (max-width:1199px) {
    .hidden-md:before {
        display:none!important
    }
    .hidden-md:after {
        display:none!important
    }
    .navbar-right{
        margin-top:-8%;
        font-size: 10px;
    }
}

@media (min-width:1200px) {
    .navbar-right{
        margin-top:1%;
    }
}

.modal-backdrop.in{
    opacity:0.75
}

.pointer {
    cursor: pointer;
}

.navbar-brand{
    margin-top:3%; 
    padding : 0px;
    width: 100%;
}

@media (max-width: 765px) {
    .navbar-brand {
        margin-top: 0;
        float: none;
    }
    .navbar-toggle{
        margin-left:2%;
    }
}

.img-small{
    width: 100%;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;
}
@media (max-width: 468px) {
    .img-small{
        height: 200px;
    }
    .navbar-brand{
        margin-top:0; 
        float:none;
    }
    .navbar-toggle{
        margin-left:2%;
    }
}

.navbar-default .navbar-collapse{ background-color: #fdd511;}