/*@import url(https://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic);*/
@import url(https://fonts.googleapis.com/css?family=Product+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

*{outline: none !important;}
html{overflow-x: hidden;overflow-y: auto;}
body{
    margin: 0;
    padding: 0;
    font-family: 'Product Sans',sans-serif !important;
    /*color: #333;*/
    color: #212121 !important;
    position: relative;
    background: #eee;
    -webkit-font-smoothing: antialiased !important;
    height: 100% !important;
    letter-spacing: -0.01em;
}

/*a{color: #EF6C00;}*/
h1,h3,h4,h5,h6{color: #5c5c5c;}
a:hover,a:focus{text-decoration: none;}
iframe{border: none !important;}

.header{
    position:fixed;
    height:60px;
    z-index: 1;
    background: #EF6C00;
    top:0;
    width: 100%;
    color: rgba(255, 255, 255, 0.84);
}

.header .titulo{font-size: 18px;color: #FFF;text-align: left;padding-top: 18px; padding-left: 60px;}
.header .titulo img{height: 50px;margin-top: 7px;}
.header a{
    position: absolute;
    top: 13px;
    left: 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    border-radius : 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9999;
}

.header a:hover{background: #F57C00;}

.header .right{display: inline-block;position: absolute;right: 10px;top: 0;}
.header .right img{height: 50px; margin-top: 7px;}

.nav-responsive{display: none; border: none;}
.nav-responsive .navbar-header{background: #f47320;}
.nav-responsive .navbar-header a{margin: 0;padding: 0;}
.nav-responsive img{height:100%;margin-left: 20px;}
.nav-responsive button, .nav-responsive button:active,.nav-responsive button:hover{background: #f27d32 !important;border:none;}
.nav-responsive .hamburguesa{color: #FFF;font-size: 16px;}
.nav-responsive #navbar{background: #FFF !important;}
.nav-responsive #navbar ul li a{color: #333;}
.nav-responsive #navbar ul li ul li a{font-size: 12px;}

.menu{
    position: fixed;
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #FFF;
    overflow-y: auto;
    border-right: 1px solid #e7e7e7;
}
.menu .info_sesion{border-bottom: 1px solid #e7e7e7;height: auto;}
.menu .info_sesion img{margin-left: 95px;margin-top: 8px; margin-bottom: 8px;height: 80px; width: 80px;}
.menu .info_sesion .info label{display: block;text-align: center;font-size: 14px;padding: 0;}
.menu .info_sesion .info label a{font-size: 10px;font-weight: bold !important;}
.menu .nav{color: #ccc;text-transform: uppercase;font-weight: bold;padding:4px 10px;border-bottom: 1px solid #e7e7e7;}
.menu > ul{list-style: none;padding: 0;margin: 0;margin-bottom: 30px;}
.menu > ul > li{border-bottom: 1px solid #e7e7e7;margin-bottom: 5px;}
.menu > ul > li:last-child{border-bottom: none;}
.menu > ul li a{display: block;padding: 5px 10px;text-decoration: none;color: #555;font-size: 12px;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                overflow:hidden;
                white-space:nowrap;
                text-overflow: ellipsis;
}
.menu > ul > li > a{font-weight: bold;}
.menu > ul li a.current,.menu ul li a.current:hover{background: #f2f2f2;color: #f47320;border-left: 2px solid #f47320;padding-left: 8px;}
.menu > ul li a:hover{color: #f47320;}

.menu .parent > li > a{}
.menu .parent li ul.child{margin: 0;padding-left: 0;}
.menu .parent li ul.child li{list-style: none;padding-left: 0 !important;margin-left: 0 !important;}
.menu .parent li ul.child li a{padding-left: 25px;}

/*----------------FEEDBACK CSS---------------------------------------------------------------------*/
.feedback{z-index: 11;border-color: #f47320 !important;position: fixed; bottom: -420px; left: 50%; margin-left: -150px; width: 300px; cursor: pointer;}
.feedback > div.panel-heading{background-color: #f47320 !important;border-color: #f47320 !important;}
.feedback h5{font-weight: bold; letter-spacing: 3px;}
.feedback .panel-body form textarea{resize: none; min-height: 150px; max-height: 300px;}

.wrapper{
    position: relative;
    margin-top: 80px;
    z-index: 0;
    overflow: hidden;
}

.wrapper .indice{padding: 24px 20px;overflow: hidden;z-index: -2 !important;}
.wrapper .indice .titulo{color: #2f363d;overflow: hidden;font-size: 28px;font-weight: bold;text-transform: uppercase;margin: 0;padding: 0;z-index: -9999;}
.wrapper .indice .breadcrumb{background: #FFF !important;border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;}

.wrapper .content{position: relative;overflow: hidden;z-index: -9999 !important;padding-bottom: 20px;}
.wrapper .content .space{height: 20px;}

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}
.wrapper .content .table-responsive{border: none !important;}
.wrapper .content .tabla{z-index: -9999 !important;background: #FFF;}
.wrapper .content .tabla th{text-align: left;text-transform: uppercase;vertical-align: middle;}
.wrapper .content .tabla td{vertical-align: middle;}
.wrapper .content .tabla tr td.center{text-align: center;}
.wrapper .content .tabla tr.last-row{background: #f5f5f5;font-weight: bold;}
.wrapper .content .tabla tr td a{text-decoration: none; font-weight: normal !important;}
.wrapper .content .tabla tbody .no-hover:hover{background: none !important; padding: initial !important;}
.wrapper .content .tabla-material{padding: 0 !important;margin: 0 !important;}
.wrapper .content .tabla-material tr td{padding: 15px 8px;}
.wrapper .content textarea{height: 160px;resize:none;}
.wrapper .table  tr td .absolute-right{position: relative;}
.wrapper .table  tr td .absolute-right a{cursor: pointer;font-weight: bold;}
.wrapper .table .absolute-right ul{right: 0 !important;top: 0 !important;left: auto !important;}


.wrapper .content .panel .panel-heading h5{font-weight: bold !important;}
.wrapper .content blockquote h4{margin-bottom: 10px;}
.wrapper .content blockquote p{font-size: 14px;margin: 0; line-height: 20px !important;}
.wrapper .content blockquote small{font-size: 14px; margin-top: 10px;}
.wrapper .content .jumbotron{background: #FFF;padding: 20px;}
.wrapper .content .jumbotron p{font-size: 14px;font-weight: normal !important;}

.wrapper .content form button{text-transform: uppercase;}

.wrapper .card, .login .card{
    /*border: solid transparent;*/
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    line-height: 20px;
    -webkit-transition: height 5s ease;
    -moz-transition: height 5s ease;
    -o-transition: height 5s ease;
    transition: height 5s ease;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.card .sidebar{list-style: none;padding: 0;margin: 0;}
.card .sidebar li.divider{background: #f0f0f0;height: 1px;margin: 10px 0;}
.card .sidebar li.title{color: #ef6c00;padding: 10px 20px;text-transform: uppercase;}
.card .sidebar li.sub a{padding-left: 50px;font-size: 12px !important;}
.card .sidebar li a{display: block;color: #333; font-size: 14px !important;padding: 10px 20px;text-decoration: none;-webkit-transition: .3s;-moz-transition:.3s;transition: .3s;}
.card .sidebar li a:hover{color: #ef6c00;background: #f0f0f0;}


.wrapper .content .ficha img{
    width: 180px;
    height: 180px;
}
.wrapper .content .ficha div.label{font-size: 16px;}
.wrapper .content table tr td .horario{height: 110px;padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #f2f2f2;vertical-align: middle !important;}
.wrapper .content table tr td .horario-small{height: 70px;padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #f2f2f2;vertical-align: middle !important;}
.wrapper .content table.edo-cta{background: #FFF;font-size: 12px !important;}
.wrapper .content table.edo-cta th{text-align: center;vertical-align: middle;}
.wrapper .content table.edo-cta td{vertical-align: middle;min-width: 90px;}
.wrapper .content table.edo-cta td div{text-align: right;}
.wrapper .content table.edo-cta hr{margin-top: 2px;margin-bottom: 2px;}


.wrapper .curso ul{
    padding: 0;
    margin: 0;
    list-style: none !important;
}

.wrapper .curso ul li{
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;   
}

.wrapper .curso .title{
    background: #f47320;
    color: #FFF;
    padding: 5px 10px;
}

.wrapper .avisos{position: relative;}
.wrapper .avisos .aviso .card{padding: 0; !important}
.wrapper .avisos .aviso .card img{width: 100%;height: 150px;border: none !important;}
.wrapper .avisos .aviso .card .aviso-body{padding: 15px; }
.wrapper .avisos .aviso .card .aviso-body h4{margin-bottom: 10px;margin-top: 10px;white-space:normal;overflow:hidden;text-overflow: ellipsis;color: #F57C00;}
.wrapper .avisos .aviso .card .aviso-body h4 a{color: #F57C00;}
.wrapper .avisos .aviso .card .aviso-body cite{font-size: 12px;}
.wrapper .avisos .aviso .card .aviso-footer,.aviso-footer{padding: 10px 15px;border-top: 1px solid #ddd;}
.wrapper .avisos .aviso .card .aviso-footer a,.aviso-footer a{color: #666; text-transform: uppercase;font-weight: bold;}
.wrapper .avisos .aviso .card .aviso-footer a:hover{color: #F57C00;}

.wrapper .ht iframe{width: 100%;height: 1000px;}

.wrapper .acordeon .panel-title a{display: block !important;}

.wrapper .content .row .link{display: compact !important; width: 100% !important; text-align: center;}
.wrapper .content .row .link h3{color: #FFF !important;}
/*------------ HELPERS --------------------------------*/
.overflow{overflow: hidden;}
.color-green{color: #449d44;}
.color-gray{color: #999;}
.color-orange{color:#f47320;}
.color-blue{color: #337ab7;}
.text-bold{font-weight: bold;}
.notificacion{width: 300px;height: auto !important;}
.small{width: 100px !important;}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.border-bottom{border-bottom: 1px solid #CCC;}
.form-control{font-size: 14px !important;}
.no-hover:hover{color: #333 !important; cursor:default;}
.min-height-small{min-height: 250px;}
.bg-default{background: #f5f5f5;}
.acotacion{width: 30px;height: 14px;display: inline-block;padding: 0 !important;margin-bottom: 0 !important;margin-right: 10px;}
code{margin: 20px 0;text-align: left;}
.indicador{background: #f2f2f2;margin-bottom: 10px;}
.bg-mensajes{padding: 15px;}
.margin-right-10{margin-right: 10px;}
.hand{cursor: pointer;}
.btn-static{position: fixed !important;bottom: 20px;right: 20px;z-index: 100;}

.shadow-z-1 {
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.shadow-z-1-hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.shadow-z-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shadow-z-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow:  0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.shadow-z-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.shadow-z-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
.modal-dialog{
    height: 90%;
    width: 90%;
}