@charset "utf-8";

/* 
    Document   : Style
    Created on : 28/11/2013, 17:01:00
    Author     : jorge.mostacero
    Description: Estilos para Campus MasterD 3.0
        
        37420	layout4
        73 		layout1
        65 		layout2
        30		layout5
        19		layout3

        
*/
/*
#widget1, #divHomeTuPanel {
        display: none !important;
}
*/


/*
body.loginNew #contenedorLogin #usuarioSugerido {

    display: none !important;

}

body.loginNew #contenedorLogin .login .login_form > fieldset #otraCuenta {

    display: none !important;

}

body.loginNew.mobile #versionCampus {
    right: 20px !important;
}
*/



/*BANNER APP INDEX*/
#bannerApp {

    background: #fff;
    padding: 10px 5px 10px 20px;
    /*z-index: 900;*/
    /*position: relative;*/
    box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
    text-align: left;
    
    position: fixed;
    bottom: 50px;
    z-index: 999;

}

#bannerApp i.fas{display: none;}
/*
#bannerApp svg {

    background-color: #cf0033;
    margin-right: 0;
    color: #fff;
    padding: 4px;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;

}*/
#bannerApp > span {

    color: #333;
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: middle;
    font-size: 0.8rem;
    margin-left: 10px;
    font-weight: 600;
    line-height: 1rem;
    text-align: left;

}
#bannerApp i {

    background: #fff;
    font-size: 13px;
    font-family: 'robotoc' !important;
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-align: center;

}

#bannerApp i.ion-close {
    font-size: 0.7rem;
    color: #fff;
    background: #cf0033;
    padding: 0.1rem 0.3rem 0.5rem;
    border-radius: 50%;
    width: 0.8rem;
    height: 0.7rem;
}

#bannerApp i > span {

    display: block;
    font-size: 12px;
    font-family: 'robotoc' !important;
    font-weight: 600;
    color: #f56600;
    margin-top: 3px;

}
/*FIN DE BANNER APP INDEX*/


/*SPIN LOGIN*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
	margin-top: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*FIN DE SPIN LOGIN*/


/*SPIN AUTOLOGIN*/
.lds-ring.autologin {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}



li#panicButton, li.panicButton {
    display: none !important;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-delay: 0.1s;
    animation-name: fontfix;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}@keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}



*{font-family:'open sans', sans-serif !important; }
*:focus{outline: none;} 

::-moz-selection{background:none repeat scroll 0 0 rgba(56, 117, 215, 1); text-shadow:none; color:#fff;}
::selection{background:none repeat scroll 0 0 rgba(56, 117, 215, 1); text-shadow:none; color:#fff;}

.ion-ios7-play:before { content: "\f488" !important; }

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

.html{overflow: hidden;}

.limpiador{
    clear:both;
    height:0px;
    float: none !important;
}

.espaciadorMedio{height: 20px !important;}
.espaciador{height: 40px !important;}
.espaciadorDoble{height: 80px !important;}

h4{
    font-size: 17px;
}
a {
    color: var(--colorPrincipal);
    font-size: 13px;
    text-decoration: none;
}
a, button {outline: medium none !important;}

p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}

.textoDifusora * {
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 100;
}

.textoDifusora li {
    padding: 1px !important;
    margin-bottom: 0px !important;
}

img[src=""], img:not([src]){
    opacity:0;
}

.learnnity {
    letter-spacing: -3.4px !important;
}

.column {
    min-height: 0 !important;
    margin: 0;
    /*padding-bottom: 60px;*/
}
.layout-a .column{float: none; width: 98%;}
.layout-a .second{
    display: block;
    margin-top: 50px;
    float: none;
    width: 98%
}

.layout-ab .column{width: 30%;}
.layout-ab .first{margin: 0 2% -1.5em 0; width: 68%;}

.layout-ba .first{width: 30% !important; margin: 0 2% -1.5em 0 !important;}
.layout-ba .second{width: 68%;}

.layout-aa .column{width: 49% !important;}
.layout-aa .first{margin: 0 2% -1.5em 0 !important;}

.layout-aaa .column {
    margin: 0 2% -1.5em 0 !important;
    width: 31% !important;
}

a.btn, button.btn{

    background: var(--colorPrincipal);
    border: medium none;
    border-radius: 5px !important;
    box-shadow: 0 2px 0 0 #14419e !important;
    color: #fff;
    display: inline;
    float: none;
    font-size: 15px;
    font-weight: 100;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 280px;
    padding: 15px 15px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    opacity: 1;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{
    background: #f0f0f0;
}


body:not(.sinSuavizado) a.btn-primary, 
body:not(.sinSuavizado) button.btn-primary{
    transition: all 0.25s ease-out 0s !important;
}



a.btn-primary, button.btn-primary{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
}
a.btn-primary:hover, button.btn-primary:hover,
a.btn-primary:active, button.btn-primary:active,
a.btn-primary.active, button.btn-primary.active,
a.btn-primary.disabled, button.btn-primary.disabled,
a.btn-primary[disabled], button.btn-primary[disabled]{
    opacity:0.7;
}

a.btn-warning, button.btn-warning{
    background: none repeat scroll 0 0 #EA0450 !important;
    box-shadow: 0 2px 0 0 #9C0034 !important;
    color: #FFFFFF;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow:none !important;
}



input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: url("../../assets/images/Itinerario/notAllowed1.png") 10 -250, url("../../assets/images/Itinerario/notAllowed.png"), not-allowed !important;
}

#contenedor_global > a[href="j_spring_security_logout"] {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #ffffff !important;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2147483647;
}
#ventanaEmergente {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    box-sizing: border-box;
    height: 50%;
    left: 0;
    max-width: 420px;
    padding: 20px 20px 60px;
    position: fixed;
    top: 25% !important;
    z-index: 2147483647;
}
html.apple #ventanaEmergente{
    overflow-y:scroll !important;
}
#ventanaEmergente > table {
    margin-bottom: 10px !important;
    margin-top: 10px;
    width: 150px !important;
}
#ventanaEmergente > table tr td,
#ventanaEmergente > table tr th {
    color: #222728 !important;
    font-size: 14px;
    font-weight: 100;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#ventanaEmergente > table tr td a,
#ventanaEmergente > table tr th a {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -0.4px;
}

#ventanaEmergente > table tr td sup > a {
    font-size: inherit !important;
    font-weight: inherit !important;
}

#ventanaEmergente > table tr td a.verWikipedia {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #fff;
    display: block;
    font-size: 16px !important;
    font-weight: 100 !important;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#ventanaEmergente > table tr td[style*="#cddeff"] {
    background: none repeat scroll 0 0 #f0f0f0 !important;
}
#ventanaEmergente > table tr th.cabecera {
    background: none repeat scroll 0 0 #333743 !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
}
#ventanaEmergente > table tr td a.image + span {
    display: block;
    margin-top: 10px;
}

#cerrarVentanaEmergente {
    color: #000;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 29px;
    margin: -10px -10px 0 -20px;
    opacity: 1;
}
body:not(.sinSuavizado) #cerrarVentanaEmergente{
    
    transition: all  0.25s ease-out;
}
#cerrarVentanaEmergente:hover{
    opacity:0.4;
}

body.noScroll {
    overflow: hidden !important;
}


/*.selectedcolumn{background:rgba(0,0,0,0.2); border:dashed 2px rgba(0,0,0,0.4) !important;}*/
.selectedcolumn {
    background: none repeat scroll 0 0 rgba(56, 117, 215, 0.5);
    border: medium none !important;
    box-sizing: border-box;
    padding: 20px;
}
.emptycolumn{color:rgba(0,0,0,0);}
.divBotonesAccionesDatatable{
    margin-bottom: -45px;
    float: left;
    position: relative;
    z-index: 500 !important;
    padding-left: 0 !important;
}	

.calpick {
    left: 100px;
    position: relative;
    top: -13px;
}

.datatableStyled{position:relative;}

.respuestasTestPregunta label {
    line-height: 26px;
    font-size:14px !important;
}
.datatableStyled td button {
    left: 10px;
    margin-right: 0;
    margin-top: 0;
    position: relative;
}
.toolsForms{
    display:block;
    width:396px; 
    height:50px; 
    background:#ffffff; 
    border:solid 1px #CCC;  
    border-bottom:none;
    position:absolute; 
    right:1px; 
    top: 46px;
    z-index: 1;
}
.dataTables_length{ 
    border: none !important;
    color: transparent !important;
    overflow-x: hidden !important;
    position: relative !important;
    right: 59px !important;
    top: 11px !important;
    width: 65px !important;
    background:transparent !important;
    z-index:34 !important;
}
.dataTables_filter{position:absolute; right:155px; top: -4px; color:transparent; height:40px !important; background:transparent !important; border:none !important; z-index: 5;}
.dataTables_filter input{
    border-radius: 0;
    height: 18px;
    left: -6px;
    position: relative;
    top: 14px;
}

.tabletools {
    display: block !important;
    position: absolute;
    right: 54px;
    top: 72px;
    width: 110px;
    z-index: 99;
}
.tabletools.customGrande{
    right: 124px;
}



.tabletools > div > a:hover > span{background-color:#cccccc;}
.tabletools .groupTableToolButton {
    border: 1px solid #CCCCCC !important;
}
.tabletools .groupTableToolButton:before{
    background: none repeat scroll 0 0 #DEDEDE;
    border: medium none !important;
    content: url("../images/tableTools/tapa_tableToolsListadoExpediente.jpg") " ";
    position: absolute;
    right: -1px;
    top: -13px;
    width: 34px !important;
    z-index: 0;
}
.groupTableToolButton a {
    background: none repeat scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
}
.btn-group.groupTableToolButton {
    width: 142px;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 2147483647 !important;
}

.datatableStyled a  {
    border: medium none;
    color: #111;
    margin: 0 !important;
    padding: 10px 0 10px 10px;
    text-align: left;
    width: 132px;
}
.datatableStyled .customGrande a{width: 212px;}
.datatableStyled .customGrande a.custom span{padding-left: 0;}
.datatableStyled .customGrande a.custom span i{margin-right: 13px;}

.datatableStyled a div {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 142px;
    z-index: 99;
}
.divBotoneraTabla{
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 33;
}
.divBotoneraTabla button:first-child{left: -52px; position: relative;}
.divBotoneraTabla button {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    height: 28px;
    margin-top: 33px;
    padding: 8px 10px 0;
    width: 36px;
}

.divBotoneraTabla button i{position: relative; top: -2px;}
.dataTables_info {
    background: none !important;
    border: none !important;
    margin: 10px 0 0 15px !important;
    padding-top: 5px !important;
    z-index:35;
    position:relative;

}
.dataTables_paginate{
    background: none !important;
    border: none !important;
    z-index:36;
    position:relative;
    top:0px;
    left:2px;
}

.dataTables_paginate a.paginate_button{
    display: block;
    float: left;
    height: 5px;
    max-width: 129px !important;
    overflow: hidden !important;
    padding: 10px 0 !important;
}
.dataTables_paginate a.previous.paginate_button, .dataTables_paginate a.next.paginate_button{
    color: transparent !important;
    display: block;
    float: left;
    height: 5px;
    max-width: 129px !important;
    overflow: hidden !important;
    padding: 10px 0 !important;
    width: 30px !important;
}

.dataTables_paginate > span {
    display: block;
    float: left;
}
.dataTables_paginate span a.paginate_button, .dataTables_paginate span a.paginate_active{
    display: block;
    float: left;
    height: 19px;
    max-width: 129px !important;
    overflow: hidden !important;
    padding: 3px 13px !important;
    width: 5px !important;
}
.dataTables_paginate a.previous.paginate_button{margin-right: 5px !important;}
.dataTables_paginate a.next.paginate_button{margin-left: 5px !important;}
.dataTables_paginate a.previous.paginate_button:before {
    content: url("../images/tableTools/arrow_prev.png");
    cursor: pointer;
    left: 8px;
    position: relative;
    top: -5px;
}
.dataTables_paginate a.next.paginate_button:before {
    content: url("../images/tableTools/arrow_next.png");
    cursor: pointer;
    left: 8px;
    position: relative;
    top: -5px;
}
.datatablePie {
    height: 48px;
    width: 100%;
}
.datatablePieMargins {
    background: none repeat scroll 0 0 transparent !important;
    /* border-right: 1px solid #CCCCCC;*/
    height: 48px;
    left: -1px;
    position: relative;
    width: 100%;
}
.dataTables_wrapper tr.even{background-color: #F0F0F0 !important;}
.dataTables_wrapper tr.odd{background-color: #F9F9F9 !important;}
.dataTables_wrapper a.paginate_active{background-color: #E0E0E0 !important;}
.dataTables_wrapper a.paginate_button{background-color: #F0F0F0 !important;}
.dataTables_wrapper span a.paginate_button, .dataTables_wrapper span a.paginate_active{border-right:none !important;}
.dataTables_wrapper span a:last-child{border-right:solid 1px #CCCCCC !important;}
.dataTables_wrapper a.paginate_button:hover{background-color: #0088CC !important; color:#ffffff !important;}

.groupTableToolButton button{
    background: none repeat scroll 0 0 #EEEEEE !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #333333 !important;
    cursor: pointer !important;
    display: inline-block !important;
    filter: none !important;
    font-size: 11px !important;
    line-height: 18px !important;
    text-shadow: none !important;
    vertical-align: middle !important;
    border: none !important;
    margin: 0 !important;
    padding: 10px 0 10px 10px;
    text-align: left;
    width: 132px;
}
.groupTableToolButton button:hover{background-color:#aaaaaa !important;}
div[id*="tableToolsListadoPlanEstudio"].tabletools{right: 34px !important;}

.tabletools .btn.disabled, .tabletools .btn[disabled] {
    opacity: 1;
    background: #cccccc !important;
}

.table {
    margin-bottom: 20px;
}
.table th, .table td {
    border-color: #EEEEEE;
    vertical-align: middle;
}
.table th {
    /*background: url("../img/template/grid.png") repeat scroll left top #0072BC;*/
    color: #FFFFFF;
    padding: 14px 8px 10px;
}
.table tbody th {
    background-color: #EEEEEE;
    color: #333333;
}
.table tbody th, .table tbody td {
    padding: 12px 8px 8px;
}
.table-condensed tbody th, .table-condensed tbody td {
    padding: 2px 5px 1px;
}
.table-bordered {
    /*-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
        -moz-use-text-color #0072BC;
    */
    border-color:  #0072BC;
    border-image: none;
    border-right: 2px solid #0072BC;
    border-style: none solid solid;
    border-width: 0 2px 2px;

}
.table.table-striped.table-bordered.dataTable{
    border-top:solid 1px transparent !important;
    border-left:solid 1px transparent !important;
    border-right:solid 1px #CCCCCC !important;
}
.table-bordered thead th {
    background-color: #0072BC;
    border: 0 none;
    color: #FFFFFF;
}

.table-striped tbody tr td[align="center"] {
    text-align: center;
}
.table-striped tbody tr td img[src*="clip.png"] {
    display: block;
    margin: 0 auto;
    position: relative;
}
tr.even td.sorting_1 {
    background-color: rgba(0, 0, 0, 0);
}
.table-bordered th, .table-bordered td {
    border-color: #e5e5e5;
}
.table-bordered th {
    background-color: #DDDDDD;
    color: #333333;
}
.table-borderless th, .table-borderless td {
    border-top: 0 none;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #F1F1F1;
}
.table tbody tr.success > td {
    background-color: #F1FCD7;
}
.table tbody tr.error > td {
    background-color: #FCD7D7;
}
.table tbody tr.warning > td {
    background-color: #FCEFD7;
}
.table tbody tr.info > td {
    background-color: #D7EEFC;
}
.table-hover tbody tr.success:hover > td {
    background-color: #E6FCB1;
}
.table-hover tbody tr.error:hover > td {
    background-color: #FCB1B1;
}
.table-hover tbody tr.warning:hover > td {
    background-color: #FCE1B1;
}
.table-hover tbody tr.info:hover > td {
    background-color: #B1DFFC;
}
.dataTables_wrapper > div {
    /* -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
    */
    background-color: #F9F9F9;
    border-color: #DDDDDD;
    border-image: none;
    border-right: 1px solid #DDDDDD;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 8px 0 3px;
    width: auto;
}
.dataTables_wrapper > div:first-child input[type="text"] {
    width: 150px;
}
.dataTables_wrapper > div:first-child {
    border-bottom-width: 0;
    border-top-width: 1px;

}
.dataTables_length label {
    float: left;
    text-align: left;
}
.dataTables_length select {
    margin: 0 0 0 10px;
    padding-left: 2px;
    padding-right: 2px;
    width: 55px;
}
.dataTables_filter label {
    float: right;
    margin: 0 10px 0 0;
}
.dataTables_info {
    padding-top: 5px;
}
.dataTables_paginate {
    float: right;
    margin: 9px 2px 0 0;
}
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
    cursor: pointer;
}
.table thead .sorting, .table thead .sorting_asc, .table thead .sorting_desc, .table thead .sorting_asc_disabled, .table thead .sorting_desc_disabled {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}
.dataTable {
    clear: both;
    margin-bottom: 0 !important;
    max-width: none !important;
}
.dataTable th:active {
    outline: 0 none;
}
.dataTables_scrollHead table {
    margin-bottom: 0 !important;
}
.dataTables_scrollBody table {
    border-top: 0 none;
    margin-bottom: 0 !important;
}
.dataTables_scrollBody tbody tr:first-child th, .dataTables_scrollBody tbody tr:first-child td {
    border-top: 0 none;
}
.dataTables_scrollFoot table {
    border-top: 0 none;
}


/*FIN DATATABLE*/




/* --------LABELS--------*/
.label-success, .badge-success {
    background-color: #04EAAC;
}

.label, .badge {
    border-radius: 2px !important;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.6px;
    line-height: 14px;
    padding: 1px 5px !important;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
}
/* --------FIN DE LABELS--------*/




/* --------Nicescroll--------*/
.nicescroll-rails{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    width: auto !important;
    margin-left:0;
}
.nicescroll-rails:not(.niceVisible):not(.niceLateral){
    
    transition:  margin-left 0.25s ease-out;
}
.nicescroll-rails:not(.nicescroll-rails-hr):not(.niceVisible):not(.niceLateral):hover{
    margin-left: -12px;
}
div.niceVisible[id*="ascrail"] {
    opacity: 1 !important;
    display: block !important;
}
.niceLateral{
    left:0px !important;
    margin-left:2px;
    z-index: 2147483627 !important;
}
@-moz-document url-prefix() {
    .niceLateral{
        margin-left:0px;
    }
}



body > .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    display: none;
}


.nicescroll-rails div{
    /*background-color:var(--colorPrincipal) !important;*/
    /*background-color:rgba(56, 117, 215, 0.7) !important;*/
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-radius:0px !important;
    border:none !important;
    cursor:pointer;
    z-index: 9999;
    box-shadow: none;
}

.nicescroll-rails.niceLateral > div{background-color:rgba(255,255,255,0.7) !important}
.nicescroll-rails.niceVisible > div{background-color:rgba(255,255,255,0.7) !important}

.nicescroll-rails:not(.nicescroll-rails-hr) div:hover:not(#senueloNiceHtml){
    width:17px !important;
    cursor:pointer;	
    background-color:#0084FF !important;
    box-shadow: 0 0 15px rgba(0, 132, 255, 0.3);
}
.nicescroll-rails.niceLateral > div:hover:not(#senueloNiceHtml){background-color:rgba(255,255,255,0.9) !important; box-shadow:none !important}

.nicescroll-rails:not(.nicescroll-rails-hr):hover div:not(#senueloNiceHtml){
    width:17px !important;
}


body:not(.sinSuavizado) .nicescroll-rails div:not(#senueloNiceHtml){
    
    transition: width  0.25s ease-out , background  0.25s ease-out , box-shadow  0.25s ease-out;	
}

#senueloNiceHtml {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: none 0s ease 0s !important;
    width: 20px !important;
    z-index: 999;
}


/* --------FIN DE Nicescroll--------*/



/*--------GRITTER--------*/
.gritter-top{display:none}
.gritter-bottom{display:none}

.gritter-item {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    color: #222728;
    padding: 20px 10px;
    text-shadow: none !important;
}

.gritter-item:hover, .gritter-item:active{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
body:not(.sinSuavizado) .gritter-item:hover, body:not(.sinSuavizado) .gritter-item:active{
    
    transition: all 0.4s ease-out;
}
.gritter-title {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF !important;
    padding: 10px;
    text-shadow: none !important;
}
.gritter-close {
    display: block !important;
}
/* --------FIN DE GRITTER--------*/



/*--------ScrollToTop--------*/
#back-top {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
    bottom: 0px;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding: 0px;
    position: fixed;
    right: 0px;
    z-index: 2147483647;

}
body:not(.sinSuavizado) #back-top {
    
    transition: bottom 0.4s ease-out;
}
#back-top.oculto{
    bottom:-60px;
}
#back-top a {
    color: #333;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700 !important;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 48px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body:not(.sinSuavizado) #back-top a{
    
    transition: all 0.4s ease-in;
}

#back-top span {
    /*background: var(--colorPrincipal);*/
    background: none repeat scroll 0 0 rgba(0,0,0,0.7);
    border-radius: 0px;
    display: block;
    height: 48px;
    margin-bottom: 0px;
    width: 48px;
    opacity: 1;
}
body:not(.sinSuavizado) #back-top span{
    
    transition: all 0.4s ease-in;
}

#back-top a:active span,
#back-top a:hover span{
    opacity: 0.4;
}

/*--------Fin de ScrollToTop--------*/



/*------CHECKBOX------*/
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 5px -16px 0 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('blue.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
.icheckbox_square-blue.hover {
    background-position: -24px 0;
}
.icheckbox_square-blue.checked {
    background-position: -48px 0;
}
.icheckbox_square-blue.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-blue.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-blue {
    background-position: -120px 0;
}
.iradio_square-blue.hover {
    background-position: -144px 0;
}
.iradio_square-blue.checked {
    background-position: -168px 0;
}
.iradio_square-blue.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-blue.checked.disabled {
    background-position: -216px 0;
}




/*abel */
.divReversibleCurso.classDesactivarPsicotecnico{
    display: none !important;
}
.informacionTablaPsicotecnicosRealizados{
    padding: 25px;
}

span.contenedorNumerosPreguntaNavegacionWrapper.ocultarContenedorPreguntasPsicotecnico{
    display: none;
}

/*fin abel */





/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/*------FIN DE CHECKBOX------*/




/*-----SIMULACION DE BLINK--------*/
.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to { visibility: hidden; }
}
@-webkit-keyframes blink {
    to { visibility: hidden; }
}
/*-----FIN DE SIMULACION DE BLINK--------*/



/*-----LOADER-----*/
.spinner{display:none !important;}

.contenedorLoader {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2147483647;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:rgba(56,117,215,0.25);
    cursor:progress;
}
body[onload*="Login"]:not(.sinSuavizado) .contenedorLoader{
    
    transition: all 0.4s ease-in;
}

.contenedorLoader .contenedorLoaderWrapper {
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #2561c1;
    border-radius: 50%;

    height: 130px;
    left: 50%;
    left: calc(50% - 65px);
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top:50%;
    top:calc(50% - 65px);
    width: 130px;
}

.contenedorLoader .lineaCargador{
    background-color: rgba(0,0,0,0);
    border:1px solid #FFFFFF;

    border-top:4px solid rgba(0,0,0,0);
    border-bottom:4px solid rgba(0,0,0,0);
    border-radius:60px;

    -moz-animation:spin 1.4s infinite linear;
    -webkit-animation:spin 1.4s infinite linear;
    animation: 1.4s linear 0s normal none infinite spin;

    background-color: rgba(0, 0, 0, 0);

    border-radius: 50%;


    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    left: 0px;
    margin: 0 auto !important;
    opacity: 0.9;
    position: relative;
    top: 3px;
    width: 100px;
}


.contenedorLoader .textoCargador:before {
    /*color: #FFFFFF;
    content: attr(data-textoHover);
    font-size: 13px !important;
    font-weight: 100;
    text-transform:uppercase;*/
	
	color: #FFFFFF;
	content: attr(data-textoHover);
	font-size: 17px !important;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'robotoc' !important;
	letter-spacing: -0.5px;
}
.contenedorLoader .textoCargador {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -56px;
    width: 100%;
}

.contenedorLoader .contenedorLoaderWrapper.style2{
    background:none !important;
}
.contenedorLoader .contenedorLoaderWrapper.style2 .lineaCargador{
    border-color: var(--colorPrincipal) !important;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}
.contenedorLoader .contenedorLoaderWrapper.style2 .textoCargador:before{
    color: var(--colorPrincipal);
}

.contenedorLoader .contenedorLoaderWrapper.style3{
    background:none !important;
    transform: scale(0);


}
body:not(.sinSuavizado) .contenedorLoader .contenedorLoaderWrapper.style3{
    transition: all 0.25s ease-out;
}
.contenedorLoader .contenedorLoaderWrapper.style3.in{
    transform: scale(1.8);
}
.contenedorLoader .contenedorLoaderWrapper.style3 .lineaCargador{
    border-color: #fff !important;
    box-shadow: 0 0 110px rgba(255, 255, 255, 0.5);
}
.contenedorLoader .contenedorLoaderWrapper.style3 .textoCargador:before{
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 22px rgba(255, 255, 255, 0.5);
}


/*-----ANIMACION LOADER--------*/
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}
@keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg); }
}
@keyframes spinoff {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(-360deg); }
}
/*-----FIN DE ANIMACION LOADER--------*/


/*-----ANIMACION BACKGROUND LOADER--------*/
.contenedorLoader{
    -webkit-animation: animacionBotonLearNNity 1s; /* Chrome, Safari, Opera */
    animation: animacionBotonLearNNity 1s;
    transition:opacity ease-out 0.20s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animacionBotonLearNNity {
    0%   {opacity: 0}
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes animacionBotonLearNNity {
    0%   {opacity: 0}
    100% {opacity: 1}
}
/*-----FIN DE ANIMACION BACKGROUND LOADER--------*/

/*-----FIN DE LOADER-----*/



/**PROPIOS DE CAMPUS*/

body.letra2 * {
    font-weight: 600 !important;
}
body.letra2 *::after, body.letra2 *::before {
    font-weight: 600 !important;
}

#imagenFondo{
    position: fixed !important;

    width: 120% !important;
    height: 120% !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;

    -webkit-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);

    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;

}

html.csstransforms #imagenFondo{
	transform: translate(-10%, -10%);
}

html:not(.csstransforms) #imagenFondo{
	top: -10% !important;
    left: -10% !important;
}

#imagenFondo {
    filter: blur(20px) saturate(100%);
    transition: filter 0.25s ease-out;
}
html.BYN #imagenFondo{
    filter: blur(20px) saturate(0%);	
}


#imagenFondo.ipad{
    position: fixed !important;
    display: block !important;
    width: 103% !important;
    height: 103% !important;
    top: 0px !important;
    left: 0px !important;
}
.bordeGrisRedondeado, .panelContenedorActividad div.bordeGrisRedondeado{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 30px 30px 30px;
}
.panelContenedorActividad div.bordeGrisRedondeado:first-child{
    padding-top: 60px !important;
}


.criterioCorreccion .criterioCorreccionEncabezado{font-size:15px; text-transform:uppercase;}
.criterioCorreccion .criterioCorreccionFila{
    font-size: 13px;
    margin: 20px 0;
}
.criterioCorreccion .criterioCorreccionFila div:not(.span10){
    font-weight:800;
    text-align:center;
}

.fondoGris{
    background-color: #F1F1F1;
}

.chosen-container .chosen-results .highlighted {
    background: var(--colorPrincipal) !important;
    color: #FFFFFF;
}
.divExplicacionServicio {
    background: none repeat scroll 0 0 #F0F0F0;
    border: medium none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.lineaNaranja{
    margin-top: 5px;
    margin-bottom: 10px; 
    height: 2px; 
    border: 0; 
    color: #ff7319; 
    background-color: #ff7319;
}

.barraGrisOscura{
    color:#FFFFFF; 
    font-size:16px; 
    font-weight:bold;
    background-image: url('../images/v2/barras/barra_gris_2_center.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.barraGrisClara{
    font-size:16px; 
    font-weight:bold;
    background-image: url('../images/v2/barras/barragis_ud.png');
    background-repeat: no-repeat;
    background-size: cover;

}
.barraNaranja{
    background-image: url('../images/v2/barras/barra_naranja_center.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: white; 
    font-weight: bold;
    font-size: 12px;
}
.barraNaranjaClaro{
    background: none repeat scroll 0 0 #E0E0E0;
    color: #333333;
    font-weight: 100 !important;
    padding: 10px 0 3px;
}
.barraSeccion{
    background-image: url('../images/v2/seccion/barra_sup_cen.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: white; 
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px;
}

.tituloLetraNaranja{
    color:#ff7319;
}

.labelAclaracionTelefonos.tituloLetraNaranja {
    color: var(--colorPrincipal);
    position: relative;
    top: -27px;
}
label.labelAclaracionTelefonos {
    font-size: 11px !important;
    font-weight: 100 !important;
    line-height: 22px;
}
.labelTituloAdvertencias{
    color: red;
    font-weight: bold;
}
.tituloNaranja{
    color: #ff7319;
    font-size: 18px;
    font-weight: bolder;
}
.bordeNaranjaRedondeado{
    border: solid; 
    border-radius: 15px;
    padding: 10px;
    border-color: #ff7319;
}
.letraNaranja{
    color: #ff7319;
}


.infoMeGusta{
    color: green !important;
}

.infoNoMeGusta{
    color: red !important;
}

.pestanaNaranjaClaro, .pestanaGrisClaro {
    margin-bottom: 10px;
    margin-left: 0 !important;
    width: 100% !important;
}
.letraCursiva{
    font-style:italic;
}

.linkAdjuntos{
    color: black !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}


body > .container-fluid{
    padding-left: 0px !important;
    padding-right: 0px!important;
}


.fondoSeccion{
    background-color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}


#divSecciones{
    padding-top: 30px;
}


.btn-primary {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;

}
.btn:active, .btn.active, .btn-primary:active, .btn-primary.active, .btn-success:active, .btn-success.active, .btn-danger:active, .btn-danger.active, .btn-warning:active, .btn-warning.active, .btn-info:active, .btn-info.active, .btn-inverse:active, .btn-inverse.active {
    opacity: 0.75;
}


.lineaAzul{
    margin-top: 5px;
    margin-bottom: 10px; 
    height: 2px; 
    border: 0; 
    color: var(--colorPrincipal); 
    background-color: var(--colorPrincipal);
}


.titulo{
    font-size: 18px;
    font-weight: bolder;
}

.barraBordeAzul{
    background-color: #E5E5E5;
    border-top: 5px solid var(--colorPrincipal);

}


.bordeAzulRedondeado{
    border: solid; 
    border-radius: 0px;
    padding: 10px;
    border-color: var(--colorPrincipal);

}
.fondoContenedorActividad{
    background-color: white !important;
}
.fondoGris {
    background-color: #E5E5E5;
    height: 70px;
    margin-bottom: 0;
    /*padding-left: 20px;*/
    padding-top: 21px;
}
.panelContenedorActividad{
    /*padding: 10px;*/
    padding: 0px 45px;
    margin-top: 0px;
    /*width: calc(100% - 363px) !important;*/
    width: 100% !important;
    margin-left: 0 !important;
}

body[onload*="Login"]:not(.sinSuavizado) .panelContenedorActividad{
    
    transition: all 0.4s ease-in;
}

.fechasPlanificacion {
    color: #656565;
    display: block;
    margin-top: 2px !important;
    text-align: right;
    text-transform: uppercase;
}
.descripcionActividad {
    color: #333333;
    font-family: 'open sans',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 26px;
    margin: 0 0 30px;
    text-align: justify;
}
.descripcionActividad {

    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}

.fondoGrisBoton{
    background: rgba(0,0,0,0.05);
}
.botonActividadCurso{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04) !important;
    border-bottom: 2px solid #B2B2B2;
    border-radius: 0 !important;
    border-top: medium none !important;
    color: #000000 !important;
    cursor: pointer !important;
    height: 72px;
    max-width: 150px;
    padding: 0 !important;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 !important;
}

.botonActividadCurso{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    height: auto;
}
.botonActividadCurso:first-child{
    border-right: 1px solid #F0F0F0 !important;
    max-width: 200px !important;
    padding-right: 32px !important;
}
.accionesCurso > .botonActividadCurso:last-child {
    margin-left: 30px !important;
    width: 100px !important;
}

.botonActividadCurso:first-child:last-child {
    border: medium none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}


.botonActividadCurso div.fondoGrisBoton{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: both !important;
    display: block !important;
    float: none !important;
    height: auto !important;
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
}
.botonActividadCurso div.fondoGrisBoton img{
    position: relative;
    top: 0px !important;
}


.btn.botonActividadCurso.botonIconoBicolor.botonMiCurso {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 3px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 80px;
    width: 100% !important;
    width: calc(100% - 60px) !important;
    margin: auto !important;
    box-sizing: border-box;

}

.botonMiCurso{
    opacity: 1;

}
body:not(.sinSuavizado) .botonMiCurso{
    
    transition: all 0.3s ease-in;
}
.botonMiCurso:hover{
    opacity:0.5;
}


.botonPlanificacionTexto > div {
    float: left;
    width: 50%;
}
.botonPlanificacionTexto {
    margin-top: 6px;
    width: 176px;
}
.fechaPlanificado, .fechaPlanificadoDerecha{
    clear: both;
    display: block;
    float: none;
    font-size: 11px !important;
    margin: 0 !important;
    text-align: left !important;
}
.fechaPlanificado:first-child, .fechaPlanificadoDerecha:first-child {
    margin-bottom: -4px !important;
}

.fechaPlanificadoDerecha{text-align: right !important; }
.botonActividadCurso > div.span8{
    margin: 0;
    width: 100%;
}
.botonActividadCurso.botonMiCurso > .span8{
    padding: 20px;
    width: 100% !important;
}

.botonActividadCurso > div.span8 > label,
.botonActividadCurso > div.span8 > p {
    color: #333;
    cursor: pointer !important;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 19px;
    margin-bottom: 0 !important;
    margin-top: 15px !important;
    text-align: center;
    text-shadow: none !important;
    width: 100%;
}

.botonActividadCurso.botonMiCurso > div.span8 > label,
.botonActividadCurso.botonMiCurso > div.span8 > p {
    color: #fff;
    margin-top: 0px !important;
}


.botonActividadCurso > div.span8 > label:last-child,
.botonActividadCurso > div.span8 > p:last-child{
    font-size: 11px;
    font-weight: 300;
    margin-top: 3px !important;

}


.direccionEnlace{
    font-weight: 600;
    color: var(--colorPrincipal) !important;
    text-decoration: underline;
}
.imagenWarning{
    opacity:  0.5 !important;
}
.avisoModificacionActividad{
    text-transform: uppercase;
    border:5px dashed #EAD674;

}

.linkVerOnline{
    color: black !important;
    text-transform: uppercase;
    font-weight: bolder
}

.fondoAzul{
    background-color: var(--colorPrincipal);
    font-weight: bolder;
    padding: 5px;
    color: #FFFFFF;
}
.fondoBlanco{
    background-color: white;
}


/*ACUERDO*/

#iconoAcuerdo {
    bottom: 0;
    left: 0;
    position: fixed;

    transition: left 0.3s ease-in;
}
#iconoAcuerdo.oculto{
    left:-60px;


}

#iconoAcuerdo > img {
    /*height: 120px;*/
    height: 95px;
}


#logotipoAcuerdo {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    margin-left: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}


/*FIN DE ACUERDO*/

.tituloAsignaturasEntrenate {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #999999;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    min-height: 30px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    margin-bottom: 20px;
    border-left: 4px solid #0088CC !important;
}

.tituloAsignaturasEntrenate:hover{
    color:#fff;
    background:#d0d0d0; 
}

.tituloBiblioteca{
    font-size: 18px;
    font-weight: bolder;
}
/**PROPIOS DE CAMPUS*/


/*****PESTANAS**/

.navTabs .navTabs {
    margin-left: 0px;
    margin-top: 0px;
}

a[data-toggle="tab"]{border-radius:0px !important;}
.tabContent{
    /*background-color:#efefef !important;*/
    border-top:none;
    /*box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);*/
}

.tabContent .tabContent{background-color: rgba(255, 255, 255, 0.4) !important;}

/*ul#tabMensajeria.nav.nav-tabs.navTabs {
        background: none repeat scroll 0 0 #F0F0F0;
}*/

.nav-tabs > li {
    border-bottom: 1px solid #DDDDDD !important;
    background:#F0F0F0;
    margin: 0 6px 0 0;
    padding: 18px 20px 5px !important;
} 
ul#tabMensajeria.nav-tabs > li{
    border-bottom:none !important
}
.nav-tabs > li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 4px !important;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #FFFFFF !important;
}
/*.nav-tabs > li:first-child{border-left:0px !important;}*/
.nav-tabs > li a{padding-bottom:9px}
ul.nav-tabs li a[data-toggle="tab"]{
    /*background-color:#808490 !important; */
    text-shadow:none; 
    color: #212f2f !important;
    text-transform: uppercase;
    padding: 0px !important;
    border-left: medium none !important;
    border-right: medium none !important;
    min-height:25px;
    margin-right: 0px !important;
    font-size: 18px;
    font-weight: 100;
}
ul.nav-tabs li a[data-toggle="tab"] span{
    font-size: 18px;
    font-weight: 100;
}
ul.nav-tabs li:not(.active) a[data-toggle="tab"] {
    position: relative;

}
ul.nav-tabs li a[data-toggle="tab"]:hover{border:1px solid transparent;}

ul.nav-tabs li[id*="tabBuscador"].active a[data-toggle="tab"]{
    background:#EFEFEF!important;
    border-top: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
}

ul.nav-tabs li.active a[data-toggle="tab"] {
    background-color: #FFFFFF !important;
    border-top: 0 none;
    color: #000000 !important;
    text-transform: uppercase;
}
.tabContent ul.nav-tabs li.active a[data-toggle="tab"] {
    background-color: #FFFFFF !important;

    color: #000000 !important;
    font-weight: bold;
}
.panelContenedorActividad .tabContent ul.nav-tabs li.active a[data-toggle="tab"]{border-top:none !important;}
form#formContenidoSolicitudPractica .btn.btn-primary {
    margin-top: 0 !important;
}

.tabContent div.tab-content { 
    background-color: white;
    overflow: visible;
}

.tabContent ul.nav-tabs li.active a[data-toggle="tab"]{
    background-color: white !important;  
    color:black !important;
    font-weight: 100;

}

.panelContenedorActividad .tabContent ul.nav-tabs li.active a[data-toggle="tab"]{border-top:none !important;}

.panelContenedorActividad .tabbable ul.fondoGris {
    margin-left: -45px;
    padding-left: 45px;
    width: calc(100% + 90px);
}



ul.nav-tabs li a[data-toggle="tab"] > div{
    display:none
}
ul.nav-tabs li a[data-toggle="tab"] > div:first-child{
    display:block; 
    border-right: none; 
    margin-right:0px !important; 
    padding-right:0px !important;
}
ul.nav-tabs li.active a[data-toggle="tab"] > div{
    display:block
}
ul.nav-tabs li.active a[data-toggle="tab"] > div:first-child{
    /*border-right: 1px solid #CCCCCC; */
    margin-right: 20px !important;  
    padding-right: 20px !important;
}
ul.nav-tabs li a[data-toggle="tab"] > div > img {
    margin-left: 2px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}


.tabContent ul.nav-tabs li a[style*="seguimientoDocente.png"]{
    background-image: url("../images/alumno/seguimientoDocente/seguimientoDocente_ico.png") !important;
    background-position: 8px 8px;
}
.navTabs li a div .btn {
    height: 25px;
    margin: -3px 0 0;
    width: 25px;
}
.navTabs li a div .btn i {
    background-size: 469px;
    position: relative;
    top: -4px;
}
/*****PESTANAS**/



/*VIDEO BIENVENIDA*/

body > video#videoBienvenida{
    background: none repeat scroll 0 0 #000 !important;
    height: 100%;
    left: 0;
    margin: 0 auto !important;
    padding: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

body > video#videoMandaTallerManejoCampus {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    bottom: 0;
    height: 80%;
    left: 0;
    margin: auto !important;
    padding: 0 !important;
    position: fixed;
    right: 0;
    top: 0;
    width: 80%;
    z-index: 2147483647;
}
/*FIN DE VIDEO BIENVENIDA*/


/*HOME*/

.fondoHomeTuCurso{
    background-color: #fff;
}
.fondoHomePonteAlDia{
    background-color: #fff;
}
#divResumenTuPanel{
    background-color: #fff;
}
.divPanelResumenTuPanel > div:nth-child(2n+1){background: none repeat scroll 0 0 #F5F5F5;}
.divPanelResumenTuPanel > div:nth-child(2n+2){background: none repeat scroll 0 0 #ffffff;}
.divPanelResumenTuPanel > div > a{
    border-bottom: 1px dashed #E0E0E0;
    clear: both;
    display: block !important;
    float: left;
    padding: 10px 0;
    position: relative;
    width: 100%;
    min-height: 40px;
}
.divPanelResumenTuPanel > div:last-child > a{border-bottom:0px !important}
.puntosSuspensivos{
    font-size: 20px;
}
#tabResumenTuPanel a{
    color: var(--colorPrincipal);
    margin-bottom: 5px;
    text-decoration: none;
}
#tituloResumenTuPanel> span {
    text-transform: uppercase;
    font-weight: bold;
}
.lineaSeparacionResumenTuPanel{
    margin-top: 5px;
    margin-bottom: 5px;
}
#divHomeTuPanel{position:relative;}
.divPanelTuPanel{
    text-align: left !important;
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);
}

.fondoGrisTuPanel{

    background-color: #E5E5E5;
    padding-top: 0px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.fondoGrisTuPanel > li{
    height: 49px;
    margin: 0px !important;
}


.divLateralMenu{
    margin: 20px 0 40px;
}

.widget{
    background:none !important;
    border: medium none !important;
    border-radius: 5px !important;
    font-family: 'open sans',sans-serif !important;
    position:relative !important;
    margin-bottom: 50px !important;
    margin-top: 0 !important;
}

body.index:not(.sinSuavizado) .widget{
    opacity:0 ;

    transition: opacity 0.3s ease-in;

}
#dashboard .column .widget:last-child{
    margin-bottom:0px;
}
.widget .ui-widget-header {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 0px !important;
    margin-top: 0;
    padding: 15px 10px 15px 35px;
    width: 100%;
}
.widget .ui-widget-header span.right.icons.hidden{
    display:block
}
.widget .ui-widget-header .widgettitle {
    font-family: 'open sans',sans-serif;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: -0.4px;
}
.widget .ui-widget-header .widgetopenfullscreen:hover{cursor:pointer}
.widget .widgetcontent {
    margin-top: 0px !important;
    padding: 0px !important;
}
.widget .accordion {
    margin-bottom: 0;
}

.widget .accordion .accordion-group {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 0 !important;
    margin-bottom: 0;
}
/*FIN DE HOME*/

/*NUEVO CSS*/

html{position:relative}

html.internetExplorer{overflow-y:scroll !important}
html.internetExplorer div[id*='ascrail'].niceVisible{display:none !important}
html.internetExplorer.pasosCitaDelegacion {
    overflow-y: visible;
    min-height: 360px;
}


body{
    min-width: 320px;
    opacity: 1;

}


body#bodyCambioContrasena{
    /*background: none repeat scroll 0 0 #333 !important;*/
    background: none repeat scroll 0 0 #fff !important;
}
body#bodyCambioContrasena #contenedor_global {
    margin-top: 0;
}
#contenedorCambioContrasena #formularioCambioContrasena > img {
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}


/*PARA LA AGENDA*/
html:not([class]) body{
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    margin: 0;
    opacity: 1;
    padding: 10px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}



#showmonthbtn {
    display: none !important;
}

html.mobile #showtodaybtn {
    display: none !important;
}


/*FIN DE PARA LA AGENDA*/

/*TUTORIAL BOTON LEARNNITY*/



#tutorial {
    left: 0;
    padding: 100px 40px 40px;
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 2147483646;
    width: 100%;
    box-sizing: border-box;
}
#titularTutorial{
    color:#fff;
    font-size:28px;
    font-weight:700;
}
#textoTutorial{
    margin-top:30px;
    color:#fff;
    font-size:14px;
    font-weight:100;
}
#botonTutorial{
    box-sizing: border-box;
    clear: both;
    display: block;
    float: none !important;
    margin: 30px auto 0;
    max-width: 450px;
    width: 100% !important;
}
#botonTutorialCancelar{
    background: #EA0450 !important;
    box-shadow: 0 2px 0 0 #9C0034 !important;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: none !important;
    margin: 30px auto 0;
    max-width: 450px;
    width: 100% !important;
}
#formularioTutorial {
    margin-top: 30px;
    text-align: left;
    text-align: center;
}
#formularioTutorial span{
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    position: relative;
    top: 2px;
}
#formularioTutorial div{
    margin-right:10px;
    margin-top: 0px;
}
/*FIN TUTORIAL BOTON LEARNNITY*/



/*LOGIN*/
body[onload*="Login"]{	
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    /*-moz-opacity:1 !important;
    -khtml-opacity: 1 !important;*/
    opacity: 1 !important;
}


body#bodyCambioContrasena{	
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    /*-moz-opacity:1 !important;
    -khtml-opacity: 1 !important;*/
    opacity: 1 !important;
    min-height: 680px;
}




body.loginNew{
    /*background:#fff !important;*/
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    transition: all 0s ease-in !important;
}

body.loginNew #contenedorLogin,
body.loginNew #sidebarLogin{
    -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition:         all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; 
}

body.loginNew #sidebarLogin{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

body.loginNew #contenedorLogin {
    /*background:var(--colorPrincipal) !important;*/
    height: 100%;
    position: absolute;
    text-align: center;
    /*left:0;
    top:calc(100% + 450px);*/
    width: calc(110%);
    z-index: 150;

}

body.loginNew #sidebarLogin{
    height: 100%;
    position: absolute;
    text-align: center;
    width: 450px;
    right:-100%;
    background:rgba(0, 0, 0, 1);
    z-index: 152;
    top: 0;
}



body.loginNew .tituloLogoLogin > span {
    font-weight: 800;
    letter-spacing: -15px;
    margin-right: 15px;
}


body.loginNew #sidebarLogin .instagram > a {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none !important;
    width: 100%;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
body.loginNew #sidebarLogin .instagram:hover > a{
    opacity: 0.3;
}

body.loginNew #sidebarLogin .instagram > a:hover{
    opacity: 1;
}

body.loginNew #sidebarLogin .instagram > a > p {
    background: #fff;
    color: #222728;
    font-size: 13px;
    line-height: 16px;
    padding: 15px;
    text-align: center;
}

body.loginNew #sidebarLogin .instagram > a > p span.likesIg {
    margin-right: 30px;
    display: inline-block;
    font-weight: 600;
    color:#222728;
    text-decoration: none !important;
}

body.loginNew #sidebarLogin .instagram > a > p span.likesIg i{
    color: #ED4956;
    font-size: 20px;
    line-height: 0px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
body.loginNew #sidebarLogin .instagram > a > p span.likesIg i.vacio{
    color:#222728;
}

body.loginNew #sidebarLogin .instagram > a > p span.commentsIg {
    display: inline-block;
    font-weight: 600;
    color:#222728;
    text-decoration: none !important;
}
body.loginNew #sidebarLogin .instagram > a > p span.commentsIg i{
    font-size: 20px;
    line-height: 0px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
}

body.loginNew #sidebarLogin .instagram > a > p span.textoIg {

    display: block;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 100;
    color: #222728;
    text-decoration: none !important;
    line-height: 19px;
    border-top: solid 1px #ddd;
    padding-top: 20px;
    text-align: left;
    overflow-x: hidden

}

/*FIN DE LOGIN*/





/*CAMBIO CONTRASEÑA*/
#contenedorCambioContrasena {
    margin: 0px auto !important;
    position: relative;
    display: block;
    width: 100%;
    float: none;
    color: rgb(17, 17, 17);
    box-shadow: none !important;
    border: medium none !important;
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    max-width: 400px;
    padding: 25px;
    border-radius: 5px;
    /*transform: translateY(50%);*/
}
#contenedorCambioContrasena {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto !important;
    transform: none;
    height: 680px;
    left: 0;
    right: 0;
    max-height: 100%;
}
#contenedorCambioContrasena #formularioCambioContrasena legend {
    font-size: 1.5rem;
    letter-spacing: 0px !important;
    font-family: 'Roboto' !important;
}
#contenedorCambioContrasena #formularioCambioContrasena fieldset {
    position: relative;
    margin-top: 2rem;
}
#contenedorCambioContrasena #formularioCambioContrasena fieldset + fieldset {
    margin-top: 3rem;
}

#contenedorCambioContrasena #formularioCambioContrasena fieldset label {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0px;
    width: 100%;
    font-family: 'Roboto' !important;
}

#contenedorCambioContrasena #formularioCambioContrasena fieldset input {
    background: none repeat scroll 0 0 rgba(0,0,0,0.1);
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    padding: 15px;
    margin-top: 10px;
    font-size: 1rem;
    width: 100%;
    margin-bottom: 0;
    height: auto;
    line-height: 1rem;
    font-family: 'Roboto' !important;
    color: #333;
}



#contenedorCambioContrasena #formularioCambioContrasena fieldset label.errorsForm {
    background: none repeat scroll 0 0 #d03c51;
    color: #fff;
    margin-left: 5px;
    margin-top: 10px;
    padding: 15px 20px;
    width: 170px;
    font-family: 'Roboto' !important;
}

#contenedorCambioContrasena #formularioCambioContrasena fieldset label.errorsForm {
    color: #f2203d;
    background: none;
    padding: 0 !important;
    margin: 10px 0 0 !important;
    width: 100%;
    font-weight: 600;
    font-size: 0.8rem;
    text-align: left;
}
#contenedorCambioContrasena #formularioCambioContrasena fieldset i.ion {
    position: absolute;
    top: 2.3rem;
    right: 1rem;
    font-size: 1.7rem;
    cursor: pointer;
}

#contenedorCambioContrasena #formularioCambioContrasena > button {
    margin-bottom: 0;
    margin-top: 40px;
    width: 100%;
    margin-right: 0 !important;
    max-width: none !important;
    margin-left: 0px !important;
    font-family: 'Roboto' !important;
    font-weight: 600;
    font-size: 1.2rem;
    box-shadow: none !important;
    background-color: #f60 !important;
}
#contenedorCambioContrasena #formularioCambioContrasena > button.learnnity {
    background-color: var(--colorPrincipal) !important;
    letter-spacing: 0px !important;
}


/*FIN DE CAMBIO CONTRASEÑA*/



/*BARRA DE PROGRESO*/
#progress {
    position: fixed;
    z-index: 2147483647;	
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #ffffff;
    border-radius: 1px;

}
body:not(.sinSuavizado) #progress {
    transition: width 500ms ease-out, opacity 400ms linear;
}


#progress dd, #progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    /*-moz-box-shadow: #fff 1px 0 6px 1px !important;
    -ms-box-shadow: #fff 1px 0 6px 1px !important;
    -webkit-box-shadow: #fff 1px 0 6px 1px !important;*/
    box-shadow: #fff 1px 0 6px 1px !important;
    border-radius: 100%;
}

#progress dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px);
}

#progress dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px);
} 

#progress.colorClaro{
    background:#ff0000;
}
#progress.colorClaro dd, #progress.colorClaro dt {
    box-shadow: #ff0000 1px 0 6px 1px !important;
}

#progress.colorOcsuro{
    background: var(--colorPrincipal);
}
#progress.colorOcsuro dd, #progress.colorOcsuro dt {
    box-shadow: var(--colorPrincipal) 1px 0 6px 1px !important;
}
/*FIN DE BARRA DE PROGRESO*/



#contenedor_global {
    margin-bottom:0px !important;
    /*filter: saturate(100%);*/
    transition: filter 0.25s ease-out;
}
html.BYN #contenedor_global{
    filter: saturate(0%);	
}
html.BYN .menuPrincipalLateral{
    top: -8px;
    left: -8px;
}

.menuPrincipal{
    margin-left: calc(22% + 36px) !important;
    position: absolute;
    width: calc(78% - 36px) !important;
}
/*
@-moz-document url-prefix() {
        .menuPrincipal{
                margin-left:calc(22% + 36px) !important
        }
}
*/
.menuPrincipal.trasparente{
    opacity:0.4;

}
body:not(.sinSuavizado) .menuPrincipal.trasparente{
    
    transition: all 0.30s ease-in-out 0s;
}
.menuPrincipal.menuPantallaCompleta{
    margin-left: 38px !important;
    width: calc(100% - 38px) !important;
}

.bx-container{position:absolute; top:0; z-index: 1;}
.bx-container img{position:absolute; top:0; display:none !important;}
.bx-container canvas{position:fixed; top:0; visibility:visible !important; opacity:1 !important;}

#fondoGeneral {
    position: relative;
    /*z-index: 2;*/
}

#logotipo {
    display: none !important;
    float: left;
    height: 50px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: calc(31% - 166px);
}


html.mobile #contenedor_global > div#menuLateralResponsive {
    display: block !important;
    background: url(../../assets/images/noise.png) repeat scroll 0 0 #333743;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    height:100%;
    left: -80%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 80%;
    max-width: 320px;
    z-index: 2147483646 !important;

}

html.mobile body:not(.sinSuavizado) #contenedor_global > div#menuLateralResponsive {
    transition:left 0.35s ease-out;
}
html:not(.mobile) #contenedor_global > div#menuLateralResponsive {
    display:none !important
}


html.mobile #menuLateralResponsive > a#botonCerrarMLRAvatar {
    position: absolute;
    right: 5px;
    color: #fff !important;
    padding: 10px;
    font-size: 10px;
    cursor: default;
    text-decoration: none !important;
}
html.mobile #menuLateralResponsive > a#botonCerrarMLRAvatar::before {
    font-size: 30px;
    display: block;
    text-align: center;
}



html.mobile  #contenedor_global > div#menuLateralResponsive.in{
    left: 0% !important;
}

html.mobile  #menuLateralResponsive > p#logolearNNityMenu {
    color: #fff;
    font-size: 19px;
    font-weight: 100;
    left: 10px;
    letter-spacing: -0.2px;
    position: absolute;
    top: 10px;

}
body:not(.sinSuavizado) html.mobile  #menuLateralResponsive > p#logolearNNityMenu {transition:left 0.35s ease-out;}

html.mobile #menuLateralResponsive > p#logolearNNityMenu::after {
    bottom: -20px;
    content: "v3.1.4";
    font-size: 12px;
    left: 0;
    position: absolute;
}

html.mobile  #menuLateralResponsive > p#logolearNNityMenu > span {
    font-weight: 600;
    letter-spacing: -5.4px;
    padding-right: 5px;
}



html  #AvatarMLR > #avatarImagenMLR {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 160px;
    margin: 20px auto 10px;
    padding: 2px;
    width: 160px;
    box-sizing: border-box;
    overflow: hidden;
}

html  #AvatarMLR > #avatarImagenMLR > #imagenUsuarioBorderMLR {
    border-radius: 50%;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
    box-sizing: border-box;

}

html #AvatarMLR > #avatarImagenMLR > #imagenUsuarioBorderMLR #imagenUsuarioMLR {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*

html.mobile #AvatarMLR > #avatarImagenMLR >#imagenUsuarioBorderMLR > #imagenUsuarioMLR >#fotoAlumnoAvatarMLR {
        display: block;
        width: 100%;
        min-height:100%;
        position: static;
}


html.mobile #AvatarMLR > #avatarImagenMLR >#imagenUsuarioBorderMLR > #imagenUsuarioMLR >#fotoAlumnoAvatarMLR.avatarCuadrado{	
        height: auto;
        min-height: 161px;
        min-width: 161px;
        width: auto !important;
        max-width: 100% !important;
}
html.mobile #AvatarMLR > #avatarImagenMLR >#imagenUsuarioBorderMLR > #imagenUsuarioMLR >#fotoAlumnoAvatarMLR.avatarVertical{
        height: auto;
        width: 161px !important;
        position: relative;
}
html.mobile #AvatarMLR > #avatarImagenMLR >#imagenUsuarioBorderMLR > #imagenUsuarioMLR >#fotoAlumnoAvatarMLR.avatarHorizontal{
        height: 161px !important;
        max-width: none !important;
        width: auto !important;
        position: relative;
}
*/







html.mobile #AvatarMLR > #avatarNombreMLR {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}


html.mobile #contenedor_global > #menuLateralResponsive div.dropdown-toggle {
    /*background: none repeat scroll 0 0 #04eacc;*/
    color: #fff;
}

body:not(.sinSuavizado)  html.mobile #contenedor_global > #menuLateralResponsive .collapse{
    transition:all 0.35s ease-out;
}
body:not(.sinSuavizado) 

html.mobile #contenedor_global > #menuLateralResponsive .collapse.open {
    height: auto;
}

html.mobile #contenedor_global > #menuLateralResponsive > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

html.mobile #contenedor_global > #menuLateralResponsive > ul > li:first-child{border-top:none;}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li:last-child{border-bottom:none}

html.mobile #contenedor_global > #menuLateralResponsive > ul > li > a,
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle{
    color: #fff !important;
    font-size: 14px;
    padding: 15px 20px;
    cursor:pointer;
    text-transform: uppercase;

}
body:not(.sinSuavizado) html.mobile #contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle{transition: all ease-out 0.35s; }

#menuLateralResponsive > ul {
    margin-bottom: 0;
}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li.panicButton{border-bottom:none}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li.panicButton > a{background: none repeat scroll 0 0 #ea0450 !important;}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li.logout > a{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35) !important;}


html.mobile #contenedor_global > #menuLateralResponsive > ul > li > a:hover,
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle:hover {
    background: transparent;
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
#contenedor_global > #menuLateralResponsive > ul > li > a:active,
#contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle:active {
    background: none repeat scroll 0 0 rgba(255,255,255,0.1);
}


html.mobile #menuLateralResponsive > ul > li > ul > li:last-child {
    padding-bottom: 10px;
}	
html.mobile #menuLateralResponsive > ul > li > ul > li > a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 1px 10px 10px 30px !important;
    text-decoration: none;
    position: relative;
}
body:not(.sinSuavizado) html.mobile #menuLateralResponsive > ul > li > ul > li > a {transition: all ease-out 0.35s;}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > div:hover,
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > ul > li > a:hover {
    background: none repeat scroll 0 0 rgba(56, 117, 215, 0.6) !important;
}

html.mobile #menuLateralResponsive > ul > li > ul > li > a:before {
    content: "■";
    font-size: 11px;
    padding-right: 6px;
    position: relative;
    top: -2px;
}



#navegacionResponsive{
    width: 64%; 
    background-color: rgba(0, 0, 0, 0.25); 
    margin-right: 0; 
    padding-left: 30px !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    display:none;
}
.navbar-fixed-top{
    left: -43px;
    margin-top: 10px;
    position: relative;
    width: calc(100% + 37px);
    /*z-index:99;*/
}
html.mobile .navbar-fixed-top{
    z-index:99;
}

.navbar-fixed-top .navbar-inner{background:none !important; box-shadow:none !important;}
.navbar-fixed-top .navbar-inner .container-fluid{
    /*height: 40px; */
    padding-right: 0;
}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.25);
    margin-left: -17px;
    margin-right: 0;
    padding-left: 40px !important;   
    width: calc(100% + 15px) !important;
    z-index:99;
}

@-moz-document url-prefix() {
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav{
        width: calc(100% + 15px) !important;
        margin-left: -18px;
        padding-left: 40px !important;   
    }
}



#menuPrincipal > .navbar-fixed-top{
    z-index: 1030;
}

.menuPantallaCompleta .navbar-fixed-top .navbar-inner .container-fluid ul.nav {
    margin-left: -23px;
    width: calc(100% + 17px) !important;
    padding-left: 34px !important;
}

.menuPantallaCompleta .navbar-fixed-top .navbar-inner .container-fluid ul.nav {
    padding-left: 60px !important;
}


.opcionMenuDeshabilitada {
    opacity: 0.3;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li > a{border-top:solid 2px rgba(255,255,255, 0); /*margin-top:-2px*/}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li.open > a{
    background-color: rgba(0, 0, 0, 0.7) !important;
    position: relative;
    z-index: 1500;
}

html{
    height: 100%;
}
body{
    color: #222728;
    /*background:var(--colorPrincipal);*/
    display: block;
    margin: 8px;
}
body[data-domain*="opositor"]{
    height: 100%;
}


body.loginNew{
    transition: background-color 0.25s ease-in !important;
}

address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], main, main[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -moz-isolate;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a {
    color: #ffffff;
    cursor: pointer;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    /*letter-spacing: -0.5px;*/
    text-shadow: none;
    padding:9px 15px 11px;
    /*text-transform: uppercase;*/
    line-height: 17px;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a:not(.opcionMenuDeshabilitada):hover{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}


#menuPrincipalLearNNity > li.dropdown > a:not(.opcionMenuDeshabilitada)::after {
    content: "\f3d0";
    font-family: ionicons !important;
    font-size: 12px;
    margin-left: 10px;
    line-height: 12px;
}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a.hover:not(.opcionMenuDeshabilitada){
    background: none repeat scroll 0 0 #ffffff !important;
    color: var(--colorPrincipal);
}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a.opcionMenuDeshabilitada{cursor: default;}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a.activo {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);*/
    background: none repeat scroll 0 0 var(--colorPrincipal)
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li a b.caret{display:none}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul:before,
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul:after{
    display:none !important
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li:last-child ul {
    left: -122px;
    position: absolute;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.dropdown-menu:nth-child(n+1) {
    left: 0 !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul{
    /*background-color: var(--colorPrincipal);*/
    background-color:rgba(0, 0, 0, 0.8);
    border: medium none !important;
    border-radius: 0 !important;
    margin: 0px 0 0 !important;
    padding: 0 !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li{
    margin:0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li.MisEstudiosEnlacePadre ul li{
    border-bottom: none;
    padding: 25px 0;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li:last-child{
    border-bottom:none;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul form{display:none}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li.MisEstudiosEnlacePadre ul li  a{
    padding: 0px 15px !important;
    background: none !important;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav li.MisEstudiosEnlacePadre ul li  a span{
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li a{
    color: #FFFFFF;
    margin: 0 !important;
    padding: 25px 15px !important;
    font-size: 18px;
    font-weight: 600;
    cursor: default;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li a span{
    color: #FFFFFF;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li a span:hover,
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li a span:active{
    color:var(--colorPrincipal) !important;
    cursor: pointer;
    /*background-color: #fff !important;*/
}


.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"]{margin:0px !important; padding:0px !important; background:none; position: relative; top: 0px; width: 100%;}
body.index .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li#setLayout{display:block !important}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li a {
    min-width: 20px;
    position: relative;
    text-align: center;
}
/*
.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li a#editLayoutHome{padding: 8px 8px 5px !important}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li a#demoSeccion{padding: 8px 8px 9px !important}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li a[href*="j_spring_security_logout"]{padding: 8px 8px 0px !important}
*/
.navbar-fixed-top .navbar-inner .container-fluid a.brand{margin-left:0px; margin-right:0px; padding: 0; position: relative; z-index: 1000; width:100%}
.navbar-fixed-top .navbar-inner .container-fluid a.brand img{width: 186px !important; display:none;}
.navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right{
    background-color: rgba(0, 0, 0, 0.25);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    position: relative;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li.logout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35) !important;
}

/*
.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#setLayout {
    background: none repeat scroll 0 0 #a1a7b9 !important;
}


.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#botonDemo {
    background: none repeat scroll 0 0 #cbced7 !important;
}
*/
.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li::before {
    background: none repeat scroll 0 0 #333738;
    color: #ffffff;
    cursor:default;
    display: block;
    font-size: 10px;
    line-height: 11px;
    opacity:0;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50px;

}
body:not(.sinSuavizado) .navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li::before {
    transition: all 0.25s ease-in-out 0s;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#setLayout::before {
    bottom: -26px;
    content: attr(data-textoHover);
    left: -29px;
    width: 85px;
}
.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#botonDemo::before {
    bottom: -26px;
    content: attr(data-textoHover);
    left: -23px;
    width: auto;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#panicButton::before {
    bottom: -26px;
    content: attr(data-textoHover);
    left: -28px;
    width: 86px;
}
.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li.logout::before {
    bottom: -26px;
    content: attr(data-textoHover);
    left: 2px;
    width: auto;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li:hover:before {
    opacity:1;
}
ul#botonesNavegacion > li > a {
    padding: 6px 10px 8px;
}

.navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#panicButton {
    background: none repeat scroll 0 0 #ea0450 !important;
}


/*
body[data-domain*="localhost"] .navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#panicButton {
    display: block !important;
}
body[data-domain*="campustest.masterd.es"] .navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#panicButton {
    display: block !important;
}
body[data-domain*="10.1.2"] .navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion.nav li#panicButton {
    display: block !important;
}
*/


.navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;*/
    background:none  !important;
    position: absolute;
    right: 3px;
    padding: 0;
    z-index: 1500;
}
@-moz-document url-prefix(){
    .navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
        right: 3px;
    }
}


.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio{
    margin-top: 5px !important;
    margin-bottom: 0px;
    white-space: nowrap;
    padding: 0 15px 0 0;
}


.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p,
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p > span{
    color: #ccd2d8;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p{
    margin: 0 !important;
    padding: 0px 0 0 0 !important;
    display: inline;
}
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p:first-child{
    padding: 0px 0 0 15px !important;
}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p:hover,
.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio p:hover span{
    color: var(--colorPrincipal);
    cursor: pointer;
}

.navbar-fixed-top .navbar-inner .container-fluid ul.nav ul li div.subenlacesDirectosEstudio > span{
    color: #c0ccd7;
    font-weight: 100;
    font-size: 12px;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    margin-left: 7px;
    margin-right: 7px;
}



#divSecciones {
    margin-top:30px;
    margin-bottom: 20px;
    padding-top: 0px;
    color: #222728;
}

body:not(.index) #divSecciones > div{
    /*max-width:calc(100% - 20px);*/
    max-width:calc(100% - 10px);
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;	

}
body:not(.index) #divSecciones > div#contenedorNoticias{
    max-width:100%;
    margin-left: -3px;
}

#menuMobileCurso{display:none}
#seccionAsignatura{
    width:calc(100% - 10px);
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
body:not(.sinSuavizado)  #seccionAsignatura{
    -webkit-transition: -webkit-transform 1s ease-in-out; /* Changed here */ 
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
}

.divReversibleCurso{
    padding-bottom: 50px !important;
    position: absolute;
    /*top: -68px;*/	
    width: 100% !important;
    max-width: 1680px;

    /*transform-style: preserve-3d;*/
    /*-webkit-transform-style: preserve-3d;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}



.divReversibleCurso {
    left: 0;
    right: 0;
    margin: auto !important;
}




#divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid{
    position: relative;
    /*top: 68px;*/
}


#divContenidoDiccionario, #divContenidoBiblioteca, #divContenidoLibro {
    background: none repeat scroll 0 0 #FFFFFF !important;
    /*margin-top: 68px !important;*/
    width: 100% !important;
}

#divContenidoCurso{z-index:100}
#divContenidoBiblioteca{z-index:99}
#divContenidoDiccionario{z-index:98}
#divContenidoLibro{z-index:97}


#contenedorActividades{
    /*min-height:1000px !important;*/

    overflow: hidden !important;
    text-align: left;
    top:20px;
}



/*DIV PANICO*/


.textoModalPanic {
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 22px;
}

.divPanico label {
    clear: left;
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 15px;
}


.divPanico > select {
    cursor: pointer;
    float: left;
    position: relative;
    top: 9px;
}
.divPanico > textarea {
    border: 1px solid #bbbbbb;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    clear: both !important;
    color: #333333;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: 100;
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
    width: 100%;
}
/*FIN DE DIV PANICO*/



span.titulo{margin-left:45px}
h2.tituloActividad {
    color: #111;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 32px;
    margin-top: -4px;
    padding-bottom: 8px;
    text-transform: uppercase;
}
h4.tituloContenido{
    color: #333333;
    font-family: 'open sans',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 30px;
    margin:-10px 0 30px;
    text-align: left;
}

.textoContenido a {
    color: var(--colorPrincipal) !important;
    text-decoration: underline !important;
    font-size: 14px;
}
.textoContenido ul{list-style:square}
.textoContenido ul li, 
.textoContenido ol li{
    font-size: 14px;
    line-height: 26px;
    margin: 10px auto;
}
.textoContenido ul ul {
    list-style: circle;
}
.textoContenido > p,
.textoContenido > p > span,
.textoContenido > span,
.descripcionContenido {
    color: #4F5459 !important;
    font-family: 'open sans',arial !important;
    font-size: 15px !important;
    font-weight: 100;
    line-height: 29px !important;
    text-align: justify !important;
}


div.textoContenido > h4.tituloContenido + .descripcionContenido[style*="none"] {
    display: block !important;
}


div.textoContenido > h4.tituloContenido + .descripcionContenido[style*="none"] > iframe[src*="scorm"] {
    /*display: block !important;*/
    border: medium none !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.descripcionContenido br{
    margin-bottom:10px;
}
.textoContenido > p,
.textoContenido > span{
    color: #888888;
}
#anadirArchivosButtonRespuestaAlumno {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    color: #FFFFFF;
    padding: 10px;
}


/**************MENU ACTIVIDADES   ********************/

.mp-level{
    background-color:#333743 !important;
    color: #000000 !important;
}
.mp-level.menuClaro{
    background-color: #F0F0F0 !important;
    color: #000000 !important;
}
.mp-level.menuClaro a{color: #222728;}

.mp-menu ul li > a:hover {
    cursor: pointer;
}
/*
.mp-pusher.mp-pushed #mp-menu{box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important;}
*/
.mp-menu ul li > a{padding: 1.1em 1em 1.1em 1.1em !important;}

.tituloMenuActividad{
    font-size: 16px;
    font-weight: bolder;
    color: white;
}
.mp-menu ul li{margin: 0 !important;}
.mp-menu ul li > a {
    font-size: 1em !important;
}
.mp-menu  ul li > a > b {
    color: var(--colorPrincipal);
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-shadow: none !important;
    text-transform: uppercase;
}
.mp-menu ul li.activo > a > b {
    color: #ffffff !important;
}
.mp-menu > div > ul > li > a:before {
    content: "" !important;
    display: none;
}
.mp-menu ul li > a > br {
    display: none;
}
.mp-menu ul li:hover a b, .mp-menu ul li a:hover b, .mp-level > ul > li:first-child > a:hover b {
    color: #fff;
}

.mp-level ul li.activo {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
}
.mp-menu ul li > a{text-decoration:none}
.mp-menu ul li > div.mp-level-open a > b{color: var(--colorPrincipal) !important;}
.mp-menu ul li.activo  > div.mp-level-open a > b{color: #fff !important;}
.mp-menu ul li > div.mp-level-open a:hover > b{color: #000 !important;}
.mp-menu ul li > div.mp-level-open.mp-level-overlay a > b {color: #000 !important;}



.mp-level ul li.activo {
    position: relative;
    z-index: 3;

}
.mp-level ul li > div{
    position:fixed !important
}
.mp-level ul li > div {
    z-index: 99;
}

.mp-level .iconmulti.iconmulti-arrow-left {
    margin-bottom: 3px;
    margin-top: 1px;
}

li.iconmulti.iconmulti-arrow-left.actividadesMenu:not(.activo) {
    background: #f0f0f0 !important;
}


div.mp-level > h2 {
    background: none repeat scroll 0 0 #F0F0F0;
    box-shadow: none !important;
    color: #4F5459 !important;
    font-size: 15px !important;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 18px !important;
    margin: 0;
    max-width: 100%;
    padding: 1em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
div.mp-level > h2 > b{
    font-weight: 100;
    font-size: 13px;
}
div.mp-level > h2 > span {
    font-size: 13px;
    font-weight: 100;
}

#divSecciones #seccionAsignatura #divContenidoCurso a#trigger{
    border-radius:3px !important;
    width:100%;
    max-width: 100%;
    display:block !important;
    float:none !important;
    /*margin:0 0 20px !important;*/
    margin:20px 0 -88px !important;
    padding: 8px;

    /*background:#4f5459; */
    /*width:68px;*/
    background:var(--colorPrincipal);
    height:68px;
    border:none !important;

}

#divSecciones #seccionAsignatura #divContenidoCurso a#trigger:after {
    content:attr(data-textoAbrirMenu);
    bottom: -10px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.4px;
    position: relative;
    text-transform: uppercase;
}
#divSecciones #seccionAsignatura #divContenidoCurso a#trigger.abierto:after {
    content:attr(data-textoCerrarMenu) !important;
}

#divSecciones #seccionAsignatura #divContenidoCurso a#trigger img {
    display: block;
    height: 17px;
    margin: 0 auto;
    opacity: 1 !important;
    position: relative;
    top: 7px;
    width: 25px;
}
.tituloAsignaturaFicha {
    font-family: 'open sans';
    font-size: 14px;
    font-weight: 100 !important;
    margin-bottom: 60px;
    padding-left: 45px;
    position: relative;
    transform: none !important;
    top: 10px;
    width: calc(100% - 300px);
    z-index: 1;
}
#mp-pusher > .mp-menu {top: 100px !important;}

.mp-menu ul li > a {
    font-size: 12px !important;
    font-weight: 100;
    text-align: left;
    text-shadow: none !important;
    text-transform: none !important;
}
.mp-menu ul li.actividadesUD > a {
    color: #fff;
}
.mp-menu ul li > a > span {
    display: block;
    float: left;
    width: calc(100% - 27px) !important;
}

.tituloAsignaturaFicha p{
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);*/
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: -6px;
    color:var(--colorPrincipal);
}
.tituloAsignaturaFicha > p:first-child {
    padding-left: 0;
}
.tituloAsignaturaFicha > span {
    /*padding-left: 5px;
    padding-right: 5px;*/
    position: relative;
    top: 4px;
}

.tituloAsignaturaFicha p a {
    color: var(--colorPrincipal) !important;
    font-size: 11px;
    text-transform: lowercase;
    text-decoration:underline !important;
}


.tituloAsignaturaFicha p a:first-letter {
    text-transform: uppercase !important;
}
#migasNavegacionActividad{cursor:pointer !important}
#migasNavegacionActividad > span {
    /*padding-left: 5px;
    padding-right: 5px;*/
    position: relative;
    top: 4px;
}

#migasNavegacionActividad > p {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration:underline;
}
/*
#divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid{
        float: right;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    width: 260px !important;
    z-index: 100;
}
*/
#divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid{
    float: right;
    /*margin-bottom: -88px;*/
    margin-bottom: 0px;
    margin-right: 20px;
    /*margin-top: 20px;*/
    margin-top: 0px;
    position: relative;
    right: 0;
    width: 260px !important;
    z-index: 100;
}
#divSecciones #seccionAsignatura #divContenidoCurso > .fondoContenedorActividad {
    background:#fff !important;
    display: block;
    margin-top: 0 !important;
    padding-top: 28px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px 0px;
}
#divSecciones #seccionAsignatura #divContenidoCurso  #containerScorm.container.fondoContenedorActividad {
    text-align: left !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad{
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    left: 0;
    margin-right: 70px;
    position: relative;
    width: calc(100% - 350px) !important;
}

#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul li {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 15px;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul li strong,
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul li b{
    font-weight: 400;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad strong, 
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad b {
    font-weight: 600;
}
.panelContenedorActividad span[style*="color:"] {
    /*color: var(--colorPrincipal) !important;*/
    background: none !important;
}

.panelContenedorActividad .textoContenido p > img{
    display: block;
    margin: 0 auto;
    position: relative;
    height: auto !important;
}


#mp-pusher:not(.mp-pushed) .panelContenedorActividad {
    height: auto !important;
}

#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad.contenedorPlanificacion {
    width: 100% !important;
    border: medium none !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad hr{display:none}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"]{
    margin: 40px 0 0 !important;
    width: 100%;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"]:empty{
    display: none;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"] div[id*="playerJp"]{
    display: table !important;
    margin: 0 auto;
    max-width: 800px;
    width: 100% !important;
    z-index: 2;
}
#botonProblemasJwplayer.intro {
    top: 0 !important;
}
#botonProblemasJwplayer.introNoFlash {
    top: -10px !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"] audio {
    display: block !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"] div[id*="playerJp"] object{
    max-height: 500px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    left: 0 !important;
}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion{
    -moz-box-sizing:border-box !important;
    box-sizing: border-box !important;
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 !important;
    padding: 0px 0;
    position: relative;
    width: 280px;
}
.row-fluid.show-grid.span9.panelContenedorActividad > img {
    height: 100% !important;
    opacity: 0.3;
    position: absolute;
    right: 433px;
    top: 0;
    width: 22px;
    display:none;
}
.row-fluid.show-grid.span9.panelContenedorActividad.contenedorPlanificacion > img {
    height: 100% !important;
    opacity: 0.3;
    position: absolute;
    right: -22px;
    top: 0;
    width: 22px;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion .panelAdjuntoLateralActividad{
    margin-top:40px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
    width: 100% !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad #downloadFrameArchivos{margin-bottom: 30px;}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad{margin:0px 0px  10px 0; padding: 0;}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none !important;
    padding: 0 !important;
    opacity:1;
}
body:not(.sinSuavizado) #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad button{
    
    transition: all 0.30s ease-in-out 0s;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad button:hover{
    opacity:0.5
}

#divBtnBibliotecaActividad  button {
    color: var(--colorPrincipal);
    display: block;
    font-size: 14px;
    font-weight: 100 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-transform: none;
}
#divBtnBibliotecaActividad  button span{
    text-decoration: underline;
    margin-left:15px;
}

#divBtnBibliotecaActividad  button:last-of-type {
    margin-bottom: 0 !important;
    margin-top: -9px !important;
}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad form {
    display: none;
}

#contenedor_global.container-fluid div#fondoGeneral.row-fluid div.row-fluid div#divSecciones div#seccionAsignatura.fondoSeccion div#divContenidoBiblioteca.divReversibleCurso div.row-fluid div.row-fluid button.btn,
#contenedor_global.container-fluid div#fondoGeneral.row-fluid div.row-fluid div#divSecciones div#seccionAsignatura.fondoSeccion div#divContenidoDiccionario.divReversibleCurso div#paneDiccionario.tab-pane div#diccionario.bs-docs-grid div.bs-docs-grid div.row-fluid button.btn{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none !important;
    padding: 0 !important;
}


#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div{
    background:rgba(0,0,0,0.05);
    float: left;
    position:relative;
    min-height: 150px;
    margin-bottom:20px;
}

.adjuntoLateralActividad {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin-top: 20px !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    cursor:pointer !important;
    opacity: 1;
}
.adjuntoLateralActividad:first-child {
    margin-bottom: 40px !important;
    margin-top: 0 !important;
}

body:not(.sinSuavizado) .adjuntoLateralActividad{
    
    transition: all 0.30s ease-in-out 0s;
}
.adjuntoLateralActividad:hover{
    opacity:0.5
}

.adjuntoLateralActividad span,
.adjuntoLateralActividad a{
    /*border-bottom: 1px solid var(--colorPrincipal);*/
    color: var(--colorPrincipal) !important;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    height: 19px !important;
    letter-spacing: -0.4px;
    margin-top: 9px;
    margin-left: 19px;
    max-width: 200px;
    text-transform: lowercase;
    float: left;
}


.adjuntoLateralActividad a{
    cursor:pointer;
    color:var(--colorPrincipal);
    text-decoration:underline;
}
.adjuntoLateralActividad a[data-libro] {
    border: medium none;
    margin-left: 0;
    opacity: 1;
    float: none;
    height: auto !important;

    transition:opacity 0.25s ease-out;
}
.adjuntoLateralActividad a[data-libro][href=""]{
    opacity:0;
}


.adjuntoLateralActividad a span {
    margin-left: 9px;
    text-transform: none;
}



.adjuntoLateralActividad img {
    float: left;
}

.adjuntoLateralActividad button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tituloLateralActividad {
    clear: both;
    color: #C4C4C4;
    cursor: pointer;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}


#listadoContacta .tituloLateralActividad {
    background: var(--colorPrincipal);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    border-radius: 3px !important;
    font-size: 16px;
    margin-top: 20px;
    width: auto !important;
    display: inline-block;
    margin-bottom: 20px;


}



.panelContenedorActividad .faqRespuesta {
    font-weight: 100;
}

#contenedorComentarios {
    /*margin-top: 0 !important;*/
    padding: 0 40px;

}
#contenedorComentarios h6 {
    display: none;
}
.navTabs.nav.nav-tabs.fondoGris {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div:first-child{
    margin-left:0% !important;
    margin-right: 1% !important;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisTituloAdjunto{width:50%; float:left; margin:0; text-align:center; }
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisTituloAdjunto img{margin-top:30px; margin-bottom:10px;}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisTituloAdjunto span{margin-bottom:30px; display: block;}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisOscuroAccionesBoton {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    margin: 0;
    padding: 50px 30px;
    position: absolute;
    right: 0;
    width: 50%;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisOscuroAccionesBoton button{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #FFFFFF;
    display: block !important;
    float: right;
    font-size: 18px;
    font-weight: 100;
    margin: 5px 0;
    padding: 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}



#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta h4{font-size:18px; color:#fff; background:#313131; padding:24px 10px; margin-bottom:-10px;}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa {
    clear: both;
    display: block;
    min-height: 0;
    margin-top: 20px;
    opacity:1;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa:hover{
    opacity:0.4;
}
body:not(.sinSuavizado) #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa:hover{transition: all 0.25s ease-out;}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa:first-child{padding-top:0px}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorFoto{
    border-radius: 50%;
    float: left;
    height: 59px;
    margin-left: 0;
    overflow: hidden;
    width: 59px;
}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorFoto img{
    max-width:59px;
    height:auto;
    opacity:1;
    cursor:pointer;
}
body:not(.sinSuavizado) #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorFoto img{	transition: all 0.5s ease-in-out 0s;}


#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorFoto img[src=""]{opacity:0}

#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorFoto img:hover {
    transform: scale(1.2);
}


#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorNombre {
    color: #333333;
    float: left;
    font-size: 17px;
    font-weight: 400;
    left: 10px;
    line-height: 22px;
    margin-top: 7px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: 0;
    width: calc(100% - 69px);
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorNombre .profesorPrefuntar button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border:none !important;
    border-bottom:solid 1px var(--colorPrincipal) !important;
    box-shadow: none !important;
    color: var(--colorPrincipal);
    display: block !important;
    float: none;
    font-size: 11px;
    font-weight: 100 !important;
    letter-spacing: -0.4px;
    padding: 4px 0 0 0 !important;
    text-shadow: none;
    text-transform: uppercase;
}
#divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa .profesorNombre .profesorPrefuntar button b{
    font-weight:100 
}





.contenedorFichaPersonal {
    box-sizing: border-box;
    /*padding: 50px 40px;*/
}
.contenedorFichaPersonal > div{
    background:#fff;
    padding:50px 40px;
    box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
}
.divImagenFotoFichaUsuario {
    height: 134px !important;

    position: relative;
    width: 134px !important;
}
.listadoUsuariosRolCurso {
    margin-bottom: 70px;

}
body:not(.sinSuavizado) .listadoUsuariosRolCurso {
    
    transition: all 0.30s ease-in-out 0s;
}
.listadoUsuariosRolCurso:hover > div{
    opacity: 0.4;
}
.listadoUsuariosRolCurso:hover > div.divFichaContactaPersona-Rol-Matricula {
    opacity: 1;
}

body:not(.sinSuavizado)  .listadoUsuariosRolCurso > div{
    
    transition: all 0.30s ease-in-out 0s;
}
.listadoUsuariosRolCurso > div:hover {
    opacity: 1;
}
.usuarioContactaRolMatriculaFichaFoto {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    width: 150px;
    cursor:pointer;
    background-size: cover;
    background-position: center top;
    position: relative;
}

.usuarioContactaRolMatriculaFichaFoto > p {
    font-size: 18px;
    font-weight: 100;
    margin-bottom: -3px;
}
.usuarioContactaRolMatriculaFichaFoto > p.apellidosUsuarioContacta {
    font-size: 15px;
}

.usuarioContactaRolMatriculaFichaFoto > p.nombreAsignaturaUsuarioContacta {
    color: var(--colorPrincipal);
    font-size: 10px;
    margin-top: 3px;
    text-transform: uppercase;
    line-height: 10px;
    position: absolute;
    left: 0;
    right: 0;

}

.usuarioContactaRolMatriculaFichaFoto > div:first-child,
.divImagenFotoFichaUsuario > div:first-child{
    border-radius: 50%;
    height: 134px !important;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
    width: 134px !important;
    background-size: cover;
    background-position: center center;

}


.usuarioContactaRolMatriculaFichaFoto > div.fondoFotoGenerica:first-child,
.divImagenFotoFichaUsuario > div.fondoFotoGenerica:first-child{
    background-image: url('../images/fotoGenerica.png');

}
.usuarioContactaRolMatriculaFichaFoto > div.fondoFotoGenerica.mujer:first-child,
.divImagenFotoFichaUsuario > div.fondoFotoGenerica.mujer:first-child{
	background-image: url('../images/fotoGenerica_mujer.png');
}

.fotoUsuarioContacta,
.fotoFichaUsuarioContacta {
    width: 100% !important;
}

.usuarioContactaRolMatriculaFichaFoto > div.span12{display:none}




.divDatosSkypeFichaUsuarioContacta > span {
    color: var(--colorPrincipal);
    font-size: 26px;
    font-weight: 100 !important;
    margin-right: 20px;
    position: relative;
    top: 18px;
}

.divDatosSkypeFichaUsuarioContacta a span {
    font-size: 18px;
    font-weight: 100;
}




.divDatosSkypeFichaUsuarioContacta a {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff !important;
    display: inline-block;
    margin: 0 5px;
    opacity:1;
    padding: 10px 15px 12px;
    position: relative;
    text-decoration:none;
    top: 18px;

}
body:not(.sinSuavizado) .divDatosSkypeFichaUsuarioContacta a {
    
    transition: all  0.25s ease-in;
}
.divDatosSkypeFichaUsuarioContacta a:hover{opacity:0.4;}
.divDatosSkypeFichaUsuarioContacta a:last-child {
    margin-left: 103px;
    margin-top: 10px;
    padding-left: 16px;
    padding-right: 20px;
}

#selectorMatriculaCmbContacta > h5 {
    font-size: 20px !important;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
}

#selectorMatriculaCmbContacta .chosen-container {
    background: none repeat scroll 0 0 #f0f0f0;
    color: #111 !important;
    width: auto !important;
}

.contacta .chosen-container-single .chosen-single div b {
    background: none repeat scroll 0 0 #111 !important;
    box-sizing: border-box;
}

#selectorMatriculaCmbContacta .chosen-container a span {
    color: #111 !important;
    margin-left: 46px;
    margin-right: 40px !important;
}
#selectorMatriculaCmbContacta .chosen-container .chosen-single b {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
}
#selectorMatriculaCmbContacta .chosen-container .chosen-drop{width:auto !important}



.divImagenFotoFichaUsuario > div:last-child {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    bottom: 0;
    height: 46px;
    left: 0;
    position: absolute;
    width: 46px;
    display:none;
}

.divImagenFotoFichaUsuario > div:last-child > p#estadoUsuarioSkype{
    background: none repeat scroll 0 0 #ccc;
    border-radius: 50%;
    bottom: 0;
    color: #38d7a4 !important;
    height: 22px;
    left: 0;
    margin: auto !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    opacity:0;

    -moz-transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);


}
body:not(.sinSuavizado) .divImagenFotoFichaUsuario > div:last-child > p#estadoUsuarioSkype{
    
    transition: all  0.25s ease-in;
}
.divImagenFotoFichaUsuario > div:last-child > p#estadoUsuarioSkype.working{
    opacity:1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.divImagenFotoFichaUsuario > div:last-child > p#estadoUsuarioSkype.conectado{
    background: none repeat scroll 0 0 #38d7a4;
}


#textoInformativoContacta > p{
    color: #222728;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.contacta #selectorMatriculaCmbContacta{
    margin-bottom: 30px;
}
.contacta #bienvenidaDirector{
    background-color: #f2f2f1;
    padding: 20px 20px 20px 175px;
    position: relative;
    margin-bottom: 50px;
    border-radius: 3px !important;
}

.contacta #bienvenidaDirector #contenedorImagenDirector {
    display: block;
    width: 135px;
    height: 135px;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto

}

.contacta #bienvenidaDirector #contenedorImagenDirector.fondoFotoGenerica{
    background-image: url('../images/fotoGenerica.png');
}


.contacta #bienvenidaDirector #textoBienvenidaDirector p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 23px;
    color:#222728;
}
.contacta #bienvenidaDirector #textoBienvenidaDirector p#cabeceraTextoBienvenidaDirector {
    margin-bottom: 13px;
    font-size: 16px;
}




.panelRolContacta > h4 {
    color: #222728;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 17px;
}

.panelRolContacta > p {
    color: #222728;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 40px;
    line-height: 20px;
}

.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario {
    margin-left: 26px !important;
}


.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario h2 {
    color: #222728;
    font-size: 30px;
    font-weight: 100 !important;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
}

.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario a {
    cursor: pointer;
    display: block;
    color:var(--colorPrincipal) !important;
    text-decoration:none !important;
}
.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario a span{
    cursor:default;
    text-decoration:none !important;
}

.panelDatosFichaUsuarioContacto > div:first-child > span {
    display: block;
    margin-bottom: 6px;

}

.panelDatosFichaUsuarioContacto > div:first-child > span:before {
    content: "· ";
}
.panelDatosFichaUsuarioContacto > div:first-child {
    margin-bottom: 50px;
}

.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario button {
    font-size: 18px !important;
    padding: 16px 12px 16px 42px !important;
    position: relative;
    opacity:1;

}
body:not(.sinSuavizado) .panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario button {
    
    transition: all  0.25s ease-in;
}
.panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario button:hover{opacity:0.4}

.niceContacta{opacity:1 !important}
.niceContacta > div{background:var(--colorPrincipal) !important;}

.panelSuperioFichaUsuarioContacto {
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    display: block !important;
    float: left;
    margin-bottom: 55px;
    width: 100%;
}
.panelDatosFichaUsuarioContacto {
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    display: block !important;
    float: left !important;
}
.panelDatosFichaUsuarioContacto > div {
    clear: both;
    position:relative;
}
.panelDatosFichaUsuarioContacto > div > i {
    color: var(--colorPrincipal) !important;
    float: left;
    font-size: 40px !important;
    left: 0 !important;
    margin-right: 20px !important;
    width: 40px !important;
}


.panelDatosFichaUsuarioContacto > div > p {
    float: left;
    font-size: 16px;
    font-weight: 100;
    left: 0 !important;
    padding: 0 !important;
    width: calc(100% - 80px);
    line-height:22px;
    color:#222728;
    letter-spacing:-0.2px;
}

.divReversibleCurso > div > img {
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 22px;
    display: none;
}
.panelContenedorActividad > .bs-docs-grid > .tabContent > .tab-content {
    padding-bottom: 85px;
}
.panelContenedorActividad > .bs-docs-grid > .tabContent > .tab-content  .comentarioCapa {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
    position:relative;
    clear: both;
}

#listadoComentarios > div:not(.comentarioCapa){
    border: medium none;
    border-radius: 0 !important;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 20px 0;
}

#listadoComentarios > div  form{position:relative !important;}
#listadoComentarios > div:not(.comentarioCapa) > form > button{
    background: none repeat scroll 0 0 #4F5459;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    font-weight: 800;
    padding: 0 10px 13px 15px;
    text-transform: uppercase;
}
#listadoComentarios > div:not(.comentarioCapa) > form > button:before{
    content:url('../images/v2/aceptar_blanco.png');
    left: -5px;
    position: relative;
    top: 7px;
}
#listadoComentarios form{position:relative !important;}
#listadoComentarios > div:not(.comentarioCapa) > form > button:after {
    border-bottom: 13px solid #BBBBBB;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -12px;
    width: 0;
}
#listadoComentarios > div:not(.comentarioCapa) > form > textarea{
    border-radius:0px !important;
    min-height: 120px;
    position:relative !important;
}



div.bloqueComentarByUsuario > div:first-child {
    width: 60px;
    height: 110px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
}
div.bloqueComentarByUsuario > div:first-child > p {
    margin-top: 0;
    margin-bottom: 5px;
    border-radius: 50%;
    overflow: hidden;
}



div.bloqueComentarByUsuario > div:last-child {
    width: calc(100% - 80px);
    float: left;
}

div.bloqueComentarByUsuario > div:last-child textarea {
    width: 100% !important;
    min-height: 50px;
}




#listadoComentarios > div#comentariosVacio {
    text-align: center;
}
#listadoComentarios > div#comentariosVacio > img {
    margin-top: 30px;
}

#listadoComentarios > div#comentariosVacio > p {
    margin-top: 40px;
}
#listadoComentarios > div#comentariosVacio > a {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    display: block;
    font-size: 18px;
    font-weight: 100;
    margin: 0 auto;
    padding: 23px 15px;
    text-transform: uppercase;
}
.tabContent > .tab-content .comentarioCapa.comentarioHijoCapa {
    padding-left: 80px;
    padding-top: 30px;
}
.tabContent > .tab-content  .comentarioCapa .comentarioFotoNombre{
    border-top:solid 5px var(--colorPrincipal);
    background-color:#ebebeb;
}
.tabContent > .tab-content  .comentarioCapa .comentarioFotoNombre .comentarioFoto{
    height: 94px;
    width: 94px;
    overflow:hidden;
    position: relative;
}
.tabContent > .tab-content  .comentarioCapa .comentarioFotoNombre .comentarioFoto img{	
    display: block;
    margin: 0 auto !important;
    max-width: none;
    min-height: 94px;
    min-width: 94px;
    position: absolute;
    width: 100% !important;
}

.tabContent > .tab-content  .comentarioCapa .comentarioFotoNombre .comentarioNombre{
    color: #000000;
    float: left;
    font-size: 17px !important;
    font-weight: 700;
    letter-spacing: -0.4px;
    padding-top: 19px;
    width: calc(100% - 130px);
    position: relative;
}
.tabContent > .tab-content .comentarioCapa .comentarioFotoNombre .comentarioNombre .comentarioFecha {
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    right: 50px;
    top: 115px;
}

.tab-content .comentarioCapa.comentarioHijoCapa .comentarioFotoNombre .comentarioNombre .comentarioFecha {
    top: 100px;
}
.tabContent > .tab-content .comentarioCapa .comentarioComentario {
    background-color: #F8F8F8;
    border-bottom: 3px solid #B2B2B2;
    border-left: 1px solid #F8F8F8;
    border-right: 1px solid #F8F8F8;
    font-size: 15px;
    line-height: 28px;
    margin-left: 0 !important;
    padding: 40px 30px 60px;
}
.tabContent > .tab-content .comentarioCapa button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    clear: both;
    float: right;
    margin-right: 22px;
    margin-top: -60px;
    text-align: center;
}
.tabContent > .tab-content  .comentarioCapa button span{
    color:#4f5459;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
}
.tabContent > .tab-content  .comentarioCapa button span:before{
    content:url('../images/v2/responder.png');
    left: -10px;
    position: relative;
    top: 7px;
}

.tabContent > .tab-content  .comentarioCapa button span[id*="etiquetaNoResponder"]:before{
    content:url('../images/v2/cancelar.png');
    left: -4px;
    top: 6px;
}

#listadoComentarios {
    margin-top: 0px;
}
.comentarioCapa {
    margin-bottom: 20px;
}

#tabVerComentarios{
    /*padding-top: 18px !important; */
    Width: auto !important;
}

#verComentariosActividadEnlace > span {
    font-size: 18px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -1px;
}
/*
#tabComentar{
        padding-top: 16px !important;
        border-bottom: 1px solid #FFFFFF;
    padding-bottom: 7px !important;
}*/

#comentarActividad, #comentarActividadDiv {
    clear: both !important;
    float: none !important;
    padding: 80px 0 0 0px;
    margin-top: 1px;
}
#comentarActividadDiv:first-child {
    padding-top: 0;
}


#comentarActividad p,
#comentarActividadDiv p{
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 13px;
    margin-top: 20px;
}
#comentarActividadDiv p b {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}

#comentarActividad form,
#comentarActividadDiv form{position:relative !important;}

#comentarActividad form > button,
#comentarActividadDiv form > button{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    color: #FFFFFF;
    float: left !important;
    font-size: 18px;
    font-weight: 100;
    margin-top: 20px;
    margin-right:0px;
    padding: 20px 20px 20px 45px !important;
    text-transform: uppercase;

}

#comentarActividad form > button i, #comentarActividadDiv form > button i{
    top: 15px;
    left: 13px;

}
#comentarActividad form > textarea,
#comentarActividadDiv form > textarea{
    border-radius:0px !important;
    min-height: 120px;
    position:relative !important;
}


#comentarActividad form > textarea#comentario,
#comentarActividadDiv form > textarea#comentario {
    width: 100%;
    width: calc(100% - 150px);
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    padding: 15px 15px 10px;
    border: none;
    font: 13px Tahoma, cursive;
    transition: box-shadow 0.5s ease;
    min-height: 10px !important;
    background: none;
    border-bottom: solid 2px #ccc;
    outline: none !important;
    position:relative !important;
    box-shadow: none !important;
    float: left;
    font-size: 15px;
    line-height: 24px;
    color: #333333;
    font-weight: 100 !important;

}



.panelContenedorActividad span:not([class*="cke"]) {
    font-size: 14px;
    font-weight: 100;
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}
.panelContenedorActividad #divBarraDescargas{
    clear: both;
    margin: 40px 0 0px 0;
    text-align: center;
}

/*.divDescargaActividad {
        background:rgba(0,0,0,0.1);
    float: left;
    margin-left: 1% !important;
        margin-right:0% !important;
    width: 49%;
        position:relative
}*/

.fondoSubseccion button[onclick*="vuelveCursoLibro"] {
    position: relative;
    z-index: 151 !important;
}

#entragarEjercicio {
    margin: 0;
    width: 100%;
}
#divCabeceraEnvioEnunciadoYCriteriosFichero button#btnEnviarEnunciadoCriteriosAlumnos {
    margin-right: 0;
}

.divDescargaActividad {
    background: #f7f7f7 none repeat scroll 0 0;
    float: none;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 00px;
    position: relative;
    width: 49%;
    z-index: 150 !important;
}

.divDescargaActividad > span {
    font-size: 14px !important;
    margin-left: 0px !important;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    left: 22px;


}


#divBarraDescargas .divDescargaActividad:first-child:last-child {
    float: none;
    margin: auto;
    position: relative;
}

.divDescargaActividad {
    margin-bottom: 0px !important;
    position: relative;
    float: none !important;
    display: inline-block !important;
    max-width: 49%;
    width: auto !important;

}

.span6.divDescargaActividad + .span6.divDescargaActividad {
    margin-left: 2% !important;
}


.divDescargaActividad span.link[onclick*="descargarRespuestaAlumno"]{
    text-decoration:underline;
    cursor:pointer
}
.divDescargaActividad .fondoGrisTituloAdjunto{
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 46px 173px 48px 58px;
    text-decoration: none !important;

}
.divDescargaActividad .fondoGrisTituloAdjunto img{
    display: inline;
    width: auto;
    position: absolute;
    left: 20px;
    z-index: 160;
    top: 0;
    bottom: 0;
    margin: auto;
}



.divDescargaActividad .fondoGrisTituloAdjunto span, 
.divDescargaActividad .fondoGrisTituloAdjunto a {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 100;
    text-align: left;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px !important;

    max-width: none;

}

.divDescargaActividad .fondoGrisTituloAdjunto a {
    text-decoration: underline;
    padding: 0 20px;
    box-sizing: border-box;

    cursor:pointer;
    color:var(--colorPrincipal);
    opacity:1;
    transition:opacity 0.25s ease-out;
}
.divDescargaActividad .fondoGrisTituloAdjunto a[href=""]{
    opacity:0;
}

.divDescargaActividad .fondoGrisTituloAdjunto button{
    border-radius: 3px !important;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 48px;
    margin: auto;
    padding: 10px !important;
}


.divDescargaActividad .fondoGrisOscuroAccionesBoton {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    height: 100%;
    margin: 0;
    padding: 0px 30px;
    position: absolute;
    right: 0;
    width: 50%;
}
.divDescargaActividad .fondoGrisOscuroAccionesBoton button{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 100;
    margin: 13px 0 0;
    padding: 12px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}
.divDescargaActividad .fondoGrisOscuroAccionesBoton button:last-of-type{
    margin: 40px 0 0;
}

.divDescargaActividad .fondoGrisOscuroAccionesBoton button + button{
    margin: 10px 0 0 !important;
}

#divContenidoLibro {
    box-sizing: border-box;
    padding: 40px;
}
#divContenidoLibro h1 {
    margin-bottom: 40px;
    font-weight:100;
}
#divContenidoLibro .divDescargaActividad {
    width: 100%;
}

.panelContenedorActividad .botonera{
    display: block;
    float: none !important;
    margin: 50px auto !important;
    position: relative !important;
    width: 100% !important;
}
.panelContenedorActividad .accionesCurso {
    margin: 0 auto;
    width: 330px;
}
.panelContenedorActividad .navegacionCurso {
    float: left;
    margin: 40px 0 0;
    padding-top: 0;
    width: 100px;
}
.panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente {
    float: right;
}

.navegacionCurso.navegacionCursoSiguiente > div {
    clear: both;
    color: #000000;
    float: none;
    font-size: 11px;
    padding-right: 32px;
    position: relative;
    top: -3px;
}


.navegacionCurso.navegacionCursoAnterior > div {
    clear: both;
    color: #000000;
    float: none;
    font-size: 11px;
    padding-left: 29px;
    position: relative;
    text-align: left;
    top: -3px;
}

.panelContenedorActividad .navegacionCurso a {
    float: left !important;
    margin: 0 !important;
    text-align: left;

}
.panelContenedorActividad .navegacionCurso a span {
    color: var(--colorPrincipal);
    font-size: 18px;
    letter-spacing: -0.8px;
}
.panelContenedorActividad .navegacionCurso div{cursor:pointer}
.panelContenedorActividad .navegacionCurso.navegacionCursoAnterior a span {margin-left: 12px;}
.panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente a span {margin-right: 12px;}


.navegacionSuperiorActividad {
    margin: 0px 0 30px;
}


.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior{
    color: var(--colorPrincipal);
    font-size: 18px;
    letter-spacing: -0.8px;
    cursor:pointer;
    opacity:1;
    float:left;
    transition:opacity 0.25s ease-out;
}
.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior:hover{
    opacity:0.6;
}

.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior span{
    margin-left: 12px;
}

.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente{
    color: var(--colorPrincipal);
    font-size: 18px;
    letter-spacing: -0.8px;
    cursor:pointer;
    opacity:1;
    float: right;
    transition:opacity 0.25s ease-out;
}
/*
.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior + .navSiguiente {
    float: right;
}
*/
.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente:hover{
    opacity:0.6;
}
.navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente span{
    margin-right: 12px;
}



.navegacionCurso img {
    position: relative;
    top: -2px;
}

.navegacionCurso{opacity:1}
body:not(.sinSuavizado) .navegacionCurso{
    
    transition: all 0.30s ease-in-out 0s;
}
.navegacionCurso:hover{opacity:0.5}

.accordion .span8 a {
    color: var(--colorPrincipal) !important;
    font-weight: 100 !important;
}
.accordion .span8 a:hover {
    opacity: 0.5;
}
.panelContenedorActividad fieldset {
    text-align: center;
}
.accordion {
    margin-bottom: 0;
    margin-top: 0px;
}
.accordion-group {
    border-radius: 0 !important;
    margin-bottom: 30px;
}

.accordion-heading a i {
    font-size: 15px;
    margin-right: 10px;
}
.accordion-group .accordion-toggle {
    background: none repeat scroll 0 0 #F0F0F0;
    padding: 20px;
}
.accordion-group .accordion-toggle:hover {
    opacity: 0.5;
}
.accordion .accordion-inner > div {
    border-bottom: 1px dashed #E0E0E0;
    margin: 0 !important;
    padding: 20px 0 10px;
    width: 100% !important;
}
.accordion .accordion-inner > div:last-child{
    border-bottom:none !important;
}
.accordion .span8 {
    width: calc(100% - 140px);
}
.accordion .span4 {
    float: right;
    margin: 0 !important;
    width: 140px !important;
}
.accordion .span4 a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: var(--colorPrincipal) !important;
    margin: 0 !important;
    padding: 10px 15px;
    text-decoration: underline !important;
    text-transform: none !important;
    font-size: 13px;
}
.accordion .span4 a:hover {
    opacity: 0.5;
}
.accordion .span4 a i {
    color: #111111;
    font-size: 22px !important;
    left: -10px;
    position: relative;
    top: 2px;
}

#accordionSCORM {
    background: none repeat scroll 0 0 #f7f7f7;
    margin: 40px 0;
    padding: 40px 20px;
    position: relative;
}
#accordionSCORM:before {
    background: none repeat scroll 0 0 #111;
    color: #fff;
    content: attr(data-textoHover);
    cursor: default;
    display: block;
    left: 0;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}
#accordionSCORM > .span12 {
    margin: 0 !important;
}
#accordionSCORM a[id*="popever"] {
    display: block !important;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px !important;
}
.nombreEnlaceScorm {
    text-transform: uppercase;
}
#accordionSCORM .nombreEnlaceScorm {
    float: left;
    width: calc(100% - 290px) !important;
    text-transform: capitalize !important;
}

#accordionSCORM .nombreEnlaceScorm a span {
    margin-left: 8px;
}
#accordionSCORM .nombreEnlaceScorm a span:before {
    color: #666;
    content: "";
    font-family: "ionicons" !important;
    font-size: 4px;
    margin-left: -8px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
#accordionSCORM .botonesEnlaceScorm {
    float: right;
    width: 290px !important;
}
#accordionSCORM .botonesEnlaceScorm a {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 10px 20px;
}
/*
#accordionSCORM .botonesEnlaceScorm a[data-toggle="popover"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: var(--colorPrincipal) !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.4px;
    margin-bottom: 0;
    text-decoration: underline;
    text-transform: none;
}
*/
#accordionSCORM .botonesEnlaceScorm a[data-toggle="popover"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05) !important;
    border-radius: 6px !important;
    color: #333 !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.4px;
    margin-bottom: 0;
    padding: 10px;
    text-decoration: underline;
    text-transform: none;
}
#accordionSCORM .botonesEnlaceScorm a[data-toggle="popover"] i {
    color: #333;
    display: block;
    float: left;
    font-size: 22px;
    position: relative;
    top: -3px;
}
#accordionSCORM .span12 div.row-fluid:last-child a[id*="Entrar"] {
    float: right;
}

#numActividad {
    text-align: center;
}
.panelContenedorActividad .navegacionCurso a[onclick*="Siguiente"] {
    float: right !important;
    left: -4px;
    position: relative;
    text-align: right;
}
.panelContenedorActividad .navegacionCurso a[onclick*="Siguiente"] i {
    float: right;
    left: 6px;
    position: relative;
}
.panelContenedorActividad .navegacionCurso a i{
    position:relative;
    top:2px;
}

#divComponente video {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
/*fin de menu*/


/*PLAN ESTUDIO*/
.glyphicon-chevron-left:before {
    content: "?";
}
.glyphicon-chevron-right:before {
    content: "?";
}
.glyphicon:empty {
    width: 1em;
}
.glyphicon {
    /*font-family: 'Glyphicons Halflings';*/
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

#carousel-itinerario{top: 0px; margin-bottom:0px !important; display: none;}
#carousel-itinerario > ol{list-style:none}
#carousel-itinerario .item img{width:100%; height:auto}

.carousel-indicators{bottom: 20px;}
.carousel-indicators {
    left: 50%;
    list-style: none outside none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}
.carousel-indicators .active {
    background-color: #FFFFFF;
    height: 12px;
    margin: 0;
    width: 12px;
}
.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 20px;
}
.carousel-control {
    bottom: 0;
    color: #FFFFFF;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 110px;

    background: none repeat scroll 0 0 #FFFFFF !important;
    border-radius: 50%;
    height: 40px !important;
    padding: 24px;
    width: 40px !important;
}

#carousel-itinerario a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    margin-top: 7%;
    top: 0 !important;
    width: auto;
}

.contenedorPlanificacion{
    width: calc(100% - 10px);
    position:relative;

}
.contenedorPlanificacion.totalIconos4{
    min-height:825px;
}
.contenedorPlanificacion.totalIconos5{
    min-height:1000px;
}

.contenedorPlanificacion.examen {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 780px;
    box-shadow: none;
}
.contenedorPlanificacion.examen #seccionEntrenate {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
.contenedorPlanificacion.examen #menuLateralTabsEstudio{
    display: none !important;
}

#bloque_curso.examen > img {
    display: none;
}


#bloque_curso > img {
    height: 100%;
    left: 178px;
    position: absolute;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 22px;
    z-index: 150;
}

.contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario {
    position: relative;
}
body:not(.barraMostrada) .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    top: 0;
    width: calc(100% - 338px);
    z-index: 1000;
    border-top: 30px solid #FFFFFF;
}
body:not(.barraMostrada) .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado {
    margin-top: 170px;
}


body.barraMostrada .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    top: 0;
    width: calc(78% - 352px);
    z-index: 250;
    border-top: 30px solid #FFFFFF;
}
body.barraMostrada .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado {
    margin-top: 170px;
}
.contenedorPlanificacion > div.span9{
    margin: 0 0 0 200px !important;
    padding: 0;
    width: calc(100% - 200px) !important;
}
#bloque_curso.examenVisible #seccionEntrenate {
    margin-left: 0px !important;
    width: 100% !important;
}
.contenedorPlanificacion > div#divBloqueItinerario {
    padding-left: 40px;
}

.contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
    background:#FAFAFA;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    float: left;
    margin: 0 !important;
    overflow: hidden;
    padding: 0px 20px 30px;
    position: relative;
    width: calc(100% - 420px);
}
.contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso::before{
    content: url("../../assets/images/Itinerario/ligthbulb_on.png");
    left: -80px;
    opacity: 0.1;
    position: absolute;
    top: -58px;
    z-index: 25;
}

.contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso * {
    z-index: 26;
}

.contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso label {
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 18px;
    margin-bottom: 27px;
}

.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
    background: none repeat scroll 0 0 #FAFAFA;
    float: right;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 410px;
}
.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion::before {
    content: url("../../assets/images/Itinerario/calendar.png");
    left: -80px;
    opacity: 0.05;
    position: absolute;
    top: -30px;
    z-index: 25;
}
.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 20px;
    width: 240px !important;
    z-index: 26;
    position:relative;
}

.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 label {
    color: #555555;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 18px;

}
.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 {
    background: none repeat scroll 0 0 #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0 !important;
    position: absolute;
    right: 0;
    width: 170px !important;
    z-index: 26;
}



.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 p {
    color: #555555;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    margin-bottom: 2px;
    margin-top: 25px;
    text-align: center;
}


.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 label:not(.switch) {
    color: #C5C5C5;
    display: block;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: 28px;
    text-align: center;
}
.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 label.activo:not(.switch){
    color:#9ac02f;
}
.contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 .switch {
    display: block;
    margin: 33px auto 43px !important;
    position: relative;
    top: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
}


.contenedorPlanificacion > div#divBloqueActualizate.span9 {
    padding: 40px;
    margin: 0 0 0 210px !important;
    width: calc(100% - 210px) !important;
}
.contenedorPlanificacion > div#seccionActividadesGrupales.span9 {
    padding: 40px;
    margin: 0 0 0 210px !important;
    width: calc(100% - 210px) !important;
}

.contenedorPlanificacion > div#divBloqueActualizate > h4 {
    color: #333333;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 24px;
}
.contenedorPlanificacion > div#seccionActividadesGrupales > h4 {
    color: #333333;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 24px;
}



.contenedorPlanificacion > #seccionActividadesGrupales > div.row-fluid.show-grid{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 70px;
    padding: 0;
    width: calc(100% - 0px);
    position:relative;
}
.contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo{margin-top:0px}
#divActividadGrupal {
    color: #222728;
}

.contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo > button {
    /* border: medium none;
     font-size: 18px;
     font-weight: 100;
     margin-right: 0;
     margin-top: 0;
     max-width: none;
     padding: 20px;
     position: absolute;
     right: 0;
     top: 0;
         opacity:1:
 }*/

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    color: var(--colorPrincipal);
    display: block;
    font-size: 18px;
    font-weight: 100;
    left: 0;
    margin-bottom: 30px;
    max-width: none;
    opacity: 1;
    padding: 0;
    position: relative;
    text-transform: none;
    top: 0;
}

body:not(.sinSuavizado) .contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo > button{
    
    transition: all 0.30s ease-in-out 0s;
}
.contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo > button:hover{
    opacity:0.5
}

.contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo > button span{
    border-bottom: 1px solid var(--colorPrincipal);
    margin-left: 10px;
}



#seccionActividadesGrupales #panelActividadGrupalModulo #divActividadGrupal h4 {
    font-size: 22px;
    font-weight: 100;
}

#seccionActividadesGrupales #panelActividadGrupalModulo #divActividadGrupal p.tituloActividadGrupal {
    color: #333333;
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 30px !important;
}

#seccionActividadesGrupales #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3 {
    right: 0;
}

#seccionActividadesGrupales #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje .span3 label.lblModeradorFoto{
    right: -23px;
    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF;
    display: inline;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 2px 6px !important;
    position: relative;
    text-transform: uppercase;
    top: -20px;
    border-radius: 5px;
    z-index: 150;
}
#seccionActividadesGrupales #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje .span3 label:not(.lblModeradorFoto) {
    right: -10px;
    position: relative;
    text-align: center;
    top: -12px;
}

.contenedorPlanificacion > div.span9 p.descripcionFijaForo {
    color: #555555;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 30px !important;
}

.contenedorPlanificacion > div.span9 p.descripcionVariableForo{
    color: #555555;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 22px;
}
.contenedorPlanificacion > div.span9 .descripcionVariableForo p,
.contenedorPlanificacion > div.span9 .descripcionVariableForo p * {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    letter-spacing: -0.4px !important;
    line-height: 22px !important;
}

#divContenidoActividadGrupal {
    margin-top: 20px !important;
    position: relative;
}

#datosActividadGrupal > div > .span6:first-child {
    left: 0px;
    position: relative;
    text-align: right;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
}

#datosActividadGrupal > div > .span6:last-child {
    text-align: right;
    font-size:13px;
    font-weight:100;
    text-transform:uppercase;
}

#divContenidoActividadGrupal div[id*="ModeradoresForo"] {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#divContenidoActividadGrupal div[id*="ModeradoresForo"] p {
    color: #333333;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 0;
}

#divParticipantestActividadGrupal {
    float: left;
    margin-bottom: 20px;
}
#divParticipantestActividadGrupal p {
    color: #333333;
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 0;
}
#contenidoActividadGrupal {
    margin-top: 35px;
}

#divContenidoActividadGrupal > .span10 {
    margin: 0 !important;
    width: calc(100% - 190px) !important;
}
#datosActividadGrupal {
    bottom: 20px;
    margin-left: 0 !important;
    margin-top: 24px;
    position: absolute;
    right: 0;
    width: 190px;
}
#datosActividadGrupal div{min-height:0px !important; margin-top: 2px;}

#contenidoActividadGrupal #divListaHilosForo > div:first-child {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 100;
    padding: 0 10px 0 20px !important;
    text-transform: uppercase;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo{
    border-bottom: 1px solid #F1F1F1;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 100;
    padding:  0 10px 0 20px !important;
    text-transform: uppercase;
    width: 100%;
    cursor:pointer;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo *{cursor:pointer !important;}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo .span2 label {
    font-size: 13px;
    font-weight: 100;
    text-transform: none;
    letter-spacing: -0.4px;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo .span2 label b{font-weight:600}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo:nth-child(2n+1){background:#f7f7f7;}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo:nth-child(2n+2){background:#fff;}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo:hover {
    background: none repeat scroll 0 0 #E0E0E0;
}
body:not(.sinSuavizado) #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo{
    
    transition: all 0.30s ease-in-out 0s;
}



#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div {
    min-height: 0 !important;
    padding: 22px 0;
}

#contenidoActividadGrupal #divListaHilosForo > div:first-child > div.span1 {
    text-align: center !important;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span1 {
    text-align: center;
}

#contenidoActividadGrupal #divListaHilosForo > div:first-child > div.span8 {
    left: 30px;
    position: relative;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 {
    left: 30px;
    position: relative;
}


#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 img {
    left: -23px;
    margin-top: 10px;
    position: absolute;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 #mensajeHiloForo img {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}


#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #tituloHiloForo,
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #tituloHiloForo *{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #555555 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: -0.4px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-transform: none !important;
    line-height: 19px;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo,
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo *{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #747474 !important;
    font-size: 13px !important;
    font-weight: 100 !important;
    margin: 10px 0 0 !important;
    text-transform: none;
}


#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo li {
    left: 30px;
    position: relative;
    width: calc(100% - 30px);
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo:first-letter,
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo p:first-letter{
    text-transform:uppercase;
}


#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span1.numeroMensajesActividadGrupal label {
    color: #555555;
    font-size: 15px !important;
    font-weight: 100;
    position: relative;
    top: 14px;
}


#contenidoActividadGrupal #divListaHilosForo > div:first-child > div {
    min-height: 0;
    padding: 14px 0 !important;
}

/*tamanos columnas*/

#contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(1) {
    width: 50px !important;
}
#contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(2) {
    width: calc(100% - 385px) !important;
    margin-left:40px !important;
}
#contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(3) {
    width: 65px !important;
    margin-left:20px !important;
}
#contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(4) {
    width: 190px !important;
    margin-left:20px !important;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(1) {
    width: 50px !important;
    position:relative
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(1) > img[src*="inactivo"]:not(.imgForoTemaCerrado) {
    opacity: 0.5;
}

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(1) > .imgForoTemaCerrado {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 60px;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(2) {
    width: calc(100% - 385px) !important;
    margin-left:40px !important;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(3) {
    width: 65px !important;
    margin-left:20px !important;
}
#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(4) {
    width: 190px !important;
    margin-left:20px !important;
}

/*fin de tamanos columnas*/

#contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo img {
    max-width: 78%;
}


/*tema*/
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo {
    margin-top: 0;
}


.estadoTema {
    margin-top: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    z-index: 100;
}

.estadoTema label {
    display: block;
    font-size: 13px;
    font-weight: 100;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
    z-index: 1;
}


#panelTemaForo div.divListadoMensajesForoHilo{margin-bottom: 40px;}
#panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje{
    width:100%;
    margin-top: 30px;
}
#panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje:first-child {
    margin-top: 0 !important;
}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje{margin-top:25px;}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3,
#panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3{width:121px; margin:0; position:absolute}

div.divForoMensaje > .span3 .moderadorFotoMensaje::before,
div.divForoMensaje > .span3 .usuarioFotoMensaje::before{
    border-color: rgba(0, 0, 0, 0) #F0F0F0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 34px 34px 0;
    content: "";
    display:none;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 10 !important;
}

div.divForoMensajeRespuesta > .span3 .moderadorFotoMensaje::before,
div.divForoMensajeRespuesta > .span3 .usuarioFotoMensaje::before{
    border-color: #F0F0F0 rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 34px 34px 0 0;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    z-index: 0 !important;
}


#panelTemaForo .moderadorFotoMensaje,
#panelTemaForo .usuarioFotoMensaje{
    width:161px;
    height:161px;
    overflow:hidden;
    text-align:center;
    background: none repeat scroll 0 0 #ffffff;
}


#panelTemaForo .moderadorFotoMensaje,
#panelTemaForo .usuarioFotoMensaje {
    border: 10px solid #ffffff;
    border-radius: 50%;
    box-sizing: content-box;
    position: relative;
    z-index: 15 !important;
    height: 121px;
    left: 0;
    overflow: hidden;
    text-align: center;
    width: 121px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    /*background-attachment: fixed;*/

}

.moderadorFotoMensaje > div::before,
.usuarioFotoMensaje > div::before {
    content: ' ';
    display: block;
    position: relative;
    z-index: 150000000000000000000;
    background: rgba(255,255,255,0.3);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.25s ease-out;
}

.moderadorFotoMensaje > div:hover::before,
.usuarioFotoMensaje > div:hover::before{
    opacity: 1;
}

#panelTemaForo .moderadorFotoMensaje,
#panelTemaForo .divForoMensaje .usuarioFotoMensaje {
    background-image: url(../../assets/images/fotoGenerica.png); 
}
#panelTemaForo .moderadorFotoMensaje.mujer,
#panelTemaForo .divForoMensaje .usuarioFotoMensaje.mujer{
	background-image: url(../../assets/images/fotoGenerica_mujer.png)
}



#panelTemaForo .divListadoRespuestasForoMensaje .usuarioFotoMensaje{
    background: none;
    background-color: #fff;
}

#panelTemaForo .divListadoRespuestasForoMensaje .usuarioFotoMensaje.fondoFotoGenerica{
    background-image: url(../../assets/images/fotoGenerica.png); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
}
#panelTemaForo .divListadoRespuestasForoMensaje .usuarioFotoMensaje.fondoFotoGenerica.mujer{
	background-image: url(../../assets/images/fotoGenerica_mujer.png)
}


#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .cadenaRespuesta + .span9 {
    width: calc(100% - 101px) !important;
    margin-left: 0;

}

#panelTemaForo .divForoMensajeRespuesta .comentarioFoto {
    position: absolute !important;
    right: 10px;
    text-align: center;
}


#panelTemaForo .divForoMensajeRespuesta .comentarioFoto .usuarioFotoMensaje{
    left: 5px;
}

#panelTemaForo .moderadorFotoMensaje > div, 
#panelTemaForo .usuarioFotoMensaje > div {
    width: 100%;
    height: 100%;

    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    /*background-attachment: fixed;*/
}



/*
#panelTemaForo .moderadorFotoMensaje > img,
#panelTemaForo .usuarioFotoMensaje > img{
        height: auto;
    min-height: 161px;
    min-width: 161px;
    width: auto;
}
*/
#panelTemaForo .moderadorFotoMensaje > img,
#panelTemaForo .usuarioFotoMensaje > img {
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 141px;
    min-width: 141px;
    width: auto;
    position: relative;
}
#panelTemaForo .comentarioFoto label {
    left: 10px;
    position: absolute !important;
    width: 100%;
    text-align: center;
    display: block;
}

#panelTemaForo .divForoMensajeRespuesta .comentarioFoto label{
    left: 15px;

}

#panelTemaForo .moderadorFotoMensaje > img.avatarHorizontal, 
#panelTemaForo .usuarioFotoMensaje > img.avatarHorizontal {
    max-height: 100% !important;
    height: 100% !important;
}
#panelTemaForo .moderadorFotoMensaje > img.avatarCuadrado, 
#panelTemaForo .usuarioFotoMensaje > img.avatarCuadrado {
    height: 100% !important;
    width: 100% !important;
}
#panelTemaForo .moderadorFotoMensaje > img.avatarVertical, 
#panelTemaForo .usuarioFotoMensaje > img.avatarVertical {
    width: 100% !important;
}

#panelTemaForo .moderadorFotoMensaje > img[src*="fotoGenerica"], 
#panelTemaForo .usuarioFotoMensaje > img[src*="fotoGenerica"] {
    /*opacity: 1 !important;*/
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
}


#panelTemaForo div.divListadoMensajesForoHilo  > div.divListadoRespuestasForoMensaje .span3 label:not(.lblModeradorFoto),
#panelTemaForo div.divListadoMensajesForoHilo  > div.divForoMensaje .span3 label:not(.lblModeradorFoto){
    font-size:15px;
    font-weight:100;
    line-height:18px;
    color:#333333;
    text-align:center;
    display:block;
    margin-top:0px;
    padding: 0 10px;
    z-index: 999999999999;
}
#panelTemaForo div.divListadoMensajesForoHilo  > div.divListadoRespuestasForoMensaje .span3 label.lblModeradorFoto,
#panelTemaForo div.divListadoMensajesForoHilo  > div.divForoMensaje > .span3 label.lblModeradorFoto{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
    display: inline;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 5px 7px !important;
    position: relative;
    text-transform: uppercase;
    top: -23px;
}
#panelTemaForo div.divListadoMensajesForoHilo  > div.divListadoRespuestasForoMensaje .span3 label.lblModeradorFoto{
    right:0px;
}

#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta{
    width:calc(100% - 120px);
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 25px;
    position: relative;
}

#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="2"]{width:calc(100% - 181px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="3"]{width: calc(100% - 211px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="4"]{width: calc(100% - 241px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="5"]{width: calc(100% - 271px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="6"]{width: calc(100% - 301px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="7"]{width: calc(100% - 331px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="8"]{width: calc(100% - 361px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="9"]{width: calc(100% - 391px);}
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel="10"]{width: calc(100% - 421px);}


/*
#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta[nivel] .span9:before {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #F0F0F0;
    content: "_";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: -65px;
    width: 100%;
    z-index: 1100;
}
*/

#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta > img {
    left: 9px;
    position: absolute;
    top: -53px;
    z-index: 1110;

}

#panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span9,
#panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span9{
    border-radius: 5px;
    background: #f0f0f0;
    padding: 30px;
    position: relative;
    min-height: 179px;
    width: calc(100% - 121px);
    margin-left: 121px;


}


.divForoMensajeRespuesta > .span9 > div > label:nth-child(1),
.divForoMensaje > .span9 > label:nth-child(1) {
    font-size: 13px;
    color:#333333;
    letter-spacing:-0.4px;
    margin-bottom: 15px;
    font-weight: 600;

}

.divForoMensajeRespuesta > .span9 > div > label.tituloForoMensaje,
.divForoMensaje > .span9 > label.tituloForoMensaje{
    font-size: 15px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:600;
    color:#333333;
    letter-spacing:-0.4px;
    margin-bottom:6px;	
}

.divMensajeCitado {
    background: none repeat scroll 0 0 #f8f8f8;
    box-sizing: border-box;
    margin-top: 51px;
    padding: 30px 40px;
    position: relative;
    margin-bottom: 40px !important;
}


.divMensajeCitado > label {
    color: #333333;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: -27px;
}

.divMensajeCitado button {
    border: medium none;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    top: 0;
    opacity:1;
}
body:not(.sinSuavizado) .divMensajeCitado button{
    
    transition: all 0.30s ease-in-out 0s;
}
.divMensajeCitado button:hover{
    opacity:0.5
}


.divMensajeCitado .mensajeCitadoUp {
    left: 4px;
    position: absolute;
    top: 5px;
}

.divMensajeCitado .mensajeCitadoDown {
    bottom: 5px;
    position: absolute;
    right: 4px;
}



.divMensajeCitado .divContenidoTextoMensajeCitado > label {
    font-size: 13px;
    font-weight: 100;
    color:#333333;
}
.divMensajeCitado .divContenidoTextoMensajeCitado .divTextoMensajeCitado,
.divMensajeCitado .divContenidoTextoMensajeCitado .divTextoMensajeCitado > p {
    color: #AAAAAA;
    font-size: 13px;
    font-style: italic;
}

.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 {
    position: relative;
    text-align: right;
    z-index: 1120;
}
.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button {
    border: medium none;
    font-size: 16px;
    font-weight: 100;
    margin: 0 0 0 10px;
    padding: 10px;
    position: relative;
    opacity: 1;
    border-radius: 5px !important;
    box-shadow: 0px 2px 0px 1px rgba(0,0,0,0.1) !important;

}
.divListadoMensajesForoHilo form button {

    float: right !important;

    border: medium none;
    font-size: 16px;
    font-weight: 100;
    margin: 0 0 0 20px;
    padding: 15px 15px 15px 40px;
    position: relative;
    opacity: 1;
    border-radius: 5px !important;
    box-shadow: 0px 2px 0px 1px rgba(0,0,0,0.1) !important;

}

.divListadoMensajesForoHilo form button.botonCancelarResponderMensajeForo {
    background: none repeat scroll 0 0 #EA0450 !important;
}
#contenedorComentarios .divAdjuntosBotonesForoMensaje .span8 button{
    float: right;

}
#contenedorComentarios .divAdjuntosBotonesForoMensaje .span8 button.botonCancelarResponderMensajeForo{
    background: none repeat scroll 0 0 #EA0450 !important;
}

.divListadoMensajesForoHilo form button{
    background: none repeat scroll 0 0 var(--colorPrincipal) !important; 
    color:#fff !important
}

body:not(.sinSuavizado) .divListadoMensajesForoHilo form button,
body:not(.sinSuavizado) .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button{
    
    transition: all 0.30s ease-in-out 0s;
}
.divListadoMensajesForoHilo form button:hover,
.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button:hover{
    opacity:0.5
}


#verComentariosActividad .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button.botonResponderMensajeForo {

    padding: 13px 15px 13px 40px;

}


.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button.botonCitarMensajeForo .imagenCitarUp {
    left: 7px;
    position: absolute;
    top: 5px;
    opacity: 0.5;
}

.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button.botonCitarMensajeForo .imagenCitarDown {
    bottom: 5px;
    opacity: 0.5;
    position: absolute;
    right: 7px;
}

.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button.botonResponderMensajeForo .imagenResponder {
    left: 10px;
    margin-top: -4px;
    position: absolute;
    opacity: 0.5;
}




.divListadoMensajesForoHilo form button i, 
.divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button i {
    font-size: 28px;
    position: absolute;
    top: 8px;
    left: 10px;

}

.divListadoMensajesForoHilo .divNuevoMensajeForoMensaje form button i{
    font-size: 20px;
    position: absolute;
    top: 13px;
    left: 15px;

}






.divAdjuntosBotonesForoMensaje > .span4 {
    margin: 0 !important;
    width: 260px !important;
}
.divAdjuntosBotonesForoMensaje > .span4.sinAdjunto{
    display:none;
}
.divAdjuntosBotonesForoMensaje > .span8 {
    margin: 0 !important;
    width: calc(100% - 260px) !important;
}
.divAdjuntosBotonesForoMensaje > .span4.sinAdjunto + .span8{
    width: calc(100%) !important;
}
.adjuntoForoMensaje {
    width: 230px;
    cursor: pointer;
    opacity: 1;
    position: relative;
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2);
    margin-top: 10px;
}

body:not(.sinSuavizado) .adjuntoForoMensaje{
    
    transition: all 0.30s ease-in-out 0s;
}
.adjuntoForoMensaje:hover{
    opacity:0.5
}


.adjuntoForoMensaje > div {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 15px 20px;
    text-align: center;
    width: 160px;
}
.adjuntoForoMensaje > div > span.textoFijoAdjunto {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: 1px;
    margin-top: 0;
    text-align: center;
    max-width: none;
}
.adjuntoForoMensaje > div > span.nombreAdjunto {
    color: #A4A4A4;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.4px;
}

.adjuntoForoMensaje .linkAdjuntos {
    background: rgba(0,0,0,0.1);
    border: medium none;
    height: 52px;
    width: 70px;
    float: left;
    position: absolute;
    font-size: 30px;
    color: #FFF !important;
}


.divListadoMensajesForoHilo .pagination {
    border: medium none;
    margin: 30px 0 !important;
    position: absolute;
    right: 0;
    left: 0;
    width: 370px;

}
.divListadoMensajesForoHilo .pagination a {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    opacity: 1;
    padding: 0 20px !important;
    transition: all 0.25s ease-out 0s;
    width: auto;
}
.divListadoMensajesForoHilo .pagination input {
    box-shadow: none;
    font-size: 12px;
}

.divListadoMensajesForoHilo .pagination a:focus, .divListadoMensajesForoHilo .pagination a:hover, .divListadoMensajesForoHilo .pagination a.disabled {
    opacity: 0.4;
}
/*fin de tema*/









.contenedorPlanificacion > div.span9 .tituloForoHilo {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;	
}

.contenedorPlanificacion > div.span9 .descripcionTituloForo p,
.contenedorPlanificacion > div.span9 .descripcionTituloForo p * {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 22px;
    margin-bottom: 25px !important;
    margin-top: 0px;
}


#divCrearNuevoMensajeHiloForo > form > div:first-child {
    border-top: 1px solid #F0F0F0;
    padding-top: 20px;
}


#divCrearNuevoMensajeHiloForo > form > div:first-child label {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
}


#panelTemaForo > button {
    border: none;
    border-radius: 5px !important;
    float: right;
    font-size: 18px;
    font-weight: 100;
    margin: 0;
    padding: 20px;
    opacity:1
}

#btnNuevoMensajeForoHiloCabecera {
    margin-bottom: -60px !important;
    margin-top: -80px !important;
}

body:not(.sinSuavizado) #panelTemaForo > button{
    
    transition: all 0.30s ease-in-out 0s;
}
#panelTemaForo > button:hover{
    opacity:0.5
}


input[id*="tituloMensajeHilo"] {
    border: none;
    font-size: 20px;
    font-weight: 100;
    height: auto;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 0px 1px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.05);
}
label[for*="adjuntoMensajeHilo"],
label[for*="textoMensajeHilo"],
label[for*="tituloMensajeHilo"] {
    /*background: none repeat scroll 0 0 var(--colorPrincipal);*/
    color: #222728;
    display: inline-block;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 0;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}

.textoMensajeHiloContenedor .cke_inner {
    border: none !important;
    background: none !important;
}
.textoMensajeHiloContenedor .cke_contents iframe {
    border: solid 1px rgba(0, 0, 0, 0.15) !important;
    border-radius: 5px;
    background: none !important;
}

.textoMensajeHiloContenedor .cke_bottom{
    background: none !important;
    display: none;
}

.textoMensajeHiloContenedor .cke_top{
    background: none !important;
    padding: 0 !important;
}


.cke_dialog_background_cover {
    z-index: 2147483608 !important;
}
.cke_editor_textoMensaje_dialog table {
    z-index: 2147483647 !important;
}

.cke_dialog.cke_browser_gecko.cke_ltr {
    z-index: 2147483647 !important;
}



.contenedorPlanificacion > div.span9 .descripcionTituloForo p:first-letter{text-transform:uppercase}

.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo > div.volverListadoTemas{
    display: inline-block;
    margin-bottom: 30px;
}

.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo button#botonVolverAlListadoDeTemasForo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    color: var(--colorPrincipal);
    display: block;
    font-size: 18px;
    font-weight: 100;
    left: 0;
    max-width: none;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: 0;
}

body:not(.sinSuavizado) .contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo button#botonVolverAlListadoDeTemasForo{
    
    transition: all 0.30s ease-in-out 0s;
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo button#botonVolverAlListadoDeTemasForo:hover{
    opacity:0.5
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo button#botonVolverAlListadoDeTemasForo span{
    border-bottom: 1px solid var(--colorPrincipal);
    margin-left:10px;
}


.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo #divModeradoresParticipantesForoHilo {
    margin-bottom: 10px;
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo div[id*="divModeradoresForo"] {
    float: left;
    margin-right: 20px;
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo div[id*="divModeradoresForo"] p{
    color: #333333;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 0;
    text-transform: uppercase;
}


.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo div[id*="cke_textoMensajeHilo"] {
    border: medium none;
    padding: 0 !important;
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo form > button {
    border: medium none;
    float: right;
    font-size: 18px;
    font-weight: 100;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    z-index: 1130;
    opacity:1;

}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo form > button.botonCancelarNuevoMensajeHilo{
    background:none repeat scroll 0 0 #EA0450 !important
}

body:not(.sinSuavizado) .contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo form > button {
    
    transition: all 0.30s ease-in-out 0s;
}
.contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo form > button:hover{
    opacity:0.5
}


div[id*="divCrearNuevoMensajeHiloForo"] form div:first-child label {
    border-top: 4px double #e0e0e0;
    font-size: 25px;
    font-weight: 600;
    margin: 30px 0 !important;
    padding-top: 40px;
    text-transform: uppercase;
}
.divNuevoMensajeForoMensaje > form > div:first-child > label:first-child{
    font-size: 25px;
    font-weight: 600;
    line-height: 20px;
    margin:0 0 30px  !important;
    padding-top: 0px;
    text-transform: uppercase;
}

.divNuevoMensajeForoMensaje {
    box-sizing: border-box;
    background: none repeat scroll 0 0 #F0F0F0;
    margin-left: auto;
    margin-top: -2px;
    padding: 0px 20px 20px;
    width: calc(100% - 121px);

}
.divListadoRespuestasForoMensaje .divNuevoMensajeForoMensaje {
    background: none repeat scroll 0 0 #F0F0F0;
    box-sizing: border-box;
    margin: -25px 161px 25px auto;
    padding: 20px;
    width: calc(100% - 322px);
}

/*CKEDITOR*/
.cke_toolbar_break {
    clear: none !important;
    display: none !important;
}
a.cke_button__about,
a.cke_button__iframe,
a.cke_button__pagebreak,
a.cke_button__flash,
a.cke_button__bidiltr,
a.cke_button__bidirtl,
a.cke_button__templates,
a.cke_button__preview,
a.cke_button__newpage,
a.cke_button__creatediv,
a.cke_button__scayt,
a.cke_button__selectall,
a.cke_button__replace,
a.cke_button__find{display: none !important;}


.cke_top .cke_toolbox > span:last-child{display: none;}
.cke_top .cke_toolbox > span:nth-child(3){display: none;}

.cke_path_item, .cke_path_empty {
    color: #FFFFFF !important;
}
.cke_combo_button[title="Fuente"] {
    display: none !important;
}
.cke_combo_button[title="Estilos para formatear"] {
    display: none !important;
}
.cke_panel {
    z-index: 2147483647 !important;
}
.cke_top {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: medium none !important;
    padding: 11px 8px 0 !important;
    box-shadow: none !important;
}
.cke_bottom {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: medium none !important;
    box-shadow: none !important;
}
.cke_contents iframe {
    border-left: 10px solid #3578D7 !important;
    border-right: 10px solid #3578D7 !important;
    box-sizing: border-box;
}
a.cke_button {
    height: auto !important;
}
.cke_path_item, .cke_path_empty {
    text-shadow: none !important;
}
.cke_toolgroup {
    border-bottom: medium none !important;
}
.cke_combo_button {
    border-bottom: medium none !important;
}
/*FIN DE CKEDITOR*/

#cke_textoMensajeHilo .cke_inner{background: none repeat scroll 0 0 #E0E0E0 !important; padding: 10px;}
.cke_inner > span:first-child {
    margin-bottom: 7px !important;
    margin-top: 0 !important;
    box-shadow: none !important;
}

#cke_textoMensajeHilo #cke_1_top {
    margin-bottom: 10px;
    margin-top: 10px;
}

#cke_textoMensajeHilo .cke_path_item {
    color: #FFFFFF;
}

div#divCabeceraHiloForo > .span10 {
    /*width: calc(100% - 303px);*/
    width: 100%;
}
.panelContenedorActividad.contenedorPlanificacion div#divCabeceraHiloForo > .span10 {
    width: calc(100% - 283px) !important;
}
div#divCabeceraHiloForo > .span2 {
    position: absolute;
    right: -45px;
    text-align: right;
    top: 0px;
    width: 283px;
}

.panelContenedorActividad.contenedorPlanificacion div#divCabeceraHiloForo > .span2 {
    top: 70px !important;
}

.adjuntoForoHilo {
    background: none repeat scroll 0 0 #F0F0F0;
    height: 83px;
    position: relative;
    cursor: pointer;
    opacity:1;
}
body:not(.sinSuavizado) .adjuntoForoHilo{
    
    transition: all 0.30s ease-in-out 0s;
}
.adjuntoForoHilo:hover{
    opacity:0.5
}

/*
.estadoTema + .adjuntoForoHilo {
    right: 80px;
}*/
.adjuntoForoHilo > div {
    background: none repeat scroll 0 0 #F0F0F0;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 83px;
    padding: 19px;
    position: relative;
    width: 200px;
}

.adjuntoForoHilo > div > span {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.adjuntoForoHilo > div > span.textoFijoAdjunto {
    color: #222728;
    font-size: 15px;
    font-weight: 100;
}

.adjuntoForoHilo > div > span.nombreAdjunto {
    color: #A4A4A4;
    font-size: 13px;
    text-transform: none;
}


.adjuntoForoHilo .linkAdjuntos {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    height: 83px;
    position: absolute;
    right: 0;
    top: 0;
    width: 83px;
}


.adjuntoForoHilo.linkDescargaEnlace {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    text-align: left;

}

.panelContenedorActividad.contenedorPlanificacion div#divCabeceraHiloForo .adjuntoForoHilo.linkDescargaEnlace {margin-left: 30px;}


.linkDescargaEnlace .textoFijoAdjunto {
    color: #c0c0c0;
    display: block;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: -0.4px;
    padding-left: 60px;
}

.linkDescargaEnlace > img {
    float: left;
    margin-top: -18px;
}



.linkDescargaEnlace .nombreAdjunto {
    border-bottom: 1px solid var(--colorPrincipal);
    color: var(--colorPrincipal);
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 21px;
    letter-spacing: -0.4px;
    line-height: 22px;
    margin-left: 19px;
}

#divCabeceraHiloForo {
    margin-top: 60px;
}
.divTextoForoMensaje,
.divForoMensaje > div.span9 .divTextoForoMensaje,
.divForoMensaje > div.span9 .divTextoForoMensaje > p,
.contenedorPlanificacion > div.span9 .divTextoForoMensaje,
.contenedorPlanificacion > div.span9 .divTextoForoMensaje > p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px !important;
    color:#333333;
    font-weight:100 !important;
    min-height:0px !important;
    max-width: 100%;
    overflow: hidden;
}

.divTextoForoMensaje xmp {
    white-space: initial;
    margin-top: 0;
    margin-bottom: 0;

}

.divTextoForoMensaje strong {
    font-weight: 100;
}
.divListadoMensajesForoHilo textarea {
    border-radius: 0;
    box-shadow: none !important;
    font-size: 15px;
    font-weight: 100;
    line-height: 24px;
    padding: 10px;
    border: none;
    margin-bottom: 20px;

}
.divForoMensaje > div.span9 .divTextoForoMensaje > p > span,
.contenedorPlanificacion > div.span9 .divTextoForoMensaje > p > span{
    color:#333333 !important;
    font-family:'open sans',sans-serif !important;
    font-size: 15px !important;
    line-height: 22px !important;
    margin-bottom: 0px !important;
    font-weight:100 !important;
}

.divForoMensaje > div.span9 .divAdjuntosBotonesForoMensaje .span8{width:100% !important}
.divAdjuntosBotonesForoMensaje {
    margin-top: 10px;
}
.divTextoForoMensaje {
    margin-bottom: 40px !important;
}


div[id*="panelTemaForo"] .custom-input-file {
    cursor: default !important;
}
div[id*="panelTemaForo"] #anadirArchivosButton {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: var(--colorPrincipal);
    font-size: 15px;
    font-weight: 100;
    left: 10px;
    padding: 11px 7px 7px;
    position: absolute;
    text-transform: uppercase;
    top: 57px;
    z-index: 15;
}
div[id*="panelTemaForo"] .divNuevoMensajeForoMensaje #anadirArchivosButton{
    background: none repeat scroll 0 0 #ffffff !important;
    border: medium none;
    color: var(--colorPrincipal);
    font-size: 15px;
    font-weight: 100;
    left: -10px;
    padding: 11px 7px 7px;
    position: absolute;
    text-transform: uppercase;
    top: 37px;
    z-index: 150;
}




div[id*="panelTemaForo"] .divNuevoMensajeForoMensaje #anadirArchivosButton {
    background: #fff !important;
    color: #222728 !important;
    padding: 15px 25px 15px !important;
    margin-top: -25px;
    z-index: 1;
}
form[id*="nuevoMensajeForoHiloForm"] #anadirArchivosButton{



    font-size: 15px;
    font-weight: 100;
    left: 0px;

    position: absolute;
    text-transform: uppercase;
    top: 12px;
    z-index: 15;
    border-radius: 5px !important;
    /*box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.4);*/
    margin-bottom: 10px;
    background: #fff !important;
    color: #222728 !important;
    padding: 15px 25px 15px !important;
    border: solid 1px rgba(0, 0, 0, 0.15);
}

form[id*="nuevoMensajeForoHiloForm"]  input[id*="tituloMensajeHilo"]{
    background: #fff;
    border: solid 1px rgba(0, 0, 0, 0.15);
    box-shadow: none !important;
}
form[id*="nuevoMensajeForoHiloForm"] #anadirArchivosButton i {

    font-size: 20px !important;

}


.panelContenedorActividad span.MultiFile-title:not([class*="cke"]) {

    color: #222728;
    font-weight: 400;
    letter-spacing: 0px;

}

div[id*="panelTemaForo"] .divNuevoMensajeForoMensaje #adjuntoForoMensaje_wrap_list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div[id*="panelTemaForo"] div[id*="adjuntoForoMensaje"][id*="_wrap"]{
    /*background: none repeat scroll 0 0 var(--colorPrincipal);*/
    height: 60px;
    /*margin-top: -10px;*/
    margin-bottom: 10px;
    position: relative;
    box-shadow: none;
    border-radius: 5px;
    background: none;
}


div[id*="panelTemaForo"] div[id*="adjuntoForoMensaje"][id*="_wrap"] .input-file-adjuntos {
    height: 100%;
    left: 0;
    margin-top: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 16;
}

div[id*="panelTemaForo"] div[id*="adjuntoForoMensaje"][id*="_wrap_list"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    margin-left: 200px;
    padding-top: 17px;
    position: relative;
    z-index: 17;
    box-shadow: none !important;
}
label[for*="adjuntoMensajeHilo"] {

    display: none;

}

span.MultiFile-title{color: #ffffff;}
#adjuntoRespuestaAlumno_wrap_list span.MultiFile-title{color: #111;}
#adjuntoRespuestaAlumno_wrap_list #adjuntoForoMensaje_wrap_list {color: #111;}
a.MultiFile-remove:hover + span.MultiFile-title {
    color: #EA0450 !important;
}
button i.ion-paperclip {
    color: #111111;
    margin-left: 0 !important;
    margin-right: 8px;
}
#adjuntoRespuestaAlumno_wrap .input-file-adjuntos.multi.MultiFile-applied.MultiFile {
    height: 36px;
    margin-top: -46px;
    width: 116px;
}


/*
#formContenidoActividadEnunciadoCriterios #adjuntoRespuestaAlumno_wrap input {
    display: block;
    height: 100%;
    margin-top: -50px;
    opacity: 0;
    width: 100%;
}
*/
#formContenidoActividadEnunciadoCriterios #adjuntoRespuestaAlumno_wrap input{
    width:1px;
    height:1px;
    margin:0;
}

#formContenidoActividadEnunciadoCriterios #adjuntoRespuestaAlumno_wrap input {
    display: block;
    height: 100%;
    margin-top: -50px;
    opacity: 0;
    width: 100%;
}

#formContenidoActividadEnunciadoCriterios #anadirArchivosButtonRespuestaAlumno {
    color: #ffffff;
    font-size: 15px;
    height: 50px;
    margin-bottom: 0px !important;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100% !important;
}
#formContenidoActividadEnunciadoCriterios #anadirArchivosButtonRespuestaAlumno i{
    color:#fff;
}
#divCabeceraEnvioEnunciadoYCriteriosFichero label {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 30px;
}


.MultiFile-list {
    background: none repeat scroll 0 0 #F0F0F0;
}

body:not(.sinSuavizado) span.MultiFile-title{
    transition: all 0.20 ease-in-out 0s;
}

div[id*="panelTemaForo"] div[id*="adjuntoForoMensaje"][id*="_wrap_list"] img {
    height: 16px;
    position: relative;
    top: -3px;
    width: 16px;
}

/*fin de foro*/





#divCrearNuevoForo {
    margin-top: 20px;
    text-align: right;
}


#divCrearNuevoForo > button {
    border: medium none;
    font-size: 18px;
    font-weight: 100;
    margin: 0;
    padding: 20px;
    opacity:1;
}
body:not(.sinSuavizado) #divCrearNuevoForo > button{
    
    transition: all 0.30s ease-in-out 0s;
}
#divCrearNuevoForo > button:hover{
    opacity:0.5
}




.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal {
    margin: 0 0 70px !important;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divTituloModuloActGrupal{
    font-size:20px;
    font-weight:100;
    color:#222728;
    margin-bottom: 19px;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divTituloModuloActGrupal p{
    font-size:20px;
    font-weight:100;
    color:#222728;
    margin-bottom:0px;
    letter-spacing:-0.2px;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divTituloModuloActGrupal b{
    font-weight:600;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divTituloModuloActGrupal p span.tituloConvocatoriaPlanEstudio {
    background: none repeat scroll 0 0 #F5469B;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    padding:5px 10px;
}


.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:13px;
    text-transform:uppercase;
    padding:20px 0px;
    border-top:solid 1px #f0f0f0;
    border-bottom:solid 1px #f0f0f0;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div{
    min-height:0px !important;
    color:#9195aa;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span1 {
    margin: 0 !important;
    text-align: center;
    width: 68px !important;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span5{ width: calc((100% - 68px) * 5 / 12);}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2{ width: calc((100% - 68px) * 1 / 12);}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span4{ width: calc((100% - 68px) * 5 / 12);}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span5,
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2,
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span4{
    margin: 0 0 0 20px !important;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2 {
    text-align: center;
    margin: 0 0px 0 0 !important;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #FFFFFF;
    padding: 0;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:  25px 0px;
    cursor:pointer;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid:nth-child(2n+1){
    background:#ffffff;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid:nth-child(2n+2){
    background:#f7f7f7;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid:hover {
    background: none repeat scroll 0 0 #E0E0E0;
}
body:not(.sinSuavizado) .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid{
    color: #222728;
    
    transition: all 0.30s ease-in-out 0s;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span1 {
    margin: 0 !important;
    position: relative;
    text-align: center;
    width: 68px !important;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5,
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2,
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4{
    margin: 0 0 0 20px !important;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span1 > img[src*="candado"] {
    bottom: -15px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5 {
    color: #222728;
    display: list-item;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 22px;
    list-style: square inside url("../../assets/images/v2/bullet.png");
    padding-top: 0;
    width: calc((100% - 68px) * 5 / 12);
    margin-left: 20px !important;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5 span {
    /* display: list-item;
     list-style:square url("../../assets/images/v2/bullet.png");*/
    padding-left: 12px;
    position: relative;
    top: -19px;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2 {
    font-size: 13px;
    position: relative;
    text-align: center;
    top: 3px;
    width: calc((100% - 68px) * 1 / 12);

    margin: 0 0px 0 0 !important
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2 label {
    font-size: 13px;
    font-weight: 100;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2 label:first-child {
    margin-top: -3px;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2 label:last-child {
    position: relative;
    top: 5px;
}

.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 {
    width: calc((100% - 68px) * 5 / 12);
    margin-left: 20px !important;
    position: relative;
    top: -19px;
}
/*.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 >*/
.moderadorFichaFoto,
.alumnoFichaFoto{
    -moz-box-sizing:border-box;
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 60px;
    /*margin-bottom: -30px;*/
    margin-right: 10px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    /* top: -19px;*/
    width: 60px;
}

.moderadorFichaFoto img, .alumnoFichaFoto img {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    position: relative;
    max-width: none;
}

.moderadorFichaFoto img.avatarVertical, .alumnoFichaFoto img.avatarVertical {
    max-width: 100%;
}

.moderadorFichaFoto img.avatarHorizontal, .alumnoFichaFoto img.avatarHorizontal {
    height: 100%;
}
.moderadorFichaFoto img.avatarCuadrado, .alumnoFichaFoto img.avatarCuadrado {
    height: 100%;
    width: 100%;
}

.divFilasListaActGrupalModulo .alumnoFichaFoto {
    background-size: contain;
}






#panelTemaForo .alumnoFichaFoto:not(.sumatorioParticipantes),
#panelTemaForo .moderadorFichaFoto:not(.sumatorioParticipantes),
#divContenidoActividadGrupal .alumnoFichaFoto:not(.sumatorioParticipantes),
#divContenidoActividadGrupal .moderadorFichaFoto:not(.sumatorioParticipantes){
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;

}


#panelTemaForo  .alumnoFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes),
#panelTemaForo  .moderadorFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes),
#divContenidoActividadGrupal  .alumnoFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes),
#divContenidoActividadGrupal  .moderadorFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes){
    background-image: url(../../assets/images/fotoGenerica.png); 
}
#panelTemaForo  .alumnoFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes).mujer,
#panelTemaForo  .moderadorFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes).mujer,
#divContenidoActividadGrupal  .alumnoFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes).mujer,
#divContenidoActividadGrupal  .moderadorFichaFoto.fondoFotoGenerica:not(.sumatorioParticipantes).mujer{
	background-image: url(../../assets/images/fotoGenerica_mujer.png)
}



/*.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 > */
.moderadorFichaFoto.sumatorioParticipantes,
.alumnoFichaFoto.sumatorioParticipantes {
    background: none repeat scroll 0 0 var(--colorPrincipal);
}
/*.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 > */
.moderadorFichaFoto.sumatorioParticipantes p,
.alumnoFichaFoto.sumatorioParticipantes p {
    box-sizing: border-box !important;
    color: #FFFFFF !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    left: -1px !important;
    padding: 18px 0 0 !important;
    position: relative !important;
    text-align: center !important;
}




.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 p {
    margin-bottom: 0 !important;
    position: relative;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 p:not(.spanNumParticipantesMas){
    top: 19px;
}
.contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4 p b{
    font-weight: 600;
}

.contenedorPlanificacion > div#seccionEntrenate.divTabsSeccionesPlanEstudio > h2 {
    display:none;
}

.contenedorPlanificacion > div.span9 p {
    color: #555555;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 22px;
}
.contenedorPlanificacion > div.span9 > div.row-fluid.show-grid{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: calc(100% - 0px);
}


.contenedorPlanificacion > div.span9 h2 {
    color: #111;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 3px;
    text-transform: none;
}

.row-fluid.show-grid.tituloCursoPlanEstudio {
    margin-top: 30px;
}



#divProgresoCurso > img{width:31px; height:24px; margin-right:9px;}
#divProgresoCurso > img:last-child{margin-right:0px !important; margin-left:13px}
#divProgresoCurso > div{width:calc(100% - 85px); padding:0px; height:4px;  border-radius:0px !important; position:relative; top:8px;}
#divProgresoCurso > div > div{height:4px; border-radius:0px !important; background:#f7f7f7 !important;}
#divProgresoCurso > div > div > div{background:var(--colorPrincipal) !important; height:4px; position:absolute; top:0px; box-shadow:none !important; max-width: 100% !important;}
#divProgresoCurso > div > div > div[style*="100"]{background:#04EAAC !important}
#divProgresoCurso > div > div > div.bar p{
    color: #BFBFBF;
    font-size: 11.3px;
    font-weight: 300;
    letter-spacing: -0.4px;
    position: relative;
    right: 0;
    text-shadow: none !important;
    text-transform: uppercase;
    width: 86px;
}
#divProgresoCurso > div > div > div.bar p span{font-weight:900; color:#222728;}

#divProgresoCurso > div > div > div.bar[style*="100"] p span {
    color:#04EAAC;
}

/*controlar la leyenda para la barra de progreso, si el progreso es pequeno*/
#divProgresoCurso > div > div > div.bar[style="width:0%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 0%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:1%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 1%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:2%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 2%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:3%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 3%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:4%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 4%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:5%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 5%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:6%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 6%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:7%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 7%;"] p,
#divProgresoCurso > div > div > div.bar[style="width:8%"] p,
#divProgresoCurso > div > div > div.bar[style="width: 8%;"] p{right: auto; left:0}



#bloque_curso.examenVisible{
    background: none;
    box-shadow: none;
}

#bloque_curso.examenVisible #menuLateralTabsEstudio{
    display: none;	
}
#bloque_curso.examenVisible > img.ocultarImpresion{
    display: none;	
}

.contenedorPlanificacion > div#menuLateralTabsEstudio.span3{
    padding:0px; 
    margin:0px !important; 
    width:200px; 
    background:#303235; 
    position:absolute; 
    left: 0;
    height:100%;
}


#menuLateralTabsEstudio > a{
    display: block;
    float: left;
    height: 200px;
    overflow: hidden;
    width: 200px;
    text-decoration:none !important;
    cursor:pointer !important;
    position: relative;
}
#menuLateralTabsEstudio > a:not(.activo):before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 0 200px 200px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 0 !important;
}
#menuLateralTabsEstudio > a > img {
    position: relative;
    z-index: 1;
}

body:not(.sinSuavizado) #menuLateralTabsEstudio > a,
body:not(.sinSuavizado) #menuLateralTabsEstudio > a > div{
    transition: all 0.55s ease-in-out 0s;
}





#menuLateralTabsEstudio > a > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 200px;
    /*margin-top: -25px;*/
    position: relative;
    top: 0px;
    width: 200px;
    z-index: 150;
}
#menuLateralTabsEstudio > a:hover div{
    top: -200px;
}
#menuLateralTabsEstudio > a.activo:hover div{
    top:0 !important;
}
#menuLateralTabsEstudio > a > div > h5 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
}

#menuLateralTabsEstudio > a > div > p {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
    line-height: 17px;
    padding: 0 10px;
    text-align: center;
}
#menuLateralTabsEstudio > a > div > button {
    display: block;
    font-size: 18px;
    font-weight: 300 !important;
    letter-spacing: -0.3px;
    margin: 0 auto !important;
    padding: 10px 30px;
}


#menuLateralTabsEstudio > a > label {
    background: none repeat scroll 0 0 #F5479B;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    height: 18px;
    left: -2px;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 69px;
    width: 21px;
    z-index: 3;
}
#menuLateralTabsEstudio > a > label[data-numactgrupal="0"]{
    display:none !important
}
#menuLateralTabsEstudio > a:nth-child(2n+1){
    background:#525a6b;
}
#menuLateralTabsEstudio > a:nth-child(2n+2){
    background:#9195aa;
}
#menuLateralTabsEstudio > a.activo {
    background: none repeat scroll 0 0 #FFFFFF !important;
    cursor: default !important;
    position: relative;
    z-index: 151;
}

#menuLateralTabsEstudio > a > span {
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 17px;
    font-weight: 600;
    letter-spacing:-1px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: 100%;
    z-index: 2;
}
#menuLateralTabsEstudio > a.activo > span{
    color:#525a6b;
}
/*
.contenedorPlanificacion > div.span3 > form {
    height: 375px;
    position: relative;
    top: 0px;
    width: 100%;
        margin-bottom:55px;
}

.contenedorPlanificacion > div.span3 > form > div{position:relative}

.contenedorPlanificacion > div.span3 > form > div > h2 {
    background: none repeat scroll 0 0 #333743;
    color: #FFFFFF;
    font-size: 22px;
    padding:10px 0;
    text-align: center;
    width: 100%;
}

form[name="formSeccionActualizate"] div h3 {
        color: #FFFFFF;
    font-size: 39px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    top: 87px;
    width: 100%;
}

form[name="formSeccionActualizate"] div h5 {
        color: #FFFFFF;
        font-size: 25px;
        font-weight: 100;
        line-height: 27px;
        padding: 0 20px;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        top: 190px;
        width: calc(100% - 40px);
}

.contenedorPlanificacion > div.span3 > form > div > img{}
.contenedorPlanificacion > div.span3 > form > div > button{
        border-radius: 0 !important;
    bottom: 50px !important;
    font-weight: 700;
    left: 0;
    margin-left: 71px !important;
    padding: 9px;
    position: absolute;
    text-transform: uppercase;
    width: 130px;
}

.contenedorPlanificacion > div.span3 > button {
    background: green;
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    width: calc(100% - 0px);
        border-radius: 0 !important;
        margin:0px !important;
}
*/
.contenedorPlanificacion #planEstudioDivAsignaturas{
    margin-top: -10px;
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura {
    /*border-top: 1px solid #F0F0F0;*/
    margin-bottom: 0px;
    margin-top: 0;
    padding: 15px 0px;
    width: calc(100% - 20px);
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura div{
    /*border: 1px solid #FF0000;*/
    margin: 0 !important;
    padding: 0 !important;
}

.imgUltimoVisto {
    height: 43px;
    margin: -25px 0 0 -50px;
    position: absolute;
    width: 38px !important;
}
.imgUltimoVisto[id*="imgUltimoVistoUnidadDidactica"] {
    margin-left: -120px;
    margin-top: -12px !important;
}

.imgUltimoVisto[id*="imgUltimoVistoAgrupacion"] {
    margin-left: -116px !important;
    margin-top: -8px !important;
}
.imgUltimoVisto[id*="imgUltimoVistoLineaPlanif"] {
    margin-left: -120px !important;
    margin-top: -13px !important;
}
div.collapse[id*="collpaseDiv"] {
    overflow: hidden;
}
div.collapse.in[id*="collpaseDiv"] {
    overflow: visible;
}
div.collapse[id*="collpaseAgrupacionDiv"] {
    overflow: hidden;
}
div.collapse.in[id*="collpaseAgrupacionDiv"] {
    overflow: visible;
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span1{width:28px;}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span1 > i{position:relative; top:-9px;}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11{
    border-bottom: 1px solid #F0F0F0;
    margin-top: -13px !important;
    padding-bottom: 14px !important;
    width: calc(100% - 28px);
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura:last-child > div.span11{border-bottom: none !important;}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a {
    color: #555555;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 300;
    left: 3px;
    letter-spacing: -0.4px;
    position: relative;
    text-decoration: none !important;
    /*text-transform: lowercase;*/
    width: calc(100% - 135px);
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a::after{
    content: url("../images/v2/bullet.png");
    left: -10px;
    position: absolute;
    /*top: -5px; *//*FAIL*/
    top: 10px;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a:hover{color: var(--colorPrincipal);}


.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a > span.tituloConvocatoriaPlanEstudio {
    background: #444444 none repeat scroll 0 0;
    border-radius: 25px !important;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
    padding: 1px 5px;
    position: relative;
    top: 0;
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a > span:not(class) {
    display: block;
    text-transform: none;
}

.asignaturaConvalidada{opacity: 0.3;}
.asignaturaNoCursando{opacity: 0.3;}

.etiquetaAsignaturaNoCursando {
    color: #888888 !important;
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    text-transform: uppercase;
    top: -1px;
}

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span.pctProgresoModulo {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 3px !important;
    color: #FFFFFF;
    float: left;
    font-weight: 700 !important;
    padding: 4px;
    position: relative;
    top: -2px;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span:not(.pctProgresoModulo) {
    background: none repeat scroll 0 0 #D9D9D9;
    border-radius: 3px !important;
    color: #222728;
    font-weight: 700;
    padding: 4px;
    position: relative;
    top: -2px;
}

ul.dynatree-container {
    border: none !important;
}
ul.dynatree-container li {
    margin: 15px 0 !important;
}

span.dynatree-expander {
    background-position: 0 -80px;
    cursor: pointer;
    position: relative;
    top: 7px;
}
ul.dynatree-container a {
    border: 1px solid rgba(0, 0, 0, 0) !important;
}
.dynatree-ico-cf span.dynatree-icon {
    background: url("../../assets/images/Itinerario/carpeta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 30px;
    width: 30px;
}
.dynatree-ico-ef span.dynatree-icon {
    background: url("../../assets/images/Itinerario/carpeta_abierta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

span.dynatree-icon {
    background: url("../../assets/images/Itinerario/document.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 30px !important;
    width: 30px !important;
}

li[class*="pdf"] span.dynatree-icon {
    background: url("../../assets/images/Itinerario/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

li[class*="png"] span.dynatree-icon {
    background: url("../../assets/images/Itinerario/png.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

li[class*="jpg"] span.dynatree-icon {
    background: url("../../assets/images/Itinerario/jpg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
li[class*="doc"] span.dynatree-icon, li[class*="docx"] span.dynatree-icon{
    background: url("../../assets/images/Itinerario/doc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
li[class*="xls"] span.dynatree-icon{
    background: url("../../assets/images/Itinerario/xls.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
ul.dynatree-container  li{cursor: pointer;}

ul.dynatree-container > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 0;
}

ul.dynatree-container > li:nth-child(2n+2) {
    background: none repeat scroll 0 0 #F7F7F7;
    padding: 10px 0;
}

span.dynatree-node a {
    display: inline-block;
    padding: 5px 13px;
}


ul ul span.dynatree-connector {
    background: url("../lib/treeSimple/src/skin-vista/icons.gif") repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
    position: relative;
    top: 6px;
}
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker {
    background-image: url("../lib/treeSimple/src/skin-vista/icons.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 16px;
}
.dynatree-connector {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}



.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura {
    padding: 0 29px;
    width: calc(100% - 38px);
    position: relative;
    top: -16px;
}
.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]){background:#f7f7f7; height: 31px; position:relative}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div{position:relative;}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group {

    position: absolute;
    right: 180px;

    background:#f7f7f7;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group a{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    margin-top: 0 !important;
    padding: 7px 7px 6px;
    text-transform: uppercase;
    text-shadow:none;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group.open a{background:#222827}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group > a > span{display:none}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group ul{
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: none !important;
    left: inherit;
    padding: 0;
    position: absolute !important;
    right: 20px !important;
    top: 30px !important;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group ul li{border:none}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group ul li a{color:#fff; background:#222827; padding:20px; cursor:pointer}
.contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group ul li a:hover{color:var(--colorPrincipal)}

.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span{color: #111; font-weight:700; font-size:10px; text-transform:uppercase; margin-top: 8px;}
.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioEstado{
    margin-left:12px;
    margin-right:24px;
}

.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > label {
    background: #ea0450 none repeat scroll 0 0;
    border-top: 15px solid #ffffff;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 22px 15px 22px 55px;
    position: relative;
    width: 100%;
}


.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > label::before {
    font-size: 40px;
    left: 10px;
    position: absolute;
    top: 9px;
}


.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioFecha{display:none}
.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioTiempo{margin-left: 37px;margin-right: 14px; display:none}
/*si activamos el mas info*/
.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div.masinfo[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioFecha{display:block}
.divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div.masinfo[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioTiempo{display:block}
/*--------------*/



.divFilaAsignaturaNoCursando{
    color: #808080 !important;
}
.accionAccesoPlanifAsignatura{
    cursor: pointer;
}
.accionAccesoPlanifAsignatura.actualizate,
.accionAccesoPlanifAsignatura.planificate {
    background: none repeat scroll 0 0 #ea0450 !important;
    color: #fff !important;
}

.accionAccesoPlanifAsignatura[onclick*="\'N\', \'S\'"] {
    background: none repeat scroll 0 0 #ea0450 !important;
    color: #fff !important;
}
.actividadPlanEstudioNoClickable{
    text-decoration: none;
}
.contenedorPlanificacion .divListaActividadesAsignatura div ul{
    padding-left:51px;	
}

.contenedorPlanificacion .divListaActividadesAsignatura div ul ul {
    padding-left: 10px;
}


.contenedorPlanificacion .divListaActividadesAsignatura div ul li {
    border:solid 1px rgba(0,0,0,0);
    border-bottom: solid 1px rgba(0,0,0,0.08);
    clear: both;
    display: block;
    float: none !important;
    font-size: 13px;
    list-style: none outside none;
    font-weight: 100;
    width: 100% !important;
}
.contenedorPlanificacion .divListaActividadesAsignatura div ul li:last-child{
    border-bottom:0px !important
}
.contenedorPlanificacion .divListaActividadesAsignatura div ul li span[class*="minutosActividad"]{margin-left: 30px !important;}
.contenedorPlanificacion .divListaActividadesAsignatura div ul li a {
    clear: both;
    display: block;
    padding: 17px 0 35px;
    color:#000;
}
.contenedorPlanificacion .divListaActividadesAsignatura div ul li a div span + br + span{
    color: #B0B0B0;
    display: block;
    font-size: 10px;
    font-style: italic;
    margin-left: 20px;
    margin-top: -3px;
}
.contenedorPlanificacion .divListaActividadesAsignatura div ul li a[href*="collpase"] {
    color: var(--colorPrincipal);
    text-decoration: none;
}

.contenedorPlanificacion .divListaActividadesAsignatura div ul li a[href*="#collpaseAgrupacionDiv"] b {
    margin-left: 15px;
    position: relative;
    text-decoration: none !important;
    top: 3px;
    font-weight: 100;
}
.contenedorPlanificacion .divListaActividadesAsignatura s{
    cursor: pointer;
    display: block;
    font-weight: 100;
    padding-bottom: 20px;
    padding-top: 10px !important;
    text-decoration: none;
}

.contenedorPlanificacion .divListaActividadesAsignatura div ul li a div i {
    margin-left: -35px;
    margin-top: 1px;
    position: absolute;
}

.contenedorPlanificacion .divListaActividadesAsignatura div ul li a div img {margin-top: -3px; margin-right: 10px;}

.contenedorPlanificacion .divListaActividadesAsignatura div ul li a div b {
    margin-left: 5px;
}

.divReplanificacionHorasAlumno{
    margin-bottom: 0px;
    position:relative;
}
.divReplanificacionHorasAlumno > div.span8 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    display: block;
    float: none !important;
    margin: 0 auto !important;
    padding: 0;
    position: absolute;
    right: 99px;
    top: -22px;
    width: 400px;
    z-index: 999;
}


.divReplanificacionHorasAlumno > div.span8 > div{float: left; width: 50%; padding:20px}
.divReplanificacionHorasAlumno > div.span8 > div.horasViejasPlanificacion{position:absolute;}
.divReplanificacionHorasAlumno > div.span8 > div.horasViejasPlanificacion > div{margin-bottom: 10px;
                                                                                margin-left: 0 !important;
                                                                                margin-top: 2px;
}
.divReplanificacionHorasAlumno > div.span8 > div.divCancelarReplanificarHorasAlumno {
    bottom: 50px;
    position: absolute;
}

.divReplanificacionHorasAlumno > div.span8 > div.divCancelarReplanificarHorasAlumno button[id*="btnCancelarPlanficarHorasAlumno"] {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #fff;
}


.divReplanificacionHorasAlumno > div.span8 > div.horasExcesoPlanificacion {bottom: 0px; position: absolute;}
.divReplanificacionHorasAlumno > div.span8 > div.horasExcesoPlanificacion > span {
    border-radius: 0;
    display: block;
    margin-top: 10px;
    padding: 22px;
    text-align: center;
    width: 135px;
}

.divReplanificacionHorasAlumno > div.span8 > div.horasNuevasPlanificacion::before{
    content: url("../images/v2/arrow-right.png");
    margin-left: -63px;
    margin-top: 100px;
    position: absolute;
}
.divReplanificacionHorasAlumno > div.span8 > div.horasNuevasPlanificacion {
    background: none repeat scroll 0 0 #fff;
    border-left: 220px solid #f0f0f0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    margin-left: 0;
    padding-left: 40px;
}
.divReplanificacionHorasAlumno > div.span8 > div.horasNuevasPlanificacion > div.span4{margin-left:0px;}
.divReplanificacionHorasAlumno > div.span8 > div.horasNuevasPlanificacion > div.span4 > button{
    background: none repeat scroll 0 0 #222827;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
}
.divReplanificacionHorasAlumno > div.span8 > div.horasNuevasPlanificacion > div.span4 > button > img{display:none}
.divReplanificacionHorasAlumno > div.span8 > div > div{width:100%;}
.divReplanificacionHorasAlumno > div.span8 > div > div > div{width:100%;}
.divReplanificacionHorasAlumno > div.span8 > div > div > div > select{width:200px;}
.divReplanificacionHorasAlumno > div.span8 > div > div > div > div{width:100%; margin:0px;}
.divReplanificacionHorasAlumno > div.span8 > div > div > div > div > input {
    background: none repeat scroll 0 0 #f0f0f0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px;
    width: 200px;
}
.label-error, .badge-error {
    background-color: #FF0000;
}

.panelContenedorActividad iframe[src*="you"] {

    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    height: auto;
    /*width: 100%;*/
    display: block;
    margin: 0 auto;
    /*
    min-height: 562px;
    width: 945px;
    */

    min-height: 692px;
    width: 1231px;	

}
.ytp-thumbnail-overlay {
    background-size: 100% 100% !important;
}

#menuPrincipal:not(.menuPantallaCompleta) .panelContenedorActividad iframe[src*="you"]{
    /*min-height: 413px;
    width: 735px;*/
    min-height: 515px;
    width: 916px;
}




.padreVideo{height:auto !important}


#bloque_actualizate {
    margin-top: 50px;
}


/*biblioteca*/
#divContenidoBiblioteca > div > #complementos > div.fondoSubseccion > div > h1 {
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 5px solid rgba(34, 40, 39, 0.1);
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 40px;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: calc(100% - 135px);
}
#divContenidoBiblioteca > div > #complementos > div.fondoSubseccion > div > div.buscadorBiblioteca { /*buscador*/
    float: left;
    /* width: calc(100% - 560px);*/
    width:100%;
    margin-top: -6px;
    margin-bottom: 0px !important;
}
#divContenidoBiblioteca > div > #complementos > div.fondoSubseccion > div > div.buscadorBiblioteca > form > div:not(.botoneraFiltrosBiblioteca){
    width:calc(100% - 560px)
}
#divContenidoBiblioteca .buscadorBiblioteca div input{
    border-radius: 0 !important;
    height: auto !important;
    padding: 19px 19px 18px;
    width: 100%;
}

#divContenidoBiblioteca .buscadorBiblioteca div button {
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    height: 54px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}
.botoneraFiltrosBiblioteca > button:not(.btn-primary) {
    color: #222728;
}
.botoneraFiltrosBiblioteca > button.btn-primary > span{
    padding: 0 20px;
}
#divContenidoBiblioteca .buscadorBiblioteca div button i{position: relative; top: 3px;}	


.paginacionBiblioteca{
    float: right;
    left: 12px;
    position: relative;
    top: -53px;
    width: 520px !important;
}
.paginacionBiblioteca:last-child {
    clear: both;
    float: none;
    left: 0;
    margin: 0 auto !important;
    top: 20px;
    width: 376px !important;
}
.paginacionBiblioteca > button {
    left: -20px;
    margin: 0 !important;
    position: relative;
    top: 2px;
}
.paginacionBiblioteca .pagination{border-radius:0px !important; border: medium none !important; position:relative; top: 30px;	}
.paginacionBiblioteca .pagination a {
    background: none repeat scroll 0 0 #4F5459 !important;
    border-radius: 0 !important;
    border: none !important;
    height: auto !important;
    overflow: visible !important;
    padding: 10px 25px;
    width: auto !important;
    border-right:solid 1px #fff !important;
}
.paginacionBiblioteca .pagination a:hover{color:var(--colorPrincipal)}
.paginacionBiblioteca .pagination input {
    border-bottom: 1px solid #CECECE;
    border-radius: 0 !important;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #CECECE;
    height: auto !important;
    padding: 16px 0 20px;
    width: auto !important;
}
#primeraPaginacionBiblioteca {
    left: auto;
    position: absolute;
    right: 10px !important;
    top: 49px !important;
}
a#verTest {
    padding: 6px 3px;
}
#divContenidoBiblioteca #complementos .fondoSubseccion > div > div#divBibliotecaIzq{float: left; margin-right: 0.5%; width: 49.5%;}
#divContenidoBiblioteca #complementos .fondoSubseccion > div > div#divBibliotecaDcha{float: left; margin-left: 0.5%; width: 49.5%; }
.divPanelContenidoBiblioteca {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: right;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado {
    min-height: 116px;
    border-left: 7px solid var(--colorPrincipal);
    position:relative;
    padding: 20px 20px 20px 0;
    min-height: 170px;
    position:relative
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.row-fluid{
    width: 20%;
    float: left;
    position: relative;
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > img{
    width: 17%;
    position: absolute;
    left: 0;
    top: 17px;
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse{
    float: left;
    width: calc(100% - 20%);
    margin-left:20%
}



.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div.row-fluid > span {
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 10px;
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > hr{display:none}
.divPanelContenidoBiblioteca .accordion{margin-bottom:0px !important;}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div{margin:0px !important;}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div > div{margin:0px !important;}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div > div > div{
    margin:0px !important; 
    padding-bottom: 5px;
    padding-top: 5px;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div > div > div > img{width:13%}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div > div > div > a{
    color: #222222 !important;
    display: block;
    margin-left: 3%;
    padding-top: 4%;
    text-decoration: underline !important;
    width: 84%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div.collapse > div[id*="contenidoScorm"] .accordionSCORM > div > div > div > a > span{text-decoration:underline !important;}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div.span10 {
    font-size: 13px;
    line-height: 22px;
    margin-left: 0;
    text-align: justify;
    width: 70%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div.span10.bibliotecaVideo {
    margin-bottom: 10px;
    width: 100%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div.span2{
    width: 23%;
    margin-left:7%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div.span2 .span6{
    width:100%;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div.span2 .span6 button.btn {
    border-radius: 0 !important;
    display: block !important;
    font-size: 14px;
    font-weight: 800;
    height: 40px;
    margin-top: 10px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;


}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div#divBarraDescargas .divDescargaActividad{background:none; width:100%; margin-top: 15px;}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div#divBarraDescargas .divDescargaActividad > div{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); height: 40px;}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div#divBarraDescargas .divDescargaActividad .span6{
    padding-left: 10px;
    padding-top: 11px;
    text-align: left;
    width: 100%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado > div[id*="demo"] > div#divBarraDescargas .divDescargaActividad .span6 button{
    border-radius: 0 !important;
    display: block !important;
    font-size: 14px;
    font-weight: 800;
    height: 40px;
    margin-top: -11px;
    text-shadow: none;
    text-transform: uppercase;
    width: 120px;
    float: right;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado div[id*="demo"] div[id*="divComponente"] {
    margin-top: 28px;
    position: relative;
    margin-left:0px !important;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado div[id*="demo"] div[id*="divComponente"] > div[id*="player"]{
    width:100% !important;
}

.videoBibliotecaYoutube iframe {
    width: 100% !important;
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado > a {
    border-bottom: 2px solid var(--colorPrincipal);
    display: block;
    height: auto !important;
    margin-bottom: 15px;
    margin-left: 20%;
    padding-bottom: 5px;
    width: 80%;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado span.tituloBiblioteca {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px;
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado span.tituloBiblioteca:after {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
    content: attr(data-textoHover);
    font-size: 13px;
    font-weight: 800;
    margin-left: 8px;
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
    top: -1px !important;
}

.divPanelContenidoBiblioteca div.bordeGrisRedondeado img{
    float:left
}
.divPanelContenidoBiblioteca div.bordeGrisRedondeado i{display:none}

.botoneraFiltrosBiblioteca {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
    margin-top: 30px;
}
.botoneraFiltrosBiblioteca{text-align:center; position: relative;}

.botoneraFiltrosBiblioteca > button {
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 0 !important;
    width: auto !important;
}
.botoneraFiltrosBiblioteca:before {
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 54px;
    width: 0;
}




body > div#modalBack {
    z-index: 2147483645 !important;
}






/*DICCIONARIO*/
#diccionario .fondoSubseccion .divBotoneraSuperiorDiccionario {
    /*float: right;*/
    padding: 0 !important;
    width: 140px;
    position:fixed;
    right:0px;
    z-index: 99999;
}
#diccionario .fondoSubseccion .divInferiorDiccionario{
    margin-left: 20px;
    position: relative;
    top: 20px;
    width: calc(100% - 40px);
}
#diccionario .fondoSubseccion .divInferiorDiccionario .titulosDiccionario {
    font-weight: 100;
    margin-bottom: 0;
    margin-left: 285px;
    position: relative;
    top: 6px;
    width: calc(100% - 410px);
}

#diccionario .fondoSubseccion .divInferiorDiccionario .span3{width: 230px; margin-top: 10px;}

#diccionario .fondoSubseccion .divInferiorDiccionario .span3:before {
    background: none repeat scroll 0 0 #222827;
    color: #FFFFFF;
    content: attr(textoHover);
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
#diccionario .fondoSubseccion .divInferiorDiccionario .span9{
    border-left: 1px solid #CCCCCC;
    margin-left: 31px !important;
    padding-left: 20px !important;
    padding-top: 60px;
    position: relative;
    top: -26px;
    width: calc(100% - 261px);
}
#diccionario .fondoSubseccion .divInferiorDiccionario .span9 > .fondoSubseccion > div:first-child{width: calc(100% - 125px);}

#diccionario .fondoSubseccion .divInferiorDiccionario > .span3 > .bordeGrisRedondeado{margin-bottom:10px; padding:0px !important;}
#diccionario .fondoSubseccion .divInferiorDiccionario > .span3 > .bordeGrisRedondeado > a{
    border: medium none !important;
    color: #222728 !important;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
}

#diccionario #contenidoDiccionario > .fondoSubseccion > div > div.span12:not(#terminos) > a{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    float: left;
    font-size: 30px;
    font-weight: 800;
    height: 40px;
    margin: 0 5px 10px;
    padding: 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    vertical-align: middle;
}

#diccionario #contenidoDiccionario > .fondoSubseccion > div > div#terminos{
    margin-top: 30px;
    padding-top: 10px;
}
#diccionario #contenidoDiccionario > .fondoSubseccion > div > div#terminos .span12 > br{
    display: none;
    height: 1px !important;
    line-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#diccionario #contenidoDiccionario > .fondoSubseccion > div > div#terminos .termino{clear: both; margin-bottom: 30px;}
#diccionario #contenidoDiccionario > .fondoSubseccion > div > div#terminos .termino p{display:inline !important;}
#diccionario #contenidoDiccionario > .fondoSubseccion > div > div#terminos .termino p br {
    display: none;
}

/*FIN DE DICCIONARIO*/

/*fin de biblioteca*/

/*FIN DE PLAN DE ESTUDIO*/






/*---------------ENTRENATE---------------*/
#seccionEntrenate .fondoGris {
    /*height: 50px;*/
    margin-left: 30px;
    width: calc(100% - 60px);
}
/*---------------FIN DE ENTRENATE---------------*/



/*---------------NOTICIAS---------------*/
.noticiasPagina{display:none}
.noticiasPagina h2{padding: 15px}


#divBotoneraCategoriasNoticias {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    box-sizing: border-box;
    color: #111111 !important;
    left: 0;
    margin-top: 11px;
    padding: 30px;
    position: absolute;
    width: calc(100% - 0px);
    z-index: 150001;
}
#divBotoneraCategoriasNoticias:before {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    content: "";
    display: block;
    height: 13px;
    left: 16px;
    position: absolute;
    top: -13px;
    width: 61px !important;
}
#divBotoneraCategoriasNoticias.oculto{
    display:none !important; 
}
#divFicherosNoticiaNuevaEdicionAvanzadaAlumno .custom-input-file,
#divFicherosNoticiaNuevaAlumno .custom-input-file {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e4e4e4;
    padding-top: 6px;
}
#divBotoneraCategoriasNoticias button {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important;
	border: medium none;
	box-shadow: none;
	box-sizing: border-box;
	color: #000 !important;
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 10px;
	max-width: none;
	padding: 10px;
	text-align: left;
	text-transform: none !important;
	width: 24.5% !important;
	width: calc(100% / 4 + -3px) !important;
	opacity: 1;
	text-decoration: none !important;

}

body:not(.sinSuavizado) #divBotoneraCategoriasNoticias button {
    
    transition: all  0.25s ease-out;
}
#divBotoneraCategoriasNoticias button:hover{opacity: 0.3;}
#divBotoneraCategoriasNoticias button:hover span{text-decoration: underline}

#divBotoneraCategoriasNoticias button i {
    font-size: 18px;
    margin-right: 6px;
    position: relative;
    top: 3px;
}



#formBuscadorTextoNoticias {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border-top: 5px solid var(--colorPrincipal);*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position:relative;
    background:#fff;
    padding:14px 16px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);*/
    width: calc(100% - 6px);

}
#formBuscadorTextoNoticias > a#menuNoticias {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 0 !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    position: absolute;
    width: 61px;
    /*DISPLAY: NONE !IMPORTANT*/
}

#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas {

    border: medium none !important;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 57px !important;
    left: 0;
    margin-left: 71px;
    margin-right: -60px;
    overflow: hidden;
    padding: 9px 5px 5px;
    position: relative;
    right: 0;
    width: 61px;
}
#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas:not(.nuevas){
    background: #fff none repeat scroll 0 0;
}
#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas.nuevas{
    background: var(--colorPrincipal) none repeat scroll 0 0;
}

#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas.nuevas #activarNoticiasNuevas img:first-child{
    display:none;
}
#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas.nuevas #activarNoticiasNuevas img:last-child{
    display:inline;
}
#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas:not(.nuevas) #activarNoticiasNuevas img:first-child{
    display:inline;
}
#formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas:not(.nuevas) #activarNoticiasNuevas img:last-child{
    display:none;
}

#formBuscadorTextoNoticias > a#menuNoticias img {
    display: block;
    margin: 0 auto;
    opacity: 1 !important;
    padding: 20px 18px;
    position: relative;
    top: 0;
    width: 25px;
}

#formBuscadorTextoNoticias > input {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid rgba(178, 178, 178, 0.3);
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000;
    font-size: 16px;
    font-weight: 100;
    height: 47px;
    margin-left: 70px;
    padding: 4px 0 4px 20px;
    /*width: calc(100% - 483px);*/
    width:calc(100% - 164px)

}
body:not(.sinSuavizado) #formBuscadorTextoNoticias > input {

    
    transition: all  0.25s ease-out;
}
#formBuscadorTextoNoticias > input#textobuscar:hover {
    opacity: 0.5;
}

#formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]){
    height: 57px;
    left: calc(100% - 507px);
    margin-top: 14px;
    padding: inherit;
    position: absolute;
    top: 0;
    width: 100px;
    opacity:1;
}
#formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]) {
    left: auto;
    right: 13px;
    margin-right: 0;
}
body:not(.sinSuavizado) #formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]){
    
    transition: all 0.4s ease;
}
#formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]):hover{
    opacity:0.5
}

#formBuscadorTextoNoticias #filtrosNoticias {
    left: auto;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 2147483647;
}
#formBuscadorTextoNoticias #filtrosNoticias button {
    background: none repeat scroll 0 0 #DFDFDF;
    border-style: none solid;
    border-width: medium 1px;
    height: 57px;
    left: auto !important;
    margin-right: 10px;
    opacity: 1;
    position: relative;
    right: 0;
    top: -6px;
    width: 57px;
    text-align:center;
}

#contenedorNoticias {
    margin-top: 30px;
}
#listanoticiasnodestacadas{position:relative}
#listanoticiasnodestacadas  .noticia{
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    border:none !important;
    border-radius:0px !important;
    padding:0 !important;
    float: left;
    margin: 80px 14px 29px 0;
    width: calc(20% - 11.2px);
    overflow: hidden;
    position:absolute;
    background-color: #FFFFFF;
    opacity: 0;
}
#listanoticiasnodestacadas  .noticia.mostrada{opacity: 1; margin-top:0px}

body:not(.sinSuavizado) #listanoticiasnodestacadas  .noticia{
    transition: opacity  0.4s ease-out 0.2s;
    transition: top  0.25s ease-out;

}
/*
html:not(.mobile) #listanoticiasnodestacadas:hover > .noticia.mostrada{opacity: 0.6 !important;}
html:not(.mobile) #listanoticiasnodestacadas > .noticia.mostrada:hover{opacity: 1 !important;}

*/
#listanoticiasnodestacadas .noticia.mostrada:not(.nuevaNoticiaAlumno):before {
    background: none repeat scroll 0 0 #222728;
    box-sizing: border-box;
    color: #fff;
    content: attr(data-indice);
    height: 20px;
    right: 5px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 20px;
    z-index: 150;
    border-radius:50%;
}

/*
#listanoticiasnodestacadas .noticia:first-child {
    margin-right: 14px !important;
}

.noticia:nth-child(5n+5) {
    margin-right: 0 !important;
}*/

#listanoticiasnodestacadas #nuevaNoticiaAlumno{
    z-index:900;
}



#listanoticiasnodestacadas #titularNuevaNoticiaAlumno,
#listanoticiasnodestacadas #textoNuevaNoticiaAlumno {
    background: none repeat scroll 0 0 #f8f8f8;
    border-color: #e4e4e4;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 8px;
    max-width: 100%;
    min-width: 100%;

}


#listanoticiasnodestacadas #nuevaNoticiaAlumno #btnGuardarNuevaNoticiaAlumno {
    font-size: 18px;
    margin-bottom: 15px;
    max-width: none !important;
    width: 100%;
}


#listanoticiasnodestacadas #nuevaNoticiaAlumno a[onclick*="edicionAvanzadaNoticiaNuevaAlumno"] {
    cursor: pointer;
    display: block;
    text-align: right;
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno a[onclick*="edicionAvanzadaNoticiaNuevaAlumno"]:before {
    font-size: 26px;
    margin-bottom: 10px;
    margin-right: 8px;
    position: relative;
    top: 4px;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno a[onclick*="edicionAvanzadaNoticiaNuevaAlumno"] span{
    text-decoration:underline;
}

#divTitularNoticiaNuevaEdicionAvanzadaAlumno {
    width: 100%;
}
#titularNuevaNoticiaEdicionAvanzadaAlumno {
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    height: 56px;
    padding: 5px 10px;
}
#divFicherosNoticiaNuevaEdicionAvanzadaAlumno, #divFicherosNoticiaNuevaEdicionAvanzadaAlumno > div {
    clear: both;
    float: none;
    margin: 5px 0;
    width: 100% !important;
}
#inputFotoNoticiaNuevaEdicionAvanzadaAlumno_wrap{background:none !important}


#divFicherosNoticiaNuevaEdicionAvanzadaAlumno > div .MultiFile-list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

#divFicherosNoticiaNuevaEdicionAvanzadaAlumno > div .MultiFile-label span {
    color: #000 !important;
}
#divFotoNoticiaNuevaEdicionAvanzadaAlumno > div > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
}

#divFotoNoticiaNuevaEdicionAvanzadaAlumno > div > div > input {
    height: 46px;
    margin: 0;
    top: 0;
}
#divAdjuntoNoticiaNuevaEdicionAvanzadaAlumno > div > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
}


#cke_textoNuevaNoticiaEdicionAvanzadaAlumno > div {
    margin-bottom: 0 !important;
}


#inputFotoNoticiaNuevaEdicionAvanzadaAlumno_wrap {
    background: none repeat scroll 0 0 #f0f0f0;
    float: right;
    /*padding: 10px 5px 5px;*/
    width: calc(100% - 60px);
    margin-top: 7px;
}
#inputAdjuntoNoticiaNuevaEdicionAvanzadaAlumno_wrap {
    /*background: none repeat scroll 0 0 #f0f0f0;*/
    float: right;
    /*padding: 10px 5px 5px;*/
    width: calc(100% - 60px);
    margin-top: 7px;
}

#divAdjuntoNoticiaNuevaEdicionAvanzadaAlumno > div > div > input {
    height: 46px;
    margin: 0;
    top: 0;
}
#titularNuevaNoticiaEdicionAvanzadaAlumno {
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    height: 56px;
    padding: 5px 10px;
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno #formNuevaNoticiaAlumno {
    margin-bottom: 0;
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno #divFicherosNoticiaNuevaAlumno button {
    background: none;
    border: medium none;
    width: 100%;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno #divFotoNoticiaNuevaAlumno button{
    text-align:right;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno #divAdjuntoNoticiaNuevaAlumno button{
    text-align:left;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno .MultiFile-label{
    position: relative;
}


#listanoticiasnodestacadas #nuevaNoticiaAlumno .MultiFile-label:before {
    border-color: transparent transparent #f0f0f0;
    border-style: solid;
    border-width: 0 7.5px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    top: -10px;
    width: 0;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno #divAdjuntoNoticiaNuevaAlumno .MultiFile-label:before{
    right: auto;
    left:14px;
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno a.MultiFile-remove {
    background: none repeat scroll 0 0 #fff;
    display: block;
    height: 22px;
    width: 25px;
    position: absolute;
    top: -24px;
    left:0
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno #divAdjuntoNoticiaNuevaAlumno a.MultiFile-remove {
    left:auto;
    right: 0;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno .MultiFile-remove > img {
    height: 10px !important;
    width: 10px !important;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno .MultiFile-label span {
    color: #333 !important;
    display: block;
    font-size: 10px !important;
    margin: 10px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    width: 100%;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno .contenidoNoticia > p{
    font-size: 17px;
    font-weight: 100;
    letter-spacing: -0.4px;
    text-align: center;
    text-transform: uppercase;
}
#listanoticiasnodestacadas #nuevaNoticiaAlumno #divFicherosNoticiaNuevaAlumno {
    padding-top: 7px;
}

#listanoticiasnodestacadas #nuevaNoticiaAlumno .MultiFile-wrap {
    position: relative;
    top: -10px;
}


#listanoticiasnodestacadas  .noticia > img.imagenPrincipal {
    height: auto;
    margin: 0 auto;

    min-height: 200px;
    max-height: 450px;

    min-width: 100%;
    /*width: auto !important;*/
    width:100% !important;
    max-width: none;

    position: relative;   
    z-index: 0;
}


#listanoticiasnodestacadas .noticia > img[src*="generica"] {
    display: none;
}

#listanoticiasnodestacadas  .noticia > img.iconoImagenDestacada{
    position:absolute;
    top:6px;
    left:6px;
    z-index: 34;
}
#listanoticiasnodestacadas  .noticia  img.iconoImagenNueva{
    position:absolute;
    top:43px;
    left:6px;
    z-index: 34;
}
#listanoticiasnodestacadas  .noticia img.iconoImagenMeGusta{
    position:absolute;
    top:80px;
    left:6px;
    z-index: 34;

}
#listanoticiasnodestacadas  .noticia:not(.noticiaNueva) img.iconoImagenMeGusta{ top:43px;}



#listanoticiasnodestacadas .noticia .contenidoNoticia {
    padding: 13px;
    position: relative;
}



#listanoticiasnodestacadas .noticia.mostrada.noticiaNueva .contenidoNoticia::after {
    background: #ffffff none repeat scroll 0 0 !important;
    border-radius: 50%;
    content: url("../../assets/images/noticias/nueva.png") !important;
    height: 35px !important;
    left: auto !important;
    padding: 3px 4px 5px !important;
    position: absolute;
    right: 10px;
    top: -21px !important;
    width: 35px !important;
}
#listanoticiasnodestacadas .noticia.mostrada.noticiaNueva:not(.noticiaConImagen) .contenidoNoticia::after {
    right: 0;
    top: 30px !important;
}


#categoriasNoticiasSeleccionadas {
    position: absolute;
    right: 0;
    top: 0;
}



/*#listanoticiasnodestacadas  .noticia:not(.noticiaConImagen) .contenidoNoticia{padding-top:50px}*/
#listanoticiasnodestacadas  .noticia:not(.noticiaConImagen) img.iconoImagenDestacada{top: 6px; left:13px}
#listanoticiasnodestacadas  .noticia:not(.noticiaConImagen) img.iconoImagenNueva{top: 6px; left:13px}
#listanoticiasnodestacadas  .noticia:not(.noticiaConImagen) img.iconoImagenMeGusta{top: 6px; left:48px}
#listanoticiasnodestacadas  .noticia:not([class*="noticiaConImagen"]):not([class*="noticiaDestacada"]) img.iconoImagenNueva{top: 6px; left:48px}
#listanoticiasnodestacadas  .noticia:not([class*="noticiaConImagen"]):not([class*="noticiaDestacada"]):not([class*="iconoImagenNueva"]) img.iconoImagenNueva{top: 6px; left:83px}




#listanoticiasnodestacadas  .noticia .imagenGenericaNoticia {
    width: 100%;
}

#listanoticiasnodestacadas  .noticia .contenidoNoticia .tituloNoticia {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 11px;
    width: 100%;
}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia * {
    background: none repeat scroll 0 0 #ffffff !important;
    text-decoration: none;
}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p {
    margin: 0;
}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p em{font-style: normal; text-transform: lowercase;}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p em:first-letter{ text-transform: uppercase;}

#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h1,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h2,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h3,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h4,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h5,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h6
{
    line-height: 18px;
    font-size: 13px;
    font-weight: 300;
    /*text-transform:lowercase;*/
}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h1:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h2:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h3:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h4:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h5:first-letter,
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia h6:first-letter
{
    text-transform:uppercase;
}
#listanoticiasnodestacadas .noticia .contenidoNoticia .tituloNoticia p:empty{display:none}
#listanoticiasnodestacadas  .noticia .contenidoNoticia .textoNoticia {
    color: #4F5459;
    display: none;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 15px;
    margin-top: 15px;
    max-height: 148px;
    overflow: hidden;
    text-align: justify;
}
#listanoticiasnodestacadas  .noticia .contenidoNoticia .cagetoriaNoticia {
    display: block;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 5px;
}
#listanoticiasnodestacadas  .noticia .contenidoNoticia .fechaNoticia{
    color: #CCCCCC;
    display: block;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: 0px;
    /* margin-left: 13px;*/
    margin-top: 0px;
    width: 80%;
}
#listanoticiasnodestacadas  .noticia  .autorNoticia{
    border-top: 1px dashed #D0D0D0;
    display: block;
    padding: 12px;
    width: calc(100% - 24px);
}

#listanoticiasnodestacadas > .noticia  .autorNoticia > .contenedorImagen{
    width:30px; 
    float: left;
    height: 30px;
    margin-right: 12px;
    border-radius:3px; 
    overflow:hidden;
}
#listanoticiasnodestacadas > .noticia  .autorNoticia > .contenedorImagen.fondoFotoGenerica{
    background-color: #fff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url('../images/fotoGenerica.png');
}

#listanoticiasnodestacadas > .noticia  .autorNoticia > .contenedorImagen.fondoFotoGenerica.mujer{
	background-image: url('../images/fotoGenerica_mujer.png')
}








#listanoticiasnodestacadas .noticia .autorNoticia > .contenedorImagen > img {
    height: auto;
    min-height: 30px;
    min-width: 30px;
    width: auto;
}

#listanoticiasnodestacadas  .noticia  .autorNoticia > .contenedorNombre{float:left;width:calc(100% - 70px);}
#listanoticiasnodestacadas  .noticia  .autorNoticia > .contenedorNombre > span.nombreAutor{
    color:#4f5459;
    font-size:12px;	
}
#listanoticiasnodestacadas  .noticia  .autorNoticia > .noticiaConAdjunto{
    display: block;
    float: left;
    width: 22px;
    position: relative;
    top: 5px;
}

#listanoticiasnodestacadas  .noticia .autorNoticia > .contenedorNombre > span.nombrePuesto{
    font-size:12px;
    color:#cccccc;
    display:block;
}


#contenedorNoticias .pagination , #comentariosnoticia .pagination{
    border: medium none !important;
    border-radius: 0 !important;
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
    top: 30px;
    width: 420px;
    padding-bottom: 50px;
}

#contenedorNoticias .pagination a, 
#comentariosnoticia .pagination a{
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'open sans' !important;
    font-size: 32px;
    font-weight: 100 !important;
    height: auto !important;
    margin-right: 0px;
    opacity:1;
    overflow: visible !important;
    padding: 7px 22px 15px;
    width: auto !important;
}

body:not(.sinSuavizado) #contenedorNoticias .pagination a, 
body:not(.sinSuavizado) #comentariosnoticia .pagination a{
    
    transition: all  0.25s ease-out;
}

#contenedorNoticias .pagination a:not(.disabled):hover, 
#comentariosnoticia .pagination a:not(.disabled):hover{
    background: none repeat scroll 0 0 #fff !important;
    color: var(--colorPrincipal) !important;
    opacity: 1 !important;
}

#contenedorNoticias .pagination a.disabled, 
#comentariosnoticia .pagination a.disabled{
    opacity:0.5 !important;
    cursor:default;
}


#contenedorNoticias .pagination input, 
#comentariosnoticia .pagination input {
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    border-radius: 0 !important;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    height: auto !important;
    letter-spacing: -1px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 18px 0 20px;
    text-transform: uppercase;
    width: auto !important;
}





#contenedorDetalleItem {
    background: #ffffff none repeat scroll 0 0;
    z-index: 2147483647;
}
#contenedorDetalleItem textformat p{line-height: 22px; margin-bottom: 19px;}
#contenedorDetalleItem textformat p font{
    font-size: 14px !important;
    line-height: 14px !important;
    font-weight:100;
}
#contenedorDetalleItem textformat p font b{font-weight:600}


#comentariosnoticia{background: none repeat scroll 0 0 #FFFFFF;}
#comentariosnoticia textformat p {
    line-height: 22px;
    margin-bottom: 19px;
}
#comentariosnoticia textformat p font {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight:100;
}
#comentariosnoticia textformat p font b{font-weight:600}
#comentariosnoticia div{
    font-size: 14px !important;
    line-height: 14px !important;
    font-weight:100;
}

#contenedorDetalleItem button[onclick*="volverListadoItems"]{
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #222728;
    display: block;
    float: none;
    font-weight: 800;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 280px;
    padding: 8px;
    position: absolute;
    right: 20px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 270px;
    background:var(--colorPrincipal) !important;
    color:#fff;
}


#contenedorDetalleItem span.titulo {
    display: block;
    font-size: 28px;
    margin-left: 0;
    margin-top: 10px;
}
#contenedorDetalleItem form[id*="nuevoComentarioForm"] #comentarnoticia {
    padding: 30px;
    width: calc(100% - 60px);
}
#contenedorDetalleItem .textoClaro{color:#bbb;}

.pestanaNaranjaClaro h3 {
    display: inline;
    padding-right: 10px;
}
#comentariosnoticia{
    padding:30px;
    width: calc(100% - 60px);
}



#textoDetalleItem {
    clear: both;
}
#textoDetalleItem ul li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px !important;
    margin-top: 20px !important;
    list-style: square;
}


#textoDetalleItem textformat li {
    left: 30px;
    list-style: square outside none;
    position: relative;
    width: calc(100% - 30px);
}

#textoDetalleItem textformat li font[size] {
    clear: both;
    color: #222728;
    display: block;
    float: none !important;
    font-size: 15px !important;
    font-weight: 100;
    margin-bottom: 10px !important;
}


.divListadoExamenesCertificacionesCurso > .fondoNegro,
#contenedorProcesoCompra > .fondoNegro,
#contenedorDetalleItem > .fondoNegro {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    cursor:pointer;
    height: 100% !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 2147483647;
}
.divListadoExamenesCertificacionesCurso > .fondoNegro, 
#contenedorProcesoCompra > .fondoNegro{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);}


#modalCuadradaContenedor .fondoNegro{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    cursor:pointer;
    height: 100% !important;
    left: 0;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 2147483647;
}
#modalCuadradaContenedor .modalCuadrada,
.modalCuadradaContenedor .modalCuadrada{
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    height: calc(80% - 40px) !important;
    left: 0;
    margin: 0px auto 0;
    max-height: 80%;
    max-width: 890px;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    width: calc(80% - 20px) !important;
    z-index: 2147483647;
    box-sizing: border-box;
    padding: 60px 40px;
    top: 10%;
}


.divListadoExamenesCertificacionesCurso .listadoExamenesCitasCertificacion,
#contenedorProcesoCompra > .procesoCompra,
#contenedorDetalleItem > .detalleItem {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    height: calc(80% - 40px) !important;
    left: 0;
    margin: auto;
    max-height: 80%;
    max-width: 890px;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(80% - 20px) !important;
    z-index: 2147483647;
}
.divListadoExamenesCertificacionesCurso .listadoExamenesCitasCertificacion,
#contenedorProcesoCompra > .procesoCompra{
    -webkit-backface-visibility: hidden; 
    -webkit-transform: translateZ(0);
    box-sizing: border-box;
    max-width: 1330px; 

}
.divListadoExamenesCertificacionesCurso .listadoExamenesCitasCertificacion{
    box-sizing: border-box;
    padding: 60px 40px;
    top: 10%;
}



/*#contenedorProcesoCompra > .procesoCompra .noticiaImagen,*/
#contenedorDetalleItem > .detalleItem .noticiaImagen{
    background:#fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 170px;
    overflow-x:hidden;
    z-index:99;
}

/*body:not(.sinSuavizado) #contenedorProcesoCompra > .procesoCompra .noticiaImagen,*/
body:not(.sinSuavizado) #contenedorDetalleItem > .detalleItem .noticiaImagen{
    
    transition: all  0.4s ease-out;
}
/*#contenedorProcesoCompra > .procesoCompra .noticiaImagen > img,*/
#contenedorDetalleItem > .detalleItem .noticiaImagen > img{
    height: 100%;
    max-width: none;
    width: auto !important;
}
#contenedorDetalleItem > .detalleItem .noticiaImagen > #conmutadorImagenNoticia{
    position:absolute;
    top:10px;
    left:10px;
    cursor:pointer;
    z-index: 100;
}

#contenedorDetalleItem > .detalleItem .noticiaImagen > #conmutadorImagenNoticia > #conmutadorImagenNoticiaGrande{display:block;}
#contenedorDetalleItem > .detalleItem .noticiaImagen > #conmutadorImagenNoticia > #conmutadorImagenNoticiaPequeno{display:none;}

#contenedorDetalleItem > .detalleItem .noticiaImagen.desplegado > #conmutadorImagenNoticia > #conmutadorImagenNoticiaGrande{display:none;}
#contenedorDetalleItem > .detalleItem .noticiaImagen.desplegado > #conmutadorImagenNoticia > #conmutadorImagenNoticiaPequeno{display:block;}



#contenedorDetalleItem > .detalleItem .detalleItemContenido{
    overflow-y: scroll;
    margin-left:170px;
    width: calc(1005 - 170px);
    height: 100%;
}
.procesoCompra .detalleItemContenido > div > div.botonCerrarCompra,
.detalleItemContenido > div > div.botonCerrarDetalle{
    max-width: 100% !important;
    position: fixed;
    width: calc(80% - 206px) !important;
}
#contenedorProcesoCompra button[onclick*="cerrarProcesoCompra"],
#contenedorDetalleItem button[onclick*="volverListadoItems"] {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none !important;
    border-radius: 50% !important;
    height: 50px;
    margin-right: 0 !important;
    margin-top: 0;
    position: absolute;
    right: 17px;
    top: 0;
    width: 50px;
    z-index: 98;
}
#contenedorProcesoCompra button[onclick*="cerrarProcesoCompra"]{
    right: -3px;
}

.detalleItemContenido p.fechaPublicacionItem{font-size:12px; color:#a5a6a6; font-weight:100; text-transform:uppercase; letter-spacing:-0.2px; margin-bottom: 0px;}
.detalleItemContenido p.categoriaNoticia{font-size:12px; color:#7a7a7a; font-weight:100; letter-spacing:-0.2px; margin-top: -10px; margin-bottom: 0px;}

.detalleItemContenido div.cabeceraNoticia{
    clear: both;
    position: relative;
    width: 100%;
    min-height: 125px;
}
.detalleItemContenido div.cabeceraNoticia div.titulo,
.detalleItemContenido div.cabeceraNoticia div.titulo p,
.detalleItemContenido div.cabeceraNoticia div.titulo * {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.2px;
    color: #222728;
    margin-bottom: 0px;
    background: none !important;
}


.detalleItemContenido div.cabeceraNoticia div.titulo{
    border-bottom: 1px solid rgba(34, 39, 40, 0.1);
    float: left;
    margin-bottom: 50px;
    margin-top: 3px;
    padding-bottom: 14px;
    width: calc(100% - 137px);
}

.detalleItemContenido div.cabeceraNoticia div.autorNoticia {
    bottom: 10px;
    float: left;
    margin-top: 0;
    padding-left: 12px;
    position: absolute;
    right: 0;
    width: 125px;
}
.detalleItemContenido div.cabeceraNoticia div.autorNoticia .contenedorAutorNoticia{
    border-radius:50%;
    overflow:hidden;
    width:109px;
    height:109px;
    float: right;
    margin-bottom: -18px;
}
.detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaTexto{
    clear: both;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 0;
    margin-top: -10px;
}
.detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaNombre {
    color: #A5A6A6;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: -4px;
    text-transform: uppercase;
}
.detalleItemContenido #textoDetalleItem p{
    font-weight:100;
    color:#222728;
    font-size:15px;
    line-height:24px;
    margin-bottom: 17px;
}

.detalleItemContenido #textoDetalleItem p * {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.detalleItemContenido #textoDetalleItem p img{
    max-width: 100%;
    height: auto !important;
}
.detalleItemContenido #textoDetalleItem p span[style*="color:#0000FF"]{
    color: #222728 !important;
}

.detalleItemContenido #textoDetalleItem p span[style*="color:#FF0000"]{
    color:rgba(234, 4, 80, 0.8) !important;
}
.detalleItemContenido #textoDetalleItem p span[style*="color:#FF0000"] strong {
    color: rgba(234, 4, 80, 0.8) !important;
}
.detalleItemContenido #textoDetalleItem p a{
    color: var(--colorPrincipal);
    font-size:15px;
    text-decoration: none;
    display: inline;
    max-width: 100%;
    overflow: hidden;

}
.detalleItemContenido #textoDetalleItem p a:hover, .detalleItemContenido #textoDetalleItem p a:active{text-decoration:underline}

.detalleItemContenido #textoDetalleItem ul{margin:25px 0 25px 30px}
.detalleItemContenido #textoDetalleItem ul li{
    font-weight:100;
    color:#222728;
    font-size:15px;
    line-height:24px;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
}

#contenedorDetalleItem p:empty{
    display:none;
} 
#contenedorDetalleItem .adjuntosDetalleItem{margin: 10px auto;}
#contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia {
    background: none repeat scroll 0 0 rgba(34, 39, 40, 0.05);
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 255px;
    position: relative;
}
#contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia > div{
    -moz-box-sizing: padding-box;
    box-sizing: border-box;
    float: left;
    min-height: 70px;
    padding: 20px 15px;
    width: calc(100% - 70px);
}
#contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia span.textoFijoAdjunto{
    display:block;
    color:#222728;
    font-size:15px;
    letter-spacing:-0.2px;
    font-weight:100;
    text-transform:uppercase;
    position:relative;
    top: -4px;
}
#contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia span.nombreAdjunto {
    color: #A4A4A4;
    display: block;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 15px;
    position: relative;
    top: -4px;
    max-width: 100% !important;
    overflow: hidden;
}

#contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia button.linkAdjuntos {
    background: none repeat scroll 0 0 rgba(34, 39, 40, 0.1);
    border: medium none;
    float: left;
    height: 100%;
    min-height:70px;
    position: absolute;
    width: 70px;
}


#contenedorDetalleItem #comentariosnoticia{
    background:rgba(42,45,48,0.1);
    padding: 22px 30px 30px;
}

#contenedorDetalleItem #comentariosnoticia .comentario {
    margin-bottom: 50px !important;
}

#contenedorDetalleItem #comentariosnoticia .comentario:last-child {
    margin-bottom: 0 !important;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ{
    width:100px;
    padding-right:23px;
    margin:0;
    float: left;
    position: relative;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .contenedorFotoComentario {
    border-radius: 50%;
    height: 100px;
    overflow: hidden;
    width: 100px;
}

#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .contenedorFotoComentario img {
    min-height: 100px;
    min-width: 100px;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .fotoComentario img{
    border-radius:50%;
}

#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .aliasComentario {
    color: #222728;
    display: block;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.2px;
    text-align: center;
    margin-top:10px;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .comentarioAttach {
    position: absolute;
    right: -1px;
    top: 20px;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioDXA {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #222728;
    float: left;
    margin: 0;
    min-height: 131px;
    padding-left: 30px;
    width: calc(100% - 124px);
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioDXA .fechaComentario{
    color: rgba(34,39,40,0.5);
    display: block;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-top: -3px;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioDXA .tituloComentario{
    color: #222728;
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height:24px;
    margin-bottom: 5px;
    margin-top: 10px;
}
#contenedorDetalleItem #comentariosnoticia .comentario .comentarioDXA .comentarioTexto{
    color: #222728;
    display: block;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height:24px;
    margin-bottom: 0px;

}
#contenedorDetalleItem #comentariosnoticia .pagination {
    display: block;
    padding-bottom: 0 !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: 319px !important;
}
#contenedorDetalleItem #comentariosnoticia .pagination a {
    background: none !important;
    color: #222728 !important;
}

#contenedorDetalleItem #comentariosnoticia .pagination a:hover {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

#contenedorDetalleItem #comentariosnoticia .pagination input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none !important;
    border-radius: 0 !important;
    box-shadow: none;
    height: auto !important;
    margin-left: 4px !important;
    margin-right: 7px !important;
    padding: 21px 0 17px;
    width: 60px !important;
}

#comentariosnoticia > h3 {
    display: inline-block;
    font-weight: 600;
    letter-spacing: -0.2px;
    margin-bottom: 23px;
    text-transform: uppercase;
}
#comentariosnoticia > .numeroComentarios{
    font-size: 18px;
    font-weight: 100;
    margin-left: 4px;
    position: relative;
    top: -1px;
}

#contenedorDetalleItem .datosLike{
    background:rgba(41,46,49,0.8);
    padding: 30px 30px 60px;
    position: relative;
}
#contenedorDetalleItem .datosLike button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
}
#contenedorDetalleItem .datosLike button:active,
#contenedorDetalleItem .datosLike button:hover {
    opacity: 0.4;
}
#contenedorDetalleItem .datosLike img {
    left: -3px;
    position: relative;
    top: -1px;
}
.datosLike > div {
    float: left;
    width: 180px;
}
.datosLike div p {
    color: #FFFFFF !important;
    display: inline;
    opacity: 1 !important;
    text-transform:uppercase;
    font-size:20px;
    font-weight:100;
    letter-spacing:-0.2px;
    margin-left: 10px;
}
.datosLike > div.estadisticasNoticia{
    width:calc(100% - 360px);
    float: right;
}
.datosLike > div.estadisticasNoticia .visionadosNoticia {
    float: right;
    width: 150px;
    margin-top: -13px;
    text-align: right;
}
.datosLike > div.estadisticasNoticia .visionadosNoticia span{
    color: #A5A5A5;
    font-size: 8px;
    font-weight: 400;
    margin-top: -10px;
    position: relative;
    right: 5px;
    text-align: right;
    text-transform: uppercase;
}

.datosLike > div.estadisticasNoticia .visionadosNoticia p {
    color: #000000 !important;
    display: inline !important;
    font-size: 18px;
    font-weight: 600;
    margin: -4px 0 2px !important;
    text-align: right;
}
.datosLike > div.estadisticasNoticia .barraEstadisticas {
    background: none repeat scroll 0 0 #fff;
    clear: both;
    float: right;
    height: 2px;
    width: 160px;
}
.datosLike > div.estadisticasNoticia .barraEstadisticas p {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    display: block;
    height: 2px;
    margin: 0 !important;
    width: 140px;
}
.datosLike > div.estadisticasNoticia .numeroMeGusta {
    clear: both;
    float: right;
    text-align: right;
    width: 160px;
    margin-top: 4px;
}
#contenedorDetalleItem .datosLike .personasGusta {
    color: #DDDDDD;
    font-size: 11px;
    line-height: 14px;
    margin: -15px 15px 0 0;
    color: #000000 !important;
}
#contenedorDetalleItem .datosLike .personasGusta:last-child {
    margin-right: 0px;
}
.datosLike > div.estadisticasNoticia .numeroMeGusta img{
    height: 12px !important;
    width: 12px !important;
}




#contenedorDetalleItem form[id*="nuevoComentarioForm"]{
    background:#fafafa;
    padding: 25px 30px;
    position: relative;
    margin-bottom: 0 !important;
}
#contenedorDetalleItem form[id*="nuevoComentarioForm"] h3{
    font-weight: 600;
    letter-spacing: -0.2px;
    margin-bottom: 23px;
    text-transform: uppercase;
}

form[id*="nuevoComentarioForm"] > div:not(.limpiador){
    clear: both !important;
    display: block !important;
    float: none !important;
    margin-bottom: 20px !important;
    position: relative;
}

form[id*="nuevoComentarioForm"] > div > label {
    color: #222728;
    float: left;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.2px;
    width: 100px;
}

form[id*="nuevoComentarioForm"] > div > input, form[id*="nuevoComentarioForm"] > div > textarea {
    float: left;
    width: calc(100% - 100px) !important;
    border-radius: 0;
}

form[id*="nuevoComentarioForm"] > button {
    float: right;
    margin-right: 0;
}

/*filtros noticias SONIA*/

#divFiltrosCategoriasNoticiasSeleccionada {
    color: #FFFFFF;
    cursor: default;
    margin-bottom: 35px;
    margin-top: -18px;
    max-width: 100%;
}



.tituloFiltrosNoticiasCategorias {
    background: none repeat scroll 0 0 #111111;
    color: #FFFFFF !important;
    float: left;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 4px 10px 10px;
}

.filtroCategoriaNoticia:last-child {
    border-right-width: 8px;
}

.tituloFiltrosNoticiasCategorias i {
    font-size: 22px;
    margin-left: 7px;
    margin-right: 6px;
    margin-top: -6px;
    position: relative;
    top: 4px;
}
.filtroCategoriaNoticia {
    background-color: #FFFFFF;
    border: 6px solid #111111;
    color: #000000 !important;
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 8px 12px 7px 5px;
}
.filtroCategoriaNoticia i {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 18px;
    height: 18px !important;
    left: 6px;
    line-height: 1px;
    margin-left: 5px;
    opacity:1;
    padding: 0 5px;
    position: relative;
    top: 0;
    
    transition: all 0.4s ease;
}
body:not(.sinSuavizado) .filtroCategoriaNoticia i {
    
    transition: all 0.4s ease;
}
.filtroCategoriaNoticia i:hover{
    opacity:0.5
}
/*filtros noticias*/




#contenedorbtnMarcarTodasNoticiasLeidas {
		text-align: right;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	#contenedorbtnMarcarTodasNoticiasLeidas > #btnMarcarTodasNoticiasLeidas{
		margin-right: 10px;
	}


/*---------------FIN DE NOTICIAS---------------*/




/*---------------HOME----------------*/

/*panel configuracion de layout*/
.ui-widget-content[aria-labelledby*="editLayout"] {
    border: medium none;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: calc(50% - 253px) !important;
    top: calc(45% - 115px) !important;
    position:fixed !important;
    width:500px !important;
}

.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar {
    background: none;
    border: medium none;
    border-radius: 0;
    cursor: default !important;
    width:calc(100% - 27px) !important;
    padding-top: 10px;
}

.ui-widget-content #editLayout::before {
    border-bottom: 1px solid #000000;
    color: #000000;
    content: attr(data-textoHover);
    display: block;
    float: none;
    font-size: 21px;
    font-weight: 100;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: -3px;
    width: 360px;
}

.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar > a::before {
    content: url("../images/v2/cancelar.png");
    left: -4px;
    position: absolute;
    top: -3px;
    width: 20px;
    z-index: 2147483647;
}

.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar > span{
    visibility:hidden;
}
.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body button {
    margin-right: 0 !important;
    margin-top: 10px !important;
    opacity:1;

}
body:not(.sinSuavizado) .ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body button {
    
    transition: all  0.25s ease-in;
}
.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body button:hover{
    opacity:0.4;
}
.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar > a{cursor:pointer !important; padding:0px;}
.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar > a:hover{background:none; border:none}
.ui-widget-content[aria-labelledby*="editLayout"] .ui-dialog-titlebar > a > span{visibility:hidden}

.ui-widget-content[aria-labelledby*="editLayout"] #editLayout{height:auto !important; padding:50px 10px 30px !important;}


.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body {
    overflow: auto;
    padding: 0 10px 15px;
    text-align: center;
}
.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body p{margin-bottom:10px; font-weight: 100;}


.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body > ul > li{cursor:pointer}
.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body > ul > li:hover{border:solid 2px #cecece; margin:3px;}
.ui-widget-content[aria-labelledby*="editLayout"] #editLayout .panel-body > ul > li#layout4:after {
    bottom: -50px;
    content: attr(data-textoHover);
    font-size: 10px;
    margin-left: 1px;
    position: relative;
}
/*fin de panel configuracion de layout*/


/*CLASES EN DIRECTO*/


#contenidodirectos #cabeceraClasesDirecto {
    height: auto;
    width: 100%;
    position: relative;
    text-align: right;
}

#cabeceraClasesDirecto > img#imagenClasesDirecto {

    position: relative;
    width: 100%;
    top: -8px;
    margin-bottom: -8px;
    display:none;
}

@-moz-document url-prefix() {
    #cabeceraClasesDirecto > img#imagenClasesDirecto {
        top: 0px;
        margin-bottom: 0px;
    }
}

#fullscreen_dashboard #cabeceraClasesDirecto > img#imagenClasesDirecto {
    display: none !important;
}

#cabeceraClasesDirecto > #updateWebinars > i,
#cabeceraClasesDirecto > #infoWebinars > i {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 25px;
    left: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
#cabeceraClasesDirecto > #updateWebinars,
#cabeceraClasesDirecto > #infoWebinars{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    cursor: pointer;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 50;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none !important;
    margin: 10px 10px 0px 0;
    border-radius: 5px;


}


body:not(.sinSuavizado) #cabeceraClasesDirecto > #updateWebinars,
body:not(.sinSuavizado) #cabeceraClasesDirecto > #infoWebinars{
    
    transition: all  0.2s ease-out;
}
#cabeceraClasesDirecto > #updateWebinars:hover,
#cabeceraClasesDirecto > #infoWebinars:hover{
    opacity:0.6;
    /*padding: 10px;*/
    /*right: 4px;
    top: 4px;*/
}

#cabeceraClasesDirecto > #updateWebinars span,
#cabeceraClasesDirecto > #infoWebinars span{
    color: #ffffff;
    font-size: 13px;
    text-decoration: none !important;
    position: relative;
    top: -5px;
    margin-left: 5px;
}

.widgetcontent > #contenidodirectos {
    background: none repeat scroll 0 0 #fff;
    max-height: 620px;
    overflow-y: hidden;
    /*overflow-x: hidden;*/

}

.widgetcontent > #contenidodirectos {
    background: none repeat scroll 0 0 #fff;
    max-height: 620px;
    /* overflow-y: hidden; */
    /* overflow-x: hidden; */
    width: calc(100% + 2px) !important;
    position: relative;
    top: -7px;
    left: -1px;
    box-sizing: border-box;
}
@-moz-document url-prefix() {
    .widgetcontent > #contenidodirectos  {
        width: 100% !important;
        left:0px;
        top: 0px;
    }
}

#contenidodirectos #clasesDirectoDiv{
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 0 !important;
    padding: 0;
    max-height: 390px;
    width: 100%;
}
html.ipad #contenidodirectos #clasesDirectoDiv{overflow-y: scroll;}

#clasesDirectoDiv > label {
    font-size: 16px;
    font-weight: 100;
    line-height: 22px;
    margin: 30px;
    text-align: center;
}

#clasesDirectoDiv > img {
    display: block;
    margin: 30px auto 20px;
    position: relative;
}
.itemClaseDirecto {
    background: #ffffff none repeat scroll 0 0 !important;
    border-bottom: 6px solid #ffffff !important;
    border-top: 6px solid #ffffff !important;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
}
#contenidodirectos #clasesDirectoDiv > div:last-child {
    padding-bottom: 30px;
    margin-bottom: 0px !important;
}
/*
.itemClaseDirecto:nth-child(4n+3) {
    background: none repeat scroll 0 0 #F0F0F0;
}
.itemClaseDirecto:nth-child(4n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
}*/


.itemClaseDirectoDescripcion {
    float: left;
    padding: 20px 10px 20px 0 !important;
    text-align: center;
    width: 83px;
}

.itemClaseDirectoDescripcion > img {
    height: 30px;
    width: 29px;
}

.itemClaseDirectoTitulo .verMas {
    color: var(--colorPrincipal) !important;
    cursor: pointer;
    float: right;
    font-size: 12px !important;
    letter-spacing: -0.4px;
    margin-top: -10px;
    text-align: right;
}

.itemClaseDirectoTitulo .verMas span {
    border-bottom: 1px solid var(--colorPrincipal);
}



.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: medium none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    display: block;
    float: none !important;
    margin-bottom: 18px;
    margin-top: 10px;
    max-width: 260px;
    /*padding: 10px;*/
    width: 100%;
    cursor:pointer;
}

body:not(.sinSuavizado) .itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos{
    transition: all  0.4s ease-in;
}

.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos:hover{
    opacity:0.6
}



.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos > img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    float: left;
    padding: 15px 10px;
}


.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos > div {
    float: left;
    font-size: 11px;
    margin-left: 0;
    width: calc(100% - 50px);
}

.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos > div > span {
    display: block;
    width: 100%;
    text-align: center;
}

.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos > div > span:first-child {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px !important;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display:block;
    text-align:center;
}


.itemClaseDirecto .itemClaseDirectoTitulo .linkAdjuntos > div > span:last-child {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 300;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    display:block;
    text-align:center;
}



.itemClaseDirectoDescripcion > span:nth-child(2) {/*primer span*/
    font-weight: 600;
    font-size:12px;
    letter-spacing:-0.4px;
    display:block;
    margin-top: 6px;
}
.itemClaseDirectoDescripcion > span:nth-child(3) {/*segundo span*/
    font-weight: 100;
    font-size:12px;
    letter-spacing:-0.4px;
    display:block;
    margin-top: -4px;
}
.itemClaseDirectoDescripcion > button{
    font-size: 11px;
    margin-right: 0 !important;
    padding: 5px;
    border-radius: 3px !important;
}
/*.descripcionEvento + p.estadoEvento,*/
.itemClaseDirectoDescripcion > p.estadoEvento,
.itemClaseDirectoDescripcion > button[class*="btnAccesoEvento"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    box-shadow: none !important;
    color: #222728;
    cursor: default !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 10px !important;
    padding: 0 !important;
    text-transform: capitalize;
}

.itemClaseDirectoDescripcion > button[class*="btnCancelarEvento"]{background:#ff575b !important}


.itemClaseDirectoSeparador {
    border-right: 1px dashed #DDDDDD;
    display: block;
    height: calc(100% - 40px);
    left: 100px;
    position: absolute;
    top: 20px;
    width: 1px;
}
.itemClaseDirecto:nth-child(4n+3) .itemClaseDirectoSeparador{border-right: 1px dashed #BBBBBB;}

.itemClaseDirectoTitulo {
    float: left;
    margin-left: 15px;
    padding: 20px 0 !important;
    width: calc(100% - 115px);
}

.itemClaseDirectoTitulo .tituloEvento {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: -0.4px;
    margin-top: -2px;
}
.itemClaseDirectoTitulo .nombreTutorEvento {
    font-size: 13px;
    font-weight: 100;
    line-height: 22px;
    margin-top: -20px;
}



.itemClaseDirectoTitulo .descripcionEvento {
    font-size: 13px !important;
    font-weight: 100;
    line-height: 20px;
    margin-top: -10px;
}


.itemClaseDirectoTitulo  p.descripcionEvento + p#estadoEvento{
    background: none repeat scroll 0 0 #04eaac;
    border-radius: 5px;
    color: #ffffff;
    padding: 2px 8px;
    position: absolute;
    right: 0;
    top: 0;
}
/*FIN DE CLASES EN DIRECTO*/


/*WIDGET CONVOCATORIAS*/

#cabeceraConvocatorias {
    text-align: center;
}

#cabeceraConvocatorias a {
    box-sizing: border-box;
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    padding: 15px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 10px auto !important;
    position: relative;
}
body:not(.sinSuavizado) #cabeceraConvocatorias a{
    
    transition: all  0.25s ease-in;
}

#cabeceraConvocatorias a:hover {
    opacity: 0.6;
}

#contenidoconvocatorias {
    position: relative;
    top: 0px;
    background: #f0f0f0;
}
@-moz-document url-prefix() {
    #contenidoconvocatorias {
        top: 0px;
    }
}
#convocatoriasDiv{ 
    max-height: 620px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
}

html.ipad #convocatoriasDiv{overflow-y: scroll !important;}





#convocatoriasDiv .itemConvocatoria{
    box-sizing:border-box;
    padding: 15px 0;
    position:relative;	
    margin-bottom: 20px;

}
#convocatoriasDiv .itemConvocatoria:first-child {
    padding-top: 0;
}


#convocatoriasDiv .itemConvocatoria .titulo {
    font-size: 16px;
    display: list-item;
    margin-left: 20px;
    list-style-type: square;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.4px;
    padding-bottom: 10px;
    cursor: default;
}

#convocatoriasDiv .itemConvocatoria .listadoOposiciones p {
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 16px;
    font-size: 14px;
    font-weight: 100;
}


#convocatoriasDiv .itemConvocatoria .link.leerNoticia.btn.btn-primary {
    margin: 0 !important;
    display: inline-block;
    text-transform: none;
    padding: 10px 10px !important;
}

#convocatoriasDiv .itemConvocatoria .listadoOposicionesItem {
    list-style: circle !important;
    display: list-item;
    margin-left: 35px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
}

#convocatoriasDiv .itemConvocatoria .listadoOposicionesItem span {
    color: #222728;
    cursor: pointer;
    transition: color 0.25s ease-out;
}
#convocatoriasDiv .itemConvocatoria .listadoOposicionesItem span:hover{
    color:var(--colorPrincipal);
}



#convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion {
    box-sizing:border-box;
    border-right: 1px dashed #BBBBBB;
    float: left;
    text-align: center;
    height: 40px;
    height:calc(100% - 30px);
    padding: 0 15px;
    position: absolute;
    width:99px;
}

#convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion img {
    margin-bottom: 8px;
    margin-top: 5px;
}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion span {
    clear: both;
    display: block;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.4px;
}

#convocatoriasDiv .itemConvocatoria .itemConvocatoriaSeparador {
    float: left;
}

#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float: left;
    margin-left: 100px;
    padding: 0 15px;
    width: calc(100% - 100px);
}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a{text-decoration: none !important; cursor:pointer; position:relative}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a:hover{color:var(--colorPrincipal)}

body:not(.sinSuavizado) #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a{
    
    transition: all  0.25s ease-in;
}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    content: attr(data-textoHover);
    font-weight: 100 !important;
    left: -113px;
    line-height: 16px;
    opacity: 0;
    padding: 14px 10px;
    position: absolute;
    text-align: center;
    width: 74px;
}

body:not(.sinSuavizado) #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a:before {
    transition: all 0.25s ease-in 0s;
}

#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a:hover:before {
    opacity:1 !important;
}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a p {
    font-size: 13px;
    line-height: 19px;
    margin: 0px !important;
}
#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a p * {
    background: none !important;
}

#convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a p strong {
    font-weight: 400;
}
/*FIN DE WIDGET CONVOCATORIAS*/




/*dashboard*/
body.index 	#divSecciones > button{right: calc(1.8% + -6px) !important;}
#dashboard{
    position: relative;
    /*right: 12px;*/
    top: 0px;
    width: calc(100% - 9px);
}

#dashboard > ul#fullscreen_dashboard{

    left: 11px;
    margin: 0 0 9px !important;
    position: relative;
}
body:not(.sinSuavizado) #dashboard > ul#fullscreen_dashboard{
    
    transition: width  0.25s ease-in;
}
#dashboard > ul#fullscreen_dashboard .widget {
    margin-left: -11px;
    width: calc(100%);
}

#dashboard .widget{
    /*box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);*/
    border-radius: 5px !important;
    overflow: hidden;
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1) !important;
}

#dashboard #widget8 {
    overflow: unset !important;
}

#dashboard .widget .ui-widget-header{
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important;*/
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;*/

    /*
    background: rgba(0,0,0,0.6) !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.6)))!important;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
    background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 )!important;
    */

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;

    text-transform: lowercase !important;
    position: relative;
    cursor:default !important;
    border-left:55px solid #fff !important;
    /*padding:15px 10px 15px 5px*/
    padding:0px;
}
#dashboard .widget .ui-widget-header span.widgettitle{
    display: block;
    left: 5px;
    position: relative;
    width: calc(100% - 56px);
    cursor:default !important;
    padding: 15px 10px 15px 0;
}
#dashboard .widget .ui-widget-header:first-letter{text-transform: uppercase !important;}
#dashboard .widget .ui-widget-header span.widgettitle:first-letter{text-transform: uppercase !important;}

#dashboard .widget .ui-widget-header:after,
#dashboard .widget .ui-widget-header:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    left: -55px;
    padding: 0px;
    position: absolute;
    text-align: center !important;
    top: 0 !important;
    cursor:move !important;
    width:55px;
    opacity:0;


}
body:not(.sinSuavizado) #dashboard .widget .ui-widget-header:after,
body:not(.sinSuavizado) #dashboard .widget .ui-widget-header:before{
    
    transition: all 0.25s ease-out;
}
#dashboard .widget[data-titulo] .ui-widget-header::after,
#dashboard .widget[data-titulo] .ui-widget-header::before{
    opacity:1;
}
#dashboard .widget[data-titulo] .ui-widget-header[class*="ion"]:before {
    padding-top: 13px;
}

#dashboard .widget .ui-widget-header:after,
#dashboard .widget .ui-widget-header:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}
#dashboard .widget .ui-widget-header {
    border-left: 55px solid rgba(0, 0, 0, 0) !important;
    /*padding: 15px 10px 15px 0 !important;*/
    padding:0px !important;
}

#dashboard .ui-widget > div:before {
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    color: #ccc;
    font-size: 30px;
    height: 55px;
    left: 0;
    text-align: center !important;
    padding: 0;
    position: absolute;
    top: 0;
    width: 55px;
}

/*ENCUESTAS*/

/*WIDGET*/


#encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p {
    font-size: 16px !important;
    font-weight: 400;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
}

#encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p span u {
    text-decoration: underline;
    font-weight: 700;
}

#encuestasPdtesDiv .encuestaUnica{
    text-align: center;
}
#encuestasPdtesDiv .encuestaUnica .hacerEncuestaPdte.btn-primary {
    display: inline-block;
    margin: 20px auto 0;
}


#encuestasPdtesDiv .encuestaMultipleFila {
    box-sizing: border-box;
    margin-bottom: 30px !important;
    margin-top: 20px;
    width: 100%;
    position:relative;
}

#encuestasPdtesDiv .encuestaMultipleFila p {
    float: left;
    font-weight: 500;
    width: calc(100% - 100px) !important;
}

#encuestasPdtesDiv .encuestaMultipleFila p.itemTituloEncuestaPdte {
    margin-bottom: -14px;
    position: relative;
    top: -10px;
    font-size: 14px !important;
    font-weight: 100;
}
#encuestasPdtesDiv .encuestaMultipleFila .itemNombreCursoEncuestaPdte{
    font-size: 12px !important;
    font-weight: 600;
}



#encuestasPdtesDiv .encuestaMultipleFila a {
    border-radius: 3px !important;
    box-sizing: border-box;
    margin-right: 0 !important;
    margin-top: 0 !important;
    opacity:1;
    padding: 11px 10px !important;
    position: absolute;
    right: 0;
    top: 0px;
    width: 90px !important;
    font-size: 13px;
    font-weight: 600;

}
body:not(.sinSuavizado) #encuestasPdtesDiv .encuestaMultipleFila a {
    
    transition: all 0.25s ease-out;
}
#encuestasPdtesDiv .encuestaMultipleFila a:hover{
    opacity:0.4;
}
#widgetEncuestas .widgetcontent {
    background: url('../images/encuestas/fondo_widget_enuestas.png') no-repeat scroll right center / auto 100% rgba(255, 255, 255, 1) !important;
}
#widgetEncuestas .widgetcontent #encuestasPdtesDiv {
    padding: 20px;
}

#widgetEncuestas .widgetcontent .cabeceraEncuestasPendientesDiv .despedidaEncuesta {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 100;
}
#widgetEncuestas .widgetcontent .cabeceraEncuestasPendientesDiv .despedidaEncuesta:last-child {
    font-size: 16px;
    font-weight: 500;
}




#encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p {

    font-size: 14px !important;
    cursor: default;
}

#encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p#itemTituloEncuestaPdte {
    font-weight: 100;
    margin-bottom: -4px;
    cursor: default;
}

#encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p#itemNombreCursoEncuestaPdte {
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase;
    cursor: default;
    line-height: 15px;
}

#encuestasPdtesDiv .itemEncuesta:not(:last-child) {
    border-bottom: 1px dashed #cccccc;
}




/*itemNombreCursoEncuestaPdte*/

/*FIN DE WIDGET*/

/*MODAL ENCUESTA*/

.divEncuesta .tituloEncuesta {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.divEncuesta .descripcionEncuesta {
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 40px;
    margin-top: -10px;
}

.divEncuesta .tituloAgrupacionPreguntas {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.divEncuesta .descripcionAgrupacionPreguntas {
    font-size: 13px;
    font-weight: 100;
    margin-top: -10px;
}

.divEncuesta .descripcionAgrupacionPreguntas:empty {
    display: none !important;
}

.divAgrupacionPreguntas + .divAgrupacionListadoPreguntas {
    box-sizing: border-box;
    padding-left: 0px;
}

.divListadoPreguntasEncuesta > .divPregunta{
    box-sizing: border-box;
    margin-bottom: 50px;
    width: 100% !important;
}
.divListadoPreguntasEncuesta > .divAgrupacionListadoPreguntas > .divPregunta {
    /*margin-left: 20px;*/
    padding-left: 20px;
    box-sizing: border-box;
}
.divPregunta > div > div {
    box-sizing: border-box;
    width: 100%;
}

.divListadoPreguntasEncuesta > .divAgrupacionListadoPreguntas .divRespuestaPregunta {
    box-sizing: border-box;
    margin: 15px 0 0 !important;
    min-width: 0 !important;
    text-align: center;
    width: calc(100% / 12);
}
.divListadoPreguntasEncuesta > .divAgrupacionListadoPreguntas .divRespuestaPregunta > div {
    display: block;
    margin: 0 auto;
}
.divListadoPreguntasEncuesta > .divPregunta .divRespuestaPregunta {
    width: calc(100% / 11);
    text-align:center;
}

.divListadoPreguntasEncuesta > .divPregunta .divRespuestaPregunta span {
    display: block;
}

.divCaberaPregunta span.ordenPregunta {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    height: 20px;
    text-align: center;
    width: 20px;
}
.divListadoPreguntasEncuesta > .divPregunta .divRespuestaPregunta > div {
    margin: 15px auto 5px;
}

.divCaberaPregunta span {
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 0;
}
div[id*="divJustificacionPregunta"] {
    margin-top: 20px;
}

div[id*="divJustificacionPregunta"] label {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 15px;
    margin-top: 20px;
}

.divListadoPreguntasEncuesta > .divPregunta > .divPregunta > div > textarea {
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    margin-top: 20px;
    width: 100% !important;
}
.divPieEncuesta button {
    display: block;
    font-size: 25px;
    margin: 0 auto 20px;
    max-width: none;
    padding: 20px 45px;
}

.divRespuestaPregunta label.pieRespuesta, .divRespuestaPregunta span {
    font-size: 12px;
    letter-spacing: -0.4px;
}

.divListadoLabeslSelectorEscala{position:relative}

.divListadoLabeslSelectorEscala .divRespuestaEscalaPregunta:before {
    background: none repeat scroll 0 0 #e0e0e0;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -30px;
    width: 1px;
    z-index: 150;
}

.divListadoLabeslSelectorEscala .divRespuestaEscalaPregunta {
    float: left;
    margin-top: 18px;
    position: absolute;
    text-align: center;
    left:0;
    /*width: calc(100% / 11);*/
    /*$(this).css('left', valorAnchoAcumulado+'px');*/
}
.divListadoLabeslSelectorEscala .divRespuestaEscalaPregunta.primerHijo{
    left:-24px !important;
}
.divListadoLabeslSelectorEscala .divRespuestaEscalaPregunta.ultimoHijo{
    left: auto !important;
    right: -25px !important;
}

.divSeleccionPrimeraEscala .range-bar.power-ranger {
    z-index: 200;
}
.divSeleccionPrimeraEscala {
    margin-top: 25px;
}
.optionsRespuestaSelector-pregunta{
    margin-left: 20px;
}

.divSeleccionPrimeraEscala .iradio_square-blue {
    float: left;
    overflow: hidden !important;
    width: 22px !important;
}
.divSeleccionPrimeraEscala .spanRadioSelectorEscala {
    display: inline !important;
    float: left !important;
    margin-left: 25px;
    margin-top: 5px;
    width: auto !important;
}
.contenedorOpNoSabeNoContestaSelector {
    width: 22px !important;
}
.contenedorOpNoSabeNoContestaSelector + .contenedorSliderSelector {
    margin-top: 14px;
    width: calc(100% - 41px) !important;
}
.divEncuesta .textoObligatoriaPregunta {
    background: none repeat scroll 0 0 red;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 5px;
    width: 207px;
}     
.divEncuesta .divCaberaPregunta {
    margin-top: 60px;
} 

.textoLopdEncuesta{
    font-size: 10px;
    line-height: 13px;
    text-align: justify;

}
.divLopdEncuesta{
    margin-top: 10px;
}
/*FIN DE MODAL ENCUESTA*/

/*FIN DE ENCUESTAS*/




/*$('#dashboard #widget6 > div.ui-widget-header').addClass('ion-social-twitter');*/
/*
#dashboard .widget span.right.icons{
        height: 23px;
    width: 22px;
}
*/
#dashboard .widget span.right.icons {
    display: block;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
}
#dashboard .widget span.right.icons span:before {
    content: url("../images/v2/maximizar_blancov2.png");
    cursor: pointer !important;
    height: 24px;
    position: absolute !important;
    right: 10px !important;
    text-indent: 0 !important;
    top: 13px !important;
    width: 24px;
}

#dashboard > ul#fullscreen_dashboard .widget span.right.icons span:before {
    content: url("../images/v2/minimizar_blancov2.png");
}
#dashboard .widget span.right.icons span{background:none !important;}

#dashboard #widget3.widget div.widgetcontent > div > div{
    background:none repeat scroll 0 0 #fff !important;
    padding: 15px;
    text-align: center;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.redes > a {
    border-radius: 5px;
    display: inline-block;
    /*float: left;*/
    margin: 5px;
    max-width: calc(100% / 6 - 15px) !important;
    opacity: 1;
    overflow: hidden;
    text-decoration: none;
    transform: scale(1);
}
body:not(.sinSuavizado) .redes > a{
    
    transition: all  0.25s ease-in;
}
.redes > a:hover {
    opacity: 0.6;
    transform: scale(1.3);
    z-index: 1500;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso {
    background: #ffffff none repeat scroll 0 0 !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    margin-top: 30px;
    position: relative;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso:nth-child(1) {
    margin-top: 0;
}

#widget2 .widgetheader.oculto {
    opacity: 0;
    margin-bottom: -55px !important;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso:nth-child(1) {
    border-radius: 5px !important;
    overflow: hidden !important;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso + div.fondoHomeTuCurso {
    border-radius: 5px 5px 0 0 !important;
    overflow: hidden;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso.estadoMatriculaCursoT::before {
    content: 'Matrícula Terminada';
    position: absolute;
    top: 10px;
    left: 110px;
    background: red;
    z-index: 99;
    padding: 2px 5px;
    color: #fff;
    box-sizing: border-box;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso.completo{border-top:solid 4px #04EAAC;}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso{background:none repeat scroll 0 0 #f6f6f6  !important;}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso.completo > div.cabeceraCurso{border-top:solid 1px #a9d204;}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > img{float:left; width:94px; height:94px}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10{
    float: left;
    margin-left: 20px;
    width: calc(100% - 114px);
}
#dashboard #widget2.widget div.cabeceraCurso > .span10  .detalleCabeceraCurso  div.progress{
    background: none repeat scroll 0 0 #D0D0D0;
    border-radius: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 0;
    margin-top: 18px !important;
    max-width: 270px;
    overflow: visible;
    width: 100%;
}
#dashboard #widget2.widget  div.cabeceraCurso > .span10  .detalleCabeceraCurso  div.progress > div.bar{
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    box-shadow: none;
    position: relative;
    max-width:100%;
}
#dashboard #widget2.widget  div.cabeceraCurso > .span10 .detalleCabeceraCurso  div.progress > div.bar[style*="100"]{background: #04EAAC !important;}
#dashboard #widget2.widget  div.cabeceraCurso > .span10 .detalleCabeceraCurso  div.progress > div.bar > p {
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    left: 10px;
    margin-top: -4px;
    position: absolute;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    width: 120px;
    cursor: default;
}


#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso {
    width: calc(100% - 97px);
    float: left;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso:first-child > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso{
    margin: -3px 0 0 !important;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso {
    /*background: none repeat scroll 0 0 #282828;
    height: 94px;
    left: 1px;*/
    margin: 0px 0 0 !important;
    position: absolute;
    width: 97px;
    right:0px;

}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso .notificacionCursoDiv{
    display:none;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso .notificacionCursoDiv:first-child{
    display:block;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso:first-child{
    z-index:40;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso {
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    text-align: center;
    width: 100%;
    /*background: none repeat scroll 0 0 #282828;*/
    height: 94px;
    cursor:pointer;
    text-decoration:none;
    position: absolute;

    z-index:30;
    /*
    background-image: -webkit-gradient(
            linear,
            left top,
            right bottom,
            color-stop(0, #535353),
            color-stop(1, #2A2A2A)
    );
    background-image: -o-linear-gradient(right bottom, #535353 0%, #2A2A2A 100%);
    background-image: -moz-linear-gradient(right bottom, #535353 0%, #2A2A2A 100%);
    background-image: -webkit-linear-gradient(right bottom, #535353 0%, #2A2A2A 100%);
    background-image: -ms-linear-gradient(right bottom, #535353 0%, #2A2A2A 100%);
    background-image: linear-gradient(to right bottom, #535353 0%, #2A2A2A 100%);
    */
    background: var(--colorPrincipal);
}

body:not(.sinSuavizado) #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso{	
    -webkit-transition: all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition:         all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045);

}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso a.link.notificacionCurso:first-child:hover + a{
    left: 94px;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso a.link.notificacionCurso:first-child:hover + a + a{
    left: 190px;
}


#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso img {
    margin-bottom: 6px;
    margin-top: 10px;
    position: relative;
}


#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso span{
    display:block;
    width:100%;
    text-align:center;
}


#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso p.numeroExamenes{
    background: none repeat scroll 0 0 #EA0450;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    line-height: 17px;
    padding-top: 0 !important;
    position: absolute;
    right: 34px;
    top: 32px;
    width: 17px;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 >div.panelNotificacionesCurso .link.notificacionCurso:not(:first-child) p.numeroExamenes{
    display:none;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10  > .detalleCabeceraCurso > span{
    color:rgba(0,0,0,0.8);
    font-weight:700;
    font-size:16px;
    letter-spacing: -0.4px;
    line-height:22px;
    text-transform:uppercase;
    letter-spacing:-0.4;
    display:block;
    margin-top: 7px;
    margin-left:-2px;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span2{float:left;  width:calc(16.66% - 94px)}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso){
    min-height: 100px;
    /* padding: 30px;*/
    width: calc(100% - 0px);
}
div[id*="textoMensajeMisCursos"] > div {
    min-height: 150px;
    position: relative;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > .span8 {
    padding: 40px 30px;
    max-width: calc(100% - 250px);
}


#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 > img{margin-bottom:20px}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 >  span,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 >  label,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 > div > span,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 > div > label{
    font-size:14px;
    font-weight:100;
    line-height:26px;
    text-align:left;
    margin-bottom: 20px;
    cursor: default;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 >  label > b,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 > div > label > b{font-weight:600;}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos{
    display: inline;
    float: left;
    margin-top: 20px;
    /*padding-right: 8px;*/
    cursor:pointer !important;
    font-size:13px !important;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a{
    text-decoration:none;
    cursor:pointer !important;

}
body:not(.sinSuavizado) #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a{
    
    transition: all 0.25s ease-in;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a:hover {
    opacity: 0.5;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 a,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a label{
    background: none repeat scroll 0 0 #F0F0F0;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 26px;
    padding: 15px;
    display: block;

}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a label{ padding:0}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 label.recomendamos a label button {
    clear: both;
    display: block;
    float: none;
    margin: 20px auto 0;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 a label,
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 a b{
    font-size: 14px !important;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8 button[onclick*="entrarActividad"] {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    float: left;
    font-size: 13px;
    font-weight: 800;
    height: 40px;
    margin: 15px 0 0 0;
    padding: 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    vertical-align: middle;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span4{
    /*background: none repeat scroll 0 0 #F9F9F9;*/
    bottom: 0;
    padding: 30px;
    position: absolute;
    right: 0;
    min-width: 250px;
    top: 0;

}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) .span4:not(.fondoGrisBoton) {
    padding: 20px 30px;
    /*background:#F9F9F9;*/
    border-left: 1px dashed #E0E0E0;
}
#dashboard .column:not(.columnaAncha) #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) .span4:not(.fondoGrisBoton) {
    box-sizing: border-box;
    margin-left: 0 !important;
    position: relative !important;
    width: 100% !important;
}
#dashboard .column:not(.columnaAncha) #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > .span8 {
    box-sizing: border-box;
    max-width: none !important;
    width: 100% !important;
}
#dashboard .column:not(.columnaAncha) #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 35px 10px;
    width: 100% !important;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span4 > label{
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-left: 6px;
    text-align: center;
    font-weight: 100;
}

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span4 > img {
    display: block;
    left: 30px;
    margin: 0 auto;
    position: relative;
    top: 1px;
}

#dashboard #widget2.widget .botonActividadCurso > div.span8 > label{font-size:16px;}
#dashboard #widget2.widget .botonActividadCurso > div.span8 > p{font-size:16px;}


#dashboard #widget2.widget div > .textoAccionFormativaWidget {
    font-weight: 600;
    padding: 0px;
    display:none
}
#dashboard #widget2.widget div.span8 > .textoAccionFormativaWidget {
    display:block;
}

#dashboard #widget2.widget .textoAccionFormativaWidget .textoNombreAccionFormativaWidget {
    font-weight: 100;
}

#dashboard #widget1.widget .fondoHomePonteAlDia{padding:0px 0px 0}

#dashboard #widget1.widget .fondoHomePonteAlDia .ponteAlDiaEncabezado{
    background: none repeat scroll 0 0 #F0F0F0 !important;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 30px 30px 0;
    width: calc(100% - 60px);
    position:relative;
    display:none;
}
#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaContenidoActualizado i {
    color: var(--colorPrincipal);
    display: block;
    font-size: 70px;
    margin-bottom: 10px;
    text-align: center;
}

#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaContenidoActualizado span#usuarioNombrePonteAlDia {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
}

#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaContenidoActualizado span:not(#usuarioNombrePonteAlDia) {
    display: block;
    font-weight: 100;
    margin: 0 auto;
    text-align: center;
}


#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaContenidoActualizado {
    padding: 0 20px 20px;
    margin-bottom: 0 !important;
}


#dashboard #widget1.widget .fondoHomePonteAlDia .ponteAlDiaEncabezado > label{
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 30px;
}
#dashboard #widget1.widget .fondoHomePonteAlDia .ponteAlDiaEncabezado > label.ponteAlDiaEncabezadoNombreUsuario{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    letter-spacing: -0.4px;
}

#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaTriangulo:after {
    content: url("../images/v2/flecha_down_gris.png");
    left: 45%;
    position: absolute;
}
#dashboard #widget1.widget .fondoHomePonteAlDia #ponteAlDiaTriangulo {
    display: none;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado){
    cursor: pointer;
    float: left;
    margin: 0 4% !important;
    padding: 35px 0;
    width: 42%;
    text-align:center;
}

#dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) img {
    display: block;
    margin: 0 auto 20px !important;
    position: relative;
}
#dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) span{display:block; font-size: 14px;}
#dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) span b{color: #f5005c; font-size: 14px;}
#dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) a {
    clear: both;
    display: block;
    float: none;
    color:#00a5be;
    font-size: 14px;
}




/*IMPROOVE WIDGET MIS CURSOS*/
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso{
    display: table;
    height: 94px;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .contenedorPaddingImagenCursoRama{
    float: none;
    width: 94px;
    height: 94px;
    display: table-cell;
    position: absolute;
}
/*#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > img {*/

#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 {
    float: none;
    padding-left: 114px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
#dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso > span{
    margin-top: 0px;
    cursor: default;
}
#dashboard #widget2.widget div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress{
    margin-top: 0px !important;
    overflow: hidden;
    border-radius: 25px !important;
}
/*FIN IMPROOVE WIDGET MIS CURSOS*/

/*fin de dashboard*/




/*ESTILOS COMUNES*/
/*PANTALLA 1*/
div#widget8.widget #divPedirCitaEnDelegacion {
    border-bottom: 1px dashed #f0f0f0;
    box-sizing: border-box;
    padding: 20px;
}
div#widget8.widget #divPedirCitaEnDelegacion p.tituloPedirCitaDelegacion {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform:uppercase;
    margin-bottom: 5px;
}

div#widget8.widget #divPedirCitaEnDelegacion p.tituloPedirCitaDelegacion span {
    color: var(--colorPrincipal);
}

div#widget8.widget #divPedirCitaEnDelegacion p.textoPedirCitaDelegacion {
    display: block;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    margin-top: 0 !important;
}

#widget8.widget.widgetAmpliado #divPedirCitaEnDelegacion.sinCitas .textoPedirCitaDelegacion {
    margin-bottom: 0;
}


div#widget8.widget #divPedirCitaEnDelegacion a.pedirCitaAlumnoDelegacion {
    box-sizing: border-box;
    display: block !important;
    font-size: 18px !important;
    margin: 50px auto 20px;
    max-width: 180px;
    padding: 20px 30px !important;
    opacity:1;


}
body:not(.sinSuavizado) div#widget8.widget #divPedirCitaEnDelegacion a.pedirCitaAlumnoDelegacion {
    
    transition: opacity  0.25s ease-out;
}
div#widget8.widget #divPedirCitaEnDelegacion a.pedirCitaAlumnoDelegacion:hover{opacity:0.4}
/*FIN DE PANTALLA 1*/



/*PANTALLA 2*/	
div#widget8.widget .divBotoneraPasosCitaDelegacion a {
    box-sizing: border-box;
    display: inline-block;
    float: none !important;
    margin-right: 0 !important;
    max-width: 48% !important;
    opacity: 1;
    padding: 15px 30px;

}
body:not(.sinSuavizado) div#widget8.widget .divBotoneraPasosCitaDelegacion a {
    
    transition: opacity  0.25s ease-out;
}
div#widget8.widget .divBotoneraPasosCitaDelegacion a:hover{
    opacity:0.4
}
/*PRIMER BOTON*/
div#widget8.widget .divBotoneraPasosCitaDelegacion a:first-child {
    clear: none !important;
    float: left !important;
}
/*ULTIMO BOTON*/
div#widget8.widget .divBotoneraPasosCitaDelegacion a:first-child + a:last-child {
    float: right !important;
}
/*PRIMER Y ULTIMO BOTON*/
div#widget8.widget .divBotoneraPasosCitaDelegacion a:first-child:last-child {
    float: right !important;
}

/*FIN DE PANTALLA 2*/


/*PANTALLA 3*/
#formPaso3CitaDelegacion > #calendariosCitasDelegacion{
    width:100%;
    box-sizing:border-box;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] {
    clear: none;
    float: left;
    margin-bottom: 40px !important;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 20px;
    width: 46% !important;
}

#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"]:first-child {
    margin-left: 0 !important;
    width: 48% !important;
}

#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"]:last-child {
    margin-right: 0 !important;
    width: 48% !important;
}	
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div:first-child {
    text-align: center;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div:first-child > span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div:nth-child(2) > div {
    background: none repeat scroll 0 0 #f0f0f0 !important;
    box-sizing: border-box;
    float: left;
    font-weight: 100;
    padding: 3px !important;
    text-align: center;
    width: calc(100% / 7) !important;
}
html.internetExplorer #formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div:nth-child(2) > div {width: calc(100% / 7.1) !important;}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes {
    margin-top: 40px !important;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div {
    box-sizing: border-box;
    float: left;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 1px;
    text-align: center;
    width: calc(100% / 7) !important;
}
html.internetExplorer #formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div {width: calc(100% / 7.1) !important;}


#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div > a{
    /*border-radius: 50%;*/
    box-sizing: border-box;

    display: block;
    letter-spacing: -0.8px !important;
    padding: 5px 0 !important;
    text-decoration: none !important;

}

#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div > a.diaCalendarioLibreCitaDelegacion {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #fff;

}
body:not(.sinSuavizado) 		#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div > a.diaCalendarioLibreCitaDelegacion {
    
    transition: all  0.25s ease-out;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div > a.diaCalendarioLibreCitaDelegacion:hover {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #fff;
    cursor: pointer;
}
#formPaso3CitaDelegacion > #calendariosCitasDelegacion > div[id*="divMes"] > div.listadoDiasSemanasMes > div > div > a.diaCalendarioLibreCitaDelegacion.seleccionado {
    background: none repeat scroll 0 0 #04EAAC !important;
    color:#fff;
}

#formPaso3CitaDelegacion > div:first-child > a {
    cursor: pointer;
    text-decoration: underline !important;
    opacity:1;

}
body:not(.sinSuavizado) 		#formPaso3CitaDelegacion > div:first-child > a {
    
    transition: all  0.25s ease-out;	
}
#formPaso3CitaDelegacion > div:first-child > a:hover{
    opacity:0.4;
}
#formPaso3CitaDelegacion > div:first-child > a:last-child {
    float: right;
}
/*FIN PANTALLA3*/


/*PANTALLA 5*/		
#divFormularioCalendarioPaso5 > form {
    margin-bottom: 0;
}
#divFormularioCalendarioPaso5 > form > label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: uppercase;
}
#divFormularioCalendarioPaso5 > form > textarea {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    font-size: 13px;
    font-weight: 100;
    width: 100%;
}
/*FIN DE PANTALLA 5*/


/*PANTALLA 6*/

#divFormularioCalendarioPaso6 .datosResumenCita > div {
    margin-bottom: 20px;
}
#divFormularioCalendarioPaso6 .datosResumenCita > div label,
#divFormularioCalendarioPaso6 .datosResumenCita > div span {
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
}		
#divFormularioCalendarioPaso6 .datosResumenCita > div label b {
    font-weight: 600;
}

#divFormularioCalendarioPaso6 .datosResumenCita > div.confirmacionCitaComentario > label:last-child {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
}

#divFormularioCalendarioPaso6 > form {
    margin-bottom: 0 !important;
}

#divFormularioCalendarioPaso6 > form > p {
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 0 !important;
    margin-top: 40px !important;
}

#divFormularioCalendarioPaso6 > form > p > b {
    font-weight: 600;
    letter-spacing: -0.4px;
}

div#widget8.widget #paso6CitaDelegacion .divBotoneraPasosCitaDelegacion a:first-child + a:last-child {
    background: none repeat scroll 0 0 #04eaac;
}
/*FIN DE PANTALLA6*/


/*PANTALLA FINALIZAR*/
.divCabeceraPasosCitaDelegacion.cabeceraFinalizado{
    background: none repeat scroll 0 0 #04eaac;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 20px 0;
    text-align: center;
    width: calc(100% + 40px);
}
.divCabeceraPasosCitaDelegacion.cabeceraFinalizado i {
    display: block;
    font-size: 104px;
    left: 10px;
    margin: -60px auto -40px;
    position: relative;
}
/*FIN DE PANTALLA FINALIAR*/



/*PANTALLA CITA RESERVADA*/
div#widget8.widget #divPedirCitaEnDelegacion a + a.pedirCitaAlumnoDelegacion {
    font-size: 16px !important;
    margin: 10px 0 0;
    padding: 15px 30px !important;
}

div#widget8.widget .divBotoneraPasosCitaDelegacion a[onclick*="anularCitaPendiente"] {
    background: none repeat scroll 0 0 #ea0450 !important;
}		
.divContenedorCitaPendiente .textoDatosCitaDelegacion > p {
    line-height: 24px;
}

.divFormularioPasosCitaDelegacion label.errorsForm {
    display: inline;
    float: right;
    font-weight: 600;
}
/*FIN DE PANTALLA CITA RESERVADA*/



/*LISTADO*/
div#widget8.widget #divListadoTalleresDelegacion{
    box-sizing: border-box;
    padding: 20px;
    margin-top: 40px !important;
}

div#widget8.widget #divListadoTalleresDelegacion p.tituloListadoTalleres{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform:uppercase;
}

/*
#talleresDelegacionDiv {
        max-height: 350px;
        overflow-y: hidden !important;
}
*/


#talleresDelegacionDiv{overflow-y: scroll !important;}

#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv{
    border: medium none;
    max-height: 700px;
    overflow-y: hidden !important;
}
html.apple #widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv{overflow-y: scroll !important;}

#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv > div{
    float: left !important;
    margin: 5px;
    width: calc(50% - 10px) !important;
    background: none repeat scroll 0 0 #f7f7f7 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px !important;

}

#dashboard > .layout-aaa #widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv > div{
    float: left !important;
    margin: 5px;
    width: calc(100%) !important;
    background: none repeat scroll 0 0 #f7f7f7 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}
#divPedirCitaEnDelegacion .chosen-container {
    max-width: 310px;
    position: absolute !important;
    width: calc(100% - 31px) !important;
}

.widget.widgetAmpliado[data-titulo="DELEGACIONES"] #contenidowidgetDelegaciones #talleresDelegacionDiv > div.itemClaseDirecto {
    opacity:1;
    transition: opacity 0.25s ease-out
}

.widget.widgetAmpliado[data-titulo="DELEGACIONES"] #contenidowidgetDelegaciones #talleresDelegacionDiv > div.itemClaseDirecto.completo {
    opacity: 0.4;
}


#widget8 #contenidowidgetDelegaciones #talleresDelegacionDiv > div{
    border: none !important;
}
#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv > div:nth-child(4n+3){
    margin-right:0px;
    border: none !important;
}

#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv > div.limpiador:last-child{
    clear: both;
    float: none !important;
}

#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones #talleresDelegacionDiv > div:nth-child(4n+1){
    clear: both;
    margin-left:3px;
    border: none !important;
}

#widget8.widget.widgetAmpliado #contenidowidgetDelegaciones .divCabeceraPasosCitaDelegacion.cabeceraFinalizado i {
    padding-bottom: 20px;
    padding-top: 20px;
}

#widget8.widget.widgetAmpliado #divPedirCitaEnDelegacion{
    border-bottom: medium none;
    float: left;
    width: 350px !important;
    overflow-x: hidden !important;
}
#widget8.widget.widgetAmpliado #divPedirCitaEnDelegacion.sinCitas{
    width: 100% !important;
}

.widget.widgetAmpliado[data-titulo="DELEGACIONES"] #divPedirCitaEnDelegacion.sinCitas {
    float: none !important;
    margin-bottom: 0px;
    width: 100% !important;
}

#widget8.widget.widgetAmpliado #divListadoTalleresDelegacion {
    border-left: 1px dashed #ddd;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 0;
    width: calc(100% - 370px);
}
.widget.widgetAmpliado[data-titulo="DELEGACIONES"] #divPedirCitaEnDelegacion.sinCitas + #divListadoTalleresDelegacion {
    border: medium none !important;
    margin-left: 0 !important;
    width: 100% !important;
}


#widget8.widget.widgetAmpliado #divListadoTalleresDelegacion p.tituloListadoTalleres {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#widget8.widget.widgetAmpliado #divListadoTalleresDelegacion p.textoTalleresDelegacion{
    display: block;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    margin-top: 0 !important;

}

.textoDatosCitaDelegacion label, .textoDatosCitaDelegacion span {
    font-size: 14px;
}

.datosResumenPendienteCita > div {
    margin-bottom: 20px;
}

.botoneraNavegacionCitasPendientesDelegacion > span {
    display: inline-block;
    padding-bottom: 50px;
    padding-right: 15px;
}

.botoneraNavegacionCitasPendientesDelegacion > a {
    padding: 10px;
}

#widget8.widget.widgetAmpliado .listadoCitasPendientesDelegaciones{
    width: 700px;
    position:relative;
    left:0px;
}
body:not(.sinSuavizado) #widget8.widget.widgetAmpliado .listadoCitasPendientesDelegaciones{
    transition: all 1s ease-out;
}
#widget8.widget.widgetAmpliado .listadoCitasPendientesDelegaciones.left{
    left:-350px
}

#widget8.widget.widgetAmpliado .listadoCitasPendientesDelegaciones > .divContenedorCitaPendiente {
    display: block !important;
    float: left;
    width: calc(50% - 20px);
    margin-right:20px;
}

/*FIN DE LISTADO*/






.divModificacionCita {
    padding-bottom: 20px;
}	

.divModificacionCita > div:first-child > p {
    font-size: 22px;
    font-weight: 600;
}

.divModificacionCita > div:first-child > span {
    display: block;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 22px;
    margin-bottom: 30px;
}
.divModificacionCita #datosResumenCita {
    border: 1px dashed #d0d0d0;
    box-sizing: border-box;
    padding: 10px;
}
.divModificacionCita #datosResumenCita > div {
    margin-bottom: 15px;
}
.divModificacionCita #datosResumenCita > div > span{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 17px;
    line-height: 18px;
    padding-bottom: 0;
}
.divModificacionCita #datosResumenCita > div > a{
    border-bottom: 1px solid var(--colorPrincipal);
    color: var(--colorPrincipal);
    cursor:pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 17px;
    line-height: 18px;
    padding-bottom: 0;
    text-decoration:none !important;
    opacity:1;


}
body:not(.sinSuavizado) .divModificacionCita #datosResumenCita > div > a{
    
    transition: all  0.25s ease-out;
}
.divModificacionCita #datosResumenCita > div > a:hover{
    opacity:0.4;
}

.divModificacionCita #datosResumenCita > div > label {
    font-size: 14px;
    font-weight: 100;
}

.divModificacionCita #datosResumenCita > div > label b {
    font-weight: 100;
}

.divModificacionCita > div > div {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0;
    width: 40% !important;
}

.divModificacionCita > div > div:last-child {
    margin-left: 30px !important;
    width: calc(60% - 30px) !important;
}


.divModificacionCita #datosResumenCita > div {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 10px 15px;
    width: calc(100% - 10px);
}
.divModificacionCita #datosResumenCita > div:not(:first-child){
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #f0f0f0;
}

.divModificacionCita > div > div:last-child .tituloPedirCitaDelegacion {
    font-size: 16px;
    font-weight: 600;
}

.divModificacionCita .edicionCitaDelegacion .divBotoneraPasosCitaDelegacion a:first-child + a:last-child {
    background: none repeat scroll 0 0 #04eaac !important;
    clear: none !important;
    float: right;
    margin-top: 0 !important;
}
.divModificacionCita .edicionCitaDelegacion .divBotoneraPasosCitaDelegacion a:first-child {
    float: left;
    margin-top: 0;
}




/*chozen de delegaciones*/
div#widget8.widget .chosen-container-single .chosen-single,
.divModificacionCita .chosen-container-single .chosen-single{padding: 0 0 0 8px !important}

div#widget8.widget .chosen-container-single .chosen-single span,
.divModificacionCita .chosen-container-single .chosen-single span{
    border: 1px solid #e0e0e0;
    color: #333743;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 5px 0 5px 46px;
}
div#widget8.widget .chosen-container,
.divModificacionCita .chosen-container{
    background: none repeat scroll 0 0 #f0f0f0 !important;
}
div#widget8.widget .chosen-container-single .chosen-search input,
.divModificacionCita .chosen-container-single .chosen-search input{
    box-shadow: none !important;
}
/*fin de chozen de delegaciones*/

/*------------FIN DE HOME------------*/


#formularioRellenaPerfilCurso input {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 0;
    box-shadow: none !important;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 100;
    height: auto;
    padding: 10px;
    width: 95% !important;
}

#formularioRellenaPerfilCurso input.errorsForm {
    background: none repeat scroll 0 0 rgba(255, 200, 200, 1);
    border: 1px solid red;
}

#formularioRellenaPerfilCurso label {
    font-size: 13px;
    font-weight: 600;
}

#formularioRellenaPerfilCurso label.errorsForm {
    color: red;
}

/*TALER CAMPUS*/
.tallerCampus {
    /*padding: 30px 30px 30px 20px;*/
    padding: 0px;
    min-height: 730px;
}
.tallerCampus h2#tituloTallerCampus {
    padding: 10px 10px 30px 70px !important;
}

#tituloTallerCampus > span {
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-weight: 100 !important;
}

.tallerCampus h2#tituloTallerCampus i{
    color: #CCCCCC;
    font-weight: 100 !important;
    margin-left: 10px;
    margin-right: 10px;
}
.tallerCampus h6{
    padding: 10px 20px 0px;
    color: #222728;
    font-size: 16px;
    font-weight: 100;
    line-height: 27px;
    margin-bottom: 30px;
    margin-top: 0px;
    text-align: justify;
    text-transform: none;
}

.tallerCampus .contenedorTallerCampus{
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 0 70px;
    position: relative;
    text-align: center;
}

.tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller {
    box-sizing: border-box;
    float: left;
    margin: -8px 0 0;
    padding: 0 0 0 40px;
    text-align: left;
    /*width: calc(100% - 865px);*/
    width: 300px;
}


.tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller {
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 60px 0 10px;
    padding: 0;
    width: 100%;
}


.tallerCampus .contenedorTallerCampus .videotutorial > iframe {
    float: none;
    max-width: 100%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

.tallerCampus .contenedorTallerCampus .videotutorial h4{
    font-size:55px;
}


.tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller > span {
    color: var(--colorPrincipal);
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}


.tallerCampus .contenedorTallerCampus .videotutorial p {
    font-size: 18px;
    font-weight: 100;
    line-height: 33px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: left;
}


#lateralTalleres {
    box-sizing: border-box;
    float: left;
    padding: 40px 0 60px;
    position: relative;
    width: calc(100% - 230px);
}


#lateralTalleres > img {
    height: 100%;
    position: absolute;
    right: -22px;
    top: 0;
    width: 22px;
    z-index: 56;
    display: none;
}


#barraLateralTalleres {
    background: #ffffff  none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 230px;
    z-index: 55;
}


#barraLateralTalleres {
    float: right;
}


#barraLateralTalleres div#divFlotante div {
    clear: both;
    margin-bottom: 20px;
}


#barraLateralTalleres div#tituloSeccionContenedorCampus {
    clear: both;
    color: #c4c4c4;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
    padding-left: 20px;
    text-transform: uppercase;
}


#barraLateralTalleres div#divFlotante div a {
    background:#ffffff ;
    color: var(--colorPrincipal);
    display: block;
    font-size: 15px;
    font-weight: 100;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 13px;
    width: 160px;
    text-decoration:none;
    cursor:pointer;
    opacity:1;
}
#barraLateralTalleres div#divFlotante div a:not(.activo):hover{opacity: 0.6;}
/*#barraLateralTalleres div#divFlotante div a:hover i{color:var(--colorPrincipal) !important;}*/

body:not(.sinSuavizado) #barraLateralTalleres div#divFlotante div a{	
    transition:         all 0.30s ease-in-out 0s;
}
#barraLateralTalleres div#divFlotante div a:hover{
    color:var(--colorPrincipal);
}
#barraLateralTalleres div#divFlotante div a.activo{
    cursor: default;
}

#barraLateralTalleres div#divFlotante div a i {
    background: none repeat scroll 0 0 #ffffff ;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--colorPrincipal);
    display: block;
    float: left;
    font-size: 25px;
    height: 36px;
    margin-right: 10px;
    padding: 9px;
    position: relative;
    text-align: center;
    top: -14px !important;
    width: 36px;
    transition: all 0.25s ease-out 0s;
}

#barraLateralTalleres div#divFlotante div a.activo i{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color:#fff !important;
}

#barraLateralTalleres div#divFlotante div a i.ion-home {
    padding: 6px 0 0 1px;
    top: -7px !important;
    font-size: 22px;
}
#barraLateralTalleres div#divFlotante div a i.ion-ios-chatbubble-outline {
    padding: 4px 0px 0 0px;
    top: -10px !important;
    font-size: 28px;
}
#barraLateralTalleres div#divFlotante div a i.ion-ios-telephone {
    padding: 6px 0 0 0 ;
    top: -7px !important;
}
#barraLateralTalleres div#divFlotante div a i.ion-clipboard {
    padding: 5px 0px 0 0px ;
    position: relative;
    top: -7px !important;
}
#barraLateralTalleres div#divFlotante div a i.ion-ios-people {
    padding: 5px 0 0;
    top: -7px !important;
}


#barraLateralTalleres div#divFlotante div a span {
    border-bottom: 1px solid var(--colorPrincipal);
}
#barraLateralTalleres div#divFlotante div a span::first-letter {
    text-transform: uppercase !important;
    font-size: 200%;
}

/*FIN DE TALLER CAMPUS*/

.textAreaSinCkEditor{
    min-height:100px;
}


/*------------PANEL LATERAL------------*/
.menuPrincipalLateral{
    background-color: rgba(0,0,0,0.25);
    width:22% !important;
    margin-left: 0 !important;
    overflow: hidden;
    position:fixed;
    top:0;
    left:0;
    padding: 0 10px;
    text-align:center;
    height: 100% !important;
}

html.mobile .menuPrincipalLateral{
    overflow-y:scroll !important;
    /*border: solid 1px red !important;
    background-color: red !important;*/
}

.menuPrincipalLateral:not(.barraMostrada){display:none !important;}
.menuPrincipalLateral div[class*="btn"]{display:none}
.menuPrincipalLateral > div >img{
    width:100%;
}



#mostrarBarraLateralMenu #divLateralMostrarEnlace {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
    box-sizing: border-box;
    cursor: pointer;
    left: 0;
    padding: 27px !important;
    position: fixed;
    top: 11px;
}



#divLateralMostrarEnlace > img {
    cursor: pointer;
    left: 16px;
    margin: 0;
    position: absolute;
    top: 14px;
}

.menuPrincipalLateral #divLateralCerrar{
    cursor: pointer;
    display: block;
    left: 20px;
    position: absolute;
    top: 27px;
    z-index: 140;
}

#divLateralCerrarEnlace, #divLateralMostrarEnlace{cursor:pointer !important;}

#divLateralCerrarEnlace > img {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    height: 14px !important;
    padding: 5px;
    width: 14px  !important;
    box-sizing: content-box;
}



#divLateralCerrar #divLateralCerrarEnlace{
    z-index: 2147483647 !important;

}
body:not(.sinSuavizado) #divLateralCerrar #divLateralCerrarEnlace{
    
    transition: all 0.35s ease-in-out;
}

#divLateralCerrar #divLateralCerrarEnlace:hover,
#divLateralCerrar #divLateralCerrarEnlace:active{
    opacity:0.5
}

.menuPrincipal #mostrarBarraLateralMenu #divLateralMostrarEnlace{display:block}
.menuPrincipal:not(.menuPantallaCompleta) #mostrarBarraLateralMenu #divLateralMostrarEnlace{display:none}

.menuPrincipalLateral #divHomeTiempo{
    margin: 100px auto 80px !important;
}

#divFrases{
    display:none;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4) !important;
}
#divFrases > p, #divFrases > p > span {
    font-family: Georgia !important;
    font-size: 30px;
    line-height: 34px;
    margin:80px -8px 30px;
    position: relative;
    text-align: center;
    color:#fff;
}

#divFrases > span {
    color:#fff;
    display: block;
    font-size: 13px;
    font-weight: 100;
    margin-top: 0;
    padding-right: 4px;
    text-align: right !important;
}

#divFrases > span a {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

#divFrases p i {
    color: #fff;
    display: inline-block;
    font-family: 'Lucida Console' !important;
    font-size: 41px;
    font-style: normal;
    height: 16px;
    position: relative;
    top: 5px;
}

#divFrases p i:last-of-type {
    top: 8px;
}

.menuPrincipalLateral #divHomeAvatar{
    margin-bottom:40px;
    margin-top:28px;
    max-width: 400px;
    width:100%;
    position: relative;
    z-index: 100;
}


.menuPrincipalLateral #divHomeAvatar #avatarIZQ{float:left;width:60%; position:relative; /*z-index:5;*/}
.menuPrincipalLateral #divHomeAvatar #avatarDXA{float:left;width:40%; position:relative; z-index:4; text-align: right; top: -5px;}

body.index .menuPrincipalLateral #divHomeAvatar #avatarIZQ{width:57%;}
body.index .menuPrincipalLateral #divHomeAvatar #avatarDXA{width:43%;}





.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen{position:relative; left:0%; z-index: 100;}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen > a {
    text-decoration: none !important;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder{
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 50% !important;
    display: block;
    height: 161px;
    margin: 0 auto;
    padding: 3px;
    position: relative;
    width: 161px;
    overflow: hidden;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    left: -4px;
    position: absolute;
    text-decoration: none !important;
    top: 170px;
    width: calc(100% + 8px);
}

body:not(.sinSuavizado) #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder,
body:not(.sinSuavizado) #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar{
    
    transition: all 0.35s ease-in-out;
}

.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder:hover div#cambioAvatar{
    top:-5px;
}


.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 23px 30px 5px;
    text-decoration: none !important;
    text-transform: uppercase;
}


.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar p {
    font-size: 13px;
    line-height: 17px;
    padding: 3px 25px 60px;
    text-decoration: none !important;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario {

    border-radius: 50% !important;
    display: block;
    height: 161px;
    overflow: hidden;
    width: 161px;
    box-sizing: border-box;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario.fotoGenerica {
    background-image: url(../../assets/images/fotoGenerica.png);
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario.fotoGenerica.mujer{
	background-image: url(../../assets/images/fotoGenerica_mujer.png)
}


/*
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar{
        position: static;
        display:none;
}

.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarCuadrado{	
        height: auto;
    min-height: 161px;
    min-width: 161px;
    width: auto !important;
        max-width: 100% !important;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarVertical{
        height: auto;
    width: 161px !important;
        position: relative;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarHorizontal{
        height: 161px !important;
    max-width: none !important;
    width: auto !important;
        position: relative;
}
*/


.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre{
    bottom: 8px;
    left: 0;
    position: absolute;
    text-align: left;
    z-index: 151;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ:hover #avatarNombre{
    left: -60px;
}
body:not(.sinSuavizado) .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre{
    
    transition: all 0.35s ease-in-out;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span{
    font-size:26.5px;
    color:#fff;
    letter-spacing:-0.4px;
    font-weight:100;
    /*display:block;*/
    background:rgba(0,0,0,0.7);
    padding:0px 15px 0px 4px;
    margin-bottom:1px;
    text-align:left;
    position:relative;
    top:22px;
    text-transform:uppercase;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span:empty{
    display:none;
}
.menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span:last-child{top:23px}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo {
    color: #FFFFFF;
    float: right;
    font-size: 62px;
    letter-spacing: -3px;
    margin-bottom: -11px;
    position: relative;
    right: -21px;
    text-align: right;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    width: 170px;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoHora {
    display: block;
    float: left;
    font-weight: 800;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoPuntos {
    display: block;
    float: left;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    margin: 0 !important;
    padding: 0;
    width: 17px;
}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoMinutos {
    display: block;
    float: left;
    font-weight: 100;
    margin: 0 !important;
    padding: 0 !important;
    width: 66px;
    font-family: 'Roboto', 'open sans', sans-serif !important;
}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarDiaParrafo {
    clear: both;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: -4px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarFechaParrafo{
    color:#fff;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-size:19px;
    letter-spacing:-0.4px;
    font-weight:800;
    text-shadow:0 0px 5px rgba(0,0,0,0.4);
}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    width: 247px;
    margin-top: 5px;
    border-radius: 0 5px 5px 0;
}
.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a {
    display: block;
    float: right;
    padding: 0px 8px;
    position: relative;
}


.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a:hover i{opacity:0.4}


body:not(.sinSuavizado) .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a i{
    
    transition: all 0.25s ease-in;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a:after{


    padding: 0;
    transition: all 0.25s ease-out;
    /*content: '' !important;*/
    text-transform: uppercase;
    content: attr(data-textoHover) !important;
    font-size: 1px;
}
.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a:hover:after{


    padding: 10px;
    font-size: 13px;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a[href="cargarPerfil.htm"]:after{
    background: none repeat scroll 0 0 #222728;
    color: #ffffff;
    /*content: attr(data-textoHover);*/
    cursor: pointer !important;
    left: -10px;
    margin-left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-transform:uppercase;
    top: 20px;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a[href="estadisticas.htm"]:after{
    background: none repeat scroll 0 0 #222728;
    color: #ffffff;
    /*content: attr(data-textoHover);*/
    cursor: pointer !important;
    left: -10px;
    margin-left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-transform:uppercase;
    top: 20px;
}


#avatarBotonera > a:after{
    transition: all 0.25s ease-in;
}
.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a[href="cargarPerfil.htm"]:hover:after{
    opacity:1;
    top: 45px;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a[href="estadisticas.htm"]:hover:after{
    opacity:1;
    top: 45px;
}

body:not(.index) #avatarBotonera > a:nth-child(1) {
    display: none !important;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a.opcionMenuDeshabilitada {
    cursor: default !important;
    opacity: 1;
}
.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a:not(.opcionMenuDeshabilitada) {
    cursor: pointer !important;
}

.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a.opcionMenuDeshabilitada > i,
.menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a.opcionMenuDeshabilitada > img {
    opacity: 0.3;
}

#avatarBotonera > a:nth-child(1){cursor:pointer}

#avatarBotonera > a:nth-child(1):after {
    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF;
    content: attr(data-textoHover);
    margin-left: -102px;
    padding: 10px;
    position: absolute;
    opacity: 0;
    text-align: center;
    top: 20px;
    cursor:pointer !important;
}
#avatarBotonera > a:nth-child(1):hover:after {
    opacity: 1;
    top: 45px;
}

#avatarBotonera > a:nth-child(2):after{
    
    transition: all 0.25s ease-in;

    cursor:pointer !important;

    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF;
    content: attr(data-textoHover);
    margin-left: -45px;
    padding: 10px;
    position: absolute;

    top: 20px;
    opacity: 0;
}

#avatarBotonera > a:nth-child(2):hover:after {

    top: 45px;
    opacity: 1;

}


.menuPrincipalLateral #divHomeTuPanel .divPanelTuPanel .tituloLateralHome{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    /* margin-bottom: 4px !important;*/
    margin-top: 0;
    padding: 14px 10px;
    width: calc(100% - 20px);
    position:relative;
}
.menuPrincipalLateral #divHomeTuPanel .divPanelTuPanel .tituloLateralHome span{
    left: 60px;
    position: relative;

    font-family: 'open sans',sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.4px;
    position:relative;
}
.menuPrincipalLateral #divHomeTuPanel .divPanelTuPanel .tituloLateralHome span:first-letter {
    text-transform: uppercase !important;
}
.menuPrincipalLateral #divHomeTuPanel .divPanelTuPanel .tituloLateralHome::after{	
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "\f20a";
    font-family: "ionicons" !important;
    font-size: 30px;
    height: 100%;
    left: 0;
    padding: 17px;
    position: absolute;
    top: -7px !important;
}


.menuPrincipalLateral #divHomeTuPanel .divPanelTuPanel #divResumenTuPanel{
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
}



#divResumenTuPanel > a {
    border-bottom: 1px dashed #b2b2b2;
    box-sizing: border-box;
    float: left;
    opacity: 1;
    width: calc(25% - 1px) !important;
    text-align:center;
    position: relative;
}


#divResumenTuPanel > a {
    width: 100% !important;
    text-align: left !important;
    padding: 5px 0px !important;
    float: none !important;
    /*border: none;*/
    margin: 0 !important;
    box-sizing: border-box;
    display: block;
}

#divResumenTuPanel > a:last-child{
    border: none;

}

#divResumenTuPanel > a.sinNotificaciones {
    cursor:default;

}
/*
#divResumenTuPanel > a.sinNotificaciones *{opacity: 0.3;}
*/
#divResumenTuPanel > a.sinNotificaciones span {
    background: #04eaac;
    display: none;
}

#divResumenTuPanel > a:not(.sinNotificaciones)::before {
    background: none repeat scroll 0 0 #222728;
    border-radius: 5px;
    bottom: 0;
    color: #ffffff;
    content: "ver";
    display: block;
    height: 28px;
    left: 0 !important;
    margin: auto 0;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 50px;
    width: 33px;
    text-align: center;
    z-index: 160


}
body:not(.sinSuavizado) #divResumenTuPanel > a:not(.sinNotificaciones)::before {	
    
    transition: all 0.25s ease-in;

}

#divResumenTuPanel > a:not(.sinNotificaciones):hover::before{
    opacity:1;
    top:0px;
}


#divResumenTuPanel > a > span {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    height: 31px;
    opacity:1;
    padding: 5px 0 !important;
    position: absolute;
    right: 0px;
    top: 8px;
    width: 31px;
    transition:opacity 0.35s ease-out;
    text-align: center;
}

#divResumenTuPanel > a > span:empty {
    /*display: none;*/
    opacity:0;
}

#divResumenTuPanel > a > i {
    /*display: block;
    margin-bottom: 45px;
    margin-top: 20px !important;
    font-size: 530% !important;	*/

    font-size: 40px !important;
    width: 40px !important;
    display: inline-block;
    text-align: center;
    min-height: 40px;
    position: relative;
    z-index: 150

}
#divResumenTuPanel > a > i.ion-social-youtube {
    font-size: 30px !important;
    top: 3px;

}
body:not(.sinSuavizado) #divResumenTuPanel > a > i {
    
    transition: all 0.25s ease-in;
}
#divResumenTuPanel > a:not(.sinNotificaciones):hover i:not(.ion-social-youtube) {
    color: #d9d9d9 !important; 
}

#divResumenTuPanel > a > label {
    bottom: 0;
    box-sizing: border-box;
    color: #212a37;
    display: block !important;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    padding: 0 13px !important;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#divResumenTuPanel > a > label {
    position: relative;
    display: inline-block !important;
    width: calc(100% - 80px);
    text-align: left;
    top: -10px !important;
}

#divResumenTuPanel > a:nth-child(3) label {
    top: -4px !important;
}

.menuPrincipalLateral #divHomeEnlaces{bottom: 0; position: relative;margin-bottom:40px; text-align: left;}
.menuPrincipalLateral #divHomeEnlaces a{color:#fff; font-size:12px; font-weight:100; padding:10px; text-decoration:none !important;cursor: pointer;}
.menuPrincipalLateral #divHomeEnlaces a:hover{background:var(--colorPrincipal); text-shadow:0px 0px 3px rgba(0,0,0,0.3); text-decoration:none !important;}
.menuPrincipalLateral #divHomeEnlaces a:active{background:var(--colorPrincipal); text-shadow:0px 0px 3px rgba(0,0,0,0.3); text-decoration:none !important;}


#divHomeEnlaces #lazarModalProteccionDatos{
    display: none;
}
body[data-domain="https://campus.masterd.es"] #divHomeEnlaces #lazarModalProteccionDatos{
    display: unset !important;
}
body[data-domain="http://localhost:8080"] #divHomeEnlaces #lazarModalProteccionDatos{
    display: unset !important;
}




/*------------FIN DE PANEL LATERAL------------*/

.popover.right .arrow {
    border-right: 5px solid #D0D0D0;
}
.popover-inner {
    background: none repeat scroll 0 0 #D0D0D0;
    box-shadow:0 3px 9px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0 !important;
    color: #111;
}

.popover-title {
    border-radius: 0;
    font-weight: 100;
    text-transform: uppercase;
}
.popover-content {
    border-radius: 0;
}
.popover-content div {
    font-size: 11px;
}
.popover-content img {
    left: 5px;
    position: relative;
    top: -2px;
}




/*------------MENSAJERIA------------*/
/*#tabMensajeria{height: 50px;}*/
#tabContentMensajeria{overflow: visible; padding: 0 20px; background:none !important}

#tabContentMensajeria table td {
    font-size: 13px;
    font-weight: 100;
    position:relative;
}

ul#tabMensajeria.nav-tabs > li button {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
    height: 24px;
    padding: 6px 0 0;
    left: 0px;
}

ul#tabMensajeria.nav-tabs > li button i {
    color: #FFFFFF !important;
}

ul#tabMensajeria.nav-tabs > li.active:first-child{
    border-left:none !important;
}



ul#tabMensajeria.nav-tabs > li {
    box-sizing: border-box;
    width: 100%;
}	
ul#tabMensajeria.nav-tabs > li:hover {

    width: 100%;
}
ul#tabMensajeria.nav-tabs > li a:hover {

    width: 100%;
}
ul#tabMensajeria.nav-tabs > li a {
    color: #fff !important;
}

ul#tabMensajeria.nav-tabs > li.active a {
    color: var(--colorPrincipal) !important;
}

ul#tabMensajeria.nav-tabs > li a[data-toggle="tab"]{
    text-transform: none !important;
    font-size: 15px;
}
ul#tabMensajeria.nav-tabs {
    border: medium none !important;
    box-sizing: border-box;
    margin: 0 !important;
    position: relative;
    width: 160px;
}

#pantallaMensajeria > div#contenedorPantallaMensajeria ul li {
    border: medium none !important;
    background:none !important;
    color:var(--colorPrincipal) !important;
    border-left:solid 3px rgba(0,0,0,0) !important;
    box-sizing: border-box;
    color: var(--colorPrincipal) !important;
    padding:0 !important;

}
body:not(.sinSuavizado) #pantallaMensajeria > div#contenedorPantallaMensajeria ul li {
    
    transition: all 0.25s ease-in;
}
#pantallaMensajeria > div#contenedorPantallaMensajeria ul li.active{
    background:#fff !important;
    color:#fff !important;
    border-left:solid 3px var(--colorPrincipal) !important;
    margin-bottom: 0 !important;
}
#pantallaMensajeria > div#contenedorPantallaMensajeria ul li:not(.active):hover{background:var(--colorPrincipal) !important}

#pantallaMensajeria > div#contenedorPantallaMensajeria ul li a{
    background:none !important;
    padding: 24px 0px 20px 20px !important;
}





#tabContentMensajeria {
    background-color: #ffffff !important;
    border: medium none;
    box-sizing: border-box;
    float: left;
    margin: 0 0 0 160px !important;
    min-height: 584px;
    padding: 30px;
    width: calc(100% - 160px);
}

#pantallaMensajeria > div > #botonRecargarUnico {
    position: absolute;
    z-index: 1500;
}


#pantallaMensajeria > div#contenedorPantallaMensajeria {
    background: #2b2e32 !important;
    border: medium none !important;
    float: left;
    height: 100%;
    position: absolute;
    width: 160px !important;
}


#contenedorPantallaMensajeria > a {
    bottom: 10px;
    box-sizing: border-box;
    display: block !important;
    left: 10px;
    margin: 0 auto !important;
    opacity: 1;
    position: absolute;
    width: 140px !important;	
}
body:not(.sinSuavizado) #contenedorPantallaMensajeria > a {
    
    transition: all 0.25s ease-in;
}

#contenedorPantallaMensajeria > a:hover{
    opacity:0.4;
}

#contenedorPantallaMensajeria > a > i {
    display: block;
    font-size: 80px;
    margin-top: -10px !important;
}

#contenedorPantallaMensajeria > a > span {
    display: block;
    font-size: 19px;
    line-height: 25px;
    margin-top: -10px;
}
#contenedorPantallaMensajeria > div#iconoMensajeria{margin-bottom:40px}

#contenedorPantallaMensajeria > div#iconoMensajeria > p {
    border: medium none;
    text-align: center !important;
}

#contenedorPantallaMensajeria > div#iconoMensajeria > p > span {
    border: medium none;
    color: #fff;
    font-size: 18px;
    margin: 0 !important;
    cursor:default;
}
#contenedorPantallaMensajeria > div#iconoMensajeria > p > i {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff !important;
    cursor:default;
    display: block;
    font-size: 80px !important;
    height: 110px;
    margin: 30px auto 15px !important;
    padding: 14px;
    width: 110px;
}


#contenedorPantallaMensajeria > div#iconoMensajeria > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    border-radius: 50% !important;
    box-shadow: none !important;
    color: #fff;
    cursor: pointer;
    margin: 0 !important;
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 5px;

}
body:not(.sinSuavizado) #contenedorPantallaMensajeria > div#iconoMensajeria > button {
    
    transition: all 0.25s ease-in;
}
#contenedorPantallaMensajeria > div#iconoMensajeria > button:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) !important;
    color:#ffffff !important
}
#contenedorPantallaMensajeria > div#iconoMensajeria > button > i{border:none}




#pantallaMensajeria .divBotonesAccionesDatatable {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

#pantallaMensajeria .divBotonesAccionesDatatable button {
    margin: 0 !important;
}


#pantallaMensajeria .divBotoneraTabla button {
    background: none !important;
    border: medium none !important;
    color: #333333 !important;
    font-size: 21px;
    height: auto;
    left: auto;
    margin: 0 !important;
    padding: 8px 10px 6px;
    position: absolute;
    right: 10px !important;
    top: -20px !important;
    width: auto;
    border-radius: 50% !important;
    box-sizing: border-box;
    box-shadow: none !important;

}

#pantallaMensajeria .dataTables_filter {
    border: medium none !important;
    box-sizing: border-box;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: -88px !important;
    width: 32%;
}

#pantallaMensajeria .dataTables_filter > label {
    display: block;
    height: 100%;
    margin: 0 !important;
    position: relative !important;
    right: 0;
    top: 0;
    width: 100% !important;
}

#pantallaMensajeria .dataTables_filter > label > input {
    background: none;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 100;
    height: 100%;
    left: auto !important;
    margin: 0 !important;
    padding: 10px 15px 10px 40px;
    position: relative;
    right: 0 !important;
    top: -15px !important;
    width: 100%;
    border-radius: 25px !important;
    transition: all 0.25s ease-out;
    border: solid 1px #666;
}

#pantallaMensajeria .dataTables_filter > label > input.conContenido{
    padding: 10px 15px  10px 40px;
}

#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:after{
    opacity:0;
    background: none repeat scroll 0 0 #fff;
    color: #000;
    content: attr(data-textoHover);
    cursor: pointer !important;
    left: -10px;
    padding: 10px;
    position: absolute;
    text-transform: none;
    top: 60px;
    width: 140px;
}

body:not(.sinSuavizado) #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:after{
    
    transition: all 0.25s ease-in;
}

#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover:after {
    opacity: 1;
    top: 50px;
}
#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a {
    display: block;
    margin: 50px auto;
    opacity: 1;
    padding: 15px 20px !important;
    position: relative;
    text-align: center;
    width: 100px;
}
body:not(.sinSuavizado) #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a {
    transition: all 0.25s ease-in 0s;
}

#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover{
    opacity:0.8;
}

#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a span {
    margin-left: 28px;
}
#pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a i {
    font-size: 30px;
    margin-left: -2px;
    position: absolute;
    top: 9px;
}

#pantallaMensajeria .toolsForms {
    background: none;
    border: 0 none;
    position: absolute;
    right: 0;
    top: 0;
    display:none;
}


#pantallaMensajeria .botoneraAccionesMensajeria {
    margin-bottom: 50px;
    margin-top: 10px;
    position: relative;
}
#pantallaMensajeria .estilosMensajeriaAplicables {
    display: block;
    float: left;
    width: 150px;
    position: relative;
}

#pantallaMensajeria .tabletools .groupTableToolButton:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-color: transparent transparent var(--colorPrincipal) !important;
    border-style: solid !important;
    border-width: 0 10px 10px !important;
    color: rgba(0, 0, 0, 0) !important;
    content: "" !important;
    height: auto !important;
    left: 16px !important;
    margin-top: -17px;
    position: relative !important;
    top: 0 !important;
    width: auto !important;
    z-index: 2147483647;
}

#pantallaMensajeria .tabletools .groupTableToolButton {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    position: relative !important;
    top: -20px !important;
}

#pantallaMensajeria .tabletools .groupTableToolButton a {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff !important;
    padding: 20px 10px !important;
    opacity:1;
    width: 180px;

}
body:not(.sinSuavizado) #pantallaMensajeria .tabletools .groupTableToolButton a {
    
    transition: all 0.25s ease-in;
}

#pantallaMensajeria .tabletools .groupTableToolButton a:hover{
    background: none repeat scroll 0 0 #fff;
    color: var(--colorPrincipal) !important;
}

#pantallaMensajeria .tabletools .groupTableToolButton a:hover > span {
    background-color: rgba(0, 0, 0, 0) !important;
}

.botoneraAccionesMensajeria > button,
.botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: var(--colorPrincipal) !important;
    float: left;
    margin: 0 40px 0 0 !important;
    opacity:1;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;

}

body:not(.sinSuavizado) .botoneraAccionesMensajeria > button,
body:not(.sinSuavizado) .botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button {
    
    transition: all 0.25s ease-in;
}
.botoneraAccionesMensajeria > button:hover,
.botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button:hover{
    opacity:0.4;

}

body:not(.sinSuavizado) .botoneraAccionesMensajeria > button:hover,
body:not(.sinSuavizado) .botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button:hover{
    
    transition: all 0.25s ease-in;
}
.botoneraAccionesMensajeria > button > i,
.botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button > i{
    font-size: 33px;
}

.botoneraAccionesMensajeria > button > span,
.botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button > span{
    margin-left: 5px;
    position: relative;
    top: -5px;
    border-bottom: 1px solid var(--colorPrincipal);
}

#pantallaMensajeria .dataTables_wrapper tr.odd,
#pantallaMensajeria .dataTables_wrapper tr.even,
#pantallaMensajeria .dataTables_wrapper tr.odd td,
#pantallaMensajeria .dataTables_wrapper tr.even td{
    background: none repeat scroll 0 0 #ffffff !important;
    border-bottom: 1px dashed #e0e0e0 !important;
    border-left: medium none !important;
    border-top: medium none;

}
body:not(.sinSuavizado) #pantallaMensajeria .dataTables_wrapper tr.odd,
body:not(.sinSuavizado) #pantallaMensajeria .dataTables_wrapper tr.even,
body:not(.sinSuavizado) #pantallaMensajeria .dataTables_wrapper tr.odd td,
body:not(.sinSuavizado) #pantallaMensajeria .dataTables_wrapper tr.even td{
    
    transition: all 0.25s ease-in
}
#pantallaMensajeria .table tbody tr:hover {
    cursor: pointer;
}

#pantallaMensajeria .table tbody tr:hover td,
#pantallaMensajeria .table tbody tr:hover th {
    background-color: rgba(56, 117, 215, 0.2) !important;
    /*border-left: 1px solid rgba(56, 117, 215, 0.1) !important;*/
}




#pantallaMensajeria .table tbody tr.filaActiva td,
#pantallaMensajeria .table tbody tr.filaActiva th {
    background-color: rgba(56, 117, 215, 0.6) !important;
    /*border-left: 1px solid rgba(56, 117, 215, 0.2) !important;*/
}



#pantallaMensajeria .dataTables_paginate span a{
    display: none;
}

#pantallaMensajeria .dataTables_wrapper a.paginate_button {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: medium none !important;
    border-radius:0px !important;
    box-sizing: border-box;
    color: #fff !important;
    height: 50px !important;
    margin-right: 2px !important;
    opacity:1;
    position: relative;
    text-align: center;
    top: -13px;
    width: 50px !important;

}
body:not(.sinSuavizado) #pantallaMensajeria .dataTables_wrapper a.paginate_button {
    
    transition: all 0.25s ease-in;
}
#pantallaMensajeria .dataTables_wrapper a.paginate_button:hover{
    opacity:0.4
}
#pantallaMensajeria .dataTables_wrapper a.paginate_button:before{display:none !important}

#pantallaMensajeria .dataTables_wrapper a.paginate_button i {
    font-size: 43px;
    font-style: normal !important;
}
#pantallaMensajeria .dataTables_wrapper a.paginate_button_disabled {
    cursor: default !important;
    opacity: 0.2 !important;
}

#pantallaMensajeria .dataTables_wrapper span address {
    font-weight: 100;
    padding: 0 10px;
}

#pantallaMensajeria .dataTables_wrapper span address b {
    font-weight: 600;
}


#pantallaMensajeria .table tbody tr:hover td,
#pantallaMensajeria .table tbody tr:hover th {
    background-color: rgba(56, 117, 215, 0.2);
}


#pantallaMensajeria #tabContentMensajeria .sorting_1 {
    border-left: medium none !important;
}



ul#tabMensajeria.nav-tabs > li.active {
    border-top:none !important;
    border-bottom: 2px solid #FFFFFF !important;
    margin-bottom: -1px;
    background-color: #fff !important;
}


#tabContentMensajeria .datatableStyled td button {
    height: 23px;
    padding: 2px 7px 4px;
    position: relative;
    top: 5px;
}



#pantallaMensajeria #tabContentMensajeria table tr th {
    background-color: #fff !important;
    border-bottom: 1px dashed #333 !important;
    color: #333333;
    font-size: 12px !important;
    font-weight: 600;
    min-width: 35px;
    padding-bottom: 25px !important;
    text-align: left;


}
body:not(.sinSuavizado) #pantallaMensajeria #tabContentMensajeria table tr th {
    
    transition: all 0.25s ease-in;
}
#pantallaMensajeria #tabContentMensajeria table tr th:hover {
    background-color: rgba(56, 117, 215, 0.05) !important;
}

#pantallaMensajeria #tabContentMensajeria table tr th:last-child {
    min-width: 120px;
}

#pantallaMensajeria #tabContentMensajeria table tr th:first-child {
    background-image: none;
}

#pantallaMensajeria #tabContentMensajeria table#tablaBuzonEntrada tr th:nth-child(3) {
    min-width: 55px;
}

#pantallaMensajeria #tabContentMensajeria table#tablaBuzonBorrados tr th:nth-child(2) {
    min-width: 55px;
}

#pantallaMensajeria .dataTables_length {
    display: none;
}

#pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty{
    color:#333;
    background:#e0e0e0;
}
#pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty{
    background: red !important;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    opacity: 1;
    padding: 4px 0 0 6px;
    position: absolute;
    right: 29.5%;
    top: 11px;
    width: 20px;
    z-index: 1500;
    border-radius: 50%;


}
body:not(.sinSuavizado) #pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty{
    
    transition: all 0.25s ease-in;
}
#pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty.oculto{
    opacity:0;
    cursor:default;
}
#pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty:hover{
    opacity:0.4;
}
#pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty:before {
    position: relative;
    top: -4px;
}

#pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    font-size: 12px;
    left: 15px;
    padding: 5px 10px;
    position: absolute;
    top: 67px;
    z-index: 1500;
    opacity:1;
}
body:not(.sinSuavizado) #pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados {
    
    transition: all 0.25s ease-in;
}
#pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados.oculto{opacity:0;}
#pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados:empty{opacity:0;}



#pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-color: #333 transparent transparent !important;
    border-style: solid !important;
    border-width: 10px 10px 0 !important;
    color: rgba(0, 0, 0, 0) !important;
    content: "" !important;
    height: auto !important;
    left: 3px !important;
    margin-top: 0;
    position: absolute !important;
    top: 32px !important;
    width: auto !important;
    z-index: 2147483647;
}

#pantallaMensajeria #tablaBuzonBorrados_wrapper table {
    position: relative;
    top: 12px;
}

#pantallaMensajeria #tabContentMensajeria #tabContentBuzonEntrada table tr th:nth-child(2),
#pantallaMensajeria #tabContentMensajeria #tabContentBuzonSalida table tr th:nth-child(2),
#pantallaMensajeria #tabContentMensajeria #tabContentBuzonBorrados table tr th:nth-child(3){
    padding-left: 57px;
}


#pantallaMensajeria .table.table-striped.table-bordered.dataTable {
    border-bottom: medium none !important;
    border-right: medium none !important;
    margin-bottom: 30px !important;
}

#pantallaMensajeria ul#tabMensajeria.nav-tabs > li a[data-toggle="tab"] div {
    font-size: 14px;
    letter-spacing: -0.2px;
    font-weight:100;
    padding-right: 0 !important;
}
#pantallaMensajeria ul#tabMensajeria.nav-tabs > li a[data-toggle="tab"] div.tieneNoLeidos{
    font-weight:700;
}

#pantallaMensajeria ul#tabMensajeria.nav-tabs > li a[data-toggle="tab"] div.tieneNoLeidos span {
    font-size: 14px;
    font-weight: 700 !important;
    margin-left: 3px;
}

#pantallaMensajeria .table th .cuadradoTablaSelect {
    border: 1px solid var(--colorPrincipal);
    box-sizing: border-box;
    height: 25px;
    margin-bottom: -6px;
    margin-left: auto;
    margin-right: auto;
    width: 25px;
}
#pantallaMensajeria .table th .cuadradoTablaSelect.ion-ios-minus-empty{
    background: none repeat scroll 0 0 rgba(56, 117, 215, 0.2);
    border: 1px solid rgba(56, 117, 215, 0.2) !important;
    color: #fff;
    font-size: 22px;
    padding: 0 0 0 6px;
}
#pantallaMensajeria .table th .cuadradoTablaSelect.ion-ios-checkmark-empty{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff;
    font-size: 26px;
    padding: 0 0 0 6px;
}

#pantallaMensajeria .table th .cuadradoTablaSelect.ion-ios-checkmark-empty:before {
    position: relative;
    top: -1px;
}
.table.table-striped.table-bordered.dataTable{border-radius:0px !important;}
.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child{border-radius:0px !important;}


#tabContentMensajeria .dataTables_empty {
    font-size: 19px;
    font-weight: 100;
    padding: 30px !important;
    text-align: center !important;
}

#tabMensajeria h1{
    font-size: 20px;
    font-weight: 100;
    margin-top: 50px;
    padding-bottom: 0;
    text-align: center;
}



.contenedorImagenUsuarioMensajeria {
    border-radius: 50%;
    height: 40px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    width: 40px;
    background-size: cover;
}

#tabContentMensajeria table td p {
    font-size: 13px;
    font-weight: 100;
    margin: 0px 0;
    padding-left: 50px !important;
}
#pantallaMensajeria .dataTables_wrapper tr td div + p {
    line-height: 18px;
}
div.contenedorImagenUsuarioMensajeria + p:last-child {
    margin-bottom: 10px !important;
    margin-top: 7px !important;
}

#pantallaMensajeria table b {
    font-weight: 600;
}
#pantallaMensajeria .dataTables_wrapper tr[onclick*="\'N\'"] td{
    background: none repeat scroll 0 0 #fafafa !important;
    font-weight:600 !important;
    font-size: 13px;
}
#pantallaMensajeria .dataTables_wrapper tr[onclick*="\'N\'"] td div + p {
    font-weight:600 !important;
}

#pantallaMensajeria .table tbody th,
#pantallaMensajeria .table tbody td{
    padding:26px 8px 22px;
}



#tabContentMensajeria table td p + p {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 600 !important;
    line-height: 19px;
    margin: 0 0 0 50px;
    padding: 0px 6px !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
    margin-top: 2px;

}


#pantallaMensajeria .icheckbox_square-blue,
#pantallaMensajeria .iradio_square-blue {
    margin: 0 -29px 0 0;
}

#divBuzonEntrada > form#formBuzonEntrada {
    margin-bottom: 0;
}


#divContenidoMensaje {
    padding: 20px 0;
}
#divContenidoMensaje textformat p{line-height: 22px; margin-bottom: 19px;}
#divContenidoMensaje textformat p font{
    font-size: 14px !important;
    line-height: 14px !important;
    font-weight:100;
}
#divContenidoMensaje textformat p font b{font-weight:600}


#divContenidoMensaje h1,
#divContenidoMensaje h1 a {
    font-size: 18px !important;
    font-weight: 600;
    line-height: 22px;
}
#divContenidoMensaje h2 {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 20px;
}

#divContenidoMensaje a {
    text-decoration: underline;
}

#contenedorMensaje.esRespuesta #contenidoMensajeRespuesta{
    border: solid 1px #3C7FB1;
    padding: 10px;
    box-sizing: border-box;
}

#contenedorMensaje.esRespuesta #contenidoMensajeRespuesta:focus{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    border-color: rgba(82,168,236,.8);
}

/*------------FIN DE MENSAJERIA------------*/

/*CIRCULO*/
.circuloProgreso {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 100px !important;
    position: relative;
    width: 100px !important;
    margin: 20px 20px 20px 0;
}

.circuloProgreso strong {
    bottom: 0;
    font-size: 20px;
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -17px;
}
/*FIN DE CIRCULO*/


/*------------PERFIL------------*/


.perfil input[type="radio"],
.perfil input[type="checkbox"] {
    opacity: 0 !important;
}

.perfil h2 {
    margin-left: 20px;
    margin-top: 20px;
    position: absolute;
    text-transform:uppercase;
}
/*
.perfil h4 {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px 15px;
    width: calc(100% - 30px);
}*/
.perfil > div.span10{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 0 solid #F7F7F7;
    /* box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);*/
    margin: 0px 20px 0 100px;
    min-height: 800px;
    /*padding: 20px 30px 30px 80px;*/
    padding: 20px 50px 30px;
    position: relative;
    width: calc(100% - 100px) !important;
    z-index: 150;
}
.perfil > .span10 > img {
    height: 100%;
    position: absolute;
    right: -22px;
    top: 0;
    width: 22px;
    opacity: 0.3;
}
.perfil > div.span10 > form > div {
    margin-bottom: 40px;
    margin-left: 2% !important;
}

.perfil #divAlias{
    left: 7px;
    position: relative;
}
#divAlias > label {
    margin-left: 7px;
    margin-bottom: 20px;
}
.perfil #aliasLabel{margin-left:7px; width: 40px;}

.perfil #divAlias input[type*="check"]{
    margin-left: 10px;
    position: relative;
    top: 4px;
    margin-bottom: 20px;
}

.perfil > div.span10 div.span6{width:48% !important;}
.perfil > div.span10 > form > div.span6 > .span6 {
    display: block;
    width: calc(100% - 136px) !important;
}
.perfil > div.span10 form div.span6:first-child{margin-left:0px !important;}
.perfil input.btn-primary{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px !important;
    border: none;
    box-shadow: 0 2px 0 0 #14419e !important;
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 15px;
    font-weight: 100;
    margin-left: 0px;
    margin-top: 10px;
    max-width: 100%;
    padding: 15px 15px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;

    /*
    background: var(--colorPrincipal);
    border: medium none;
    border-radius: 5px !important;
    box-shadow: 0 2px 0 0 #14419e !important;
    color: #222728;
    display: inline;
    float: none;
    font-size: 15px;
    font-weight: 100;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 280px;
    padding: 15px 15px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    opacity: 1;*/
}
#perfilBotonGuardar {
    border-top: 1px dashed #CCCCCC;
    text-align: center;
    padding-top: 30px;
}
.perfil input.btn-primary[value*="Guardar"] {
    display:inline;
    height: 60px;
    padding: 10px !important;
    width: 240px;
    margin-top: 0;
}

.perfil > div.span10 div.span6{ position:relative}

.perfil > div.span10 div.span6 label {
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    top: 6px;
}


.perfil > div.span10 div.span6  label::after{content:':';}
.perfil > div.span10 div.span6  input[type="text"],
.perfil > div.span10 div.span6  input[type="password"]{display:inline; float:left; margin-left:10px; font-size:14px; border-radius:0px !important;}

.perfil > div.span10 div.span6 .span12 .span12 input[type="text"] {left: 130px;}

.perfil > div.span10 div.span6 .span12 .span12 label{width: 125px;}
.perfil > div.span10 div.span6 .span12 .span12 input[type="text"] {width: calc(100% - 146px);}

.perfil > div.span10 div.span6 .span12{margin-left:0px; position:relative}
.perfil > div.span10 div.span6 .span12 .span12 {
    margin-bottom: 15px;
}
.perfil > div.span10 div.span6 .span12#divFotoAlumno{margin-top:20px}
.perfil > div.span10 .span12{margin-left:0px !important;}



/*PERFIL NUEVO*/

.perfil #perfilIzq {
    float: left;
    margin: 0 !important;
    width: 48%;
    width:calc(50% - 20px);
}

.perfil #perfilDxa {
    float: left;
    margin: 0 0 0 4% !important;
    margin: 0 0 0 calc(40px) !important;
    width: 48%;
    width:calc(50% - 20px);

}
.panelPerfil {
    background: none repeat scroll 0 0 #f7f7f7;
    margin-bottom: 60px;
    padding: 0;
    position:relative;
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);
    border-radius: 5px;
}


.panelPerfil.opcionMenuDeshabilitada::before {
    background: #ff0000 none repeat scroll 0 0;
    color: #ffffff;
    content: "EN DESARROLLO";
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.panelPerfil .cabeceraPanelPerfil {
    padding-bottom: 50px;
    padding-top: 30px;
}
.panelPerfil .cabeceraPanelPerfil h4 {
    color: #333743;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 24px;
}


.panelPerfil .cabeceraPanelPerfil img {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: -8px;
}

#divFotoPerfil .cabeceraPanelPerfil > img {top: -8px !important;}
#divPersonalizaTuCalendario .cabeceraPanelPerfil > img {top: -10px !important;}
#divPersonalizaTuFondo .cabeceraPanelPerfil > img {top: -5px !important;}

.cuerpoPanelPerfil{
    padding-bottom: 00px;
    padding-top: 00px;
}
.cuerpoPanelPerfil > p {
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 22px;
    padding: 0 20px;
}

.cuerpoPanelPerfil > p > span {
    font-weight: 600;
    position:relative;
}

.cuerpoPanelPerfil > p > input {
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    color: #222728;
    float: none;
    font-size: 14px;
    font-weight: 100;
    height: 54px;
    margin-top: 5px;
    padding: 15px 0 15px 20px;
    width: calc(100% - 0px);
    border: none;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
}


.cuerpoPanelPerfil > p > input#twitter {
    padding-left: 55px;
}

.cuerpoPanelPerfil > p > span.ion-social-twitter:before {
    color: var(--colorPrincipal);
    font-size: 30px;
    left: 10px;
    position: absolute;
    top: 35px;
}

.cuerpoPanelPerfil > p > input#facebook {
    padding-left: 55px;
}

.cuerpoPanelPerfil > p > span.ion-social-facebook:before {
    color: var(--colorPrincipal);
    font-size: 30px;
    left: 17px;
    position: absolute;
    top: 35px;
}
.cuerpoPanelPerfil a#comprobartwitter {
    display: inline-block;
    text-align: right;
    width: auto;
    float: right;
    background: var(--colorPrincipal);
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
}
.cuerpoPanelPerfil a#comprobartwitter.oculto{
    display: none;
}
.cuerpoPanelPerfil a#comprobarfacebook {
    display: inline-block;
    text-align: right;
    width: auto;
    float: right;
    background: var(--colorPrincipal);
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
}
.cuerpoPanelPerfil a#comprobarfacebook.oculto{
    display: none;
}

.piePanelPerfil {
    background: none repeat scroll 0 0 #efefef;
    color: #fff;
    margin-top: 0px;
    padding: 25px 0;
    text-align: center;
}

.cuerpoPanelPerfil > #contenedorAvatarPerfil {
    border: 3px solid #e0e0e0;
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 173px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 3px;
    width: 173px;
}

.cuerpoPanelPerfil > #contenedorAvatarPerfilDescripcion {
    box-sizing: border-box;
    float: left;
    font-weight: 100;
    margin-bottom: 50px;
    padding-right: 20px;
    width: calc(100% - 220px);
}

.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco {
    border-radius: 50%;
    box-sizing: border-box;
    height: 161px;
    overflow: hidden;
    width: 161px;
    /*display:none;*/

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}


.cuerpoPanelPerfil #imagenAvatarEditar .darkroom-image-container .canvas-container{
    margin: 0 auto;

    /*PARA EL SIMULADOR DE AVATAR*/
    overflow: hidden;
    /*FIN PARA EL SIMULADOR DE AVATAR*/
}


.cuerpoPanelPerfil #imagenAvatarEditar .darkroom-image-container .canvas-container .simuladorAvatar{
    width: 337.527px;
    height: 337.527px;
    background: transparent;
    z-index: 9999999;
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    box-shadow: 0px 0px 500px 300px rgba(255,255,255,.7);
}

html:not(.mobile) body.edicionImagenAvatarMovil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-image-container .canvas-container {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}


.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco.fotoGenerica{
    background-image: url(../../assets/images/fotoGenerica.png)
}
.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco.fotoGenerica.mujer{
	background-image: url(../../assets/images/fotoGenerica_mujer.png)
}

.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco img {
    height: 100%;
    width: 100%;
}
.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco img#fotoAlumnoAvatar{
    position: static;
    display:none;
}

.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco img#fotoAlumno.avatarCuadrado{	
    height: auto;
    min-height: 161px;
    min-width: 161px;
    width: auto !important;
    max-width: 100% !important;
}
.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco img#fotoAlumno.avatarVertical{
    height: auto;
    width: 161px;
    position: relative;
}
.cuerpoPanelPerfil > #contenedorAvatarPerfil #contenedorAvatarPerfilMarco img#fotoAlumno.avatarHorizontal{
    height: 161px;
    max-width: none !important;
    width: auto !important;
    position: relative;
}

.cuerpoPanelPerfil .previsualizacionImagenPerfil {
    background: none repeat scroll 0 0 #e0e0e0;
    padding: 45px;
    text-align: center;
    position:relative;
}

.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background:var(--colorPrincipal);*/

}
body:not(.sinSuavizado) .cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil {
    
    transition: all 0.25s ease-in;
}
.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil:not(.vistaPrevia) p{display:none}

.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil.vistaPrevia p {
    background: none repeat scroll 0 0 rgba(51, 55, 67, 0.8);
    color: #fff;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 19000;
}

.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil.vistaPrevia p label {
    display: block;
    font-size: 40px;
    font-weight: 600;
    left: 0;
    letter-spacing: -0.4px;
    margin: auto !important;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 40%;
}


.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil.vistaPrevia p span {
    font-size: 36px;
    left: 0;
    letter-spacing: -0.4px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 46%;
}

.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil.vistaPrevia p i {
    left: 0;
    position: absolute;
    right: 0;
    top: 60%;
}

.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil.vistaPrevia p i:before {
    font-size: 90px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -220px;
}

.previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil img,
.previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil canvas{
    width:100%
}
.previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil canvas,
.previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil img:not(.imagenDemostracion){
    max-height: 465px;
}

/*
.contenedorPrevisualizacionImagenPerfil > img#imagenCanvasFondoPerfil:not(.imagenDemostracion) {
    display: none;
}
*/
.cuerpoPanelPerfil .barraExaminar {
    position: relative;
}

.cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff;
    content: attr(data-textoHover);
    cursor:pointer;
    font-size: 18px;
    font-weight: 100;
    height: 100%;
    line-height: 50px;
    opacity:1;
    padding: 0 10px;
    position: absolute;
    right: 80px;
    top: 0;
    width: auto;
    z-index: 500;

}
body:not(.sinSuavizado) .cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton{
    
    transition: all 0.25s ease-in;
}
.cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton:hover{
    opacity:0.4;
}

.barraExaminar > .MultiFile-wrap {
    /*background: none repeat scroll 0 0 #fff;*/
    height: calc(100% - 2px);
    left: 81px;
    position: absolute;
    top: 1px;
    width: calc(100% - 162px);
}

.barraExaminar > .MultiFile-wrap > .MultiFile-list:empty {
    display: none;
}



.barraExaminar > .MultiFile-wrap > .MultiFile-list > .MultiFile-label {
    padding: 8px 6px 12px;
    background: none repeat scroll 0 0 #fff !important;
}

.barraExaminar > .MultiFile-wrap > .MultiFile-list > .MultiFile-label > a {
    background: none repeat scroll 0 0 #ea0450;
    color: #fff;
    font-size: 20px;
    opacity:1;
    padding: 0 10px 4px;
    position: relative;
    text-decoration: none;
    top: 0;


}
body:not(.sinSuavizado) .barraExaminar > .MultiFile-wrap > .MultiFile-list > .MultiFile-label > a {
    
    transition: all 0.4s ease-in-out;
}
.barraExaminar > .MultiFile-wrap > .MultiFile-list > .MultiFile-label > a:hover{
    opacity:0.4
}

.barraExaminar > .MultiFile-wrap > .MultiFile-list > .MultiFile-label > span {
    color: #111;
    display: block !important;
    font-size: 11px;
    font-weight: 100;
    left: 40px;
    overflow: hidden;
    padding-left: 10px;
    position: absolute;
    text-overflow: ellipsis !important;
    text-transform: uppercase;
    top: 16px;
    white-space: nowrap;
    width: calc(100% - 170px);
    word-wrap: break-word;
}


#divFotoPerfil .barraExaminar > .MultiFile-wrap {
    left: 1px;
    width: 100% !important;
    display: none;
}

#divFotoPerfil .cuerpoPanelPerfil .barraExaminar input[type="button"] {
    left: 0;
    margin: 0 !important;
    width: 100%;
    display: none;
}

#divFotoPerfil .cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton {
    right: 0;
}

#divFotoPerfil .cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton {
    right: 0;
    background: var(--colorPrincipal);
    display: inline-block;
    padding: 0 20px;
    height: auto !important;
    position: relative;
    border-radius: 5px;

}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar{
    margin-top: 40px;
    width: 100%;
    opacity: 0;
    transition: opacity 0.25 ease-out;
}

body.mobile #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999999999999999;
    background: #ebebeb;
    margin: 0px;
    padding: 50px 0px 0px;

}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar.visible{
    opacity: 1;
}

.cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-toolbar{
    top: -55px;
    height: 55px;
    border-bottom: solid 1px #fff;
}

.cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-toolbar::before{
    bottom: -6px;
    z-index: 99;
}


.cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-toolbar::after{
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #fff;
    margin: auto;
    right: 0;
}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-toolbar .darkroom-button-group:first-child {
    display: none;
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container.cropeando .darkroom-button-crop {
    display: none;
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container.cropeando .darkroom-button-rotate-left {
    display: none;
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container.cropeando .darkroom-button-rotate-right {
    display: none;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container.cropeando .darkroom-button-save {
    display: none;
}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button {
    box-sizing: border-box;
    background: transparent;
    border: none;
    outline: none;
    padding: 2px 0 15px 0px;
    width: 50px;
    height: 55px;
    position: relative;
    background-color: #444;
    white-space: pre;

}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button::after {
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    font-family: 'open sans', sans-serif !important;
    font-size: 8px !important;
    line-height: 8px;
    text-transform: uppercase;
    font-weight: 700;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-save::after {
    content: 'Guardar';
    color: #04eaac !important;
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-crop::after {
    content: 'Recortar';
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-done::after {
    content: 'Hecho';
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-close::after {
    content: 'Cancelar';
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-rotate-left::after {
    content: 'Girar Izq';
}
#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-rotate-right::after {
    content: 'Girar Der';
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar .darkroom-container .darkroom-button-save svg use {
    fill: #04eaac !important;
}



#divFotoPerfil .cuerpoPanelPerfil  #imagenAvatarEditar #BarraInferiorImagenAvatarEditar {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #444;
    width: 100%;
    height: 54px;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar > img {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    float: left;

}


html:not(mobile) body.edicionImagenAvatarMovil #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar > img {
    float: none;
    position: absolute;
    left: -320px;
    right: 0;
    margin: auto;
    top: 8px;
}







#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #btnGroup-BarraInferiorImagenAvatarEditar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonPantallaCompletaImagenAvatarEditar{
    color: #fff;
    font-size: 8px;
    display: inline-block;
    width: 50px;
    line-height: 8px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonPantallaCompletaImagenAvatarEditar::before {
    display: block;
    font-size: 30px;
}


#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonNecesitasAyudaImagenAvatarEditar{
    color: #fff;
    font-size: 8px;
    display: inline-block;
    width: 50px;
    line-height: 8px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;

    display: none;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonNecesitasAyudaImagenAvatarEditar::before {
    display: block;
    font-size: 30px;
}




#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonVistaPreviaImagenAvatarEditar{
    color: #fff;
    font-size: 8px;
    display: inline-block;
    width: 50px;
    line-height: 8px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
}

#divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonVistaPreviaImagenAvatarEditar::before {
    display: block;
    font-size: 30px;
}

#divFotoPerfil .cuerpoPanelPerfil  #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonCerrarImagenAvatarEditar {
    padding: 10px 8px;
    text-transform: uppercase;
    color: #fff;
    background: #ff575b;
    position: relative;
    right: 0;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    float: right;
    margin-top: 8px;
    margin-right: 5px;
}


html:not(mobile) body.edicionImagenAvatarMovil #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonCerrarImagenAvatarEditar {
    float: none;
    position: absolute;
    margin: auto;
    left: 310px;
    right: 0;
    width: 70px;
    text-align: center;
    top: 8px;
}



html body.edicionImagenAvatarMovil #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999999999999999;
    background: #ebebeb;
    margin: 0px;
    padding: 50px 0px 0px;
}

html body.edicionImagenAvatarMovil #divFotoPerfil .cuerpoPanelPerfil .barraExaminar {
    position: relative;
    text-align: center;
}

html body.edicionImagenAvatarMovil #divFotoPerfil .cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton {
    margin-bottom: 20px;
}



html.mobile #contenedorRadioButtonsPerfilAvatar{
    display: none;
}





.cuerpoPanelPerfil #verMuestrasFondoCampus,
.cuerpoPanelPerfil #verMuestrasCalendario{
    border-bottom: 1px solid var(--colorPrincipal);
    cursor: pointer;
    float: left;
    line-height: 14px;
    margin: 8px 0 0 20px;
    opacity: 1;
    text-decoration: none;
    position:relative;
}

.cuerpoPanelPerfil #verMuestrasFondoCampus span, 
.cuerpoPanelPerfil #verMuestrasCalendario span {
    color: var(--colorPrincipal);
    margin: 0 !important;
    opacity: 1;
    top: 0;
}
.cuerpoPanelPerfil .listaColoresCampus {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    display: none;
    list-style: none outside none;
    margin: 0;
    padding: 3px;
    position: absolute;
    top: 21px;
    width: 170px;
    z-index: 15000;
}



.cuerpoPanelPerfil .listaColoresCampus p {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    padding-left: 9px;
}

.cuerpoPanelPerfil .listaColoresCampus p span {
    color: #fff !important;
    font-size: 13px;
    top: 0;
}


.cuerpoPanelPerfil .listaColoresCampus > p {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff !important;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-top: 3px;
    text-transform: uppercase;
}
.cuerpoPanelPerfil .listaColoresCampus > p:first-child{
    margin-top: 0px;
}

.cuerpoPanelPerfil .listaColoresCampus > div {
    box-sizing: border-box;
    margin-left: 5%;
    width: 95%;
}

.cuerpoPanelPerfil .barraExaminar input[type="button"] {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #d6d6d6 !important;
    box-sizing: border-box;
    color: #d6d6d6;
    display: block;
    font-size: 14px;
    margin: 0 80px !important;
    padding: 15px 0 15px 20px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: calc(100% - 160px);
}
.perfil .cuerpoPanelPerfil .barraExaminar > input {
    box-shadow: none !important;
}
.cuerpoPanelPerfil .optionCuerpoPerfil .color-box {
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    float: left;
    height: 25px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    width: 25px;
}
.cuerpoPanelPerfil .optionCuerpoPerfil .color-box:after {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 7px;
    position: absolute;
    right: 0;
    width: 7px;
}
.cuerpoPanelPerfil .previsualizacionImagenPerfil .contenedorPrevisualizacionImagenPerfil img.imagenDemostracion {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.cuerpoPanelPerfil .previsualizacionImagenPerfil span {
    display: block;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-top: 9px;
}

.cuerpoPanelPerfil .optionCuerpoPerfil {
    box-sizing: border-box;
    padding: 0 40px;
    width: 100%;
    clear: both;
    position: relative;
}

.cuerpoPanelPerfil .optionCuerpoPerfil span:not([class*="range"]){
    color: #373737;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-left: 30px;
    position: relative;
    top: 3px;
}

.cuerpoPanelPerfil .optionCuerpoPerfil .btn.btn-primary.demoventanas {
    display: block;
    margin: 10px 0 80px 40px !important;
    width: 110px;
}
.cuerpoPanelPerfil .optionCuerpoPerfil span:not([class*="range"]) + span:not([class*="range"]) {
    color: #b6b6b6;
    font-size: 11px;
    margin-left: 5px;
}

.cuerpoPanelPerfil .optionCuerpoPerfil > .parrafoConFloats > div {
    float: left;
}
.cuerpoPanelPerfil #divGaleriaFondosPredefinidos.optionCuerpoPerfil{
    padding-bottom:20px;
}

.cuerpoPanelPerfil #divGaleriaFondosPredefinidosCalendario.optionCuerpoPerfil {
    padding-bottom: 20px;
}
.cuerpoPanelPerfil .optionCuerpoPerfil .galeriaFondosPredefinidos {
    box-sizing: border-box;
    padding-left: 40px;
    width: 100%;
    margin-bottom: 0px;
}


#divDesenfoque:after {
    background: none repeat scroll 0 0 #04eaac;
    bottom: -20px;
    color: #fff;
    content: attr(data-textoHover);
    display: block;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin: 0 auto !important;
    opacity: 0;
    padding: 10px 15px;
    position: absolute;
    right: 75px !important;
    text-transform: uppercase;
    width: 150px;


}
body:not(.sinSuavizado) #divDesenfoque:after {
    
    transition: all 0.4s ease-out;
}

#divDesenfoque.leyendaActiva:after {
    opacity:1;
    bottom: 35px;
}


body > div[id*="collorpicker"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    border-radius: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 0;
    z-index: 2147483647;
}
/*powerange*/
.cuerpoPanelPerfil .slider-wrapper {
    margin: 40px 60px 60px;
    width: calc(100% - 120px);
}

.cuerpoPanelPerfil .optionCuerpoPerfil span:not([class*="range"]) + span.display-box:not([class*="range"]) {
    color: var(--colorPrincipal);
    font-size: 15px;
    font-weight: 400;
}
/*fin de powerange*/

.cuerpoPanelPerfil .optionCuerpoPerfil .galeriaFondosPredefinidos .itemGaleriaFondosPredefinidos {
    float: left;
    height: 46px;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 46px;
    position:relative;
    cursor:pointer;
}
.cuerpoPanelPerfil .optionCuerpoPerfil .galeriaFondosPredefinidos .itemGaleriaFondosPredefinidos.actual {
    border: 1px solid var(--colorPrincipal);
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
    height: 44px;
    width: 44px;
}

.cuerpoPanelPerfil .optionCuerpoPerfil .galeriaFondosPredefinidos .itemGaleriaFondosPredefinidos.actual:after {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    bottom: 0;
    color: #fff;
    content: "";
    display: inline-block;
    font-family: "Ionicons";
    font-size: 27px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 18px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    text-rendering: auto;
    text-transform: none;
}

#divFotoCalendario .contenedorPrevisualizacionImagenPerfil {
    height: 380px;
    margin: 0 auto;
    max-width: 402px;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;


}

#divFotoCalendario .contenedorPrevisualizacionImagenPerfil > img.imagenDemostracion {
    height: 380px;
    width: 402px;
}

#divFotoCalendario .contenedorPrevisualizacionImagenPerfil > img:not(.imagenDemostracion) {
    height: 100%;
}
#divFotoCalendario .contenedorPrevisualizacionImagenPerfil > img[src=""]:not(.imagenDemostracion) {
    opacity: 0 !important;
}


.textoIconoPersonalTrainer {
    display: block;
    margin-top: 60px;
    text-align: center;
}
.textoIconoPersonalTrainer > i {
    color: var(--colorPrincipal);
    font-size: 100px;
}

.textoIconoPersonalTrainer > h5 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 10px;
}

/*FIN DE PERFIL NUEVO*/


.perfil > div.span2 {
    left: 0;
    margin: 0px 0 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    width: 100px !important;
}
.perfil > div.span2 > a{
    display: block;
    margin-bottom: 0px !important;
    position: relative;
    background: none repeat scroll 0 0 var(--colorPrincipal);
    cursor:pointer !important;
    opacity:1;

}
body:not(.sinSuavizado) .perfil > div.span2 > a{
    
    transition: all 0.4s ease-in-out;
}
.perfil > div.span2 > a:hover{opacity:0.5}

.perfil > div.span2 > a.activo {
    background: none repeat scroll 0 0 #FFFFFF !important;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.1);
    height: 100px;
    left: 0;
    /* padding-bottom: 10px;*/
    position: relative;
    z-index: 149;
    cursor: default !important;
    opacity:1 !important;

}


.perfil > div.span2 > a::after {
    bottom: 10px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    letter-spacing: -0.34px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    content: attr(data-titulo);
}
.perfil > div.span2 > a.activo::after {
    color: #000000 !important;
}

.perfil > div#menuLateralPerfil.span2 > a::before {
    content: attr(data-textohover) !important;
}

.perfil > div.span2 > a#enlaceTestKeirsey{
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #04eaac),
        color-stop(1, #04eaac)
        );

    background-image: -o-linear-gradient(right bottom, #04eaac 0%, #04eaac 100%);
    background-image: -moz-linear-gradient(right bottom, #04eaac 0%, #04eaac 100%);
    background-image: -webkit-linear-gradient(right bottom, #04eaac 0%, #04eaac 100%);
    background-image: -ms-linear-gradient(right bottom, #04eaac 0%, #04eaac 100%);
    background-image: linear-gradient(to right bottom, #04eaac 0%, #04eaac 100%);
    /*display: none;*/
}
.perfil > div.span2 > a#enlacePersonalizacion{
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #65aee2),
        color-stop(1, #497dcf)
        );
    background-image: -o-linear-gradient(right bottom, #65aee2 0%, #497dcf 100%);
    background-image: -moz-linear-gradient(right bottom, #65aee2 0%, #497dcf 100%);
    background-image: -webkit-linear-gradient(right bottom, #65aee2 0%, #497dcf 100%);
    background-image: -ms-linear-gradient(right bottom, #65aee2 0%, #497dcf 100%);
    background-image: linear-gradient(to right bottom, #65aee2 0%, #497dcf 100%);
}
.perfil > div.span2 > a#enlaceDatosPersonales{
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #8965e2),
        color-stop(1, #5c44c1)
        );
    background-image: -o-linear-gradient(right bottom, #8965e2 0%, #5c44c1 100%);
    background-image: -moz-linear-gradient(right bottom, #8965e2 0%, #5c44c1 100%);
    background-image: -webkit-linear-gradient(right bottom, #8965e2 0%, #5c44c1 100%);
    background-image: -ms-linear-gradient(right bottom, #8965e2 0%, #5c44c1 100%);
    background-image: linear-gradient(to right bottom, #8965e2 0%, #5c44c1  100%);
}
.perfil > div.span2 > a#enlacePerfilPublico{
    display: none !important;
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #fa5da8),
        color-stop(1, #ef4277)
        /*color-stop(0, #4679c8),
        color-stop(1, #ef4277)*/ /* Mezcla de colores muy chula*/
        );
    background-image: -o-linear-gradient(right bottom, #fa5da8 0%, #ef4277 100%);
    background-image: -moz-linear-gradient(right bottom, #fa5da8 0%, #ef4277 100%);
    background-image: -webkit-linear-gradient(right bottom, #fa5da8 0%, #ef4277 100%);
    background-image: -ms-linear-gradient(right bottom, #fa5da8 0%, #ef4277 100%);
    background-image: linear-gradient(to right bottom, #fa5da8 0%, #ef4277 100%);
}
.perfil > div.span2 > a#enlaceAmigos{
    display: none !important;
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #edca61),
        color-stop(1, #e3ab04)
        );
    background-image: -o-linear-gradient(right bottom, #edca61 0%, #e3ab04 100%);
    background-image: -moz-linear-gradient(right bottom, #edca61 0%, #e3ab04 100%);
    background-image: -webkit-linear-gradient(right bottom, #edca61 0%, #e3ab04 100%);
    background-image: -ms-linear-gradient(right bottom, #edca61 0%, #e3ab04 100%);
    background-image: linear-gradient(to right bottom, #edca61 0%, #e3ab04 100%);
}
.perfil > div.span2 > a#enlaceMisLogros{
    display: none !important;
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #b4f4d7),
        color-stop(1, #88edbe)
        );
    background-image: -o-linear-gradient(right bottom, #b4f4d7 0%, #88edbe 100%);
    background-image: -moz-linear-gradient(right bottom, #b4f4d7 0%, #88edbe 100%);
    background-image: -webkit-linear-gradient(right bottom, #b4f4d7 0%, #88edbe 100%);
    background-image: -ms-linear-gradient(right bottom, #b4f4d7 0%, #88edbe 100%);
    background-image: linear-gradient(to right bottom, #b4f4d7 0%, #88edbe 100%);
}
.perfil > div.span2 > a#enlaceConfiguracion{
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #cfd1d9),
        color-stop(1, #b1b4c0)
        );
    background-image: -o-linear-gradient(right bottom, #cfd1d9 0%, #b1b4c0 100%);
    background-image: -moz-linear-gradient(right bottom, #cfd1d9 0%, #b1b4c0 100%);
    background-image: -webkit-linear-gradient(right bottom, #cfd1d9 0%, #b1b4c0 100%);
    background-image: -ms-linear-gradient(right bottom, #cfd1d9 0%, #b1b4c0 100%);
    background-image: linear-gradient(to right bottom, #cfd1d9 0%, #b1b4c0 100%);
}


.perfil > div.span2 > a.opcionMenuDeshabilitada{opacity:0.3 !important}

.perfil > div.span2 > a.opcionMenuDeshabilitada:before {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    content: attr(textoHover);
    opacity: 0;
    padding: 4px 7px;
    position: absolute;
    top: 0px;
    z-index: 2147483647;

}
body:not(.sinSuavizado) .perfil > div.span2 > a.opcionMenuDeshabilitada:before {
    
    transition: all 0.4s ease-in-out;
}
.perfil > div.span2 > a.opcionMenuDeshabilitada:hover:before{
    opacity: 1;
    top: 35px;
}
.cuerpoPanelPerfil > p > div[class*="icheck"] {
    margin: 0 0 1px 11px;
}

.perfil #divPersonalizaTuCampus label{margin-bottom:20px; width:100%;}


/*.perfil #divPersonalizaTuCampus #divFotoFondo img {max-height: 250px;}*/


#divPersonalizaTuCampus > div.span12 > div.span6{width: calc(50% - 10px) !important;}
#divPersonalizaTuCampus > div.span12 > div.span6:first-child{margin-right:5px !important}
#divPersonalizaTuCampus > div.span12 > div.span6:last-child{margin-left:5px !important}

.perfil #divPersonalizaTuCampus #divFotoFondo img{height: 373px !important; width: 100%;}
.perfil #divPersonalizaTuCampus #divFotoCalendario img{height: 373px !important; width: 100%;}


body:not(.index) #divSecciones > div#contenedorKeirseyflex {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 0 !important;
    padding-top: 80px;
    height: auto !important;
    min-height: 700px !important;
}


#contenedorKeirseyflex embed {
    display: block;
    margin-bottom: 70px;
    margin-top: 80px;
    padding-bottom: 30px;
}

#seccionTestKeirsey #infoTestKeirsey {
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
}
#seccionTestKeirsey .textoIntroduccionKeirsey{
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
}

#seccionTestKeirsey .preguntasKeirsey > div > span {
    font-size: 14px;
    font-weight: 500;
}
#seccionTestKeirsey .preguntasKeirsey {
    border-bottom: 1px dashed #ccc;
    display: list-item;
    list-style: decimal inside none;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

#seccionTestKeirsey .preguntasKeirsey > div > .span6 span {
    font-weight: 100;
    padding-left: 15px;
    padding-top: 5px;
    position: relative;
    top: 3px;
    z-index: 500;
}
#seccionTestKeirsey .preguntasKeirsey > div:first-child {
    left: 20px;
    margin-bottom: -20px;
    margin-top: 0 !important;
    padding-bottom: 15px;
    position: relative;
    top: -19px;
    width: 90%;
    width: calc(100% - 20px);
}


#seccionTestKeirsey .preguntasKeirsey div[class*="iradio"] {
    z-index: 510;
}


#seccionTestKeirsey #divPreguntasTestKeirsey {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

#seccionTestKeirsey #keirseyBotonGuardar {
    text-align: center;
}
#seccionTestKeirsey #descripcionResultadoKeirsey > p {
    font-weight: 100;
    margin-bottom: 0;
}

#seccionTestKeirsey #descripcionResultadoKeirsey li {
    font-size: 14px;
    font-weight: 400 !important;
    list-style: square outside none;
    margin-bottom: 10px;
}

#seccionTestKeirsey #descripcionResultadoKeirsey ul {
    margin-bottom: 40px;
}
#seccionTestKeirsey #contenedorResultadoTestKeirsey{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
}

#seccionTestKeirsey #tituloResultadoKeirsey {
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
}


#seccionTestKeirsey #tituloResultadoKeirsey > h3 {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px dashed var(--colorPrincipal);
    border-radius: 0;
    color: var(--colorPrincipal);
    display: inline;
    font-size: 30px;
    margin: 0 auto;
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

#seccionTestKeirsey #tituloResultadoKeirsey > h3 > span {
    color: #000;
}

/*------------FIN DE PERFIL------------*/




/*------------AGENDA------------*/
#loadingpannel, #errorpannel {
    display: block;
    font-size: 17px;
    font-weight: 100;
    height: auto !important;
    line-height: 17px;
    max-height: none !important;
    max-width: 36%;
    overflow: hidden;
    padding: 10px;
    right: 0;
    text-align: center;
    text-transform: lowercase;
    top: 0;
    white-space: normal;
    z-index: 2147483647;
}

#gridcontainer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
}
#divContenedorSemanasDiasCalendario{padding: 0 1px !important;}

.wk-allday {
    background-color: #F9F9F9 !important;
    border: medium none ;
}

.wk-allday .st-c {
    border-left: 3px double #EEEEEE !important;
}

.tg-col {
    border-left: 3px double #EEEEEE !important;
}

div.ctoolbar div.btnseparator {
    border-left: 1px solid #F0F0F0 !important;
    border-right: medium none !important;
    float: left !important;
    height: 75px !important;
    margin: 0px !important;
    padding: 0 !important;
    width: 0 !important;
}


div.ctoolbar div.fbutton div {
    float: left;
    padding: 24px 3px !important;
}
div.ctoolbar > div span {
    font-size: 14px;
    font-weight: 100;
}

.tg-col-eventwrapper{margin-right: 0px !important;}
/*div.cHead{background: none repeat scroll 0 0 var(--colorPrincipal) !important;}*/

div.cHead div.ftitle {
    color: #FFFFFF !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    padding-left: 40px !important;
    background:none !important;
}
.printborder{border:none !important;}
.calmain{border:none !important;}
/*#dvtec{overflow:hidden !important;}*/
.scolltimeevent {
    height: auto !important;
    overflow: hidden !important;
}

.wk-dayname{color: #222728 !important;}

.wktopcontainer {
    border: medium none !important;
    margin-left: 1px;
}

.wk-allday .st-c{cursor:pointer !important;}

.wk-top{background-color: #F0F0F0 !important;}
div.ctoolbar {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none !important;
    height: 75px !important;
    margin-left: 1px !important;
    overflow: hidden !important;
    position: relative !important;
}
div.ctoolbar > div{padding: 0px 0px !important;}
div.ctoolbar div.fbutton{margin-left:0px !important}
#sfprevbtn,
#sfnextbtn{border:1px solid rgba(0, 0, 0, 0) !important; padding:24px 3px !important}






div.ctoolbar div.fbutton:hover, .div.ctoolbar div.fbutton.fbOver {border:0px solid rgba(0, 0, 0, 0) !important; background:#F0F0F0 !important;}
div.ctoolbar div.fbutton:hover div, .div.ctoolbar div.fbutton.fbOver div {border:none !important;}

div.ctoolbar div.fbutton:hover{
    background-color: #f9f9f9 !important;
}
div.ctoolbar div.fbutton.fcurrent div{border:none !important;}
div.ctoolbar div.fbutton.fcurrent {border:1px solid rgba(0, 0, 0, 0) !important; background:#F0F0F0 !important;}


.tg-today{background-color: #f5f5f5 !important;}
div.ctoolbar div.fbutton{height: 75px !important;}
.chromeColor{display: none !important;}
.scolltimeevent {
    border-left: 1px solid #E0E0E0 !important;
    border-top:none !important;

}
#gridcontainer {
    background: none repeat scroll 0 0 #F0F0F0 !important;
}

.wk-allday {
    border-color: #E0E0E0 !important;
}
#dvCalMain{margin-left: 1px !important;}
/*dialogo*/
.bubble-table{background: none repeat scroll 0 0 #e0e0e0; color:#111111}
.bubble-sprite{background:none !important}
.bubble-top{background:none !important; border:none !important}
.bubble-bottom{background:none !important; border:none !important}
.bubble-mid {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    display: block;
    overflow: hidden !important;
    padding: 0 !important;
    width: 270px !important;
}


body > div[id*="bbit-cal-buddle"]{
    margin-top: 44px;  
    width: 300px !important;
}
body > div[id*="bbit-cs-buddle"]{
    margin-left: -20px;
    margin-top: 40px;
    width: 300px !important;
}
.bubble-table:after {
    border-left: 0 solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 27px solid #E0E0E0;
    bottom: -27px;
    content: "";
    height: 0;
    left: 60%;
    position: absolute;
    width: 0;
}
.bubble-table > tbody > tr:nth-child(1),
.bubble-table > tbody > tr:nth-child(3){display:none}

.bubble-table > tbody > tr:nth-child(2) {
    display: block;
    padding: 5px 10px 10px !important;
}

.bbit-cs-split{padding: 2px 0 !important;}

div[id*="bbit-cal-buddle"] .prong{display:none !important}
div[id*="bbit-cs-buddle"] .prong{display:none !important}

.bubble-closebutton {
    right:auto !important;
    left: 277px !important;
}
/*fin de dialogo*/

.chip {border-radius: 0 !important; border:none !important}
.chip .ct{border-width: 0 !important;}
.chip dl{border: 0 none !important;}
.cb1, .cb2{border-width: 0 !important; height: 1px !important; margin: 0 !important;}


div.ctoolbar div.fbutton span.addcal {
    background: url("../images/agenda/evento.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}
div.ctoolbar div.fbutton span.showtoday {
    background: url("../images/agenda/hoy.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}	
div.ctoolbar div.fbutton span.showdayview {
    background: url("../images/agenda/dia.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}
div.ctoolbar div.fbutton span.showweekview {
    background: url("../images/agenda/semana.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}
div.ctoolbar div.fbutton span.showmonthview {
    background: url("../images/agenda/mes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}
div.ctoolbar div.fbutton span.showdayflash{
    background: url("../images/agenda/actualizar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;
}
div.ctoolbar div.fbutton span.fprev{
    background: url("../images/agenda/izquierda.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 30px !important;
    width: 30px !important;
}
div.ctoolbar div.fbutton span.fnext{
    background: url("../images/agenda/derecha.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 30px !important;
    width: 30px !important;
}
div.ctoolbar div.fbutton span#txtdatetimeshow{
    background: url("../images/agenda/calendario.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 34px !important;
    margin-left: 10px !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
    padding-top: 7px !important;

}
div.ctoolbar div.fbutton.fshowdatep {
    border-left: 1px solid #F0F0F0 !important;
}
/*------------FIN DE AGENDA------------*/





/*------------Plugin TWITTER------------*/
#contenidotwitter{background: rgba(255,255,255,0.3);}
#widget_twitter iframe{
    visibility:hidden !important;
}

#widget_twitter {
    height: 500px;
    overflow-y: hidden;
    width: 100%;
    position: relative;
    top: 0px;
}

#ContenidoTwitter.Plegado,
#widget_twitter.Plegado{height:0px !important;}

#ContenidoTwitter div.timeline-header.customisable-border,
#widget_twitter div.timeline-header.customisable-border{display:none}

#ContenidoTwitter .new-tweets-bar,
#widget_twitter .new-tweets-bar{display:none}

#ContenidoTwitter button.load-more.customisable,
#widget_twitter button.load-more.customisable{display:none}

#ContenidoTwitter p.no-more-pane,
#widget_twitter p.no-more-pane{display:none}

#ContenidoTwitter div.timeline-footer,
#widget_twitter div.timeline-footer{display:none}

#ContenidoTwitter .stream,
#widget_twitter .stream{height: auto !important;}

#widget_twitter .stream::before {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #ffffff;
    content: "Últimos 20 Tweets";
    left: auto;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 150;
}


.timeline-Tweet-media img {
    height: auto;
    width: auto;
    max-height: 550px;
    max-width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.timeline-Tweet-media img[data-scribe="element:avatar"] {
    display: none;
}

.timeline-Tweet-media article header.MediaCard-siteUser {
    display: none;
}

.PrerenderedCard.is-ready {
    display: none;
}


.tcu-imageWrapper {
    text-align: center;
}

.timeline-Tweet-media .tcu-imageWrapper img.u-block {
    height: auto;
    width: auto;
}

.MediaCard-attributionOverlay {
    display: none;
}

#ContenidoTwitter .timeline-Viewport ol,
#widget_twitter .stream ol {
    list-style: none outside none;
    margin: 0;
    position: relative;
    /*padding-top: 15px;*/
}
#ContenidoTwitter .timeline-Viewport ol > li:first-child,
#widget_twitter .stream ol > li:first-child {
    padding-top: 0px;
}
#ContenidoTwitter .timeline-Viewport ol li,
#widget_twitter .timeline-Viewport ol li,
#widget_twitter .stream ol li{
    position:relative;
    text-align: center;
}


#widget_twitter .TweetAction.TweetAction--heart.web-intent {
    color: var(--colorPrincipal) !important;
}

#widget_twitter .ion-arrow-swap {
    color: var(--colorPrincipal) !important;
}


#widget_twitter .stream ol > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F0F0F0;
}

#widget_twitter .stream ol > li:nth-child(2n+2) {
    background: none repeat scroll 0 0 #fff;
}
#ContenidoTwitter .timeline-Viewport ol > li {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 5px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 200px;
    opacity: 0.3;
    padding-bottom: 5px;
}
body:not(.sinSuavizado) #ContenidoTwitter .timeline-Viewport ol > li{
    transition: all 0.8s ease-out 0s;
}



.timeline-Header-title {
    display: none;
}


#ContenidoTwitter .timeline-Viewport ol > li:first-child{
    margin-top: 1500px;
}


#ContenidoTwitter .timeline-Viewport ol > li.intro {
    margin-top: 0;
    opacity: 1;
}

#ContenidoTwitter .timeline-Viewport ol:hover > li {
    opacity: 0.4;
}

#ContenidoTwitter .timeline-Viewport ol > li:hover {
    opacity: 1 !important;
}

#ContenidoTwitter .timeline-Viewport ol li div.header,
#widget_twitter .stream ol li div.header{
    left: 0;
    position: relative;
    top: 0px;
    width: 100%;
}

a.u-url.permalink.customisable-highlight[data-datetime] {
    display: block;
    float: left;
    margin-left: 50px;
    position: relative;
    text-align: center;
    top: 110px;
    width: 34px;
    text-decoration:none !important;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time[aria-label]:before,
#widget_twitter .stream ol li > div.header > a > time[aria-label]:before {
    content: "Hace: ";
    margin-left: -43px;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time[aria-label*="on"]:before,
#widget_twitter .stream ol li > div.header > a > time[aria-label*="on"]:before{
    content: "El día: ";
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time,
#widget_twitter .stream ol li > div.header > a > time{
    color: #222728;
    font-size: 12px;
}


#ContenidoTwitter .timeline-Viewport ol li > div.header > div.p-author > a.u-url.profile,
#widget_twitter .stream ol li > div.header > div.p-author > a.u-url.profile{
    clear: both;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    text-decoration: none !important;
    top: 0px;
    width: 100%;
    z-index: 50;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > img,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > img{
    margin-left: 6px;
    margin-top: 8px;
    /*box-shadow:0px 0px 3px rgba(0,0,0,0.4);*/
}


#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.full-name,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > span.full-name{
    color: #222728;
    font-size: 12px;
    font-weight: 600;
    margin-left: 13px;
    position: relative;
    top: -24px;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname{color:#666666; font-size:12px; font-weight:100; position: relative; top: -24px;}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content,
#widget_twitter .stream ol > li > div.e-entry-content{
    margin: 0 17px 0 calc(3.6% + 81px);
    min-height: 80px;
    position: relative;
    top: -55px;
    z-index: 51;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title{
    color: #222728;
    font-size: 13px !important;
    font-weight: 100;
    line-height: 18px;
    overflow: hidden;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.hashtag{color:#222728 !important; font-weight:700}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag b,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.hashtag b{font-weight:700}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.link,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.link{color:var(--colorPrincipal) !important; font-weight: 600;}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.profile{color:var(--colorPrincipal) !important; text-shadow: none !important;}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile b,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.profile b{font-weight:700}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > div a.photo-link > img,
#widget_twitter .stream ol > li > div.e-entry-content > div a.photo-link > img{height: auto; max-width: 100%;}


#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions,
#widget_twitter .stream ol li ul.tweet-actions{
    margin-left: 20px;
    padding-bottom: 10px;
    padding-right: 0;
    padding-top: 8px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    width: calc(100% - 40px);
    z-index: 58;
}

#ContenidoTwitter .timeline-Viewport ol > li:nth-child(2n+1) ul.tweet-actions,
#widget_twitter .stream ol > li:nth-child(2n+1) ul.tweet-actions{
    border-top: 1px dashed #BBBBBB;
}
#ContenidoTwitter .timeline-Viewport ol > li:nth-child(2n+2) ul.tweet-actions,
#widget_twitter .stream ol > li:nth-child(2n+2) ul.tweet-actions{
    border-top: 1px dashed #dddddd;
}

#ContenidoTwitter .timeline-Viewport ol li div.footer.customisable-border,
#widget_twitter .stream ol li div.footer.customisable-border{
    margin-top: -40px;
}

#ContenidoTwitter .timeline-Viewport ol li:last-child ul.tweet-actions,
#widget_twitter .stream ol li:last-child ul.tweet-actions{
    margin-bottom: 0 !important;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li,
#widget_twitter .stream ol li ul.tweet-actions li{
    display: inline;
    margin-right: -3px;
    text-align: right;
    width: auto;

}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a,
#widget_twitter .stream ol li ul.tweet-actions li a{
    font-size: 12px;
    left: -3px;
    margin: 0 !important;
    padding: 2px 4px 4px;
    position: relative;
    top: 0;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:hover, #widget_twitter .stream ol li ul.tweet-actions li a:active,
#widget_twitter .stream ol li ul.tweet-actions li a:hover, #widget_twitter .stream ol li ul.tweet-actions li a:active{background:rgba(0,0,0,0.2)}

#widget_twitter .stream ol li ul.tweet-actions li a i {
    font-family: "ionicons" !important;
    font-size: 17px;
    color: #434343;
}
#widget_twitter .stream ol li ul.tweet-actions li a.like-action i{
    color: #ff0000;
}



#ContenidoTwitter a.expand.customisable-highlight:before,
#widget_twitter a.expand.customisable-highlight:before{
    content: url("../images/home/twitter_showSummary.png");
    display: block;
    float: left;
    left: 6px;
    position: relative;
    top: 24px;
    width: 16px !important;
}
#ContenidoTwitter a.expand.customisable-highlight,
#widget_twitter a.expand.customisable-highlight{
    font-size: 12px;
    left: 7px;
    position: relative;
    top: 21px;
    z-index: 2147483647;
    display: none;
}
#ContenidoTwitter a.expand.customisable-highlight b,
#widget_twitter a.expand.customisable-highlight b{font-weight:100}

#ContenidoTwitter span.stats-wide,
#widget_twitter span.stats-wide{display:none}

#ContenidoTwitter span.stats-narrow,
#widget_twitter span.stats-narrow{
    bottom: 11px;
    left: 20px;
    position: absolute;
    z-index: 99991;
}
#ContenidoTwitter span.stats-narrow a,
#widget_twitter span.stats-narrow a{font-size:12px}

#ContenidoTwitter span.stats-narrow a + a,
#widget_twitter span.stats-narrow a + a{
    margin-left: 10px;
}



#ContenidoInstagram{
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
    display:none;
}
#ContenidoTwitter{
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
    display:none;
}
#ContenidoTwitter > iframe {
    display: none;
}


#ContenidoTwitter .timeline-Viewport ol > li > div.header > .timeline-Tweet-author > a.TweetAuthor-link > img {
    float: left;
    margin-top: 35px;
    margin-left: 15px;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content{
    clear: both;
    text-align: left;
    top: -76px;
    width: calc(100% - 135px) !important;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > div.p-author > a.u-url.profile{
    text-align:left
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.full-name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-left: -74px;
    text-transform: uppercase;
    top: -2px;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname {
    color: var(--colorPrincipal);
    font-size: 14px;
    top: -2px;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname:hover{
    border-bottom: 1px solid var(--colorPrincipal);
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content .retweet-credit {
    color: #111;
    font-size: 13px;
    margin-left: 6px;
    width: calc(100% - 27px);
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content .inline-media {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-left: 7px;
    margin-top: 15px;
    width: calc(100% - 28px);
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li {
    display: block;
    margin: 15px 0;
    padding: 0 !important;
    text-align: center;
    width: 100% !important;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li:first-child {
    margin-top: 10px;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a {
    left: 0;
    padding: 0;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a i {
    font-family: "ionicons" !important;
    font-size: 17px;
    color: #434343;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a.like-action i{
    color: #ff0000;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title{
    font-size:15px !important;
    line-height: 20px;
    width: calc(100% - 27px);
    margin-left: 6px;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:hover, 
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:active{
    background:none;
    opacity:0.2
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile{
    font-size:15px !important;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag{
    font-size:15px !important;
}

#ContenidoTwitter a.u-url.permalink.customisable-highlight[data-datetime] {
    margin-left: 53px;
    top: 130px;
}

#ContenidoTwitter .timeline-Viewport ol li div.footer.customisable-border{
    background: none repeat scroll 0 0 #f0f0f0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    margin-top:0px;
}
#ContenidoTwitter .timeline-Viewport ol > li ul.tweet-actions {
    border: medium none !important;
    margin: 0 !important;
    width: 100%;
}

#ContenidoTwitter span.stats-narrow{
    bottom: 20px;
    left: -270px;
    position: absolute;
    z-index: 99991;
}




/*NUEVO TWITTER*/

.timeline-LoadMore{
    display:none;
}
.timeline-Tweet-text {
    clear: both;
    float: none;
    font-size: 14px;
    font-weight: 100;
    padding: 25px;
    text-align: left;
    line-height: 17px;
}
body.index .timeline-Tweet-text {
    padding: 25px 10px;
}

.timeline-Tweet-media {
    margin-bottom: 20px;
}

.u-hiddenVisually {
    display: none;
}

.timeline-Tweet.timeline-Tweet--isRetweet.u-cf.js-tweetIdInfo {
    position: relative;
}

.TwitterCard .PollXChoice {

    text-align: left;
    padding-left: 30px;
    margin-top: -20px;

}
.TwitterCard .PollXChoice span:not(:empty) {

    font-size: 14px;
    font-weight: 300;
    margin-left: 5px;

}
.TwitterCard .PollXChoice .PollXChoice-footer {

    margin-top: 20px;

}
.TwitterCard .PollXChoice .PollXChoice-footer span.PollXChoice-vote {

    display: block;
    margin-bottom: 40px;
    font-weight: 600;

}
.TwitterCard .PollXChoice .PollXChoice-footer span.PollXChoice-vote a {

    font-size: 16px;
    color: 

#fff;

background:

    var(--colorPrincipal);
    padding: 5px 10px;
    border-radius: 3px;

}
.timeline-Tweet-retweetCredit {

    background: #f67828 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    display: inline;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;
    font-size: 11px;
    border-radius: 10px;
    margin-right: 20px;
    line-height: 15px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 1px;

}


.TwitterCardsGrid  .CardContent .MomentCard-contentContainer.TwitterCardsGrid-col--7{
    display: none;
}

.TweetAuthor-link {
    display: block;
    float: left;
    padding-top: 10px;
    position: relative;
    width: 100%;
}
.timeline-Tweet-author {

    padding: 0 0 0 20px;

}
.TweetAuthor-avatar.Identity-avatar {
    float: left;
    width: 48px !important;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 17px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.TweetAuthor-avatar.Identity-avatar > img {
    width: 100%;
    height: auto;
}

.TweetAuthor-link span {
    display: block;
    margin: 0 !important;
    text-align: left;
    width: 100%;
}


.timeline-Tweet-author .TweetAuthor,
.TweetAuthor-name.Identity-name.customisable-highlight {
    float: left;
    width: calc(100% - 100px);
    margin-top: 5px !important;
    font-size: 16px;
    font-weight: 100;
    color: #333;
    margin-left: 5px !important;
}

.TweetAuthor-name.Identity-name.customisable-highlight img {

    max-width: 15px;

}
.TweetAuthor-screenName.Identity-screenName {
    float: left;
    margin-left: 10px !important;
    width: calc(100% - 100px);
}

.TweetAuthor-screenName.Identity-screenName {
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px !important;
    margin-top: 0px !important;
    width: calc(100% - 100px);
}


.timeline-Tweet-timestamp {
    color: #999999;
    position: absolute;
    right: 20px;
    top: 20px;
}


.MediaCard-mediaContainer {
    padding: 0 !important;
}
.MediaCard-widthConstraint.js-cspForcedStyle {
    max-width: none !important;
}
.MediaCard-mediaContainer .u-hidden {
    display: none;
}


.NaturalImage-image {
    height: auto;
    width: 100%;
}
.timeline-Tweet-inResponderTo {
    text-align: left;
    padding-left: 61px;
    display: none;
}

/*
.timeline-Tweet-metadata {
    display: none;
}

*/

.timeline-Tweet-action {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    height: 24px;
    width: 50%;
}

.timeline-Tweet.u-cf.js-tweetIdInfo {
    padding-bottom: 24px;
    position: relative;
}

.timeline-Tweet-actions {
    bottom: 0;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    width: 100%;
}

.timeline-ShareMenu-container > ul {
    list-style: outside none none;
}

.timeline-ShareMenu-caret, .timeline-ShareMenu-title {
    display: none;
}
.timeline-ShareMenu-container > ul li:nth-child(2),
.timeline-ShareMenu-container > ul li:nth-child(3),
.timeline-ShareMenu-container > ul li:nth-child(4) {
    display: none;
}

.TweetAction.TweetAction--share.js-showShareMenu {
    display: none;
}


.SummaryCard-content {
    display: none;
}


.timeline-Footer.u-cf {
    display: none;
}

#ContenidoTwitter .ion-arrow-swap[data-scribe="element:twitter"],
#widget_twitter .ion-arrow-swap[data-scribe="element:twitter"]{
    font-size: 14px;
    font-weight: 100;
    position: relative;
}

#ContenidoTwitter .ion-heart {
    font-size: 14px;
    font-weight: 100;
    position: relative;
}
#widget_twitter .ion-heart {
    font-size: 14px;
    font-weight: 100;
    position: relative;
}

.timeline-Header {
    display: none;
}
#ContenidoTwitter .ion-arrow-swap[data-scribe="element:twitter"]::before,
#widget_twitter .ion-arrow-swap[data-scribe="element:twitter"]::before {
    font-size: 20px;
    position: relative;
    top:3px;
    left:-5px;
}
#widget_twitter .ion-heart::before,
#ContenidoTwitter .ion-heart::before{
    font-size: 20px;
    position: relative;
    top:3px;
    left:-5px;
}



.widgetcontent #contenidotwitter .timeline-TweetList,
.widget_twitter .timeline-TweetList {
    list-style: outside none none;
    margin: 0;
}


.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 25px;
    border:none !important;
    border-top: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 10px 0 25px;
}
/*
.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border:first-child{
        margin-top: 20px;
}
*/


.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .link.customisable,
.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .PrettyLink-value,
.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .PrettyLink-prefix{
    color: var(--colorPrincipal);
}
.TweetAuthor-screenName.Identity-screenName {
    color: var(--colorPrincipal);
}


#ContenidoTwitter .timeline-Widget .timeline-Header {
    display: none;
}

.timeline-Tweet-text img.Emoji {
    max-width: 30px;
}
/*FIN DE NUEVO TWITTER*/





body.loginNew .nicescroll-rails div {
    background-color: #5d94ec !important;
}

body.loginNew .nicescroll-rails:hover div{
    left: 0px !important;
    width:20px !important;
}
body.loginNew #cuentaTwitter,
body.loginNew #cuentaInstagram{
    font-size: 15px;
    position: absolute;
    right: 370px;
    text-align: center;
    top: 50px;
    width: 71px;
    z-index: 151;
    opacity:0;
    transition: all 0.5s ease-out;
}

body.loginNew #cuentaInstagram + #cuentaTwitter{
    top: 150px;
}


body.loginNew #cuentaTwitter.intro,
body.loginNew #cuentaInstagram.intro{
    right:470px;
    opacity:1;
}

body.loginNew #cuentaTwitter:before,
body.loginNew #cuentaInstagram:before{
    border-color: rgba(0,0,0,0) rgba(0,0,0,0.4) rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: solid;
    border-width: 31px 31px 8px 0;
    content: "";
    height: 0;
    position: absolute;
    right: -20px;
    top: -28px;
    width: 0;
    display: none;
}
body.loginNew #cuentaInstagram:before{
    top: -12px;
}

body.loginNew #cuentaTwitter.contenidoVisible:before{
    display: unset;
}

body.loginNew #cuentaInstagram.contenidoVisible:before{
    display: unset;
}

/*
body.loginNew #cuentaTwitter a,
body.loginNew #cuentaInstagram a{

    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 15px;
    bottom: -20px;
    font-weight: 600;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}*/

body.loginNew #cuentaTwitter a,
body.loginNew #cuentaInstagram a{
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 65px;
    bottom: 17px;
    font-weight: 600;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}

body.loginNew #cuentaTwitter span,
body.loginNew #cuentaInstagram span {
    display: inline-block;
    margin-bottom: 4px;
}
body.loginNew #cuentaTwitter span.twitterExitae { 
    margin-left: -50px;
}

#cuentaTwitter > i,
#cuentaInstagram > i{
    color: #ffffff;
    font-size: 43px;
    position: relative;
    text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.4);
    top: -4px;
}

#cuentaInstagram > i {
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
#cuentaInstagram > i:hover{
    opacity: 0.6;
}
#cuentaInstagram + #cuentaTwitter > i{
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
#cuentaInstagram + #cuentaTwitter > i:hover{
    opacity: 0.6;
}


/*------------FIN DE plugin TWITTER------------*/




/*------------plugin CALENDARIO------------*/

.calpick {
    left: 100px;
    position: relative;
    top: -13px;
}
#divCalendarioPeque{
    position:relative;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;


    min-height: 55px;
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.1);
    border-radius: 5px !important;
    overflow: hidden;
}


#divCalendarioPeque > i {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    z-index: 40;
}



#divCalendarioPeque > i:after {
    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF;
    content: attr(data-textoHover);
    margin-left: -29px;
    padding: 0px;
    position: absolute;
    opacity: 0;
    text-align: center;
    top: 20px;
    cursor: pointer !important;
    font-size: 12px;
    display: inline-block;
    width: 0px;
    transition: all 0.25s ease-out;

}
#divCalendarioPeque > i:hover:after {
    opacity: 1;
    top: 45px;

    width: 100px;
    padding: 10px;
}




#divCalendarioPeque > img{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
#divCalendarioPeque > img[src=""]{
    opacity: 0;
}
#divCalendarioPeque.colapsado > #fotoCalendarioHome {
    opacity: 0;
}



#divCalendarioPeque > img:not([src]) {
    display: none;
}




#divCalendarioPeque > form {
    bottom: 0;
    left: 20px;
    position: absolute;
    z-index: 60;
    opacity: 1;
    transition: opacity 0.25s ease-out 0s;
    display: inherit;
}

#divCalendarioPeque.colapsado > form {
    opacity: 0;
}

#divCalendarioPeque > form > #botonCalendario2:hover:after {
    background: none repeat scroll 0 0 #222728;
    color: #ffffff;
    content: attr(data-textoHover);
    cursor: pointer !important;
    left: -10px;
    margin-left: 0;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    top: -65px;
    width: 50px;
}
#divCalendarioPeque > form > #botonCalendario2 {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 50px;
    left: -4px;
    position: relative;
    top: 20px;
    width: 50px;
    opacity:0;
    z-index: 1500;

}
body:not(.sinSuavizado) #divCalendarioPeque > form > #botonCalendario2 {
    
    transition: all 0.25s ease-in;
}
#divCalendarioPeque > form > #botonCalendario2 i{
    font-size: 30px;
    position: relative;
    top:9px;
}

body:not(.sinSuavizado) #divCalendarioPeque > form > #botonCalendario2 i{
    
    transition: all 0.25s ease-in;
}

#divCalendarioPeque > form #inputFotoCalendario2 {
    display: block !important;
    height: 50px;
    left: -4px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 50px !important;
}
#divCalendarioPeque > form .MultiFile-label, #divCalendarioPeque > form .input-file-adjuntos{display:none}

#calendarPequeContainer{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    border: medium none !important;
    box-shadow: none !important;
    margin: 0 0 0 20%;
    position: relative;
    width: 80%;
    z-index: 30;
}
#calendarPeque {
    border: medium none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 30;
    background:rgba(0,0,0,0) !important;
}




#calendarPeque thead {
    height: 30px;
}

.cal1 .clndr .clndr-table tr {
    height: 55px !important;
}

.cal1 .clndr .clndr-controls .clndr-control-button {
    top: -24px !important;
}

.cal1 .clndr .clndr-controls .month {
    top: 27px !important;
}
.cal1 .clndr .clndr-table .header-days {
    background: none repeat scroll 0 0 #fff !important;
    font-size: 8px !important;
    height: 30px !important;
}
#calendarPeque tbody td div{color:#fff}
#calendarPeque tbody td.adjacent-month div{color:#222728}
#calendarPeque tbody td.today div{color:#222728}

#calendarPeque tbody td:not(.event):not(.today):not(.past) div {
    background: none;
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    line-height: 14px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

body[data-domain*="localhost"] #calendarPeque tbody td:not(.event):not(.today):not(.past) div:hover {
    background: #04eaac none repeat scroll 0 0;

}

#calendarPeque tbody td.day.today.event {
    /*background: rgba(4,215,234,0.8) !important;*/
    color: #222728;
    cursor: pointer;
}
#calendarPeque tbody td.event {
    /*background: rgba(4,215,234,0.8) !important;*/
    color: #222728;
    cursor: pointer;
}
#calendarPeque tbody td.event.adjacent-month{
    background: rgba(234,4,80,0.8) !important;
    color: #222728;
    cursor: pointer;
}


#calendarPeque .clndr {
    width: 100%;
    overflow: hidden;
    position:relative;
}
#calendarPeque .clndr .controls {
    color: #FFFFFF;
    width: 100%;
}
#calendarPeque .clndr .clndr-controls{
    color: #FFFFFF;
    display: block !important;
    margin-bottom: 10px;
    padding-top: 55px;
    position: relative;
    width: 100% !important;

}
#calendarPeque .clndr #calendarSlider{
    float: left;
    left: 0;
    padding: 0 !important;
    position: relative;
    width: 200%;

}
body:not(.sinSuavizado) #calendarPeque .clndr #calendarSlider{
    
    transition: all 0.4s ease-in-out;
}
#calendarPeque .clndr #calendarSlider.desplazado{
    left: -100%;
}

#calendarPeque .clndr #calendarSlider .clndr-table {
    float: left;
    width:calc(50% + 1px);
}
@-moz-document url-prefix() {
    #calendarPeque .clndr #calendarSlider .clndr-table {
        width: 50%;
    }
}


#calendarPeque .clndr #calendarSlider .events-list {
    background:none repeat scroll 0 0 #f0f0f0;
    float: left;
    height: calc(100% + 17px);
    margin-top: -37px;
    padding-top: 20px;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 1000;
}


#calendarPeque .clndr #calendarSlider .events-list span.fechaEventoCalendario {
    background: none repeat scroll 0 0 #fafafa;
    color: #000000;
    display: none;
    float: left;
    font-size: 11px;
    font-weight: 600;
    height: calc(100% - 15px);
    letter-spacing: -0.4px;
    margin-left: 0;
    margin-right: 7px;
    padding: 15px 4px 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 58px;
}


#calendarPeque .clndr #calendarSlider .events-list span.tituloEventoCalendario {
    color: #666666;
    display: inline-block;
    float: none;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 20px;
    padding-bottom: 0;
    width: calc(100% - 40px);
}

#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario {
    background: none repeat scroll 0 0 #222728;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 26px;
    height: 15px;
    margin: auto !important;
    padding: 0;
    position: absolute !important;
    right: 6px;
    text-align: center;
    top: 6px !important;
    width: 15px;
}


#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario:hover{
    background: none repeat scroll 0 0 #fff;
}

body:not(.sinSuavizado) #calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario{
    
    transition: all 0.25s ease-out;
}

#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario i:after {
    background: none repeat scroll 0 0 #222728;
    color: #fff;
    content: "Anular";
    display: block;
    font-size: 10px;
    opacity: 0;
    padding: 0 5px;
    position: absolute;
    right: 18px;
    top: 3px;
}
body:not(.sinSuavizado) #calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario i:after{
    
    transition: all 0.25s ease-out;
}
#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario:hover i:after{
    opacity: 1;
}


#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario img {
    height: 12px;
    width: 12px;
}

#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario i {
    font-size: 17px;
    position: relative;
    top: 0px;
}
#calendarPeque .clndr #calendarSlider .events-list span.eliminarEventoCalendario:hover i{
    color:var(--colorPrincipal);
}
#calendarPeque .clndr .events-list li:not(.calendarioAnadirEventoLista) {
    border-left: 5px solid var(--colorPrincipal);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    margin-left: calc(5% - 2px);
    width: 90%;
    cursor: default;
}

#calendarPeque .clndr .events-list li.calendarioNoHayEventosEsteDia {
    border: medium none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 26px;
    padding: 30px 0;
    text-align: center;
}
#calendarPeque .clndr #calendarSlider .events-list span.tituloEventoCalendario a{
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    font-weight: 100;
}


#calendarPeque .clndr #calendarSlider .events-list span.horaEventoCalendario {
    color: #000000;
    display: block;
    font-size: 13px;
    font-weight: 600;
    left: 20px;
    margin-right: 6px;
    margin-top: 9px;
    padding-bottom: 0;
    position: absolute;
    text-align: left;
    text-decoration: none;
    top: 5px;
    width: 89px;
}

.cal1 .clndr .clndr-controls .month {
    font-weight: 100 !important;
}
#calendarPeque .clndr #tituloPanelEventosCalendario {
    background: none repeat scroll 0 0 #f0f0f0;
    color: #222728;
    cursor: default;
    font-size: 14px;
    font-weight: 600;
    height: 26px;
    padding-bottom: 0 !important;
    padding-top: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    text-transform: uppercase;
    top: -75px;
    width: 50%;
    z-index: 999;
}

#calendarPeque .clndr #fechaPanelEventosCalendario {
    color: #222728;
    font-size: 18px !important;
    font-weight: 100;
    position: absolute;
    right: 0;
    text-align: center;
    top: -47px;
    width: 50%;
    z-index: 1001;
}


#calendarPeque .clndr #cerrarPanelEventosCalendario {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50% !important;
    cursor: pointer;
    font-size: 28px;
    height: 30px;
    left: calc(50% + 15px);
    position: absolute;
    top: -60px;
    width: 30px;
    z-index: 9999;
}
#calendarPeque .clndr #cerrarPanelEventosCalendario:hover{
    opacity:0.5
}

#calendarPeque .clndr #cerrarPanelEventosCalendario i{
    color: #fff;
    display: block;
    height: 30px;
    padding: 0 !important;
    position: relative;
    top: 1px;
    width: 30px;
}

#calendarPeque .clndr .events-list ul {
    height: 100% !important;
    list-style: none outside none;
    margin-left: 0;
    /*overflow: auto !important;*/
    padding-top: 10px;
}

#calendarPeque .clndr .events-list ul li div {
    background: none repeat scroll 0 0 #ffffff !important;
    color: #454545;
    display: block;
    float: none;
    min-height: 33px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    text-align: left;
}

body:not(.sinSuavizado) #calendarPeque .clndr .events-list ul li div {
    transition: all 0.25s ease-out;
}

#calendarPeque .clndr #calendarSlider .events-list .nicescroll-rails {
    opacity: 1 !important;
}
#calendarPeque .clndr #calendarSlider .events-list .nicescroll-rails div {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
}

#calendarPeque .clndr .events-list ul li div:hover {
    background: var(--colorPrincipal) !important;	
}
#calendarPeque .clndr .events-list ul li div:hover span.tituloEventoCalendario {
    color: #fff !important;
}
#calendarPeque .clndr .events-list ul li div:hover span.horaEventoCalendario {
    color: #fff !important;
}
#calendarPeque .clndr .events-list ul li div.calendarioAnadirEvento {
    background: var(--colorPrincipal) none repeat scroll 0 0 !important;
    border-radius: 5px;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 15px;
    margin: 0 auto 30px;
    max-width: 170px;
    padding: 15px 0 4px;
    text-align: center !important;
    text-transform: uppercase;
    width: 91%;
    opacity: 1;
    transition: all ease-out 0.25s
}
#calendarPeque .clndr .events-list ul li div.calendarioAnadirEvento:hover{
    opacity: 0.6
}
#calendarPeque .clndr .events-list ul li div.calendarioAnadirEvento i {
    font-size: 26px !important;
}


body:not([data-domain*="localhost"]) #calendarPeque .clndr .events-list ul li div.calendarioAnadirEvento{
    display:none
}

#calendarPeque .clndr .events-list ul li div.calendarioAnadirEvento > img{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50%;
    margin-right: 7px;
    margin-top: -2px;
}

.cal1 .clndr .clndr-controls .clndr-control-button span {
    padding: 25px 25px 19px !important;
}
.cal1 .clndr .clndr-table tr td {
    vertical-align: middle !important;
}
.cal1 .clndr .clndr-table .header-days .header-day {
    border: medium none !important;
    font-size: 10px !important;
    font-weight: 100;
    text-shadow: none;
    color: #234179 !important;
}
.cal1 .clndr .clndr-table tr .day {
    height: 0 !important;
    width: 0 !important;
}
.cal1 .clndr .clndr-table tr .day .day-contents {
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400;
    padding: 8px !important;
}
.cal1 .clndr .clndr-table tr .day.today {
    background: rgba(188,234,4,0.8) !important;
}

#calendarPeque .clndr .controls .clndr-previous-button, #calendarPeque .clndr .controls .clndr-next-button {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 15%;
}
body:not(.sinSuavizado) #calendarPeque .clndr .controls .clndr-previous-button, #calendarPeque .clndr .controls .clndr-next-button {
    transition: background-color 0.5s ease 0s;
}
#calendarPeque .clndr .controls .clndr-previous-button:hover, #calendarPeque .clndr .controls .clndr-next-button:hover {
    background-color: #528B5E;
}
#calendarPeque .clndr .controls .month {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;
}
#calendarPeque .clndr .days-container {
    display: inline-block;
    height: 186px;
    position: relative;
    width: 294px;
}
#calendarPeque .clndr .days-container .days {
    background-color: #EBEBEB;
    height: 186px;
    left: 0;
    position: absolute;
    width: 294px;
}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .days {
    transition: left 0.5s ease 0s;
}
#calendarPeque .clndr .days-container .days .day, #calendarPeque .clndr .days-container .days .empty {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    color: #212121;
    display: inline-block;
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 42px;
}
#calendarPeque .clndr .days-container .days .day.event, #calendarPeque .clndr .days-container .days .empty.event {
    background-color: #D2D2D2;
    cursor: pointer;

}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .days .day.event, #calendarPeque .clndr .days-container .days .empty.event {
    transition: background-color 0.5s ease 0s;
}
#calendarPeque .clndr .days-container .days .day.event:hover, #calendarPeque .clndr .days-container .days .empty.event:hover {
    background-color: #B8B8B8;
}
#calendarPeque .clndr .days-container .days .day.adjacent-month, #calendarPeque .clndr .days-container .days .empty.adjacent-month {
    color: rgba(0, 0, 0, 0.3);
}
#calendarPeque .clndr .days-container .days .empty {
    height: 31px;
    vertical-align: bottom;
}
#calendarPeque .clndr .days-container .days .headers {
    background-color: #97CE7F;
    padding-bottom: 5px;
    padding-top: 5px;
}
#calendarPeque .clndr .days-container .days .headers .day-header {
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    width: 42px;
}
#calendarPeque .clndr .days-container .events {
    background-color: #EBEBEB;
    height: 186px;
    left: 294px;
    position: absolute;

    width: 294px;
}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .events {transition: left 0.5s ease 0s;}

#calendarPeque .clndr .days-container .events .headers {
    position: relative;
}
#calendarPeque .clndr .days-container .events .event-header {
    background-color: #97CE7F;
    color: #FFFFFF;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
#calendarPeque .clndr .days-container .events .x-button {
    cursor: pointer;
    font-size: 80%;
    left: 20px;
    position: absolute;
    top: 7px;

}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .events .x-button {transition: color 0.25s ease 0s;}

#calendarPeque .clndr .days-container .events .x-button:hover {
    color: #FFFFFF;
}
#calendarPeque .clndr .days-container .events .events-list {
    height: 155px;
    overflow: scroll;
}
#calendarPeque .clndr .days-container .events .events-list .event {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 8px;
}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .events .events-list .event { transition: background-color 0.25s ease 0s;}

#calendarPeque .clndr .days-container .events .events-list .event:hover {
    background-color: #F5F5F5;
}
#calendarPeque .clndr .days-container .events .events-list .event a {
    background-color: rgba(0, 0, 0, 0);
    color: #212121;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    text-decoration: none;
}
body:not(.sinSuavizado) #calendarPeque .clndr .days-container .events .events-list .event a { transition: color 0.25s ease 0s;}

#calendarPeque .clndr .days-container .events .events-list .event a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #69A776;
}
#calendarPeque .clndr .days-container.show-events .days {
    left: -294px;
}
#calendarPeque .clndr .days-container.show-events .events {
    left: 0;
}



#calendarPeque tbody td.adjacent-month div {
    color: #777777 !important;
}

#calendarPeque tbody td.event.adjacent-month {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#calendarPeque tbody td.event.adjacent-month div{
    color: #ffffff !important;
}
#calendarPeque tbody td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
}

#calendarPeque tbody td.event div {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    height: 30px;
    line-height: 14px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 30px;
}
/*
@-moz-document url-prefix() {
        #calendarPeque tbody td.event div {
                height: 15px;
                width: 15px;
        }
}*/

#calendarPeque tbody td.day.today div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
#calendarPeque tbody td.day.today.event div{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #FFFFFF;
    color: #234179;
}


#calendarPeque tbody td.day.today:not(.event) div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #ffffff !important;
    border-radius: 50%;
    color: #ffffff;
    height: 32px;
    line-height: 14px;
    margin: 0 auto;
    position: relative;
    width: 32px;
}
/*
@-moz-document url-prefix() {
        #calendarPeque tbody td.day.today:not(.event) div{
                height: 15px;
                width: 15px;
        }
}
*/

#calendarPeque tbody td.event {
    background: none repeat scroll 0 0 rgba(0,0,0,0) !important;
}




/*------------FIN DE plugin CALENDARIO------------*/

/*TITULOS*/
.contacta > h1, 
.secretaria > h1, 
.delegaciones > h1 , 
.alertas > h2, 
.practicas h1, 
.estadisticas h2,
#tituloTallerCampus, 
.cHead, 
.perfil h2, 
#tate h1,
.tituloSeccionlearNNity{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 40px;
    margin-left: -20px;
    margin-top: -20px;
    padding: 20px;
    text-align: left;
    text-transform: uppercase;
    width: calc(100%);

    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 40px 0 40px 0px !important;
    width: 100% !important;

}

.perfil{
    padding-top:0px; 
    /*background-color: #303235;*/
    background-color: #f0f0f0;
}
.perfil > h2{display:none;}



.perfil h2 {
    box-sizing: border-box;
    font-weight: 100 !important;
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 20px !important;
    width: calc(100% - 80px) !important;
    z-index: 30;
}
#seccionTestCHAEA.perfil h2{
    display: inline !important;
    width: auto !important;
}

.perfil > img {
    height: 100%;
    left: 78px;
    opacity: 0.3;
    position: absolute;
    top: 0;

    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 22px;
    z-index:140;
}

.perfil h2 span {
    color: #333333 !important;
    font-family: 'Roboto', 'open sans', sans-serif !important;
    font-weight: 100 !important;
}
.perfil h2 i {
    color: #CCCCCC;
    font-weight: 100 !important;
    margin-left: 10px;
    margin-right: 10px;
}

#formularioPerfil {
    margin-top: 80px;
}
.cHead{
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: calc(100% - 41px);
    border:none !important;
    border-top:solid 3px #ccc !important;
    background:#222728 !important;
    position:relative;
    left:1px;
}

div.cHead {
    margin-bottom: -44px !important;
    padding: 0 20px !important;
    display: none !important;
}
.tg-times {
    background-color: #F0F0F0 !important;
    color: #666666 !important;
    font-weight: 100 !important;
}
#tgTable tbody tr:first-child td:first-child:not(class) {
    background: none repeat scroll 0 0 #F0F0F0;
    border-right: 3px double #DDDDDD;
}

.tg-dualmarker {
    border-bottom: 1px dotted #E0E0E0;
    border-top: 1px solid #E0E0E0;
}
.tg-spanningwrapper {
    min-height: 0 !important;
}
.tg-dualmarker {
    border-bottom: 1px dotted #DDDDDD;
    border-top: 1px solid #DDDDDD;
    height: 2.1em !important;
    line-height: 2em !important;
    margin-bottom: 2em !important;
}
.resizer {
    display: none !important;
}

.wk-dayname{padding: 22px 4px !important}

.wk-dayname span {
    color: #333333;
    font-weight: 100;
}

.wk-allday .st-c {
    background: none repeat scroll 0 0 #F9F9F9 !important;
    border-left: 3px double #DDDDDD !important;
    padding: 5px 0 !important;
}
.wk-allday .st-c:hover{
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.wk-top {
    overflow: visible !important;
}
.wk-allday .st-c:hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    content: attr(data-textoHover);
    /*label_pulse_anadir_evento_todo_dia*/
    height: auto !important;
    margin-top: 20px;
    overflow: visible !important;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 170px;
    z-index: 2147483647 !important;
}
div.cHead div.ftitle{font-family: 'Roboto', 'open sans', sans-serif !important;}
/*FIN DE TITULOS*/


/*------CHOOSEN SELECT------*/
.chosen-container{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 0 !important;
    width: calc(100% + 0px) !important;
}
.chosen-single{
    border-radius:0px !important;
    background:none !important;
    padding-bottom: 5px !important;
    height:auto !important;
    padding-top: 5px !important;
    border:none !important;
    box-shadow:none !important;
}
.chosen-single b {
    background: none repeat scroll 0 0 #333743 !important;
    margin-left: -20px;	
    padding: 0 10px !important;
}
.chosen-container-single .chosen-single div{
    left:20px;
    right:auto;
    width: 40px !important;
}
.chosen-container-single .chosen-single div b {
    color: #FFFFFF;
    background: #333743 !important;
    box-sizing: border-box;
    font-size: 28px !important;
    height: 100% !important;
    padding-top: 3px !important;
    position: relative !important;
    width: 100% !important;

    display: inline-block; font-family: "Ionicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

.chosen-container-single .chosen-single div b:before { content: "\f3d0"; }

#subtemaContactoId_chosen.chosen-container-single .chosen-single div b {
    box-sizing: border-box;
}
.chosen-container-single .chosen-single span {
    margin-left: 46px;
    margin-right:0px !important;
    color:#fff;
}
.chosen-container .chosen-drop {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: none !important;
    width: calc(100% - 1px) !important;
}
/*------FIN DE CHOOSEN SELECT------*/




/*------SECRETARIA----------*/

.secretaria{ padding: 0 40px 40px !important;}
.secretaria h6 {
    color: #222728;
    font-size: 16px;
    font-weight: 100;
    line-height: 27px;
    margin-top: 10px;
    text-transform: none;

}

.secretaria h6 br {
    margin-bottom: 20px;
}
.secretaria .botonera{margin-top:20px; text-align: center;}
/*
.secretaria .botonera button {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #FFFFFF;
    display: inline;
    float: none;
    font-weight: 800;
    height: 40px;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 280px;
    padding: 8px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
}*/
.secretaria .botonera button{max-width: 350px;}
.secretaria .botonera button#btnGuardarMejora{ padding:20px !important}

.secretaria #contenedorMisContratosFormacion {
    margin-top: 60px !important;
}


.secretaria #contenedorServiciosAdministrativos {
    margin-top: 80px;
}

.secretaria #contenedorServiciosAdministrativos h4{
    margin-bottom:10px;
    text-transform: uppercase;
}
.secretaria #contenedorServiciosAdministrativos .tablaCampus{ margin-bottom:30px;}
.secretaria #contenedorServiciosAdministrativos .tablaCampusCabecera{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    padding: 10px 10px 4px;
    text-align: center;
    width: calc(100% - 20px);
}

.secretaria #contenedorServiciosAdministrativos .tablaCampusCabecera h5 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 12px;
}



.secretaria #contenedorServiciosAdministrativos .tablaCampusCuerpo > div{
    border-bottom: 1px dotted #CCCCCC;
    padding: 20px 10px 12px;
    width: calc(100% - 20px);
}
.secretaria #contenedorServiciosAdministrativos .tablaCampusCuerpo div div{text-align:center; font-size: 13px;}
.secretaria #contenedorServiciosAdministrativos .tablaCampusCuerpo div div p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0 !important;
    text-align: left;
}
.secretaria #contenedorServiciosAdministrativos form#formEditarSolicitudServicio{
    font-size:14px;
    color:#222728;
}





.secretaria #contenedorMisContratosFormacion .tablaCampus{ margin-bottom:30px;}
.secretaria #contenedorMisContratosFormacion .tablaCampusCabecera{
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    padding: 10px 10px 4px;
    text-align: center;
    width: calc(100% - 20px);
}

.secretaria #contenedorMisContratosFormacion .tablaCampusCabecera h5 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 12px;
}
.secretaria #contenedorMisContratosFormacion .tablaCampusCuerpo > div{
    border-bottom: 1px dotted #CCCCCC;
    padding: 20px 10px 12px;
    width: calc(100% - 20px);
}
.secretaria #contenedorMisContratosFormacion .tablaCampusCuerpo div div{text-align:center; font-size: 13px;}
.secretaria #contenedorMisContratosFormacion .tablaCampusCuerpo div.span7 > div.span8 {
    text-align: left;
}
.secretaria #tablaSecretariaContratos .tablaCampusCabecera div.span7 > div.span8 {
    text-align: left;
}
.secretaria #contenedorMisContratosFormacion .tablaCampusCuerpo div div p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0 !important;
    text-align: left;
}
.secretaria #contenedorMisContratosFormacion form#formEditarSolicitudServicio{
    font-size:14px;
    color:#222728;
}

.secretaria #contenedorMisContratosFormacion h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

#tituloMisContratosFormacion{
    margin-bottom: 10px;
}



.secretaria #contenedorMejoras {
    border-top: 1px dashed #CCCCCC;
    margin-top: 40px;
    padding-top: 30px;
}

.secretaria #contenedorMejoras h4{
    margin-bottom:10px
}
.secretaria #contenedorMejoras .tablaCampus{ margin-bottom:30px;}
.secretaria #contenedorMejoras .tablaCampusCabecera{
    background: none repeat scroll 0 0 #333743;
    color: #FFFFFF;
    padding: 10px 10px 4px;
    text-align: center;
    width: calc(100% - 20px);
}

.secretaria #contenedorMejoras .tablaCampusCabecera h5 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 12px;
}
.secretaria #contenedorMejoras .tablaCampusCuerpo > div{
    border-bottom: 1px dotted #CCCCCC;
    padding: 20px 10px 12px;
    width: calc(100% - 20px);
}
.secretaria #contenedorMejoras .tablaCampusCuerpo div div{text-align:center; font-size: 13px;}

.secretaria #contenedorMejoras .tablaCampusCuerpo div div p {
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;
    margin-bottom: 10px;
    text-align: left;
}
.secretaria #contenedorMejoras .tablaCampusCuerpo div.bordeGrisRedondeado div:last-child div {
    padding-top: 20px;
}
.secretaria #contenedorMejoras form#formNuevaMejora{
    font-size:14px;
    color:#222728;
}

#contenedorServiciosAdministrativos > form > div > div {
    margin-bottom: 20px;
}
/*------FIN DE SECRETARIA----------*/

/*ESTADISTICAS*/
.estadisticas {
    padding: 0 40px 40px !important;
}
.estadisticasSecciones{
    padding: 0px 0 30px;
    box-sizing: border-box;

}

.parrafoTextoEstadisticas{
    color: #222728;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 40px;
    line-height: 20px;
}




.estadisticasSecciones .itemEstadisticasSecciones {
    margin-bottom: 20px;
}

.estadisticasSecciones .itemEstadisticasSecciones > div  button {
    margin-right: 20px;
    padding: 5px;
}
.estadisticasSecciones .itemEstadisticasSecciones > div  button i.ion-ios-eye {
    font-size: 30px;
    padding: 5px !important;
}


.estadisticasSecciones .itemEstadisticasSecciones > div  span {
    font-size: 15px;
    font-weight: 600;
    cursor: default;
}


.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones{
    padding: 5px;
}
.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones:empty{
    padding: 0px;
}

.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones .subitemEstadisticasSecciones {
    border-bottom: dotted 1px #ccc;
    margin-left: 57px !important;
}

.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones .subitemEstadisticasSecciones p {
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
    margin-top: 10px;
}

.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones .subitemEstadisticasSecciones p::before {
    content: ' ';
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    background: #333;
    top: 7px;
}

.estadisticasSecciones .itemEstadisticasSecciones .contenidoItemEstadisticasSecciones .subitemEstadisticasSecciones > div > p::before {
    border-radius: 50%;
    background: #c5c5c5;
}

.estadisticas .tituloSeccionEstadisticas{
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.2px;

}
.estadisticas #contenidoUsoEstudio .tituloSeccionEstadisticas {
    max-width: 445px;
    margin-bottom: 20px;
}
.estadisticas .tituloSeccionGrafico {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.estadisticas .js-donut2-container {
    text-align: center;
}

.estadisticas .js-brite .tick text {
    font-size: 10px;
    fill: #666a73;
    padding: 12px;
}


.estadisticas #contenidoUsoGenericoCampus{
    margin-top: 20px;
    margin-bottom: 40px;
}
.estadisticas .itemUsoGenericoCampus {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 400px;
    position: relative;
    border-bottom: solid 1px rgba(0,0,0,0.08);
    margin-left: 45px;
    padding-bottom: 10px;
    padding-left: 0px;
}
.estadisticas .itemUsoGenericoCampus:last-child {
    border-bottom: none;
}
.estadisticas .itemUsoGenericoCampus span{
    font-weight: 100;
    font-size: 14px;
}

.estadisticas .itemUsoGenericoCampus span.nombreCampoEstadisticas{
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.estadisticas .itemUsoGenericoCampus span.valorCampoEstadisticas {
    float: right;
}

.estadisticas #sumaTotalUsoGenerico {
    max-width: 445px;
    margin-bottom: 20px;
}

.estadisticas #sumaTotalUsoGenerico .valorCampoEstadisticas.tituloSeccionEstadisticas{
    float: right;
    font-size: 14px;
    margin-top: 7px;
}

.estadisticas .itemEstadisticasEstudio {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 425px;
    position: relative;
    border-bottom: solid 1px rgba(0,0,0,0.08);
    margin-left: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.estadisticas .itemEstadisticasEstudio:last-child {
    border-bottom: none;
}

.estadisticas .boloItemGraficoEstadisticas {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 3px;

}
.estadisticas .js-inline-legend-chart-container.legend-chart-container text.legend-entry-name {
    font-size: 14px !important;
    font-weight: 100;
    letter-spacing: 0 !important;
    font-family: 'open sans' !important;
}

.estadisticas .legend-group .donut-text tspan {
    font-weight: 100;
    transform: scale(0.4, 4) !important;
    font-size: 1.2em !important;
}
.estadisticas .legend-group .donut-text tspan:first-child {
    font-size: 1.9em !important;
    font-weight: 600;
}




.estadisticas #contenidoUsoEstudio .itemEstadisticasEstudio span.nombreCampoEstadisticas {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.estadisticas #contenidoUsoEstudio .itemEstadisticasEstudio span {
    font-weight: 100;
    font-size: 14px;
}

.estadisticas #contenidoUsoEstudio .itemEstadisticasEstudio  span.valorCampoEstadisticas {
    float: right;
}
.estadisticas .itemEstadisticasEstudio .itemEstadisticasEstudioCabeceraDatoSeccion {
    padding-left: 35px;
}

#contenidoEstadisticas {
    margin-top: 0px;
    margin-bottom: 20px;
}

.estadisticas #contenidoEstadisticas p {
    margin-bottom: 10px;
    color: #222728;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 20px;
    display: inline-block;
    margin-right: 30px;
}

body:not(.desarrollo) .parrafoTextoEstadisticas {
    display: none;
}
/*
#contenidoEstadisticas {
    display: none;
}*/

.estadisticas .columnaEstadisticas{
    width: 50%;
    float: left;
}


/*FIN DE ESTADISTICAS*/



/*------CONTACTA----------*/
.contacta{padding: 0 40px !important;}
.contacta .itemContacta{
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E9E9E9;
    float: left;
    margin: 0 0.5% 20px;
    padding: 20px 20px 0;
    width: calc(49% - 43px);
}
.contacta .itemContacta + .itemContacta + .itemContacta{clear:both}
.contacta .itemContacta + .itemContacta + .itemContacta + .itemContacta{clear:none; float:left;}

.contacta .itemContacta h3{margin-bottom:10px}
.contacta .itemContacta div[id*="perfil"]{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #333743;
    color: #FFFFFF;
    margin-left: -20px;
    margin-top: -4px;
    padding: 10px;
    width: calc(100% + 40px);
}

.contacta .chosen-container-single .chosen-single div b {
    background-color: #04EAAC !important;
}

.contacta .itemContacta .chosen-container{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 0 !important;
    margin-left: -20px;
    width: calc(100% + 40px) !important;
}
.contacta .itemContacta .chosen-container .chosen-single{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    color:#fff !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.contacta .itemContacta .chosen-container .chosen-drop {
    border: medium none !important;
    border-radius: 0;
    box-shadow: none !important;
    width: 100% !important;
}
.itemContacta .chosen-container .chosen-drop .chosen-search{margin-bottom:10px}
.itemContacta .chosen-container .chosen-drop .chosen-search input {
    margin-top: 10px;
    width: calc(100% - 28px) !important;
}

.itemContacta .chosen-container-single .chosen-single div {
    width: 20px !important;
}

.contacta .itemContacta div[id*="perfil"] .span5{
    text-align:center;
    padding-bottom: 20px;
    width: 190px;
}

.contacta .itemContacta div[id*="perfil"] .span5 .contenedorImagenProfe {
    border-radius: 0;
    height: 190px;
    margin-top: 10px;
    overflow: hidden;
    width: 190px;
}
.contacta .itemContacta div[id*="perfil"] .span5 img{
    height: auto !important;
    max-width: 190px;
    min-width: 190px;
}

.contacta .itemContacta div[id*="perfil"] .span5 button.btn-primary{margin-right:0px !important; padding: 8px 19px !important;}


.contacta .itemContacta div[id*="perfil"] .span7{padding-top: 20px; width:calc(100% - 220px)}
.contacta .itemContacta div[id*="perfil"] .span7 .span12{margin-bottom: 10px; margin-left: 0;}
.contacta .itemContacta div[id*="perfil"] .span7 .span12 img, .contacta .itemContacta div[id*="perfil"] .span7 .span12 i{
    margin-right: 20px;
    width: 30px;
    float: left;
}

.contacta .itemContacta div[id*="perfil"] .span7 .span12 p {
    float: left;
    width: calc(100% - 80px);
}

/*------FIN DE CONTACTA----------*/



/*------delegaciones----------*/
.delegaciones{padding: 0 40px !important;}
.delegaciones h1{margin-bottom:20px}
.delegaciones h6{
    color: #222728;
    font-size: 16px;
    font-weight: 100;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom:70px;
    text-transform: none;
    text-align:justify;
}

.delegaciones #divMapa {
    margin-left: -40px;
    width: calc(100% + 80px);
}
.delegaciones #divMapa #map{
    min-width:0px !important;

}
body:not(.sinSuavizado) .delegaciones #divMapa #map{
    
    transition: all  0.25s ease-in;
}
.delegaciones #cmbDelegaciones_chosen {
    float: none;
    margin-top: -34px;
    position: absolute;
    right: 0;
    width: 230px !important;
    z-index: 150;
}
.delegaciones #cmbDelegaciones_chosen input {
    background: url("../lib/chosen/chosen-sprite.png") no-repeat scroll 100% -20px, none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border: medium none !important;
    border-radius: 0;
    box-shadow: none !important;
    width: 196px !important;
}


.delegaciones #accionesDelegacion{
    margin-left:0px !important;
    padding: 50px 0;
}

.delegaciones #delegacionesColumnaIZQ{
    width:50%;
}

.delegaciones #datosDelegacion{
    width:50%; 
    float:left;
}

.delegaciones #datosDelegacion:before {
    content: attr(data-textoHover);
    display: block;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px;
    text-transform: uppercase;
}


.delegaciones #datosDelegacion > label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.delegaciones #datosDelegacion > label > span {
    font-weight: 100;
    margin-left: 10px;
}


.delegaciones #accordion1{
    width:50%; 
    float:left;
    margin-top:0px;
}

.delegaciones #accordion1 a{
    font-size: 18px;
    font-weight: 100;
    left: 0px;
    top:0px;

    position: relative;
}
.delegaciones #accordion1 a#botonIrDesde{ padding: 10px 20px;}
.delegaciones #cmbDelegaciones{visibility:hidden}
.delegaciones #cmbComoIr_chosen .chosen-search {
    display: none;
}

.delegaciones #accordion1 a.colapsado{
    background:var(--colorPrincipal);
    color:#fff;
}


.delegaciones #accordion1 #textoIrDesde {
    font-size: 14px;
    font-weight: 100;
    line-height: 22px;
    margin-bottom: 40px !important;
    text-align: justify;
}

.delegaciones #accordion1 a:not(.colapsado) {
    background: none repeat scroll 0 0 #fff;
    color: #222728;
    cursor: default;
    text-decoration: none;
}
.delegaciones #accordion1 a > h3 {
    display: inline;
    font-weight: 100;
    text-transform: uppercase;
}
.delegaciones #accordion1 #collapseIrDesde {
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 20px;
}
.delegaciones #accordion1 #collapseIrDesde > p {
    font-size: 14px;
    font-weight: 100;
    padding-left: 0 !important;
}

.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > div {
    margin-bottom: 10px;
}
.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > p {
    font-weight: 100;
    margin-top: 30px;
    padding-left: 0 !important;
}

.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > div > label {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    position: relative;
    top: 5px;
}

.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > div > input {
    background: none repeat scroll 0 0 #f0f0f0;
    border: medium none;
    border-radius: 0;
    box-shadow: none !important;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-left: 0;
    margin-top: 27px;
    padding: 10px;
    width: 100%;
}
.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > div > div.chosen-container {
    margin-top: 15px;
}

.delegaciones #accordion1 #collapseIrDesde > div.bs-docs-grid > input {
    border: medium none;
    border-radius: 0;
    box-shadow: none !important;
    float: right;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    text-transform: uppercase;
}

.delegaciones #miAcorden {
    box-sizing: border-box;
    float: left;
    padding: 0 0 0 50px;
    width: 50%;
}
.delegaciones #miAcorden a{
    display:none;
    font-size: 18px;
    font-weight: 100;
    left: -20px;
    top:0px;
    padding: 10px 20px;
    position: relative;
}

.delegaciones #miAcorden a.colapsado{
    background:var(--colorPrincipal);
    color:#fff;
}

.delegaciones #miAcorden a:not(.colapsado) {
    background: none repeat scroll 0 0 #fff;
    color: #222728;
}
.delegaciones #miAcorden a > h3 {
    display: inline;
    font-weight: 100;
    text-transform: uppercase;
}


.delegaciones .adp-placemark {
    font-size: 14px;
}
.delegaciones .adp-substep span {
    font-size: 14px;
}

.delegaciones .adp-agencies {
    display: none;
}
.delegaciones .warnbox-c1, .delegaciones .warnbox-c2{background:none}


.delegaciones .warnbox-content {
    background: none repeat scroll 0 0 rgba(56, 117, 215, 0.5);
    color: #fff;
    font-size: 14px;
}

.delegaciones div#collapseRuta > #panel > .adp > div > div[jstcache="0"] td {
    font-size: 14px;
}


/*.delegaciones #panel .adp:before {*/
.delegaciones #collapseRuta > #panel::before{
    content: attr(data-textoHover);
    display: block;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.delegaciones #collapseRuta > #panel:empty::before{
    content: '';
}
.delegaciones #verIndicacionesMovil{display:none}





.delegaciones > .span12 > .span5 .chosen-container{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 0 !important;

    width: calc(100% + 0px) !important;
}
.delegaciones > .span12 > .span5 .chosen-single{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    color:#fff !important;
    padding-bottom: 5px;
    padding-top: 5px;

}
.delegaciones > .span12 > .span5 .chosen-container .chosen-drop {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: none !important;
    width: calc(100% - 2px) !important;
}
.delegaciones > .span12 > .span5 .chosen-container .chosen-drop .chosen-search{margin-bottom:10px}
.delegaciones > .span12 > .span5 .chosen-container .chosen-drop .chosen-search input {
    margin-top: 10px;
    width: calc(100% - 28px) !important;
}



.delegaciones > .span12 > .span5 label{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 17px;
    padding-left: 9px;
}
.delegaciones > .span12 > .span5 > label > span{font-weight:100; margin-left: 10px;}

.delegaciones > .span12 > .span5 input {
    border-radius: 0 !important;
    width: calc(100% - 10px);
}

.delegaciones > .span12 > .span5 #accordion1 .panel > a {
    color: #FFFFFF;
    display: block;
    margin-bottom: 30px;
    margin-top: 47px;
    text-transform: uppercase;
    text-decoration: none;
}

.delegaciones > .span12 > .span5 #accordion1 .panel a h3{
    background: none repeat scroll 0 0 #333743;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.delegaciones > .span12 > .span5 #accordion1 input.btn-primary{
    font-size: 18px;
    font-weight: 800;
    margin-top: 20px;
    padding-bottom: 30px;
    padding-top: 30px;	
    text-shadow: none;
    text-transform: uppercase;
    width: 100% !important;
}
.delegaciones > .span12 > .span5 #accordion1 label{
    display:inline;
    position: relative;
    top: 6px;
}
.delegaciones > .span12 > .span5 #accordion1 div.span7 {
    float: right;
}

.delegaciones > .span12 > .span7 #accordion1 label{
    display:inline;
    position: relative;
    top: 6px;
}

.delegaciones > .span12 > .span7 .panel a {
    color: #FFFFFF;
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.delegaciones > .span12 > .span7 .panel a h3{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}


div#collapseRuta > #panel > .adp > div >div[jstcache="0"] td {
    padding-bottom: 15px !important;
    padding-top: 25px !important;
}

div#collapseRuta .adp-text {
    padding-left: 15px;
}

#adp-placemark td{
    padding: 10px !important;
}
.adp-placemark {
    background: none repeat scroll 0 0 #F3F3F3;
    border: medium none;
}
#collapseRuta{height:auto}

/*------FIN DE delegaciones----------*/





#cke_textoMensaje {
    border: medium none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.cke_inner {
    border-radius: 0 !important;
    margin-bottom: 20px !important;
}

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.input-file-adjuntos {
    opacity: 0;
    position: absolute; 
    width: 225px;
    cursor: pointer;
    height: 30px;
    margin-top: -30px;
}
.cke_inner {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
}
.cke_toolgroup, .cke_combo_button {
    margin: 0 3px 3px 0 !important;
    background: none repeat scroll 0 0 #FFFFFF !important;
    padding: 5px;
}

.cke_inner .cke_toolbox span, .cke_inner .cke_toolbox span a {
    border-radius: 0 !important;
}


.capaNavegadoresWeb{
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

.capaNavegadoresWeb{
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

.capaNavegadoresWeb > h3 {
    font-size: 23px;
    margin-bottom: 11px;
}
.capaNavegadoresWeb:hover > .navegadores div{
    opacity:0.4;

}
body:not(.sinSuavizado) .capaNavegadoresWeb:hover > .navegadores div{
    
    transition: all  0.25s ease-in;
}

.capaNavegadoresWeb p {
    margin-bottom: 30px !important;
    text-align: center;
}
.capaNavegadoresWeb .navegadores > div {
    float: left;
    margin: 30px 1% 30px 0;
    text-align: center;
    width: 32%;
    width: calc((100%/3)-60);
}

body:not(.sinSuavizado) .capaNavegadoresWeb .navegadores > div {
    
    transition: all  0.25s ease-in;
}

.capaNavegadoresWeb .navegadores > div:hover{opacity:1 !important;}

.capaNavegadoresWeb .navegadores > div > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    clear: both;
    color: #222728;
    display: block;
    float: none;
    font-weight: 100;
    margin-left: 0 !important;
    padding: 9px 0 !important;
    text-align: center;
    width: 100%;
    text-decoration: none !important;
}
.capaNavegadoresWeb .navegadores > div > a:hover{text-decoration:underline}


.capaNavegadoresWeb .navegadores > div a img {
    display: block;
    margin: -20px auto 20px;
}


html.mobile #modalLogin .modal-header {
    max-height: none;
    min-height: 110px;
    padding: 20px 0 0 !important;

    background: red !important;
    color: #fff !important;
    margin-top: 10px !important;
}
html.mobile #modalLogin .modal-header h4{
    font-size: 25px;
    line-height: 25px;
}
body.mobile .capaNavegadoresWeb > h3 {
    font-size: 19px;
    line-height: 22px;
}

body.mobile .capaNavegadoresWeb p {
    line-height: 18px;
}
body.mobile .capaNavegadoresWeb .navegadores > div {
    width: 100%;
    position: relative;
    margin: 10px 1% 10px 0;
}

body.mobile .capaNavegadores {
    padding-right: 0 !important;
}

body.mobile .capaNavegadoresWeb .navegadores > div > a{
    max-width: none;
    text-align: left;
    padding-left: 40px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
    margin-top: 0;
}
body.mobile .capaNavegadoresWeb .navegadores > div > a.enlaceFirefox{
    padding-bottom: 28px !important;
}
body.mobile .capaNavegadoresWeb .navegadores > div a img{
    display: inline-block;
    margin: 0;
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
}
body.mobile .capaNavegadoresWeb .navegadores > div > a > span{
    position: relative;
    display: inline-block;
    margin-left: 20px;
    text-transform: none;
    font-size: 15px;
    margin-top: 10px;
}

/*------NOTIFICACIONES------*/
#noty_center_layout_container {
    bottom: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: 89px !important;
    left: 0 !important;
    margin: auto !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    width: 348px !important;
    z-index: 2147483647 !important;
}
ul#noty_center_layout_container > li{
    border-radius: 0px !important;
    padding: 20px !important;
    border: medium none !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15) !important;
}
ul#noty_center_layout_container > li[style*="FFEAA8"]{
    background: #FFEAA8 !important;
}


ul#noty_center_layout_container > li span {
    font-family: 'open sans' !important;
    font-size: 17px;
    font-weight: 100 !important;
    line-height: 23px;
}

/*------FIN DE NOTIFICACIONES------*/



/*ALERTAS*/
.alertas{padding: 0 40px !important;}

.alertas h6 {
    color: #222728;
    font-size: 16px;
    font-weight: 100;
    line-height: 27px;
    margin-bottom: 30px;
    margin-top: 10px;
    text-align: justify;
    text-transform: none;
}
.alertas .alertasSecciones > div{
    width: calc(49% - 43px) !important;
    margin:0 0.5%;
    float:left
}

.alertas .alertasSecciones > div > div > h3 {
    box-sizing: border-box;
    color: #333743;
    font-size: 26px;
    font-weight: 100;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    top: -15px;
    width: 100%;
}
.alertas #alertasAdertencias{clear:both; padding: 30px 20px 60px;}

.alertas #alertasAdertencias .labelTituloAdvertencias {
    font-size: 25px;
    font-weight: 100;
    text-transform: uppercase;
}
.alertas button, .alertas a {
    margin: 25px 0 -10px !important;
    max-width: none !important;
    width: 100% !important;
}
.alertas a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: var(--colorPrincipal) !important;
    display: inline !important;
    float: right !important;
    padding: 0 !important;
    text-decoration: underline !important;
    text-transform: inherit;
    width: auto !important;
    box-shadow: none !important;
}

.alertas a#enlaceSecretaria {
    float: none !important;
    font-size: 16px;
    cursor:pointer;
}

.alertas a#enlaceLOPD {
    float: none !important;
    font-size: 16px;
    cursor:pointer;
}

.alertas #alertasAdertencias .labelTextoAdvertencias br{margin-bottom: 20px;}

.alertas #divAlertaTelefono {
    background: none repeat scroll 0 0 #f3f3f3;
    margin-bottom: 50px;
    padding: 20px;

}
.alertas #divAlertaEmail {
    background: none repeat scroll 0 0 #f3f3f3;
    margin-bottom: 50px;
    padding: 20px;

}

#divAlertaTelefono img, #divAlertaTelefono i{float:left; color: #333743 !important;}
#divAlertaEmail img, #divAlertaEmail i{float:left; color: #333743 !important;}

#divAlertaTelefono form, #divAlertaEmail form {
    float: left;
    margin-left: 40px;
    margin-top: -20px;
    width: calc(100% - 185px);
}

.alertasSecciones input[type="text"], .alertasSecciones input[type="number"] {
    border: medium none;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 16px;
    height: 55px;
    margin-bottom: 0;
    padding: 14px 15px !important;
}

.alertasSecciones label.errorsForm, .alertasSecciones label.errorsForm {
    color: #EA0450;
    font-size: 12px;
    margin-top: 4px;
}



.alertasSecciones label, .alertasSecciones label {
    display: block;
    font-size: 16px;
    font-weight: 100;
    line-height: 22px;
    margin-bottom: 9px;
    margin-top: 20px;
}
/*FIN DE ALERTAS*/


/*PERSONAL TRAINER*/
#seccionPersonalTrainer {
    padding-left: 40px;
}

#seccionPersonalTrainer img[src*="logo.png"] {
    display: block;
    margin: 20px auto;
}
#seccionPersonalTrainer > div {
    box-sizing: border-box;
    padding: 20px 50px 20px 20px;
    position: relative;
}

.personalTrainerIntro {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}

.personalTrainerIntro h6 {
    color: #333843;
    display: block;
    font-size: 22px;
    letter-spacing: -0.4px;
    line-height: 25px;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 700;
}
.personalTrainerIntro h6 span {
    font-family: 'roboto', sans-serif !important;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 0px;
    display: block;
    margin-bottom: -18px;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divTextoExplicacionSeccionPersonalTrainer {
    text-align: center;
    margin-bottom: 30px;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divTextoExplicacionSeccionPersonalTrainer p {
    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divTextoExplicacionSeccionPersonalTrainer p b {
    font-weight: 600;
}
#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer {
    background: none repeat scroll 0 0 #f0f0f0;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
    padding: 20px 20px 37px;
    width: 49%;
    /*cursor:pointer;*/
    opacity:1;
    text-align: center;
}

body:not(.sinSuavizado) #seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer {
    
    transition: all  0.25s ease-out;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer:hover{
    opacity:0.6
}
/*
#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > h5 {
    display: block;
    font-size: 22px !important;
    margin-top: 10px;
    text-align: center;
}
*/


#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > h5 {
    clear: none;
    display: block;
    float: none;
    font-family: "roboto" !important;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 0 !important;
    margin-top: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
}


#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > img {
    /*height: 230px;*/
    max-width:513px;
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%;
}
#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > img:nth-child(2){
    margin-bottom: 20px;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > span {
    display: block;
    font-size: 14px;
    font-weight: 100;
    padding: 20px;
    position: relative;
    text-align: center !important;
    top: 0;
}

#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer button {
    background: none repeat scroll 0 0 #f0f0f0;
    display: block;
    float: none;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 15px 10px;
    width: 190px !important;
}
#seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer button i {
    float: left;
    font-size: 60px;
    left: 7px;
    margin-top: -30px;
    position: relative;
    top: 18px;
}

#divVideoBienvenidaPersonalTrainer {
    background: none repeat scroll 0 0 #f0f0f0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin-right: 2%;
    opacity: 1;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 49%;	
}

body:not(.sinSuavizado) #divVideoBienvenidaPersonalTrainer {
    
    transition: all  0.25s ease-out;
}

#divVideoBienvenidaPersonalTrainer:hover{
    opacity:0.6
}
/*
#divVideoBienvenidaPersonalTrainer > h5 {
    display: block;
    font-size: 22px !important;
    margin-top: 10px;
    text-align: center;
}
*/

#divVideoBienvenidaPersonalTrainer > h5 {
    display: block;
    font-family: "roboto" !important;
    font-size: 22px !important;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
}


#divVideoBienvenidaPersonalTrainer > p#playVideo {
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    top: 130px;
}
#divVideoBienvenidaPersonalTrainer > p#playVideo > i {
    display: block;
    font-size: 60px;
    margin-top: -20px;
}


#divVideoBienvenidaPersonalTrainer > p:not(#playVideo) {
    color: #222728;
    font-size: 14px;
    font-weight: 100;
    margin-top: 20px;
}

#divVideoBienvenidaPersonalTrainer > span {
    color: var(--colorPrincipal);
    display: block;
    font-size: 14px;
    padding-bottom: 33px;
    text-decoration: underline;
}


#divVideoBienvenidaPersonalTrainer > img {
    /* height: 230px; */
    max-width: 545px;
    margin-bottom: 20px;
    margin-top: 0;
    width: 100%;
    padding: 16px;
    border: double 4px #bbb;
    box-sizing: border-box;
}
#divListadoClasesDirectoPersonalTrainer {
    background: none repeat scroll 0 0 #f7f7f7;
    box-sizing: border-box;
    clear: both;
    float: none;
    margin-top: 30px;
    padding: 20px !important;
    /*width: calc(100% - 50px) !important;*/
    width: 100% !important;
}





#divListadoClasesDirectoPersonalTrainer {
    background: url("../../assets/images/personalTrainer/fondoClasesDirecto.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#cabeceraDivSuperiorPaginacionClases > div {
    float: left;
    margin: 0 !important;
    width: 50%;
}

#divListadoClasesDirectoPersonalTrainer #cabeceraDivSuperiorPaginacionClases > div:first-child > img {
    width: 56px;
    float: left;
}

#seccionPersonalTrainer img.webinarPendiente[src*="logo.png"] {
    margin-top: 0;
}







#cabeceraDivSuperiorPaginacionClases > div:first-child > span {
    display: block;
    float: left;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 0 !important;
    margin-left: 8px;
    margin-right: 0 !important;
    margin-top: -7px !important;
    position: relative;
    text-transform: uppercase;
    top: 7px;
    width: 170px;
}

#cabeceraDivSuperiorPaginacionClases > div:last-child {
    text-align: right;
    padding-top: 6px;
}

#cabeceraDivSuperiorPaginacionClases > div:last-child > span {
    font-size: 15px;
    font-weight: 100;
}

#cabeceraDivSuperiorPaginacionClases > div:last-child > button {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #ffffff !important;
    margin: 0;
    padding: 12px 17px;
    border-radius: 50% !important;
    opacity: 1;
    transition: all 0.25s ease-out;
}
#cabeceraDivSuperiorPaginacionClases > div:last-child > button[disabled]{
    opacity: 0.4;
}

#cabeceraDivSuperiorPaginacionClases > div:last-child > button:not(:last-child) {
    margin-left: 15px;
    margin-right: 5px;
}

#listadoClasesPersonalTrainer {
    margin-top: 15px;
}
#listadoClasesPersonalTrainer > .webinar {
    float: left;
    margin: 10px 10px 15px;
    width: calc(100% / 5 - 20px) !important;
}
#listadoClasesPersonalTrainer > .webinar > .divMarcarComoVisto {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#listadoClasesPersonalTrainer > .webinar > .reproductorWebinar {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    /*min-height: 110px;*/
    width: 100%;
}

#listadoClasesPersonalTrainer > .webinar > .datosWebinar > .divCabeceraInfoWebinar > h4 {
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.4px;
    text-align: center;
}
.divCabeceraTestNivel {
    margin-bottom: 10px;
}

#seccionPersonalTrainer button.btnBloquesSeccionPreparadorFisico,
#seccionPersonalTrainer > div > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: var(--colorPrincipal) !important;
    display: block;
    font-size: 35px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 22px;
    margin: 0 auto!important;
    opacity: 1;	
}

#seccionPersonalTrainer button.btnBloquesSeccionPreparadorFisico i.ion-arrow-down-b {
    margin-left: 30px;
}f


.personalTrainerPortadaSeccion {
    border-top: 4px double #f0f0f0;
    display: block;
    margin-bottom: 40px !important;
    margin-top: 80px !important;
}

body:not(.sinSuavizado) #seccionPersonalTrainer > div > button {
    
    transition: all  0.25s ease-in;
}

#seccionPersonalTrainer > div > button:hover{opacity:0.4}
#seccionPersonalTrainer > div > button > i {
    display: block;
    margin-left: 0;
    margin-top: 11px;
}
#divResumenNivelCondicionesPersonalTrainer {
    box-sizing: border-box;
    padding: 20px;
}

#divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso {
    float: left;
    text-align: center;
    width: calc(100% / 4 - 20px) !important;
}

#divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso > h5 {
    font-size: 25px;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
    margin-top: 15px;
    color:#292c2f
}

#divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso > p {
    color: #f5479b;
    font-size: 20px;
}
#divCirculosNivelesCondicionesPersonalTrainer {
    margin-bottom: 50px;
    margin-top: 30px;
}

#tuNivelSeccionPersonalTrainer, #programaSeccionPersonalTrainer {
    margin-top: 20px;
}
#programaSeccionPersonalTrainer {
    margin-bottom: 50px;
}

#divPanelProgramaPreparadorFisico > div:first-child {
    margin-bottom: 40px;
    margin-top: 30px;
    text-align: center;
}

#divPanelProgramaPreparadorFisico > div:first-child b {
    font-weight: 600;
}

#divPanelProgramaPreparadorFisico > div:last-child {
    text-align: center;
}

#divPanelProgramaPreparadorFisico > div > div {
    box-sizing: border-box;
    float: left;
    padding: 0 20px;
    width: calc(100% / 4);
}

#divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer {
    margin-bottom: 20px;
    margin-right: 0 !important;
    width: 100%;
}


#divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer > img {
    max-width: 50%;
    padding: 10px 10px 0;
}

#divPanelProgramaPreparadorFisico > div > div:not(:last-child) > button.btnProgramaPersonalTrainer {
    padding-bottom: 45px;
}

#divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer > span {
    display: block;
    float: none;
    font-size: 15px;
    font-weight: 100;
    line-height: 20px;
    margin-top: 15px !important;
}

#divPanelProgramaPreparadorFisico > div > div:not(:last-child) > button.btnProgramaPersonalTrainer > span {
    position: relative;
    top: 10px;
}

#seccionPersonalTrainer #contenidoVideo i {
    color: var(--colorPrincipal);
    cursor: pointer;
    font-size: 50px !important;
    opacity: 1;
    position: absolute;
    right: 0px;
    top: -5px;
    z-index: 2147483647;
    background: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    padding-top: 11px;
    box-sizing: border-box;
}

body:not(.sinSuavizado) #seccionPersonalTrainer #contenidoVideo i {
    
    transition: all  0.25s ease-in;
}
#seccionPersonalTrainer #contenidoVideo i:hover{opacity:0.4}



#seccionPersonalTrainer .divTestNivel > form {
    padding-top: 20px;
}

#seccionPersonalTrainer .divCabeceraTestNivel .tituloTestNivel {
    font-size: 35px;
    color:#333843;
}
#seccionPersonalTrainer .descripcionTestNivel:empty {
    display: none !important;
}
#seccionPersonalTrainer .descripcionAgrupacionPreguntas:empty {
    display: none !important;
}

#formTestNivelPrepFisico > div#videoTestNivel {
    background: none repeat scroll 0 0 #f0f0f0;
    padding: 20px;
}

#videoTestNivel > div#capturaVideoTestNivel {
    cursor: pointer;
    float: left;
    width: 435px;
    position: relative;
    text-align: center;
    opacity:1;
}

body:not(.sinSuavizado) #videoTestNivel > div#capturaVideoTestNivel {
    
    transition: all  0.25s ease-out;
}

#videoTestNivel > div#capturaVideoTestNivel:hover{opacity:0.6}

#videoTestNivel > div#capturaVideoTestNivel > p#playVideo {
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 80px;
}
#videoTestNivel > div#capturaVideoTestNivel > p#playVideo > i {
    display: block;
    font-size: 60px;
    margin-top: -20px;
}


#videoTestNivel > div#capturaVideoTestNivel > p:not(#playVideo) {
    color: #222728;
    font-size: 14px;
    font-weight: 100;
    margin-top: 20px;
}

#videoTestNivel > div#capturaVideoTestNivel > span {
    color: var(--colorPrincipal);
    display: block;
    font-size: 14px;
    padding-bottom: 33px;
    text-decoration: underline;
}



#videoTestNivel > div:not(#capturaVideoTestNivel) {
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    width: calc(100% - 435px);
    text-align:center;
}

#videoTestNivel > div:not(#capturaVideoTestNivel) h5 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}

#videoTestNivel > div:not(#capturaVideoTestNivel) p {
    margin-bottom: 0;
    margin-top: 15px;
}

#seccionPersonalTrainer .divAgrupacionPreguntas .tituloAgrupacionPreguntas {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin-top: 30px;
    padding: 20px;
}
#seccionPersonalTrainer .divPregunta[id*="Pregunta"] {
    margin-bottom: 40px;
}
#seccionPersonalTrainer .divPregunta .divCaberaPregunta {
    margin-bottom: 5px;
    /* margin-top: 60px;*/
}

#seccionPersonalTrainer .divAgrupacionPreguntas .descripcionAgrupacionPreguntas {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 50px;
    margin-left: 20px;
}

#seccionPersonalTrainer .divCaberaPregunta span.ordenPregunta {
    float: left;
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    height: 25px;
    padding: 3px 2px;
    text-align: center;
    width: 25px;
}
#seccionPersonalTrainer .divCaberaPregunta span.textoPregunta {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: calc(100% - 40px);
}
#seccionPersonalTrainer .textoObligatoriaPregunta {
    background: none repeat scroll 0 0 #ff0000;
    color: #ffffff;
    font-size: 15px;
    margin-left: 30px;
    padding: 5px;
}


#seccionPersonalTrainer .imagenPreguntaTestNivel > img {
    border-radius: 7px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    box-sizing: inherit;
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
}
#seccionPersonalTrainer .divPregunta > .divPregunta {
    margin-left: 30px;
    margin-top: 20px;
    width: calc(100% - 30px);
}
#seccionPersonalTrainer .divPregunta .span4 {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: calc(100% / 3);
}
#seccionPersonalTrainer .divPregunta .span8 {
    box-sizing: border-box;
    float: right;
    margin: 0;
    width: calc(100% / 1.5 - 40px);
}

#seccionPersonalTrainer .divRespuestaPregunta {
    margin-bottom: 20px;
}
#seccionPersonalTrainer .divRespuestaPregunta span {
    font-size: 15px;
    position: relative;
    top: 5px;
}
.divCentralSeccionesPreparadorFisico {
    box-sizing: border-box !important;
    width: calc(100% - 170px) !important;
}

#seccionPersonalTrainer .divLateralSeccionesPreparadorFisico {
    border-left: 1px solid #f0f0f0;
    box-sizing: border-box;
    height: calc(100% - 40px);
    min-height: 450px;
    padding-left: 15px;
    padding-top: 10px;
    position: absolute;
    right: 0px;
    top: 20px;
    width: 190px;
}

#seccionPersonalTrainer .divLateralSeccionesPreparadorFisico > p {
    font-size: 22px;
    font-weight: 100;
}


.divLateralSeccionesPreparadorFisico > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-left: 4px solid #ffffff;
    color: #333843 !important;
    left: -15px;
    margin-bottom: 5px;
    margin-right: 0;
    margin-top: 0;
    padding: 17px 0 13px 15px;
    position: relative;
    text-align: left;
    width: calc(100% + 10px);
    box-shadow: none !important;
    border-radius: 0px !important;
}

body:not(.sinSuavizado) .divLateralSeccionesPreparadorFisico > button {	transition: all 0.25s ease-out 0s;}

.divLateralSeccionesPreparadorFisico > button.active{
    border-left: 4px solid var(--colorPrincipal);
    color: var(--colorPrincipal) !important;
    opacity: 1 !important;
}

#btnSeccionTablaDiarioPersonalTrainer:not(:last-child) > span {
    position: relative;
    top: -9px;
}

.divLateralSeccionesPreparadorFisico > button > i {
    background: url("../../assets/images/personalTrainer/spriteMenuLateral.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 30px;
    margin-left: -4px;
    margin-right: 6px;
    margin-top: 0;
    position: relative;
    top: -7px;
    width: 30px;	
}

body:not(.sinSuavizado) .divLateralSeccionesPreparadorFisico > button > i {transition: all 0.25s ease-out 0s;}

#btnTestInicialPersonalTrainer > i {
    background-position: 0 -4px;
}

#btnSeccionTestInicialPersonalTrainer > i {
    background-position: 0 -48px;
}

#btnSeccionTeoriaPersonalTrainer > i {
    background-position: 0 -98px;
}

#btnSeccionSimulacrosPersonalTrainer > i {
    background-position: 0 -148px;
}

#btnSeccionTablaDiarioPersonalTrainer > i {
    background-position: 0 -198px;
}
.divLateralSeccionesPreparadorFisico > button:last-child > i {
    background-position: 0 -246px !important;
}


#btnTestInicialPersonalTrainer.active > i {
    background-position: -30px -4px;
}

#btnSeccionTestInicialPersonalTrainer.active > i {
    background-position: -30px -48px;
}

#btnSeccionTeoriaPersonalTrainer.active > i {
    background-position: -30px -98px;
}

#btnSeccionSimulacrosPersonalTrainer.active > i {
    background-position: -30px -148px;
}

#btnSeccionTablaDiarioPersonalTrainer.active > i {
    background-position: -30px -198px;
}
.divLateralSeccionesPreparadorFisico > button.active:last-child > i {
    background-position: -30px -246px !important;
}

.divCentralSeccionesPreparadorFisico > div#divPresentacionPlanEntrenamiento{
    padding-top: 20px;
}
.divCentralSeccionesPreparadorFisico > div#divPresentacionPlanEntrenamiento > p:first-child {
    font-size: 35px;
}

.cabeceraTablaEntrenamiento {
    padding-top: 30px;
    position: relative;
}

.cabeceraTablaEntrenamiento button.btn.btn-primary {
    background: none repeat scroll 0 0 #04eaac !important;

    float: right;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.cabeceraTablaEntrenamiento button.btn.btn-primary#botonVerTablas{
    background:var(--colorPrincipal) !important;
    margin-right: 10px;
}

.cabeceraTablaEntrenamiento button.btn.btn-primary#botonVerTablas i::before {
    font-size: 30px !important;
    line-height: 0;
    margin-right: 10px;
    margin-top: 0 !important;
    position: relative;
    top: 4px;
}

.cabeceraTablaEntrenamiento h6 {
    color: #333843;
    font-size: 35px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 35px;
    margin-bottom: 30px;
    text-transform: none;
}
.cabeceraTablaEntrenamiento p a {
    cursor: default;
    font-size: 15px;
    text-decoration: underline;
}

.cabeceraTablaEntrenamiento b {
    font-weight: 600;
}

.cabeceraTablaEntrenamiento span b {
    margin-right: 5px;
}

.listadoEjerciciosTabla {
    clear: both;
    float: none;
}
.divGrupoEjercicios {
    margin-top: 80px;
}
.divFichaEjercicio {
    background-color: #fff !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /*background-image:none !important;*/
    border-radius: 5px !important;
    box-shadow: 0px 1px 1px 2px rgba(0,0,0,0.1);
    box-sizing: border-box !important;
    float: left;
    height: 330px;
    margin-bottom: 40px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    overflow: hidden;
    position: relative;
    width: calc(50% - 20px) !important;
}



.divFichaEjercicio.fondoFotoGenerica{
    background-image: url('../images/personalTrainer/ejercicioRandom1.png');
}
.divFichaEjercicio:nth-child(2n+1) {
    margin-right: 40px !important;
}
.modoCompacto .divFichaEjercicio:nth-child(2n+1) {
    margin-right: 20px !important;
}

/*MODO COMPACTO*/

.modoCompacto .divFichaEjercicio{
    background:none !important;
    width:250px !important;
    height: auto;
    min-height: 300px;
    margin-right: 20px !important;
}
.modoCompacto .divFichaEjercicio.soloTitulo {
    min-height: 150px;
}
.modoCompacto .divFichaEjercicio > img{display:none !important}

.modoCompacto .listadoEjerciciosTabla > div.divListadoEjerciciosGrupo .divFichaEjercicio.soloTitulo > div {
    bottom: auto;
    margin-top: 40px;
    position: relative;
    top: 0;
}

.modoCompacto .listadoEjerciciosTabla > div.divListadoEjerciciosGrupo .divFichaEjercicio.soloTitulo > div > h5.tituloEjercicioEntrenamiento {
    color: var(--colorPrincipal);
    font-weight: 100;
    text-shadow: none !important;
}

/*FIN MODO COMPACTO*/


.tituloAgrupacionPreguntas {
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 41px;
    text-transform: none;
}



.divFichaEjercicio > div {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    height: 100%;
    margin-left: 10px;
    padding: 20px;
    position: relative;
    width: 250px;
    z-index: 100;
}

/*
.divFichaEjercicio:not(.soloTitulo) > div.elementosEjercicio > h5.tituloEjercicioEntrenamiento{
    color: var(--colorPrincipal);
    font-size: 22px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 20px;
    padding-top: 5px;
}*/


.divFichaEjercicio:not(.soloTitulo) > div.elementosEjercicio > h5.tituloEjercicioEntrenamiento {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    color: var(--colorPrincipal);
    display: block;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -0.4px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 5px;
    text-align: center;
    width: 250px;
}


.divFichaEjercicio > div.elementosEjercicio > p {
    color: #333333;
}


.divFichaEjercicio > div > button {
    margin: 10px 0 0 0 !important;
    padding: 16px !important;
    text-align: center;
    width: 100%;
}


.divFichaEjercicio > div > label.numVariantesEjercicio {
    background: none repeat scroll 0 0 #222728;
    color: #ffffff;
    display: inline;
    float: right;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 5px 10px;
    position: relative;
    top: 10px;
}
.divFichaEjercicio > div > p {
    margin-bottom: 6px;
}

.divFichaEjercicio > div > p b {
    font-weight: 600;
}

.divFichaEjercicio > img.imagenEjercicio[src=""] {
    opacity: 0;
}
.divFichaEjercicio > img.imagenEjercicio {
    max-height: 100%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 90;
}

body:not(.sinSuavizado) .divFichaEjercicio > img.imagenEjercicio {transition: all 0.25s ease-out 0s;}

.divFichaEjercicio > label.numEjercicioEnGrupoEjercicios {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 50%;
    color: var(--colorPrincipal);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 30px;
    z-index: 101;
}



.listadoEjerciciosTabla > div.divListadoEjerciciosGrupo .divFichaEjercicio.soloTitulo > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: auto;
    margin-left: 0;
    padding: 10px;
    position: absolute;
    width: auto;


}

.divFichaEjercicio.soloTitulo > div.elementosEjercicio > h5.tituloEjercicioEntrenamiento{
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-size: 22px;
    /*font-weight: 100;*/
    line-height: 24px;
    /*margin-bottom: 20px;*/
    padding-top: 5px;
}



.divDetalleEjercicioEntrenamiento .tituloDetalleEjercicioEntrenamiento {
    color: var(--colorPrincipal);
    font-size: 20px;
    font-weight: 100;
    line-height: 22px;
    margin-bottom: 37px;
    text-transform: uppercase;
}

#divDetalleEjercicioEntrenamiento p{color: #3b3a3f;}

#divDatosPropiosEjercicioDetalleEntrenamiento > div {
    margin-bottom: 35px;
}

#divDatosPropiosEjercicioDetalleEntrenamiento > div > h5 {
    font-size: 14px;
    font-weight: 600;
    color: #3b3a3f;
}

#divDatosPropiosEjercicioDetalleEntrenamiento > div > div {
    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    color: #3b3a3f;
}

.divDetalleEjercicioEntrenamiento > div {
    box-sizing: border-box;
    float: left !important;
    margin: 0 !important;
    width: calc(50% - 20px) !important;
}
div.divDetalleEjercicioEntrenamiento > div#divDatosDetalleEjercicio {
    margin-right: 40px !important;
}

.divDetalleEjercicioEntrenamiento h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.divVariantesDetalleEntrenamiento {
    margin-top: 30px;
}
.divVariantesDetalleEntrenamiento > a {
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-decoration: underline;
}

#divDatosPropiosEjercicioDetalleEntrenamiento > div > h5#tituloturutina {
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 10px;
}
.propiedadEjercicioEntrenamiento {
    font-size: 15px !important;
    font-weight: 100;
    margin-bottom: 10px;
}

.propiedadEjercicioEntrenamiento > b {
    font-weight: 600;
}

.divVideoDetalleEntrenamiento iframe {
    max-width: 100% !important;
}


#tituloPlanEntrenamiento {
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 40px;
    margin-top: 0;
}
.divTablaEjercicioSeleccion {
    border-bottom: 1px dashed #e0e0e0;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100% !important;
    height: auto !important;
    position: relative;
}
.divTablaEjercicioSeleccion > div > h4 {
    font-size: 20px;
    font-weight: 100;
    line-height: 22px;
    margin-bottom: 10px;
}

.divTablaEjercicioSeleccion > span {
    background: none repeat scroll 0 0 #222728;
    color: #ffffff;
    float: right;
    left: 0;
    margin-right: 0;
    padding: 5px;
    position: relative;
    text-transform: uppercase;
}
.divTablaEjercicioSeleccion.tablaActual > span {
    background: none repeat scroll 0 0 #04EAAC;
}
.divTablaEjercicioSeleccion > .contenidoTabla {
    float: left;
    width: calc(100% - 200px) !important;
}

.divTablaEjercicioSeleccion > button {
    margin: 30px 0 0;
    width: 200px !important;
}
.divTablaEjercicioSeleccion > button.tablaActual {
    background: none repeat scroll 0 0 #04EAAC !important;
}
.contenidoTabla .observacionesTabla {
    box-sizing: border-box;
    font-size: 14px !important;
    font-weight: 100 !important;
    padding-right: 20px;
}

.contenidoTabla .datosTabla {
    margin-top: 20px;
}

.contenidoTabla .datosTabla label {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 5px;
    margin-top: 5px;
}

.contenidoTabla .datosTabla label:before {
    content: "·";
}
.divTablaEjercicioSeleccion:last-child {
    border: medium none;
}


#divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento {
    font-size: 25px;
    font-weight: 100;
    padding-bottom: 30px;
    padding-top: 60px;
    text-align: center;
}


#titularResultados > span {
    background: none repeat scroll 0 0 #ea0450;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    padding: 5px;
}
#divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento > span {
    color: var(--colorPrincipal);
}

.modalEntrenamiento .btn.btn-primary.botonGrande {
    width: 220px;
}
#divObservacionesPersonalTrainer{
    margin-top: 80px;
    position: relative;
    margin-bottom: 40px;
}

#divObservacionesPersonalTrainer > h3{
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 41px;
    text-transform: none;
}


.preparadorFisicoFichaFoto .contenedorImagenRedonda {
    border-radius: 50%;
    height: 150px;
    overflow: hidden;
    width: 150px;
}

.preparadorFisicoFichaFoto .contenedorImagenRedonda > img {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
}
#divObservacionesPersonalTrainer .preparadorFisicoFichaFoto {
    float: left;
    width: 150px;
}


#divObservacionesPersonalTrainer > p {
    background: none repeat scroll 0 0 #f0f0f0;
    box-sizing: border-box;
    float: left;
    margin: 0 0 0 20px !important;
    padding: 30px;
    position: relative;
    width: calc(100% - 170px);
    min-height:150px;
}
#divObservacionesPersonalTrainer > p:after {
    border-color: rgba(0, 0, 0, 0) #f0f0f0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 17.5px 11px 17.5px 0;
    content: "";
    height: 0;
    left: -11px;
    position: absolute;
    top: 50px;
    width: 0;
}
.preparadorFisicoFichaFoto > span {
    display: block;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 60px;
    margin-top: 15px;
    text-align: center;
}

.divTemarioTeoriaGeneralPersonalTrainer > div > h2 {
    font-size: 25px !important;
    font-weight: 100 !important;
    margin-top: 25px !important;
}


.fichaSimulacro > div > h3.tituloSimulacro {
    display: block;
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.fichaSimulacro > div > div.descripcionSimulacro {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 50px;
}


.fichaSimulacro > div > div.descripcionSimulacro ul {
    list-style: outside none square;
    padding-left: 5px;
    text-indent: 3px;
}


.fichaSimulacro > div > div.descripcionSimulacro ul li {
    margin-bottom: 5px;
}

form#formResultadosSimulacro > div:first-child {
    background: none repeat scroll 0 0 #ececec;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px 0;
    position: relative;
    z-index: 160;
}
#formResultadosSimulacro > div:first-child > div.span3 {
    float: left;
    margin: 0;
    width: calc(25%);
    padding: 0 20px;
    position: relative;
}
#formResultadosSimulacro > div:first-child > div.span3:not(:last-child){
    border-right: 1px solid #cccccc;
}

#divCentralSeccionesPreparadorFisicoSimulacros{
    opacity:1 !important;	
}

body:not(.sinSuavizado) #divCentralSeccionesPreparadorFisicoSimulacros{transition:all 0.5s ease-out 1s ;}

#formResultadosSimulacro > div:first-child > div.span3 > label {
    color: #3b3a3f;
    font-size: 14px;
    font-weight: 100;
    opacity: 0.6;
    text-align: center;
    text-transform: uppercase;
}
#formResultadosSimulacro input.campoSimulacro {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    border: medium none;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--colorPrincipal);
    font-size: 60px;
    font-weight: 100;
    height: 100px;
    text-align: center;
    width: 100% !important;
    line-height: 60px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

@-moz-document url-prefix() {
    #formResultadosSimulacro input.campoSimulacro {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
        border: medium none;
        box-shadow: none;
        box-sizing: border-box;
        color: var(--colorPrincipal);
        font-size: 60px;
        font-weight: 100;
        height: 60px;
        line-height: 60px;
        text-align: center;
        width: 100% !important;
    }
}



#formResultadosSimulacro input.campoSimulacro.validado {
    color: #999999 !important;
    cursor: default !important;
}



#titularResultados {
    background: #222728 none repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 17px;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 15px;
    cursor: default;
}

#resultadoSimulacro{
    margin-top: 140px;
}

#resultadoSimulacro > button {
    display: block;
    font-size: 30px;
    font-weight: 100 !important;
    margin: 0 auto !important;
    max-width: none;
    padding: 40px;
}

/* do not group these rules */
.campoSimulacro::-webkit-input-placeholder {
    opacity:0.4;color:#fff;
}
.campoSimulacro:-moz-placeholder {
    /* FF 4-18 */
    opacity:0.4;color:#fff;
}
.campoSimulacro::-moz-placeholder {
    /* FF 19+ */
    opacity:0.4;color:#fff;
}
.campoSimulacro:-ms-input-placeholder {
    /* IE 10+ */
    opacity:0.4;color:#fff;
}

.listadoPruebasSimulacro {
    position: relative;
}

#formResultadosSimulacro > div:first-child > div.span3 > span {
    bottom: -80px !important;
    box-sizing: border-box;
    color: #f5479b;
    display: block;
    font-size: 20px;
    font-weight: 100;
    left: 0;
    letter-spacing: -0.2px;
    line-height: 20px;
    margin: 0 !important;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#verTablaResultados {
    cursor: pointer;
    display: none;
    float: right;
    font-size: 15px;
    font-weight: 100;
    margin-top: 15px;
    position: relative;
    text-decoration: none;
    z-index: 1500;
}
#verTablaResultados i {
    font-size: 27px;
    line-height: 27px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.listadoPruebasSimulacro > form {
    position: relative;
}
#verTablaResultados > span {
    border-bottom: 1px solid var(--colorPrincipal);
}

#tablaResultadosSimulacro {
    background: none repeat scroll 0 0 #3b3a3f;
    box-sizing: border-box;
    color: #ffffff;
    display: none;
    font-size: 14px;
    line-height: 22px;
    padding: 130px 00px 20px;
    position: absolute;
    top: 120px;
    width: 100%;
    z-index: 150;
}
#tablaResultadosSimulacro .columnaResultado {
    box-sizing: border-box;
    float: left;
    padding: 0 12px;
    text-align: center;
}
#tablaResultadosSimulacro .columnaResultado:not(:last-child) {
    border-right: 1px solid #626165;
}

#tablaResultadosSimulacro .columnaResultado .filaResultado {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 3px;
    padding: 10px 0;
}

#tablaResultadosSimulacro .columnaResultado .filaResultado.valorAcertado {
    background: none repeat scroll 0 0 #ffffff;
    color: var(--colorPrincipal);
    font-weight: 600;
}

.detalleResultadoSuperior {
    display: block;
    margin-top: -100px;
    position: relative;
}

#detalleResultadoSimulacro > div {
    box-sizing: border-box;
    clear: both;
    width: 100%;
}
.detalleResultadoSuperior > img {
    float: left;
}



.detalleResultadoSuperior > h5 {
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 37px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 37px;
    margin-bottom: 10px;
    margin-top: 190px;
    text-align: left;
    width: calc(100% - 440px);
}
.detalleResultadoSuperior > p {
    box-sizing: border-box;
    float: left;
    font-size: 20px !important;
    font-weight: 100 !important;
    width: calc(100% - 440px);
    text-transform: uppercase;
    text-align: left;
}

.detalleResultadoSuperior > p > span#notaMediaTotal {
    color: var(--colorPrincipal);
}
.detalleResultadoInferior{text-align:center}

.detalleResultadoInferior > h5 {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 20px;
}

.detalleResultadoInferior > p#observacionesNota {
    font-size: 15px !important;
    line-height: 22px !important;
    text-align: center;
}

.detalleResultadoInferior > h6 {
    color: #222728;
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 60px;
    margin-right: 40px;
    margin-top: 40px !important;
    text-align: center;
}

.detalleResultadoInferior > h6#notaMediaCompaneros {
    margin-right: 0;
}

.detalleResultadoInferior > h6 > span {
    color: var(--colorPrincipal);
}


.detalleResultadoInferior > a#volverIntentarSimulacro {
    clear: both !important;
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
}


.divSimulacrosDisponiblesGeneralPersonalTrainer {
    padding-top: 20px;
}
.divSimulacrosDisponiblesGeneralPersonalTrainer > div {
    border-bottom: 1px dashed #cccccc;
    float: none;
    margin: 0 0 35px !important;
    padding-bottom: 35px;
    width: 100% !important;
}
.divSimulacrosDisponiblesGeneralPersonalTrainer > div:last-child {
    border-bottom: none;
}

.divSimulacrosDisponiblesGeneralPersonalTrainer .textoSimulacroDisponibles {
    float: left;
    width: calc(100% - 200px);
}
.divSimulacrosDisponiblesGeneralPersonalTrainer button {
    margin: 10px 0 0 !important;
    width: 200px !important;
}
.divSimulacrosDisponiblesGeneralPersonalTrainer h4 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 32px;
}

.divSimulacrosDisponiblesGeneralPersonalTrainer p.descripcionSimulacroDisponibles {
    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    margin-top: 10px;
}

#divCentralSeccionesPreparadorFisicoSimulacros > h6 {
    color: #222728;
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 30px;
}

#divCentralSeccionesPreparadorFisicoSimulacros > p {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 50px !important;
}

.parrafoMostratTablaCompacta > span {
    left: 22px;
    position: relative;
    top: 4px;
}
.parrafoMostratTablaCompacta {
    float: none;
    margin-bottom: 40px;
    margin-top: 50px;
    padding-bottom: 0;
    width: 240px;
}

#botonImprimirPDF{
    display:none !important
}

.cabeceraTablaEntrenamiento div #botonImprimirPDF {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #ffffff;
    float: right;
    margin-top: 0px;
    display:block !important;
    margin-right: 10px;
}



#botonImprimirPDF i::before {
    font-size: 30px !important;
    line-height: 0;
    margin-right: 10px;
    margin-top: 0 !important;
    position: relative;
    top: 4px;
}

.modalCuadrada > iframe#videoClaseDirectoPersonalTrainer {
    height: 100%;
    position: static;
    width: 100%;
}

#listadoClasesPersonalTrainer .iframe-video {
    cursor: pointer;
    position: relative;
}

#listadoClasesPersonalTrainer .iframe-video:hover {
    opacity: 0.6;
}

#listadoClasesPersonalTrainer .iframe-video > img {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}
#listadoClasesPersonalTrainer .iframe-video:hover::before {
    bottom: 0;
    color: #ffffff;
    content: "\f215";
    display: block;
    font-family: ionicons !important;
    height: 40px;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    font-size: 40px;
    line-height: 40px;
}
.modalCuadrada > p {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 40px !important;
    height: 40px;
    line-height: 10px !important;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.modalCuadrada > p:hover {
    background: none repeat scroll 0 0 #ffffff;
    color: var(--colorPrincipal) !important;
}
#formTestNivelPrepFisico .divPregunta textarea {
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #222728;
    font-size: 14px;
    font-weight: 100;
    padding: 20px;
    width: 100%;
}
#personalTrainerSinTestNivel{ margin-top:50px}
#personalTrainerSinTestNivel > h5 {
    font-size: 25px;
    line-height: 40px;
    text-align: center;
}
#personalTrainerSinTestNivel > i {
    color: var(--colorPrincipal);
    display: block;
    font-size: 90px;
    margin: 0 auto;
    text-align: center;
}

#personalTrainerSinTestNivel > p {
    text-align: center;
}
#personalTrainerSinTestNivel > p > b {
    color: var(--colorPrincipal);
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin-top: 7px;
    text-decoration: underline;
}




#divCentralSeccionesPreparadorFisicoSimulacros.skin2 #divVideoBienvenidaPersonalTrainer {
    background: #ffffff none repeat scroll 0 0;
    /*border-bottom: 4px double #f0f0f0;
    border-top: 4px double #f0f0f0;*/
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin-bottom: 40px;
    margin-right: 0;
    opacity: 1;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

#seccionPersonalTrainer #divCentralSeccionesPreparadorFisicoSimulacros.skin2 #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    /*cursor: pointer;*/
    float: left;
    margin-bottom: 0;
    opacity: 1;
    padding: 20px 20px 37px;
    text-align: center;
    width: 100%;
}

/*
#divCentralSeccionesPreparadorFisicoSimulacros.skin2 .personalTrainerPortadaSeccion {
    border-top: 4px double #f0f0f0;
    display: block;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
        position: relative;
}
*/


#divCentralSeccionesPreparadorFisicoSimulacros.skin2 .personalTrainerPortadaSeccion {
    border-top: 4px double #dddddd;
    clear: both;
    display: block;
    margin-bottom: 50px !important;
    margin-top: 50px !important;
    position: relative;
}



#divCentralSeccionesPreparadorFisicoSimulacros.skin2 .personalTrainerPortadaSeccion > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0px;
}

/*
@-moz-document url-prefix() {
        #divCentralSeccionesPreparadorFisicoSimulacros.skin2 .personalTrainerPortadaSeccion > img {
                top: -50px;
        }
}
*/
#divCentralSeccionesPreparadorFisicoSimulacros.skin2 #divListadoClasesDirectoPersonalTrainer {
    background: #ffffff none repeat scroll 0 0;
}

#divCentralSeccionesPreparadorFisicoSimulacros.skin2 #divListadoClasesDirectoPersonalTrainer.sinContenido {
    text-align: center;
    font-size: 21px;
    font-weight: 100;

}

#seccionPersonalTrainer #divCentralSeccionesPreparadorFisicoSimulacros.skin2 #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > img {
    width: 49%;
    margin-right:0px;
    margin-left:1%;
    float:left;
}
#seccionPersonalTrainer #divCentralSeccionesPreparadorFisicoSimulacros.skin2 #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > img:first-child{
    margin-right:1%;
    margin-left:0px;
}




/*FIN DE PERSONAL TRAINER*/


/* SECCION CONVOCATORIAS*/
#seccionConvocatorias {
    padding: 40px;
    margin: 0 0 0 210px !important;
    width: calc(100% - 210px) !important;
}

.contenedorPlanificacion > div#seccionConvocatorias > h4 {
    color: #333333;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 24px;
}
#seccionConvocatorias .listadoOposiciones {
    margin-top: 20px;
    display: table;
    width: 100%;
    margin-bottom: 80px;
}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p{
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    margin: 0;
    list-style-type: square;
    display: table-row;
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin-left: 20px;
    position: relative;

}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p:last-child{
    border-bottom: none;
}
.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p::after {
    display: block;
    content: " ";
    background: #eeeeee;
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: 150;
    left: 0;
    bottom: 0;
}
.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p.noVisible{
    display: none;
}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p.cabecerasTabla {
    padding: 0px !important;
    height: 0px !important;
    overflow: hidden;
    border-bottom: none !important;
}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p.cabecerasTabla.noVisible {
    display: table-row !important;
}


.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p.cabecerasTabla:after{
    display: none;
}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p.cabecerasTabla span {
    padding: 0;
}

.tabla.tablaPsicotecnicos .listadoOposicionesItem span i.ocultoPC{display: none;}

#seccionConvocatorias p span {
    /*margin-right: 10px;*/
    cursor: pointer;
    position: relative;
}
.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span{
    display: table-cell;
    padding: 15px 0;
}

#listadoOposiciones-Ofertas .listadoOposicionesItem.validas span[data-text="Tipo"],
listadoOposiciones-Bases .listadoOposicionesItem.validas span[data-text="Tipo"]{
    display: none;
}

.botoneraContenedorConvocatoriasEstudios .titulo{
    margin-bottom: 10px !important;
    margin-top: 0;
    display: inline-block;
    cursor: pointer;
    color: #222728;
    transition: 0.25s all ease-out;
    margin-left: 10px;
    font-size: 24px
}
.botoneraContenedorConvocatoriasEstudios .titulo:hover{
    color: var(--colorPrincipal);
}

.botoneraContenedorConvocatoriasEstudios .titulo u {
    background: #f56600;
    border-radius: 50%;
    width: 30px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
    height: 30px;
    position: relative;
    top: -2px;
    font-weight: 600;
    letter-spacing: -1px;
}

#seccionConvocatorias p > span:nth-child(1) {
    width: calc(100% - 620px);
    padding-left: 10px !important;
}


#seccionConvocatorias p > span:nth-child(2) {
    margin-left: 20px;
    width: 200px;
    text-align: center;
}
#seccionConvocatorias p > span:nth-child(3) {
    display: inline-block;
    margin-left: 20px;
    width: 70px;
    text-align: center;
}
#seccionConvocatorias p > span:nth-child(4) {
    width: 110px;
    text-align: center;
}
#seccionConvocatorias p > span:nth-child(5) {
    width: 300px;
    padding-left: 20px;
}
#seccionConvocatorias p > span:nth-child(6),
#seccionConvocatorias p > span[data-text="referencias"]{
    width: 105px;
    text-align: center;
}

#seccionConvocatorias p:hover{
    background: rgba(0,0,0,0.03);
}
#seccionConvocatorias p:first-child > span::after {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    content: attr(data-text);
    display: block;
    margin-bottom: 20px;
    position: absolute;
    top: -40px;
    cursor: default;
    background: #222728;
    box-sizing: border-box;
    padding: 2px 10px;
    width: 100%;
}

#seccionConvocatorias p:first-child > span:nth-child(2)::after,
#seccionConvocatorias p:first-child > span:nth-child(3)::after,
#seccionConvocatorias p:first-child > span:nth-child(4)::after{
    text-align: center;
    left: 0;
    right: 0;
}
#seccionConvocatorias p div.contenidoDetalleOposicion{
    padding: 20px;
    border: solid 1px #fcfcfc;
    padding-right: 0;
    box-sizing: border-box;
}
#seccionConvocatorias p div.contenidoDetalleOposicion div span {
    font-weight: 700;
    color: #222728;
}



.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span i.iconoReferencia {
    width: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Open Sans Condensed' !important;
    font-weight: 600;
    line-height: 20px;
    font-size: 11px;
    letter-spacing: 0.2px;
}

.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span i.iconoReferencia.iconoEx{
    background: #ea0450;
}
.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span i.iconoReferencia.iconoLp{
    background: #c4b009;
}
.contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span i.iconoReferencia.iconoLd{
    background: #9c04ea;
}


#detalleOposicion p {
    font-weight: 100;
    margin-bottom: 10px !important;
    display: inline-block;
    width: 49%;
    margin: 0;
}
#detalleOposicion p span {
    font-weight: 600;
}

#detalleOposicion .enlacesBotones {
    margin-top: 40px;
}
#detalleOposicion p.enlaceBoton {
    width: auto;
}
#detalleOposicion p.enlaceBoton a{
    margin-top: 0px;
}

#detalleOposicion a {
    border-radius: 5px !important;
    font-size: 14px;
    padding: 10px 15px;
    margin-left: 0 !important;
}


.botoneraContenedorConvocatoriasEstudios {
    padding-top: 40px;
}


#seccionConvocatorias  #filtradorSeccionConvocatoriasContainer {
    margin-top: 50px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 350px;
    margin: 0 0 30px auto;
}
#seccionConvocatorias #filtradorSeccionConvocatoriasContainer > label {
    display: block;
    height: 100%;
    margin: 0 !important;
    position: relative !important;
    right: 0;
    top: 0;
    width: 100% !important;
}

#seccionConvocatorias #filtradorSeccionConvocatoriasContainer > label > input {
    background: none;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 100;
    height: auto;
    margin: 0 !important;
    padding: 15px 40px 15px 20px;
    position: relative;
    width: 100%;
    border-radius: 25px !important;
    transition: all 0.25s ease-out;
    border: solid 1px #666;
}

#seccionConvocatorias #filtradorSeccionConvocatoriasContainer > label > button {
    background: none !important;
    border: medium none !important;
    color: #333333 !important;
    font-size: 21px;
    height: auto;
    left: auto;
    margin: 0 !important;
    padding: 8px 10px 6px;
    position: absolute;
    right: 10px !important;
    top: 5px !important;
    width: auto;
    border-radius: 50% !important;
    box-sizing: border-box;
    box-shadow: none !important;
}


.botoneraContenedorConvocatoriasEstudios .subtituloConvocatorias{
    margin-bottom: 80px;
    margin-top: 0px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #222728;
}


.botoneraContenedorConvocatoriasEstudios > div > p {
    margin-bottom: 50px;
    font-size: 20px !important;
    color: #222728 !important;
    margin-left: 10px;
    background: #f7f7f7 !important;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    line-height: 27px !important;
}

.botoneraContenedorConvocatoriasEstudios > div > p > b {
    font-weight: 600;
}


/*FIN SECCION CONVOCATORIAS*/


iframe.iframe-video.videoFront {
    box-sizing: border-box !important;
    max-height: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: absolute;
}




.practicas{
    padding: 0 !important;
}

.practicas >  h1{
    padding:40px 40px 0 !important;
}
.practicas > div {
    margin: 20px 0 0 !important;
    padding:0px; 
    box-sizing: border-box;
    position:relative;
}




.practicas > div > div#textoPracticas {
    background: #fff;
    box-sizing: border-box;
    float: left;
    padding: 0 40px 20px;
    width: calc(100% - 600px);
    min-height: 620px;
}
.practicas.uax > div > div#textoPracticas {
    width: 100%;
}

.practicas > div > div#textoPracticas p {
    font-weight: 100;
}

.practicas > div > div#textoPracticas p b {
    font-weight: 600;
}

.practicas > div > div#textoPracticas p:last-child {
    text-align: center;
}

.practicas > div > div#textoPracticas li {
    font-weight: 100;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
    list-style: square;
}
.practicas > div > div#textoPracticas li b{
    font-weight: 600;
}

.practicas > div > div#complementoPracticas {
    background: none repeat scroll 0 0 #f7f7f7;
    box-sizing: border-box;
    float: left;
    height: calc(100% + 96px);
    padding: 96px 40px 0;
    position: absolute;
    right: 0;
    top: -96px;
    width: 600px;
}

.practicas > div > div#complementoPracticas p {
    font-weight: 100;
    text-align: justify;
    margin-bottom: 30px !important;
}

.practicas > div > div#complementoPracticas iframe {
    height: 414px;
    width: 520px;
}



.practicas #contenidoBolsaEmpleoIagora.bolsaEmpleoNoDisponible #botonAccesoIagora{
    opacity: 0.4 !important;
}
.practicas #contenidoBolsaEmpleoIagora #logarIagora span{
    display: inline-block;
    margin-top: 30px;
    text-align: left;
}
.practicas #contenidoBolsaEmpleoIagora.bolsaEmpleoNoDisponible #logarIagora span{
    display: none !important;
}

.practicas #contenidoBolsaEmpleoIagora #logarIagora{
    text-align: center;
}

#textoPracticas #contenidoBolsaEmpleoIagora a:not(#mostrarModalIagora) {
    background: var(--colorPrincipal);
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
#textoPracticas #contenidoBolsaEmpleoIagora a:hover{
    opacity: 0.6;
}

#textoPracticas #contenidoBolsaEmpleoIagora #RegistrarIagora .icheckbox_square-blue{
    z-index: 150;
    position: absolute !important;
}
#textoPracticas #contenidoBolsaEmpleoIagora #RegistrarIagora span {
    font-size: 14px;
    padding-left: 30px;
    display: inline-block;
    position: relative;
    top: 5px;
    font-weight: 100;
    line-height: 26px;
}

#textoPracticas #contenidoBolsaEmpleoIagora a#mostrarModalIagora{
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}



/*------WEBINARS------*/
.tituloWebinars{
    font-family: 'roboto' !important;
    font-weight:100;
    color:#fff;
    font-size:49px;
    text-transform:uppercase;
    text-align:center;
    margin-bottom: 65px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.seccionWebinars {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    padding: 0 !important;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar{
    width:200px;
    background-color:#fff;
    position:fixed;
    top: 191px;	
}
body:not(.sinSuavizado) .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar{
    
    transition: all  0.25s ease-in;
}

.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar.top{
    top: 20px;
    border: 0 none !important;
    padding: 0;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:220px;
    width:calc(100% - 200px - 20px);

}
#divCentralWebinar > div.row-fluid {
    margin-bottom: 20px;
    position: relative;
}

#divCentralWebinar #textobuscar {
    border: medium none;
    border-radius: 0;
    box-shadow: none !important;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 100;
    height: 70px;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 0;
    padding: 0 10px;
    width: calc(100% - 5px);
}

#divCentralWebinar #textoBuscarBtn {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1500;
    opacity:1; 
}

body:not(.sinSuavizado) #divCentralWebinar #textoBuscarBtn {
    
    transition: all 0.30s ease-in-out 0s;
}

#divCentralWebinar #textoBuscarBtn:hover,
#divCentralWebinar #textoBuscarBtn:active{
    opacity:0.4;
}

#divCentralWebinar .pagination{
    border: medium none !important;
    border-radius: 0 !important;
    display: block;
    float: none;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
    top: 30px;
    width: 420px;
}
#divCentralWebinar .pagination a {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: medium none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'open sans' !important;
    font-size: 32px;
    font-weight: 100 !important;
    height: auto !important;
    margin-right: 0;
    opacity: 1;
    overflow: visible !important;
    padding: 7px 22px 15px;
    width: auto !important;
}
#divCentralWebinar .pagination input{
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    border-radius: 0 !important;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    height: auto !important;
    letter-spacing: -1px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 18px 0 20px;
    text-transform: uppercase;
    width: auto !important;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
    float: left;
    margin: 0 5px 30px 0px;
    background:#fff;
}


body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
    width: calc(100% / 4 - 5px);
}
body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(4n+1){
    clear: both;
}
body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
    width: calc(100% / 3 - 5px);
}
body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(3n+1) {
    clear: both;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar{position:relative; width: 100.04% !important;}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .divMarcarComoVisto {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .divMarcarComoVisto:after {
    bottom: 0;
    color: #fff;
    content: "";
    display: inline !important;
    font-family: "Ionicons" !important;
    font-size: 0;
    height: 80px;
    left: 0;
    line-height: 6;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    top: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
}


body:not(.sinSuavizado) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .divMarcarComoVisto:after {
    
    transition: all  0.25s ease-out;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .divMarcarComoVisto:hover:after{
    font-size: 80px;
    line-height: 1;
    opacity: 1;
}




.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .marcarVideo{
    height: 40px;
    left: -1px;
    position: absolute;
    top: -11px;
    width: 35px;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .marcarVideo img {
    display: block;
    margin: 11px auto 0;
    position: relative;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .marcarVideo img.webinarVisto {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    padding: 10px 5px;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .marcarVideo img.webinarPendiente{margin: 14px 0 0 5px;}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar iframe {
    height: auto !important;
    min-height: 244px;
    width: 100%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar{
    background:url("../images/flex/trianguloBackground.png") no-repeat scroll right top #fff;
    padding: 30px 20px 50px;
    margin-top: -4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar{

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar{
    width:calc(100% - 110px);
    float:left;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar h4{
    font-weight:700;
    color:#282828;
    font-size:16px;
    line-height:22px;
    letter-spacing:-0.2px;
    text-transform:uppercase;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar p{
    color: var(--colorPrincipal);
    display: block;
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: -8px;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar span {
    color: #7E7979;
    display: block;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0px;
    margin-top: 4px;
}


#contenedorWebinars .iframe-video {
    cursor: pointer;
    text-align:center;
    position: relative;
    background: none repeat scroll 0 0 #000;
}

#contenedorWebinars .contenidoVideo .iframe-video > img {
    display: block;
    margin: 0 auto;
    max-height: 244px;
    width: auto;
}
#contenedorWebinars .contenidoVideo .iframe-video:after {
    bottom: 0;
    color: #fff;
    content: "";
    display: inline !important;
    font-family: "Ionicons" !important;
    font-size: 0;
    height: 80px;
    left: 0;
    line-height: 6;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    top: 0;
    width: 100%;
    text-align: center;
    opacity: 0;	
}

body:not(.sinSuavizado) #contenedorWebinars .contenidoVideo .iframe-video:after {transition: all 0.25s ease-out 0s;}

body:not(.sinSuavizado) #contenedorWebinars .contenidoVideo .iframe-video:after {
    
    transition: all  0.25s ease-out;
}

html.mobile #contenedorWebinars .contenidoVideo .iframe-video:after,
#contenedorWebinars .contenidoVideo .iframe-video:hover:after{
    font-size: 80px;
    line-height: 1;
    opacity: 1;
}


.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar{
    width:90px;
    float:left;
    margin-left:20px;
    text-align:right;
    margin-top: 12px;
}



.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar .visionadosWebinar {
    float: right;
    width: 150px;
    margin-top: -13px;
    text-align: right;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar  .visionadosWebinar span{
    color: #A5A5A5;
    font-size: 8px;
    font-weight: 400;
    margin-top: -10px;
    position: relative;
    right: 5px;
    text-align: right;
    text-transform: uppercase;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar  .visionadosWebinar p {
    color: #000000 !important;
    display: inline !important;
    font-size: 18px;
    font-weight: 600;
    margin: -4px 0 2px !important;
    text-align: right;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar  .barraEstadisticas {
    background: none repeat scroll 0 0 #cc181e;
    clear: both;
    float: right;
    height: 2px;
    width: 100%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar  .barraEstadisticas p {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    display: block;
    height: 2px;
    margin: 0 !important;
    width: 0%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar  .numeroMeGusta {
    clear: both;
    float: right;
    text-align: right;
    width: 100%;
    margin-top: 4px;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar .personasGusta {
    color: #000000 !important;
    float: left;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0;
    width: 50%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar .personasGusta:last-child {
    margin-right: 0px;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar .numeroMeGusta img{
    height: 12px !important;
    width: 12px !important;
    margin-right:7px;
}

.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .descripcionWebinar{
    color: #7E7979;
    display: block;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0px;
    margin-top: 0;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar{background:#292e31}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar > div{
    float: left;
    width: 50%;
}

.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar{margin:0px}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar *{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar #divFiltrosVisualizacion > div {
    width: 100%;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros {
    padding-bottom: 1px;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .cabeceraFiltro{
    background:var(--colorPrincipal);
    color:#fff;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:-0.2px;
    padding:10px 20px;
    cursor:pointer;
    position:relative
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros#filtrosVisualizacion {
    display: none;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros#filtrosMateria .cabeceraFiltro{padding:10px 20px 9px}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .cabeceraFiltro img {
    background: none repeat scroll 0 0 #333743;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 0;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro{padding:0}

.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro label{
    cursor: pointer;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}


.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro label img {
    float: left;
    position: relative;
    right: -10px;
    top: 8px;
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro label:first-child{
    padding-top: 10px;	
}
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro label:last-child{
    padding-bottom:20px
}


.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .contenidoFiltro label span {
    box-sizing: border-box;
    color: #282828;
    display: block !important;
    float: left;
    font-size: 14px;
    font-weight: 100;
    line-height: 17px;
    margin-left: 12px;
    margin-top: 8px;
    position: relative;
    text-transform: none;
    top: -2px;
    width: calc(100% - 49px);

}

.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .icheckbox_square-blue,
.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .iradio_square-blue{
    margin: 5px 0 0 !important;
}


.seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar #divFiltrosQueVer > div {
    padding-top: 20px;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar{
    background: #333743;
    padding: 20px;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    width: 100%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar button:active,
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar button:hover {
    opacity: 0.4;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar img {
    left: -3px;
    position: relative;
    top: -4px;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar > div {
    float: left;
    width: 50%;
}
.seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar div p {
    color: #FFFFFF !important;
    display: inline;
    opacity: 1 !important;
    text-transform:uppercase;
    font-size:20px;
    font-weight:100;
    letter-spacing:-0.2px;
    margin-left: 10px;
}






/*------FIN DE WEBINARS------*/






/* -----ENTRENATE----- */
#seccionEntrenate .tab-content{min-height:20px}

#seccionEntrenate .nav-tabs > li {
    padding: 10px 20px !important;
}
#seccionEntrenate .nav-tabs > li a {
    display: block !important;
    padding: 18px 14px 5px !important;
    margin: 0 !important;
}
/*
#seccionEntrenate .nav-tabs > li.active > a {
        padding-top: 16px !important;
}*/

#seccionEntrenate h2.titulo {
    box-sizing: border-box;
    color: #222728;
    display: block;
    font-family: "Roboto","open sans",sans-serif !important;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 40px 20px 20px 30px;
    text-align: left;
    text-transform: uppercase;
    width: calc(100% - 40px);
}

#seccionEntrenate #nuevoTestEntrenate{padding: 30px; color: #333;}
form#formNuevoTest{padding: 0px;}

form#formNuevoTest > p {
    line-height: 21px;
    margin-bottom: 30px;
    text-align: justify;
}

form#formNuevoTest h3{
    font-size: 12px;
    font-weight: 400;
}




form#formNuevoTest .alert-info {
   background-color: rgb(217, 237, 247);
    border: medium none;
    color: var(--colorPrincipal);
    cursor: default;
    font-weight: 100;
    margin-bottom: 40px;
    margin-top: 0;
    padding: 8px;
    text-align: center;
    text-shadow: none;
	border-radius: 35px;
}
#seccionEntrenate > .tabbable {
    background: #ffffff none repeat scroll 0 0 !important;
}


#seleccionItems::before {
    font-size: 35px;
    margin-left: -25px;
    position: absolute;
    top: 3px;
    color:#fff;
}
#seleccionItems {
    background: #ffffff none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin: 0 0 40px auto;
    padding: 10px 20px;
    position: relative;
    text-align: right;
    color:#fff;
}
#seleccionItems:not(.allSelected){
    width: 210px;
    background:#ea0450
}
#seleccionItems.allSelected{
    width: 270px;
    background:#04eaac
}
/*
#seleccionItems.allSelected::before {
    color:#04eaac !important;
}
*/

form#formNuevoTest .alert-info h3 {
    cursor: default;
    font-size: 15px;
    font-weight: 100;
    margin-left: 0 !important;
}

form#formNuevoTest .alert-info h3::before {
    font-size: 25px;
    margin-bottom: 6px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
form#formNuevoTest > div.tituloAsignaturasEntrenate{
    background: rgba(234,239,242,0.25);
    padding: 1em;
    line-height: 19px!important;
    font-size: 12px!important;
    border: 0;
    border-left: 6px solid var(--colorPrincipal);
    color:rgb(77, 78, 83) !important;
    width: calc(100% - 2em);
    opacity:1;

}


body:not(.sinSuavizado) form#formNuevoTest > div.tituloAsignaturasEntrenate{
    
    transition: all 0.45s ease-in;
}
form#formNuevoTest > div.tituloAsignaturasEntrenate:hover{
    opacity:0.5;
}
form#formNuevoTest > div[id*="divTemas"] {
    background: none repeat scroll 0 0 #F6F6F6;
    font-size: 14px;
    padding: 20px;
    position: relative;
    top: -20px;
    width: calc(100% - 36px);
}
form#formNuevoTest > div[id*="divTemas"] .tema{padding: 6px 0 !important;}
form#formNuevoTest > div[id*="divTemas"] .tema input{margin-right: 10px;}


form#formNuevoTest > div[id*="divTemas"] .tema > span {
    color: #333;
    display: block;
    float: left;
    line-height: 19px !important;
    margin-left: 30px;
    margin-top: 6px;
    position: relative;
    width: calc(100% - 42px) !important;
}
form#formNuevoTest > div[id*="divTemas"] .tema > .icheckbox_square-blue{float:left}

.lineasDiscontinuas{
    border-top: 1px dashed #CCCCCC;
    padding-top: 30px;
    margin-top:50px;
}


div#listadoItemsTestEntrenate > .lineasDiscontinuas > div:first-child{
    margin: 0 7% 0 0;
    width: 18% !important;
}


div#listadoItemsTestEntrenate > .lineasDiscontinuas > div:last-child{
    margin:0px;
    width:25% !important 
}

/*form#formNuevoTest > .lineasDiscontinuas > div:first-child{width:calc(50% - 10px); float:left; padding-right:10px}*/
form#formNuevoTest > .lineasDiscontinuas > div:last-child{
	/*width:calc(50% - 10px); float:left; padding-left:10px*/
	width: 100%;
	text-align: center;
}

form#formNuevoTest > .lineasDiscontinuas > div > div{float:right; width:160px}
form#formNuevoTest > .lineasDiscontinuas > div > div > span{
    float:left;
    margin-right: 10px;
    margin-top: 5px;
}
form#formNuevoTest > .lineasDiscontinuas > div > div > select{
    clear: both;
    float: none;
    width: 160px;
}


form#formNuevoTest > .lineasDiscontinuas > div > button{
    /*float:left;*/
	float: none;
    margin-top: 0;
    padding: 18px;
}

#seccionEntrenate #textoNumeroPreguntas{
	margin-right: 10px;
	margin-bottom: 40px;
	display: inline-block;
}
#seccionEntrenate #cmbNumeroPreguntas{
	display: inline;
	width: auto;
	position: relative;
	top: 2px;
}

#seccionEntrenate #listadoTestEntrenate{padding: 30px; color: #333;}

#seccionEntrenate span{font-size: 14px !important;}

#seccionEntrenate #listadoTestEntrenate .lineasDiscontinuas:first-child{margin-top:0px;}
#seccionEntrenate #listadoTestEntrenate .lineasDiscontinuas .descripcionEntrenate{
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    padding: 0 20px 0 0;
    width: 50% !important;
}

#seccionEntrenate #listadoTestEntrenate .lineasDiscontinuas .descripcionEntrenate br {
    margin-bottom: 4px;
    margin-top: 4px;
}
.descripcionEntrenate:first-line {
    background: none repeat scroll 0 0 #F0F0F0 !important;
    font-size: 15px;
    font-weight: 700;
}
.descripcionEntrenate:before, .descripcionEntrenate:after {
    content: "";
    display: inline;
}
/*-----FIN DE ENTRENATE-----*/



/* -----PERFIL----- */
.perfilTitulo{
    border: 1px solid;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.tg-col-eventwrapper{margin-right: 0px !important;}
/* -----FIN PERFIL----- */




/* -----TABE----- */
#contenedorTabe #imagenTabe{width:587px; position:relative; margin:0 auto !important; display:none}
#contenedorTabe #imagenTabe a{
    bottom: 100px;
    font-size: 20px;
    padding: 30px;
    position: absolute;
    right: 0;
}
#contenedorTabe #avisoFlash{width:587px; position:relative; margin:0 auto !important; display:none}
#avisoFlash > a{display: block; text-align: center;}


html #contenedorTabe #avisoFlash{display:block}
html #contenedorTabe #imagenTabe{display:block}


/* -----FIN TABE----- *





/* -----TATE----- */
#tate{
    background: #FFFFFF;
    overflow-y: hidden;
    position: relative;
}
#tate h1 {
    box-sizing: border-box;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 40px 40px 40px 30px !important;
    width: 100% !important;
}
#tate h1{width:calc(100% - 400px) !important}
#tate #contenedorTate{
    width:calc(100% - 400px);
    float:left;
    padding: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#tate #contenedorTate .itemTate{width:100%; margin-bottom: 30px;}

#tate #contenedorTate .itemTate .bandera{
    width:45px;
    height:45px;
    float: left;
    background: none repeat scroll 0 0 #D6D9DE;
    font-size:30px;
    text-align:center;
    font-weight:100;
    color:#222728;
}
#tate #contenedorTate .itemTate .contenidoUnidad{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:calc(100% - 45px);
    float:left;

}

#tate #contenedorTate .itemTate.itemDoble .contenidoUnidad {
    background: url("../images/flex/trianguloBackground.png") no-repeat scroll top right #F2F2F2;
}

#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../images/flex/trianguloBackground.png") no-repeat scroll top right #F2F2F2;
    float: left;
    padding: 20px;
    width: 50%;
}
#tate #contenedorTate .itemTate.itemDoble .contenidoUnidad .itemContenido{
    background: none;
}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido h3{
    font-size:16px;
    font-weight:400;
    line-height:22px;
    color:#282828;
    margin-bottom:20px;
    text-transform:uppercase;
}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido p{
    font-size:14px;
    font-weight:100;
    line-height:22px;
    color:#7e7979;
}


#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoIZQ{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
    width: calc(100% - 128px);
}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA{
    float:left;
    width:128px;
}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA a{text-align:center; text-decoration:none;}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA a p{
    font-size:20px;
    color:#3f3c3c;
    font-weight:700;
    line-height:22px;
    text-transform:uppercase;
    text-align:center;
    margin-top:24px;
}
#tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA a span{
    color: #7E7979;
    display: block;
    font-size: 13px;
    font-weight: 100;
    line-height: 18px;
    margin-top: -18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 128px;
}



#tate #barraLateralTabe{
    box-sizing: border-box;
    background: none repeat scroll 0 0 #F2F2F2;
    float: left;
    height: calc(100% - 0px);
    padding: 30px;
    position: absolute;
    right: 0;
    width: 400px;
    top: 0;
}

#barraLateralTabe > h3 {
    box-sizing: border-box;
    background: none repeat scroll 0 0 #d0d0d0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 20px 30px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

#barraLateralTabe > div {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 30px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
}
#barraLateralTabe > div > a {
    display: block;
    height: 128px;
    margin: 0 auto;
    overflow: hidden;
    width: 128px;
}
/*ANIMACION CAJA*/
#barraLateralTabe > div > a > div{position:relative; top:0;}
body:not(.sinSuavizado) #barraLateralTabe > div > a> div{
    
    transition: all 0.45s ease-in;
}


body:not(.sinSuavizado) #barraLateralTabe > div > a:hover > div{	
    transition: all 0.45s ease-out;
}



body:not(.sinSuavizado) #barraLateralTabe > div > a {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}
body:not(.sinSuavizado) #barraLateralTabe > div > a:hover > div, #barraLateralTabe > div > a.hover > div {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
body:not(.sinSuavizado) #barraLateralTabe > div > a, #tatePaquete, #barraLateralTabe > div > a > div > #tatePaqueteAbierto{
    width:128px;
    height:128px;
}
body:not(.sinSuavizado) #barraLateralTabe > div > a > div {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
body:not(.sinSuavizado) #barraLateralTabe > div > a > div > #tatePaquete, #barraLateralTabe > div > a > div > #tatePaqueteAbierto {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
body:not(.sinSuavizado) #barraLateralTabe > div > a > div > #tatePaquete {
    z-index: 2;
}
body:not(.sinSuavizado) #barraLateralTabe > div > a > div > #tatePaqueteAbierto {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
body.sinSuavizado #barraLateralTabe > div > a img.oculto{display:none}
/* FIN DE ANIMACION CAJA*/




#barraLateralTabe > div > p{
    margin-top:30px;
    color:#7e7979;
    font-size:14px;
    line-height:22px;
    font-weight:100;
    letter-spacing:-0.2px;
}

/* -----FIN TATE----- */


/*TABE*/
#contenedorTabe > iframe {
    border: medium none;
}
/* -----FIN ATBE----- */



/*EXPEDIENTE*/
#divLateralExpediente{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #F2F2F2;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 420px;

    display:none;
}

#divCentralExpediente {
    /*width:calc(100% - 420px);*/
    padding: 0px 0 30px;
    box-sizing: border-box;
}

.certificaciones.contacta h1 {
    text-align: center;
}

#divCentralExpediente #divSuperiorExpediente{ margin-bottom:40px; text-align: center;}
#divCentralExpediente #divSuperiorExpediente a{
    font-family:'Roboto', 'open sans', sans-serif !important;
    font-size: 34px;
    font-weight: 100;
    /*letter-spacing: -1px;*/
    margin-right: 30px;
    cursor:pointer;
    text-decoration:none;
    color:#232427;
}
#divCentralExpediente #divSuperiorExpediente a:hover{opacity:1}

#divCentralExpediente #divSuperiorExpediente a#enlaceOrla {
    display: none;
}
#divCentralExpediente #divSuperiorExpediente a:not(.opcionMenuDeshabilitada){cursor:default !important; color: var(--colorPrincipal);}
body:not(.sinSuavizado) #divCentralExpediente #divSuperiorExpediente a{
    
    transition: all  0.25s ease-in;
}






#divCentralExpediente #divInferiorExpediente #divCertificacion #explicacionExamenCertificación{
    font-weight:100;
    font-size:16px;
    line-height:24px;
    color:#222728;
}

#divCentralExpediente #divInferiorExpediente #divCertificacion #explicacionExamenCertificación p:nth-child(2) {
    padding-left: 20px;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion{margin-top:0px; margin-bottom: 80px;}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion label {
    font-size: 13px;
}

#divCertificacion > div#enunciadoCertificaciones {
    margin-bottom: 40px;
}


#divCentralExpediente #divInferiorExpediente #divCertificacion .divNombreCursoCertificacion .nombreCursoCertificacion {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .nombreCertificacionExamenes{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    font-size: 26px !important;
    font-weight: 100 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .textoCertificacionExamenes{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    display:none;
    font-size: 15px;
    font-weight: 100 !important;
    line-height: 22px;
    margin: 0 0 53px !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .datosCertificacionExamenes{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    margin: 0 0 55px !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}
.datosLeftCertificacionExamenes .descripcionCertificacion:before{display: none !important;}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .datosCertificacionExamenes > .datosRightCertificacionExamenes > .span8{
    width: 80% !important;
    padding-top: 40px;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .datosCertificacionExamenes > .datosRightCertificacionExamenes > .span2{
    width: 20% !important;
    margin: 0 0 40px !important;
    padding-top: 10px;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .datosCertificacionExamenes .botonCertificacionMasInfo a{display: none !important;}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion .tablaExamenesCertificacion {
    clear: both;
}

.datosLeftCertificacionExamenes {
    float: left;
    width: 400px;
}
.datosRightCertificacionExamenes {
    float: left;
    margin: 0 0 0 60px !important;
    width: calc(100% - 460px);
}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion{
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #fff !important;
    box-sizing: border-box;
    color: #323030;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 0 0;
    text-transform: uppercase;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div {
    border-bottom: 1px solid #323030;
    box-sizing: border-box;
    padding-right: 20px;
    text-align: left;
}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita{
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 20px 10px;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div {
    box-sizing: border-box;
    padding-right: 20px;
}



#divCentralExpediente #divInferiorExpediente #divCertificacion .infoNoExisteExamenCertificacion {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 50px;
    margin-top: 10px;
    text-align: center;
    clear: both
}
.spanInfoNoExisteExamenCertificacion {
    margin: 0 !important;
    width: 100% !important;
}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F9F9F9;

}

#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita:nth-child(2n+2) {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
#divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > .span6{text-align:left;}



#enunciadoCertificaciones > p,
#explicacionExamenCertificacion > p{
    font-size:16px;
    font-weight:100;
    text-align:center;
}
#enunciadoCertificaciones > p > b,
#explicacionExamenCertificacion > p > b{
    font-weight:600;
    margin-bottom:30px;
}



#explicacionExamenCertificacion > div {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-bottom: 80px;
    margin-left: -40px;
    padding: 30px 20px;
    width: calc(100% + 40px);
}

#explicacionExamenCertificacion > div > ul {
    float: left;
    margin: 0 5%;
    width: 40%;
}

#explicacionExamenCertificacion > div > ul > li {
    font-size: 14px;
    line-height: 20px;
    list-style: none outside none;
    margin-bottom: 15px;
}
#explicacionExamenCertificacion > div > ul > li > i {
    color: var(--colorPrincipal);
    font-size: 28px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
#explicacionExamenCertificacion > div > ul > li > span{
    display: block;
    margin-left: 34px;
    margin-top: -20px;
}



.lblNotaCertificacionAprobado{
    color: green;
    font-weight: 600
}
.lblNotaCertificacionSuspenso{
    color: red;
    font-weight: 600
}
.lblNotaCertificacionPendienteCorregir{
    color:var(--colorPrincipal);
    font-weight: 600;
}
.lblNotaCertificacionPendienteRealizar{
    color:var(--colorPrincipal);
    font-weight: 600;
}

.fechaInicioExamenCertifiacion{
    font-weight: 600;
}


#divCargaDatosActividadEvaluablePlanCarrera .well {
    background-color: #FCFCFC;
    border: 1px dashed #E0E0E0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    padding: 30px;
}
#divCargaDatosActividadEvaluablePlanCarrera .well .criterioCorreccion {
    margin-top: 30px;
}
#divCargaDatosActividadEvaluablePlanCarrera .well .criterioCorreccion .criterioCorreccionEncabezado{
    border-bottom: 1px solid var(--colorPrincipal);
}
#divCargaDatosActividadEvaluablePlanCarrera .criterioCorreccion .criterioCorreccionFila div:not(.span10) span {
    font-weight: 600;
    text-align: center;
}

#divCargaDatosActividadEvaluablePlanCarrera button {
    float: right;
    margin-right: 0;
}



.bloqueCertificacionItem {
    padding-top: 22px;
}
.grupoCertificaciones{
    padding-left:70px;
    padding-top: 30px;
    position: relative;
}

.grupoCertificaciones:before {
    background: none repeat scroll 0 0 #f7f7f7;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    content: "";
    height: 100%;
    left: 18px;
    position: absolute;
    top: -25px;
    width: 5px;
}



.itemCertificacion{margin-bottom:100px; position:relative;}

.grupoCertificaciones .itemCertificacion:last-child:before {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 52%;
    left: -60px;
    position: absolute;
    width: 20px;
}

.itemCertificacion .descripcionCertificacion:before {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #111;
    border-radius: 50%;
    box-sizing: border-box;
    color: #111;
    font-size: 26px;
    height: 44px;
    left: -70px;
    padding: 6px 0 0 11px;
    position: absolute;
    top: calc(50% - 22px);
    width: 44px;
}
.itemCertificacion.certificacionExitae .descripcionCertificacion:before{
    border: 2px solid #9c9bb9;
    color: #9c9bb9;
}
.itemCertificacion.certificacionMasterD .descripcionCertificacion:before{
    border: 2px solid #f56000;
    color: #f56000;
}
.itemCertificacion.certificacionOrtegaYGasset .descripcionCertificacion:before{
    border: 2px solid #203868;
    color: #203868;
}

.certificacionLeftSidebar {
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-right: 30px;
    text-align: justify;
    width: 40% !important;
}
.certificacionRightSidebar {
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin: -20px 0 0 0 !important;
    width: 60% !important;
    padding-left: 10px;
}

.certificacionExitae .certificacionRightSidebar {
    margin-top: 30px !important;
}



.divNombreCursoCertificacion {
    clear: both;
    float: none;
    margin-bottom: 49px;
}


#divCentralExpediente #divInferiorExpediente #divCertificacion .divNombreCursoCertificacion .nombreCursoCertificacion {
    background: none repeat scroll 0 0 #f7f7f7;
    display: inline;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 25px;
    padding: 22px 19px;
    text-align: left;
    border: 1px solid #ebebeb;
}
.nombreCursoCertificacion.ion-ios-bookmarks-outline:before {
    font-size: 29px !important;
    left: -9px;
    margin-right: 1px !important;
    position: relative;
    top: 5px;
}

.logoCertificacionEmpresa{
    margin-bottom: 20px;
    margin-right: 100%;
}

.tituloCertificacion {
    display: inline;
    font-size: 15px;
    font-weight: 500;
    line-height: 11px !important;
    margin-right: 5px;
    text-decoration: underline;
}


.descripcionCertificacion {
    color: #3c3c3c;
    display: block;
    font-size: 13px;
    font-weight: 100;
    line-height: 18px;
    max-width: 400px;
    position:relative;
}


.titulacionCertificacionCurso {
    font-size: 13px;
    font-weight: 100;
}

.titulacionCertificacionCurso > b{font-weight: 600;  font-size: 15px;}

.titulacionCertificacionCurso:before {
    color: var(--colorPrincipal);
    font-size: 20px;
    left: -7px;
    position: relative;
    top: 2px;
}


.fechaCaducidadCertificacionCurso {
    font-size: 13px;
    font-weight: 100;
}

.fechaCaducidadCertificacionCurso > b{font-weight: 600;font-size: 15px;}

.fechaCaducidadCertificacionCurso:before {
    color: var(--colorPrincipal);
    font-size: 20px;
    left: -7px;
    position: relative;
    top: 2px;
}


.precioCertificacionCurso {
    font-size: 13px;
    font-weight: 100;
}

.precioCertificacionCurso > b{font-weight: 600; font-size: 15px;}

.precioCertificacionCurso:before {
    color: var(--colorPrincipal);
    font-size: 20px;
    left: -7px;
    position: relative;
    top: 2px;
}

.divDatosCertificacionCurso > .span8 > div:first-child {
    margin-bottom: 20px;
}
.divDatosCertificacionCurso > .span8 > div:last-child {
    margin-bottom: 30px;
}

.botonCertificacion{
    box-sizing: border-box;
    height: 111px;
    padding: 40px 30px !important;
    width: 122px;
    opacity:1;
    margin: 0 !important;

}
body:not(.sinSuavizado) .botonCertificacion{
    
    transition: all  0.25s ease-in;
}

.botonCertificacion:hover{
    opacity:0.5;	
}

body:not(.sinSuavizado) .botonCertificacion:hover{
    
    transition: all  0.25s ease-in;
}

.botonCertificacion.comprarCertificacion{
    background:#04eaac !important;
}

.botonCertificacion i {
    display: block;
    font-size: 60px;
    margin-bottom: 5px;
    margin-top: -28px !important;
}


.botonCertificacionMasInfo > a {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff;
    cursor: pointer !important;
    display: inline-block;
    left: -8px;
    margin-bottom: 40px;
    margin-top: 0px;
    opacity: 1;
    padding: 10px 10px;
    position: relative;
    text-decoration: none;
    border-radius: 5px !important;
}
body:not(.sinSuavizado)  .botonCertificacionMasInfo > a{
    
    transition: all  0.25s ease-in;
}
.divDatosCertificacionCurso > .span8 > div.row-fluid > div.span6:last-child {
    width: 120px;
}
.divDatosCertificacionCurso > .span8 > div.row-fluid > div.span6 {
    width: 200px;
}

.divDatosCertificacionCurso .span8 {
    width: calc(100% - 400px);
}

.divDatosCertificacionCurso .span2 {
    margin: 0 !important;
    text-align: center;
    width: 200px !important;
}


.divCertificacionCurso {
    position: relative;
    padding-bottom: 0px;
    border-bottom: dashed 1px #e0e0e0;
    margin-bottom: 30px;
}

.botonCertificacionMasInfo > a:hover{opacity:0.5}

.divListadoExamenesCertificacionesCurso {
    margin-left: -70%;
    width: 170%;
}

/*estilos especiales ortega*/
.itemCertificacion.certificacionOrtegaYGasset .tituloCertificacion{color:#203868}
.itemCertificacion.certificacionOrtegaYGasset .descripcionCertificacion{color:#203868}
.itemCertificacion.certificacionOrtegaYGasset .titulacionCertificacionCurso{color:var(--colorPrincipal)}
.itemCertificacion.certificacionOrtegaYGasset .titulacionCertificacionCurso > b{color:#111}
.itemCertificacion.certificacionOrtegaYGasset .fechaCaducidadCertificacionCurso{color:var(--colorPrincipal)}
.itemCertificacion.certificacionOrtegaYGasset .fechaCaducidadCertificacionCurso > b{color:#111}
.itemCertificacion.certificacionOrtegaYGasset .precioCertificacionCurso{color:var(--colorPrincipal)}
.itemCertificacion.certificacionOrtegaYGasset .precioCertificacionCurso > b{color:#111}
.certificacionOrtegaYGasset .botonCertificacionMasInfo > a {background: none repeat scroll 0 0 #203868;}

.certificacionOrtegaYGasset .certificacionRightSidebar .divCertificacionCurso:before {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #203868;
    border-radius: 50%;
    box-sizing: border-box;
    color: #203868;
    font-size: 30px;
    height: 44px;
    left: -74px;
    padding: 4px 0 0 15px;
    position: absolute;
    top: -10px;
    width: 44px;
}

.certificacionOrtegaYGasset .certificacionLeftSidebar {
    position: absolute;
    top: calc(50% - 190px);
}
.certificacionOrtegaYGasset .certificacionRightSidebar {
    margin-top: 0 !important;
    margin-left: 40% !important;
}





.certificacionMasterD .certificacionRightSidebar .divCertificacionCurso:before {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #f56600;
    border-radius: 50%;
    box-sizing: border-box;
    color: #f56600;
    font-size: 30px;
    height: 44px;
    left: -74px;
    padding: 4px 0 0 15px;
    position: absolute;
    top: -10px;
    width: 44px;
}

.certificacionMasterD .certificacionRightSidebar {
    margin-top: 0 !important;
    /*margin-left: 40% !important;*/
}




/*Proceso de compra*/
#contenedorProcesoCompra {
    position: relative;
    z-index: 2147483647;
}
.cabeceraPasos .pasoMiga {
    color: #111111;
    display: inline;
    font-size: 15px;
    font-weight: 100;
    margin: -2px !important;
    padding: 16px 14px 16px 30px;
    position: relative;
}

.cabeceraPasos .pasoMiga:after {
    border-color: transparent transparent transparent var(--colorPrincipal);
    border-style: solid;
    border-width: 27.5px 0 27.5px 18px;
    content: "";
    height: 0;
    position: absolute;
    right: -18px;
    top: 0;
    width: 0;
}



.cabeceraPasos .pasoMiga:nth-child(1){background:#e0e0e0; z-index:190; padding-left: 11px;}
.cabeceraPasos .pasoMiga:nth-child(2){background:#e7e7e7; z-index:188}
.cabeceraPasos .pasoMiga:nth-child(3){background:#f0f0f0; z-index:186}
.cabeceraPasos .pasoMiga:nth-child(4){background:#f7f7f7; z-index:184; padding-right: 30px;}

.cabeceraPasos .pasoMiga:nth-child(1):after{border-color: transparent transparent transparent #e0e0e0;}
.cabeceraPasos .pasoMiga:nth-child(2):after{border-color: transparent transparent transparent #e7e7e7;}
.cabeceraPasos .pasoMiga:nth-child(3):after{border-color: transparent transparent transparent #f0f0f0;}
.cabeceraPasos .pasoMiga:nth-child(4):after{border:none}

.cabeceraPasos .pasoMiga.pasoCompletado:after{border-color: transparent transparent transparent var(--colorPrincipal);}


.cabeceraPasos .pasoMiga.pasoCompletado{background:var(--colorPrincipal); color:#ffffff;}


.cabeceraPasos .pasoMiga .ordenPaso {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #111;
    display: inline-block;
    font-size: 20px;
    height: 33px;
    margin-right: 7px;
    padding: 2px 0 0 11px;
    width: 33px;
}
.contenidoPasos {
    box-sizing: border-box;
    /*overflow: hidden;*/
    width: 400%;
    position:relative;
}
.contenidoPaso {
    float: left;
    margin-right: 1%;
    width: 25%;
    position:absolute;
    left:0;
}
.contenidoPaso .columnapaso {
    margin-top: 28px;
    margin: 30px 0 0 !important;
}


.contenidoPaso .columnapaso.span6 {
    margin-right: 10% !important;
    width: 45%;
}
.contenidoPaso .columnapaso.span6:last-child {
    margin: 30px 0 0 !important;
}

#contenidoPaso1{left:0%}
#contenidoPaso2{left:26%}
#contenidoPaso3{left:52%}
#contenidoPaso4{left:78%}

.contenidoPaso .columnapaso .tituloPasoCompra {
    display: block;
    font-size: 26px;
    font-weight: 100;
    letter-spacing: -0.4px;
    margin-bottom: 15px;
    min-height: 42px;
    width: 100%;
}

.contenidoPaso .columnapaso .subtituloPasoCompra {
    display: block;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -0.2px;
    min-height: 35px;
    width: 100%;
}

.contenidoPaso .columnapaso #cmbDelegaciones_chosen {
    margin-bottom: 50px;
}

.contenidoPasos button {
    float: right;
    margin: 0 0 20px !important;
}

.columnapaso .span12 {
    margin: 0 !important;
    padding: 0 !important;
}


.columnapaso > ul {
    /*list-style: square outside none;*/
    list-style:none;
    margin: 0 0 0 20px !important;
}

.columnapaso > ul > li {
    font-size: 13px;
    margin-bottom: 30px;
}


.columnapaso ul li:before {
    color: var(--colorPrincipal);
    display: block;
    float: left;
    font-size: 23px;
    height: 40px;
    left: -20px;
    position: relative;
    top: -3px;
    width: 20px;
}
.columnapaso ul li:first-child:before {
    left: -17px;
}


.columnapaso p.datoBancario {

    font-size: 13px;
    margin-bottom: 0 !important;
    margin-left: 20px;
}
.columnapaso  p.datoBancario > b{
    color: var(--colorPrincipal);
}

.columnapaso .MultiFile-list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #111 !important;
    height: 36px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
.columnapaso .MultiFile-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 34px;
}

.columnapaso .MultiFile-list:empty {
    z-index: 1 !important;
}
.columnapaso .MultiFile-title {
    color: #555 !important;
    font-size: 14px !important;
}
.MultiFile-remove > img {
    height: 16px !important;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
    width: 15px !important;
}
.columnapaso span.MultiFile-title {
    color: #555 !important;
    display: inline-block;
    font-size: 14px !important;
    margin-left: 10px;
    margin-top: 8px;
}

.columnapaso .MultiFile-remove {
    background: none repeat scroll 0 0 #333;
    border: medium none !important;
    padding: 7px 0 10px !important;
    position: relative;
    top: -2px;
    z-index: 2000;


}
body:not(.sinSuavizado) .columnapaso .MultiFile-remove {
    
    transition: all 0.3s ease-out;
}
.columnapaso .MultiFile-remove:hover {
    background: none repeat scroll 0 0 var(--colorPrincipal);
}
.iconoPaso2Compra {
    color: var(--colorPrincipal);
    font-size: 220px;
    line-height: 220px !important;
    margin: 0 !important;
}
ul#noty_center_layout_container {
    z-index: 2147483647 !important;
}


.iconoPaso3Compra {
    color: var(--colorPrincipal);
    display: block;
    font-size: 200px;
    line-height: 200px !important;
    margin: -30px 0 0 !important;
    width: 190px !important; 
}
.padreIconoPaso3Compra{width: 190px !important}
.complementarioIconoPaso3Compra {
    margin: 15px 0 0 !important;
    width: calc(100% - 190px) !important;
}

#tablaFechasConvocatorias {
    margin-top: 20px;
    font-size: 13px !important;
    text-align: center;
}
#tablaFechasConvocatorias > thead > tr > th {
    padding-bottom: 20px;
}


#tablaFechasConvocatorias tr {
    border-bottom: 1px solid #f0f0f0;
}

#tablaFechasConvocatorias td {
    margin: 0 !important;
    padding: 8px 0 !important;
    vertical-align: middle !important;
}

#tablaFechasConvocatorias td span {
    display: block;
}

#tablaFechasConvocatorias td p {
    margin: 0 !important;
}






/*DIPLOMAS*/

.expediente{padding: 0 65px !important;}

.divDiplomasEstudio {
    padding: 50px 0 0;
}


.noDisponible{
    opacity: 0.4 !important;
    cursor: default !important;
}

.divDiploma {
    margin-top: 0px;
    margin-bottom: 100px;
    clear: left;
    float: none;
}

.divVersionDigitalDiploma {
    width: 115px;
    margin-right: 100px;
    float: left;
}

.divVersionImpresaDiploma {
    width: calc(100% - 215px);
    float: left;
}

.divSolicitarVersionImpresa {
    width: 116px;
    float: left;
    margin-right: 50px;
}


.divLineaEstadosVersionImpresa {
    width: 100%;
    float: none;
    clear: left;
}
.divSolicitarVersionImpresa + .divLineaEstadosVersionImpresa {
    width: calc(100% - 166px);
    float: left;
    clear: none;
}



.descripcionCampusDiploma {
    font-weight: 100;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}




.nombreDiploma {
    color: #fff;
    background: #222728;
    cursor: default;
    display: inline-block;
    margin: 0px 0 30px;
    font-family: 'Open Sans' !important;
    font-weight: 100;
    padding: 15px 15px 15px 45px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: -0.2px;
    position: relative;
}
.nombreDiploma::before {
    font-size: 26px;
    position: absolute;
    left: 15px;
}
.tituloVersionDiploma {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.2px;
}
.divVersionDigitalDiploma .tituloVersionDiploma {
    text-align: center;
}
.boloItinerario {
    background: #e9e9e9 none repeat scroll 0 0;
    border-radius: 50% !important;
    height: 97px;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
    width: 97px;
    opacity: 1;
}


.boloItinerario i {
    cursor: default;
    font-size: 50px;
    margin: 13px auto 0;
    display: inline-block;
    position: relative;
}

.divItemEstadoDiploma p {
    margin-bottom: 0px;
    font-weight: 100;
    font-size: 15px;
    margin-bottom: 0px;
    color: #5a5b7a;
}

.divItemEstadoDiploma p.fechaSolicitud {
    font-weight: 700;
    font-size: 13px;
    margin-top: -5px;
}

.boloItinerario.boloVersionDigital {
    background: var(--colorPrincipal);
    color: #fff;
    position: relative;
    padding: 10px;
    box-sizing: border-box;

}

.divItemEstadoDiploma {
    width: 97px;
    float: left;
    margin-right: 60px;
    text-align: center;
    opacity: 0.4;
}

.divItemEstadoDiploma.activo {
    opacity: 1;
}

.divVersionImpresaDiploma .divItemEstadoDiploma.activo .boloItinerario::before {
    color: #fff;
    background: #04eacc;
    border: solid 3px #fff;
    width: 29px;
    height: 29px;
    box-sizing: border-box;
    padding-top: 3px;
    position: absolute;
    bottom: 0;
    right: 3px;
    border-radius: 50%;
    font-size: 15px;
}

.divDiplomaSolicitado.boloItinerario::after {
    content: '';
    width: 60px;
    height: 9px;
    background: #e9e9e9;
    display: block;
    position: absolute;
    top: 43px;
    right: -60px;
    border-radius: 0px;
    z-index: 150;
    opacity: 0.5;
}	

.divItemEstadoDiploma:last-child .divDiplomaSolicitado.boloItinerario::after {
    display: none;
}


.divSolicitarVersionImpresa .boloItinerario {
    background: var(--colorPrincipal);
    color: #fff;
    cursor: pointer;
}

.divSolicitarVersionImpresa .boloItinerario i {
    margin-top: 25px;
}


.divLineaEstadosVersionImpresa .divDiplomaSolicitado i {
    margin-bottom: 40px;
    margin-top: 22px;
    color: #5a5b7a;
}

.nombrePuntoItinerario {
    text-align: center;
    font-size: 18px;
    color: var(--colorPrincipal);
    font-weight: 100;
    cursor: pointer;
}

.nombrePuntoItinerario.noDisponible {
    font-size: 13px;
    line-height: 19px;
    color: #111111;
}
/*FIN DE DIPLOMAS



        
        
        
/* FIN DE EXPEDIENTE*/




/* PLAN DE CARRERA*/

.divMatriculaNota {
    box-sizing: border-box;
    padding: 40px 1px !important;	
    border-bottom: solid 1px #d0d0d0;
}
.divMatriculaNota:last-child {
    border-bottom: none !important;
}

.da	tosMatriculaNota {
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 4px;
}

.tituloMatriculaNota {
    box-sizing: border-box;
    display: block;
    float: left;
    cursor: pointer;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -0.4px;
    padding: 5px 0 5px 8px;
    width: calc(100% - 250px);
    position: relative;
}
.tituloMatriculaNota {
    width: 100%;
    text-align: center;
    float: none;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: -1px !important;
    color: var(--colorPrincipal);
    margin-bottom: 10px;
}
.tituloMatriculaNota i {
    color: #174B9E;
    font-size: 35px;
    margin-left: -28px;
    margin-top: -2px;
    position: absolute;
}


.progress.pctProgresoMatriculaNota {
    background: #b0b8c2 none repeat scroll 0 0;
    border-radius: 5px !important;
    box-shadow: none;
    float: left;
    height: 12px;
    margin-bottom: 0;
    margin-right: 50px;
    overflow: visible;
    position: relative;
    /*top: 13px;*/
    width: 200px;
}

.progress.pctProgresoMatriculaNota {
    width: 592px;
    margin: 0 auto !important;
    text-align: center;
    position: relative;
    display: block;
    float: none;
}


.progress.pctProgresoMatriculaNota > div {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    height: 8px;
    left: 2px;
    position: relative;
    top: 2px;
    max-width: calc(100% - 4px);

}
.progress.pctProgresoMatriculaNota > div:before {
    /*content: "Progreso:";*/
    content: attr(data-textoHover);
    font-size: 11px;
    left: -75px;
    position: absolute;
    text-transform: uppercase;
    top: -2px;
    color: #111111;
    font-weight: 800 !important;
}
.progress.pctProgresoMatriculaNota .sr-only {
    bottom: -2px;
    font-size: 11px;
    color: #111111;
    font-weight: 800 !important;
    position: absolute;
    right: -50px;
    text-transform: uppercase;
    z-index: 10;
}

.datosMatriculaNota{
    box-sizing: border-box;
    padding: 4px;

    opacity:1;
    position: relative;


}

.tituloMatriculaNota::before{
    /*content: "Contraer/ Expandir";*/
    content: attr(data-textoHover);
    opacity:0;
    position: absolute;
    right: 4px;
    top: -5px;
    padding: 8px;

    font-size: 18px;
    background: none repeat scroll 0 0 #111111;
    color: #ffffff;
    padding: 8px;
    right: 0px;
    left: 0;
    margin: auto;
    width: 150px;

}
body:not(.sinSuavizado) .tituloMatriculaNota::before{
    
    transition: all 0.3s ease-out;



}
.tituloMatriculaNota:hover:before {


    top: -33px;
    opacity:1;
}

.datosMatriculaNota p {
    font-size: 13px;
    line-height: 20px;
    margin: 0 27px 0 0;
    width: auto !important;
    float: none !important;
    display: inline !important;
}

.divFechasFormacionMatriculaNota p, .divNotasMatriculaNota p {
    box-sizing: border-box;
    padding: 10px;
}
/*
.datosMatriculaNota p.notaTextoMatriculaNota{
        color: var(--colorPrincipal);
    text-decoration: underline;	
        cursor:pointer;
}
*/
.datosMatriculaNota p.notaTextoMatriculaNota.activo {
    background: #f3f3f3  none repeat scroll 0 0;
}
body:not(.sinSuavizado) .datosMatriculaNota p.notaTextoMatriculaNota{
    
    transition: all 0.4s ease-out;
}

.datosMatriculaNota p.notaTextoMatriculaNota:hover{
    opacity:0.5;
}
.datosMatriculaNota p i {
    font-size: 21px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.datosMatriculaNota p.notaTextoMatriculaNota i {
    margin-left: 2px;
    margin-right: 8px;
}
.datosMatriculaNota p b {
    font-weight: 600;
}

.divEvaluacionesEstudio > div > div.span8 {
    list-style: square;
}

.divEvaluacionesEstudio > div > div.span8 > span {
    display: list-item;
}





.divFechasFormacionMatriculaNota {
    padding-left: 0px;
    width: 460px !important;
}
.divNotasMatriculaNota {
    margin: 0 !important;
    width: calc(100% - 460px) !important;
}

.divNombreCursoMatriculaNota {
    /*background: none repeat scroll 0 0 var(--colorPrincipal);*/
    box-sizing: border-box;
    color: var(--colorPrincipal);
    font-size: 15px;
    font-weight: 100;
    /* padding: 10px;*/
    padding:15px 0;
    cursor:default;
}
body:not(.sinSuavizado) .tituloMatriculaNota span {
    
    transition: all 0.4s ease-out;
}
.tituloMatriculaNota span:hover{
    opacity:0.5 !important;
}
.datosComplementariosMatricula {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #111111;
    font-size: 15px;
    font-weight: 100;
    padding: 0 10px;
    text-align: center;
    width: 775px;
    margin: 0 auto;
    position: relative;
    left: 2px;
}


.divCabeceraListadoModulosMatriculaNota {
    border-bottom: 1px solid #C9C9C9;
    box-sizing: border-box;
    margin-left: 0px;
    /*margin-top: 6px;*/
    padding: 40px 0 0;
    width: 100%;
}
.divCabeceraListadoModulosMatriculaNota > .span8 {
    /*height: 1px !important;
    min-height: 1px;*/
    position: relative;
    /*top: 32px;*/
    width: calc(800% / 12) !important;
}

.divCabeceraListadoModulosMatriculaNota .span8 {
    font-size: 12px;
    font-weight: 700;
    margin: 0 !important;
    min-height: 0;
    text-align: center;
    text-transform: uppercase;
}

.divCabeceraListadoModulosMatriculaNota .span8 span {
    border: 1px solid #ffffff;
    display: inline-block;
    float: left;
    padding: 5px 0;
}

.divCabeceraListadoModulosMatriculaNota .span2 {
    font-size: 12px;
    font-weight: 700;
    margin: 0 !important;
    min-height: 0;
    text-align: center;
    text-transform: uppercase;
    width: calc(200% / 12) !important;
}


.divCabeceraListadoModulosMatriculaNota .span2 span {
    display: block;
    padding: 5px 0;
    border: 1px solid #FFFFFF;
}
.divListadoModulosMatriculaNota {
    box-sizing: border-box;
    padding: 0px;
}
.divModulosNota {
    padding: 0px 0;
    cursor:pointer;
    /*border-bottom: 1px solid #e9e9e9;*/
}
.divModulosNota:last-child{border:none}

.divDatosModuloNota {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 100;
    margin-left: 0;
    padding:  5px 0 5px 2px;
    opacity:1;

}
body:not(.sinSuavizado) .divDatosModuloNota {
    
    transition: all 0.4s ease-out;
}
.divDatosModuloNota:hover{
    opacity:0.5;
    /*background:#d0d0d0;*/
}

.divModulosNota.moduloSinEmpezar .divDatosModuloNota{
    opacity: 0.4 !important;
}
/*
.divModulosNota:nth-child(2n+1) {}
.divModulosNota:nth-child(2n+2) {
    background: none repeat scroll 0 0 #fafafa;
}
*/
.divDatosModuloNota > div{
    padding:20px 0;
}

.divDatosModuloNota > .span8{
    width: calc(800% / 12)  !important;
    position: relative; 
}
.divDatosModuloNota > .span2 {
    margin: 0;
    text-align: center;
    width: calc(200% / 12)  !important;
    position: relative;
}


.divDatosModuloNota > .span2 .notaModuloNota.convalidada {
    background: none repeat scroll 0 0 #04EAAC;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.4px;
    padding: 4px;
    text-transform: uppercase;
}


/*
.tituloModuloNotaParrafo {
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    margin-left: 60px;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 7px;
    width: calc(100% - 70px);
}
*/

.tituloModuloNotaParrafo {
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 7px;
    width: calc(100% - 80px);
}

.tituloModuloNotaParrafo.tituloModuloNotaParrafoConvocatoria {
    margin-top: 0px;
    top:0;
}

.tituloModuloNota {
    clear: both;
    color: #111;
    display: block;
    float: none;
    margin-left: 0px;
    font-weight: 500;
    line-height: 16px;
}

.divListadoMaterialScorm .tituloModuloNota {
    font-size: 15px;
    color:var(--colorPrincipal);
    font-weight: 100;
}

.tituloModuloNotaConvocatoria {
    clear: both;
    display: block;
    float: none;
    font-size: 13px;
    margin-left: 0;
    margin-top: -8px;
}

.divListadoCritEvalModuloNota {
    background: none repeat scroll 0 0 #FFFFFF;
    box-sizing: border-box;
    padding: 0px;
}


.divListadoCritEvalModuloNota .divCritEvalModuloNota {

    border-bottom: 1px dashed #F0F0F0;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 100;
    padding: 12px 0 5px;
}
.divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota{
    opacity: 1;


}
body:not(.sinSuavizado) .divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota{
    transition: all 0.2s ease-out;
}
.divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota:hover{
    color: var(--colorPrincipal);
}

.divListadoCritEvalModuloNota .divCritEvalModuloNota:last-child {
    border: medium none;
}

.divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span8{width: calc(800% / 12 + 3px) !important; margin:0 !important;  padding: 0 0 0 60px;}
.divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span2{width: calc(200% / 12 - 3px) !important; margin:0 !important; text-align:center}


.divCentralExpediente .notaSuspendida {color:#ff0540}
.divListadoActividadesCritEvalModuloNota {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 10px 60px;
}
.cabeceraDatosActividadEvaluable{
    border-bottom: 1px dashed #E0E0E0;
    color: #666666;
    font-size: 13px;
    padding: 8px 0 1px;
}

.cabeceraDatosActividadEvaluable.noIntentado:hover {
    cursor: default;
}

.cabeceraDatosActividadEvaluable.abierto{
    border-bottom: none;
}
.cabeceraDatosActividadEvaluable:hover{
    background-color: #F7F7F7;
}
.panelActividadEvaluable:last-child > .cabeceraDatosActividadEvaluable {
    border: medium none;
}

.cabeceraDatosActividadEvaluable > .span8{
    width: calc(800% / 12) !important;
}
.cabeceraDatosActividadEvaluable > .span8 a{
    cursor:pointer;
}
.cabeceraDatosActividadEvaluable .span2 > img {
    width: 32px;
}
.cabeceraDatosActividadEvaluable .span2{
    /*width: calc(200% / 12 - 3px) !important;*/
    margin: 0 !important;
    text-align: center;
}
.cabeceraDatosActividadEvaluable .span2:not(:last-child) {
    position: relative;
    top: -4px;
}


.cabeceraDatosActividadEvaluable > .span8 > img {
    float: left;
    left: 10px;
    position: relative;
    top: 3px;
}

.cabeceraDatosActividadEvaluable > .span8 > span {
    display: block;
    float: left;
    line-height: 19px;
    padding-bottom: 10px;
    padding-left: 20px;
    width: calc(100% - 40px);
}

.cabeceraDatosActividadEvaluable[onclick]:not(.noIntentado) .tituloActividadEvaluable {
    color: var(--colorPrincipal);
    text-decoration: underline;
}


.datosScormActEvaluable {
    border-bottom: 1px dashed #F0F0F0;
    margin-bottom: 10px;
    padding: 0 0 10px !important;
}

.datosScormActEvaluable .accordion {
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 0;
}
.datosScormActEvaluable .accordion > div {
    box-sizing: border-box;
    margin: 10px 0 0 17px !important;
    min-height: 1px !important;
    width: calc(100% - 17px);
}
.datosScormActEvaluable .accordion > div > div:not(.accordion-group) {
    box-sizing: border-box;
    width: calc(100% - 36px);
}


.datosScormActEvaluable .accordion > div .accordion-group{margin-bottom: 0 !important;}
.datosScormActEvaluable .accordion > div .accordion-group .accordion-toggle{text-decoration:none}

.panelIntentoActividadEvaluable{
    border-bottom: 1px dashed #E0E0E0;
    box-sizing: border-box;
    color: #666666;
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 30px;
    margin-top: 0;
    padding: 10px 0 0;
    width: calc(100% - 34px);
}
.panelIntentoActividadEvaluable:hover{
    color: var(--colorPrincipal);
}
.panelIntentoActividadEvaluable:last-child{margin-bottom: 10px; border: medium none;}


.panelIntentoActividadEvaluable .span8{
    width: calc(800% / 12 - 18px) !important;
    margin:0;
}
.panelIntentoActividadEvaluable .span2{
    text-align:center;
    width: calc(200% / 12) !important;
    margin:0;
}


.panelIntentoActividadEvaluable .span8 .numIntentoActEvaluable{margin-right: 20px;}
.panelIntentoActividadEvaluable .span8 .fechaRealizacionActEvaluable{margin-right: 20px;}

.pctModuloNota {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: 10px;
    min-width: 31px;
    padding: 5px;
    position: relative;
    text-align: center;
    top: 0;
}

/*SONIA03022015*/

.pctModuloNotaScorm {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 13px;
    left: 0;
    letter-spacing: 0;
    margin-right: 10px;
    padding: 5px;
    position: absolute;
    top: 5px;
}
.listadoEstadisticasScoeEstadisticasUD{
    margin-left: 15px;
    margin-top:  10px;
    font-size: 12px !important;
}
/*SONIA03022015*/
.pctModuloNota:before {
    color: #111111;
    content: attr(data-textoHover);
    display: none;
    font-size: 10px;
    font-weight: 100;
    left: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -14px;
    width: 100%;
}



.pctCritEvalModuloNota {
    font-size: 14px;
    font-weight: 600;
}


.guionSeparador {
    margin:0 3px 0 5px;
}

#divCargaDatosActividadEvaluablePlanCarrera .divReversibleCurso {
    position: relative;
}



.divReversibleCurso.divGirado{
    display:none; height:1px;
}
.divReversibleCurso:not(.divGirado){
    display: block !important;
}



body.mobile div#divSecciones {
    perspective: none !important;
}

body.mobile div#seccionAsignatura {
    transform: none !important;
}

body.mobile div#seccionAsignatura > div:not(.divGirado) {
    transform: none !important;
}




#divCargaDatosActividadEvaluablePlanCarrera .divContenidoExamen:after{height: 1px !important;}
#divCargaDatosActividadEvaluablePlanCarrera .fondoSubseccion{box-shadow:none !important; border:none !important;}

#divCargaDatosActividadEvaluablePlanCarrera #seccionAsignatura{ width: 100%}

.datosAccionFormativa {
    margin-bottom: 20px;
}

.tituloAccionFormativa {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 0;
}

.tituloAccionFormativa > b {
    font-weight: 600;
    margin-right: 5px;
}
.datosAccionFormativa .span8 {
    width: calc(100% - 355px);
}
.datosAccionFormativa .span4 {
    float: right;
    margin: 0;
    width: 355px;
}
.datosAccionFormativa .span4 p{
    margin-bottom:0px ;
    text-align: right;
    float: left;
}
.fechaInicioAccionFormativa {
    margin-right: 40px;
}




.divListadoMatriculasAccionFormativa {
    margin-left: 40px;
    width: calc(100% - 40px);
    position:relative;
}


.flechaTabuladaListadoMatriculasAccionFormativa {
    border-left: 1px solid var(--colorPrincipal);
    left: -30px;
    margin-top: 0px;
    position: absolute;
}
.flechaTabuladaListadoMatriculasAccionFormativa i {
    font-size: 25px;
    left: -1px;
    margin-top: -10px;
    position: relative;
    bottom: -18px;
    color: var(--colorPrincipal);
}

div[class*="tipoActEvaluable"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-sizing: border-box;
    color: var(--colorPrincipal);
    cursor: pointer;
    font-size: 14px;
    padding: 10px 5px 1px 20px;
    text-decoration: underline;
    transition: background 0.15s ease-out 0s;
}
div[class*="tipoActEvaluable"][onclick]:hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

div[class*="moduloTipoActEvaluable"] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #111111;
    cursor: default;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px !important;
    text-decoration:none
}

div[class*="moduloTipoActEvaluable"]:hover {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

div[class*="moduloTipoActEvaluable"]:last-child {
    border-bottom: none;
    padding-bottom: 30px;
}

div[class*="tipoActEvaluable"] > .span2 {
    text-align: center;
}
div[class*="moduloTipoActEvaluable"] > .span2 {
    text-align: center;
    left: -5px;
    position: relative;
}
.divCriteriosEvaluacionMatriculaNota {
    background: none repeat scroll 0 0 #f3f3f3;
}
/* FIN DE PLAN DE CARRERA*/






.overflowVisible{overflow:visible !important}
.widgetOculto {
    opacity: 0.3 !important;
}

a#verTest > i {
    display: none;
}
/*
                .bbit-window {
                        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
                        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
                        box-sizing: border-box;
                        display: block;
                        left: 0;
                        padding: 20px;
                        position: absolute;
                        top: 0;
                        z-index: 999;
                        height: 300px;
                    overflow-y: scroll;
                }
*/
.bbit-window {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 999;
}
.bbit-window-header {
    background: none repeat scroll 0 0 #fff !important;
    width: 100%;
}
.bbit-window-header-text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 18px;
    font-weight: 100 !important;
    padding: 20px 20px 0 !important;
    font-size:22px;
}


#cabeceraDatosGenerales > div.row-fluid > div.row-fluid > div {
    margin-left: 0 !important;
    width: 100% !important;
    position: relative;
    margin-bottom: 20px;
}


#cabeceraDatosGenerales span {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
}

#cabeceraDatosGenerales .checkp > span {
    display: inline;
    margin-left: 30px;
    position: relative;
    top: 3px;
}

#cabeceraDatosGenerales input:not([type="hidden"]):not([type="checkbox"]){
    background: none repeat scroll 0 0 #f8f8f8 !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    display: block !important;
    font-size: 16px;
    font-weight: 100;
    height: 60px !important;
    padding: 10px !important;
    width: 100% !important;
}

#cabeceraDatosGenerales input.date:not([type="hidden"]):not([type="checkbox"]) {
    padding: 10px 10px 10px 70px !important;
}

#cabeceraDatosGenerales button.calpick {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    border: 1px solid #f0f0f0;
    bottom: 9px;
    color: #fff;
    height: 60px;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: auto;
    width: 60px;
}
#cabeceraDatosGenerales label.checkp {
    font-size: 14px;
    font-weight: 100;
}

#cabeceraDatosGenerales label.checkp > input {
    margin-bottom: 27px;
    margin-right: 5px;
    margin-top: 25px;
}
.bbit-dp {
    z-index: 9647 !important;
}

#ventanasEmergentesMensaje {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    box-sizing: border-box;
    height: 280px;
    left: 0;
    margin: auto;
    max-width: 90%;
    padding: 40px 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 550px;
    z-index: 2147483647;
    overflow-y: auto;
}

#ventanasEmergentesMensaje i:before {
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
}
#ventanasEmergentesMensaje h5 {
    color: var(--colorPrincipal);
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 25px;
}
#ventanasEmergentesMensaje > p {
    font-size: 14px;
    font-weight: 100;
}


/*NUEVA MODAL DE NUEVO EVENTO*/

.overlayer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.bbit-window {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    height: 90% !important;
    top: 0px !important;
    bottom: 0 !important;
    margin: auto;
    position: fixed !important;
    overflow-y: hidden;
    z-index: 10000;
    left: 0 !important;
    right: 0 !important;
}

.bbit-window .bbit-window-bwrap{
    height: 100%;
}
.bbit-window .bbit-window-bwrap .bbit-window-ml{
    height: 100%;
}
.bbit-window .bbit-window-bwrap .bbit-window-ml .bbit-window-mr{
    height: 100%;
}
.bbit-window .bbit-window-bwrap .bbit-window-ml .bbit-window-mr .bbit-window-mc{
    height: 100%;
}
.bbit-window .bbit-window-bwrap .bbit-window-ml .bbit-window-mr .bbit-window-mc .bbit-window-body{
    height: 100% !important;
}
.bbit-window .bbit-window-bwrap .bbit-window-ml .bbit-window-mr .bbit-window-mc .bbit-window-body > iframe{
    height: 90% !important;
    height: calc(100% - 80px) !important;
}
html:not([class]) body form#fmEdit.fform {
    padding-bottom: 0px !important;
}

.bubble-table button.btn-danger {
    background: #ff575b;
    color: #fff !important;
}
.bubble-table button.btn-danger i{
    color: #fff !important;
}

/*FIN DE NUEVA MODAL DE NUEVO EVENTO*/








.seccionConMenuLateralVertical {
    box-sizing: border-box;
    float: left;
    padding: 30px;
    width: calc(100% - 400px);
    min-height: 900px;
}

.menuLateralVertical{
    background: #d6d9de none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    height: calc(100% - 0px);
    padding: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
}

.menuLateralVertical h1{
    box-sizing: border-box;
    color: #333333;
    font-family: "Roboto","open sans",sans-serif !important;
    font-size: 30px;
    font-weight: 100;
    line-height:28px;
    margin:0 0 25px;
    padding: 0px !important;
    text-align: left;
    text-transform: uppercase;
    width: 100% !important;
}

.menuLateralVertical h1 b {
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.6px;
    margin-bottom: -5px;
}

.menuLateralVertical textarea {
    border: medium none;
    border-radius: 5px;
    box-shadow: none !important;
    box-sizing: border-box;
    display: block;
    float: none !important;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    margin: 0;
    min-height: 110px;
    padding: 15px;
    width: 100%;
}
.menuLateralVertical a{
    display: block;
    float: right;
    margin: 20px 0 0;
    max-width: 130px;
    padding: 20px 35px;
}


.casosExito{
    padding: 0 40px 40px !important;
    min-height: 770px;
}
.casosExito h1{padding: 20px 0 40px !important;}
.casosExito h6 {
    color: #222728;
    font-size: 16px;
    font-weight: 100;
    line-height: 27px;
    margin-top: 10px;
    text-transform: none;
}

.casosExito h6 br {
    margin-bottom: 20px;
}
.casosExito p{
    color:#191b21;
    font-weight:100;
    font-size:15px;
    line-height:22px;
}


.casoExitoImagen {
    border-radius: 50%;
    float: left;
    height: 115px;
    margin-right: 20px;
    overflow: hidden;
    width: 115px;
}
.casoExitoImagen > img{
    height: auto;
    max-width: 100% !important;
    min-height: 115px;
    min-width: 115px;
    width: auto !important;
}


.casoExitoItem {
    /*border: 1px solid #ff0000;*/
    margin: 80px 0;
    clear: both;
}

.casoExitoTitulo {
    float: left;
    width: calc(100% - 135px);
}



.casoExitoTitulo{
    font-size: 20px !important;
    font-weight: 100 !important;
    letter-spacing: -0.2px;
    margin-bottom:20px !important;
}
.casoExitoTitulo * {
    font-size: 20px !important;
    font-weight: 100 !important;
    letter-spacing: -0.2px;
    margin-bottom:0px !important;
}
.casoExitoContenido{
    float: left;
    width: calc(100% - 135px);
    color:#191b21;
    font-weight:100;
    font-size:15px;
    line-height:24px;
}
.casoExitoContenido *{
    line-height:24px !important;
}


.casosExito .pagination {
    border: medium none;
    clear: both;
    float: right;
    text-align: right !important;
    width: auto;
}
.casosExito .pagination .disabled {
    cursor: default;
    opacity: 0.5;
}
.casosExito .pagination > a {
    color:#333;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    opacity:1;
    transition:all 0.25s ease-out;
}
.casosExito .pagination > a:hover:not(.disabled){
    opacity:0.6;
    color: var(--colorPrincipal);
}


.casosExito .pagination input {
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 100;
}



/*#contenedorLibroVisitasPT {
        bottom: 50px;
        position: absolute;
}*/

/*FIN DE CASOS DE EXITO*/


/*SIN BARRAS DE PROGRESO*/

body.sinProgreso #divProgresoCurso {
    display: none;
}
body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
    border-radius: 25px !important;
    display: block !important;
    float: none !important;
    margin: 0 0 0 auto !important;
    position: relative !important;
    width: 100%;
}
body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
    width: calc(100% - 170px) !important;
    min-height: 120px;
}

body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 p {
    margin-top: 13px;
}

body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 label:not(.switch) {
    margin-bottom: 10px !important;
}

body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 .switch {
    margin-top: 27px !important;
}
body:not(.barraMostrada).sinProgreso .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado{
    background:none !important;
}

body:not(.barraMostrada).sinProgreso .contenedorPlanificacion > div.span9 h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}

body.barraMostrada.sinProgreso .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado{
    margin-top: 30px;
}

body.sinProgreso #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso > div {
    display: none;
}


/*TESTCHAEA*/

.pantallaInicialChaea .textosChaea{
    width:calc(50% - 40px);
    float:left;
    margin-right:40px;
}
.pantallaInicialChaea .textosChaea h6{
    font-weight:600;
    font-size:22px;
    line-height:28px;
    letter-spacing:-0.4px;
    color:#191b21;
    margin-bottom: 30px;
    margin-top: 28px;
    text-transform: none;

}
.pantallaInicialChaea .textosChaea p{
    font-weight:100;
    font-size:15px;
    line-height:22px;
    margin-bottom: 30px;
    color:#191b21;
    text-align: justify;

}

.pantallaInicialChaea .instruccionesChaea {
    background: #f3f3f3 none repeat scroll 0 0;
    border-radius: 15px !important;
    box-sizing: border-box;
    color: #191b21;
    float: left;
    margin-left: 40px;
    padding: 30px;
    width: calc(50% - 40px);
    margin-bottom: 40px;
}

.pantallaInicialChaea .instruccionesChaea > h6 {
    font-weight:600;
    font-size:22px;
    line-height:28px;
    letter-spacing:-0.4px;
    color:#191b21;
    margin-bottom: 30px;
}
.pantallaInicialChaea .instruccionesChaea > ul{
    list-style: outside none square;
    margin-bottom: -20px;
}
.pantallaInicialChaea .instruccionesChaea > ul > li {
    font-weight:100;
    font-size:14px;
    line-height:20px;
    margin-bottom: 15px;
    color:#191b21
}
.pantallaInicialChaea .instruccionesChaea #botonChaea {
    text-align: right;
}

.pantallaInicialChaea .instruccionesChaea #botonChaea > img {
    left: 40px;
    position: relative;
    top: 7px;
    z-index: 200;
}

.pantallaInicialChaea .instruccionesChaea #botonChaea > a {
    font-size: 22px;
    padding: 20px 30px;
    z-index: 150;
}

.panelmodalPreguntasChaea{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 25px !important;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 15, 0.5);
    box-sizing: border-box;
    color:#191b21;
    height: 80%;
    left: 0;
    margin: auto !important;
    max-width: 1200px;
    overflow-y: scroll;
    padding: 40px 40px 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 90%;
    z-index: 2147483647;
}

#seccionTestCHAEA .pantallaResultados{
    display:none;
}
#seccionTestCHAEA.chaeaRealizado .pantallaInicialChaea{
    display:none;
}

/*TESTCHAEA TEST*/ 

.modalPreguntasChaea{
    position: relative;
    z-index: 2147483647;
}
#divPreguntasTestCHAEA li {
    color: #191b21;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 80px;
}
#divPreguntasTestCHAEA li p{
    color: #191b21;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 30px;
}

#divPreguntasTestCHAEA li{
    opacity:0.3;
    transition:opacity 0.25s ease-out;

}

#divPreguntasTestCHAEA li.activa{
    opacity:1;
    color:var(--colorPrincipal);
}
#divPreguntasTestCHAEA li.activa p{
    color:var(--colorPrincipal);
}

#divPreguntasTestCHAEA li.oculta {
    display: none;
}
#listaPreguntasChaea li a{border-radius:3px !important}

#listaPreguntasChaea li:not(.activa) a.seleccionado {
    background: #04dacc none repeat scroll 0 0 !important;
}
#listaPreguntasChaea li:not(.activa) a:not(.seleccionado) {
    background: #d3d3d3 none repeat scroll 0 0 !important;
}

#CHAEABotonGuardar {
    margin-bottom: 60px;
    display:none;
}


#indexChaea {
    background: #333333 none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    display: inline;
    font-size: 20px;
    font-weight: 100;
    padding: 10px 20px;
    position: fixed;
    right: 100px;
    top: 110px;
    transition:all 0.25s ease-out;
}

#indexChaea.nextPregunta {
    background: #04eacc none repeat scroll 0 0;
    transform: scale(1.1);
}

/*FIN TESTCHAEA TEST*/


/*TESTCHAEA RESULTADOS*/


#enunciadoResultadosChaea {
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    margin-bottom: 30px;
}
#enunciadoResultadosChaea > b {
    font-weight: 600;
}



#introResultadosChaea {
    color: #ffffff;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}
#introResultadosChaea > p:first-child {
    background: #04eacc none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    display: inline-block;
    float: none;
    font-size: 21px;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    z-index: 170;
}

#introResultadosChaea > p:last-child {
    background: #363746 none repeat scroll 0 0;
    border-radius: 5px;
    clear: left;
    display: inline-block;
    float: none;
    font-size: 16px;
    margin-top: -20px;
    padding: 5px 20px;
    position: relative;
    text-transform: uppercase;
    top: -5px;
    z-index: 180;
}


#cartasAprendizaje {
    margin-bottom: 130px;
    position: relative;
}

#cartasAprendizaje .cartaChaea {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 15px;
    box-shadow: 0 4px 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    float: left;
    margin: 0 20px;
    padding: 20px 20px 35px;
    position:relative;
    text-align: center;
    width: calc(25% - 30px);
}


#cartasAprendizaje .cartaChaea:first-child {
    margin-left: 0;
}
#cartasAprendizaje .cartaChaea:nth-child(4) {
    margin-right: 0;
}

#cartasAprendizaje .cartaChaea.cartaInactiva {
    opacity: 0.4;
}


#cartasAprendizaje .cartaChaea > h1 {
    color: #1f4f9c;
    font-size: 21px;
    font-weight: 400;
    left: -10px;
    letter-spacing: -0.7px;
    line-height: 22px;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    width: calc(100% + 20px);
}

#cartasAprendizaje .cartaChaea > div {
    margin-top: 30px;
    max-height: 280px;
    overflow-y: scroll;
    padding-right: 10px;
}

#cartasAprendizaje .cartaChaea > div > p {
    color: #5f5f5f;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 19px;
    text-align: left;
    width: 100%;
}

#cartasAprendizaje .cartaChaea > span.clasificacion {
    bottom: -60px;
    color: #1f4f9c;
    font-size: 20px;
    left: 0;
    line-height: 22px;
    position: absolute;
    right: 0;
}

#cartasAprendizaje .cartaChaea > p.contenedorImagenChaea {
    height: 171px;
    position: relative;
}

#cartasAprendizaje .cartaChaea > p.contenedorImagenChaea > img {
    bottom: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
}


#textoDestacadoChaea {
    background: #1f4f9c none repeat scroll 0 0;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    margin: 0 auto 40px;
    max-width: 924px;
    width: 90%;
}


#textoDestacadoChaea > img {
    float: left;
    margin-bottom: 20px;
    margin-left: 12px;
    margin-top: -20px;
    width: 112px;
}

#textoDestacadoChaea > p {
    float: left;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 30px;
    width: calc(100% - 172px);
}

#textoDestacadoChaea > p > b {
    font-weight: 600;
}


#leyendaChaea {
    color: #191b21;
    font-size: 15px;
    font-weight: 100;
    letter-spacing: -0.2px;
    line-height: 22px;
    margin-bottom: 30px;
    text-align: center;
}
/*FIN TESTCHAEA RESULTADOS*/



/*FIN TESTCHAEA*/


/*IMPROOVE ITINERARIO*/

.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span.pctProgresoModulo {
    background: #eeeeee none repeat scroll 0 0  !important;
    border-radius: 50% !important;
    box-sizing: border-box  !important;
    color: #333333  !important;
    cursor: default;
    float: left  !important;
    font-weight: 400 !important;
    height: 35px  !important;
    padding: 8px 4px 4px  !important;
    position: relative  !important;
    text-align: center  !important;
    top: -2px  !important;
    width: 35px  !important;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span:not(.pctProgresoModulo) {
    background: #04eacc none repeat scroll 0 0 !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: -0.6px !important;
    padding: 4px !important;
    position: relative !important;
    text-transform: uppercase !important;
    top: 3px !important;
    transform: scale(1);
    transition: transform 0.25s ease-out 0s;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span:hover:not(.pctProgresoModulo) {
    transform: scale(1.3);
}

.accionAccesoPlanifAsignatura:not([onclick*="\'N\', \'S\'"]) {
    left: -11px !important;
    position: relative !important;
    background: var(--colorPrincipal) none repeat scroll 0 0 !important;
    color: #ffffff !important;
}
.contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span:not(.pctProgresoModulo).accionAccesoPlanifAsignatura.actualizate[onclick*="\'N\', \'S\'"] {
    background: var(--colorPrincipal) none repeat scroll 0 0 !important;
    color: #ffffff !important;
}

.descripcionContenido:empty {
    display: none;
}
.descripcionActividad:empty {
    display: none;
}


/*FIN DE IMPROOVE ITINERARIO*/

/*IMPROOVE ACTIVIDAD -- DESCOMENTAR JORGE*/
/*
h2.tituloActividad {
        border-bottom: 4px solid #555555;
        color: #111111;
        display: inline;
        font-size: 25px;
        font-weight: 100;
        letter-spacing: -0.4px;
        line-height: 32px;
        margin-top: 0;
        padding-bottom: 0;
        text-transform: uppercase;
}
h4.tituloContenido {
        color: #333333;
        font-family: "open sans",sans-serif !important;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -0.2px;
        line-height: 30px;
        margin: 10px 0 30px;
        text-align: left;
}

.textoContenido > p, .textoContenido > p > span, .textoContenido > span, .descripcionContenido {
        color: #4f5459 !important;
        font-family: "open sans",arial !important;
        font-size: 15px !important;
        font-weight: 100;
        line-height: 26px !important;
        text-align: justify !important;
}/*
        /*IMPROOVE ICONOS MENU*/
/*
.mp-menu ul li > div > ul > li > a > span {
        display: block;
        float: left;
        padding-left: 12px;
        width: calc(100% - 27px) !important;
}
.mp-menu span > i {
        bottom: 0;
        font-size: 20px;
        height: 18px;
        left: 0;
        margin: auto !important;
        right: auto;
        top: 0;
}
*/
/*FIN DE IMPROOVE ICONOS MENU*/

/*FIN DE IMPROOVE ACTIVIDAD*/	

#divDatosPlanCarrera nav.nuevaNavegacionTabsLearnnity{
    margin-top: 33px;
}
nav.nuevaNavegacionTabsLearnnity {
    border-bottom: 4px solid #cccccc;
    width: 100%;

}
nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity {
    border-bottom: 4px solid #cccccc;
    color: var(--colorPrincipal);
    cursor: pointer;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 600;
    margin: 0 0 -3px !important;
    padding: 0 20px 2px;
    position: relative;
    text-transform: uppercase;

}

nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity.activo{
    border-bottom: 4px solid var(--colorPrincipal);
    color: var(--colorPrincipal);
    cursor: default;
    font-weight: 600;
}
#seccionConvocatorias nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity > span {
    padding-left: 0 !important;
}

nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity .opcionesItemNuevaNavegacionTabsLearnnity{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    width: 80px;
    bottom: -45px;
    z-index: 150;
    cursor: pointer;
}

nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity.activo .opcionesItemNuevaNavegacionTabsLearnnity{
    display: inline-block;
}

nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity .opcionesItemNuevaNavegacionTabsLearnnity i {
    font-size: 28px;
    margin: 0 5px;
    color: #333438;
}
nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity .opcionesItemNuevaNavegacionTabsLearnnity i.activo{
    color: var(--colorPrincipal)
}




.itemReferencia {
    margin-bottom: 40px;
}

.itemReferencia .tituloReferencia {
    font-size: 21px;
    font-weight: 100;
    background: #fff;
    display: list-item;
    color: #333;
    padding: 5px 10px;
    border-radius: 25px;
    margin-bottom: 0;
    margin-left: 30px;
    padding-left: 0;
}

.itemReferencia:first-child:last-child .tituloReferencia {
    display: inline-block;
}


#detalleOposicion .itemReferencia .contenidoReferencia {
    padding-left: 30px;
    font-size: 15px;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    width: 100% !important;
}


#detalleOposicion .itemReferencia .contenidoReferencia + .enlaceReferencia {
    margin-left: 30px;
}


#detalleOposicion .itemReferencia .enlaceReferencia {
    background: var(--colorPrincipal);
    color: #fff;
    font-weight: 100;
    font-size: 16px;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 10px;
    text-transform: uppercase;
}





#divReferenciasModalConvocatoria {
    margin-top: 60px;
}
#divReferenciasModalConvocatoria .itemReferencia {
    margin-bottom: 15px;
}

#divReferenciasModalConvocatoria .itemReferencia .tituloReferencia {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: auto;
}

#divReferenciasModalConvocatoria .itemReferencia .contenidoReferencia {
    font-weight: 100 !important;
    display: inline-block !important;
    width: auto !important;
    padding-left: 0px !important;
    padding-right: 10px;
}




.botoneraContenedorConvocatoriasEstudios h6 {
    color: #333;
    font-weight: 100;
    font-family: 'Open sans' !important;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 70px;
}


.botoneraContenedorConvocatoriasEstudios h6 span {
    display: inline-block;
    margin-right: 10px;
    font-weight: 600;
    text-transform: none;
}


.botoneraContenedorConvocatoriasEstudios h6 ul {
    display: inline-block;
    margin: 0;
}
.botoneraContenedorConvocatoriasEstudios h6 li {
    display: inline-block;
    margin-right: 10px;
}


.botoneraContenedorConvocatoriasEstudios h6 li i.iconoReferencia {
    width: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Open Sans Condensed' !important;
    font-weight: 600;
    line-height: 20px;
    font-size: 11px;
    letter-spacing: 0.2px;
}


.botoneraContenedorConvocatoriasEstudios h6 li i.iconoReferencia.iconoEx {
    background: #ea0450;
}

.botoneraContenedorConvocatoriasEstudios h6 li i.iconoReferencia.iconoLp {
    background: #c4b009;
}
.botoneraContenedorConvocatoriasEstudios h6 li i.iconoReferencia.iconoLd {
    background: #9c04ea;
}



.fechaFiltroMensajeria {
    background: #f7f7f7  none repeat scroll 0 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.fechaFiltroMensajeria > div {
    margin-right: 10px;
}
.aceptarBotonFechaFiltroMensajeria {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    font-family: "open sans",sans-serif;
    font-size: 15px;
    font-weight: 100;
    margin-top: 7px;
    padding: 10px 20px;
    text-transform: uppercase;
    cursor:pointer;
    opacity:1;
}

.aceptarBotonFechaFiltroMensajeria:hover{
    opacity:0.6;
}



/*MODOLECTURA*/


/*BOTON*/


body #divBtnBibliotecaActividad button[onclick*="toggleModoLectura"]{
    display:none;
}

body.desarrollo #divBtnBibliotecaActividad button[onclick*="toggleModoLectura"]{
    display: block !important;
}

body[data-domain*="masterd.es"] #divBtnBibliotecaActividad button[onclick*="toggleModoLectura"]{
    display: block !important;
}



/*FIN DE BOTON*/


body.modolectura .menuPrincipalLateral {
    display: none;
}
body.modolectura .navbar-fixed-top {
    display: none;
}

body.modolectura #menuPrincipal {
    margin: 0 !important;
    width: 100% !important;
}
body.modolectura #divSecciones {
    margin: 0 !important;
}



#contenedorLectura img[src*="sombraLateralCurso"] {

    display: none;

}




#contenedorLectura div[id*="divComponente"] {
    margin-left: 0 !important;
}
#contenedorLectura div[id*="divComponente"] > iframe {
    min-height: 515px !important;
    width: 916px !important;
    max-width: 100%;
}

#contenedorLectura #contenido[data-fuente="serifa"],
#contenedorLectura #contenido[data-fuente="serifa"] *{
    font-family:Georgia,"Times New Roman",serif !important;
}

#contenedorLectura #contenido[data-fuente="sansserifa"],
#contenedorLectura #contenido[data-fuente="sansserifa"] *{
    font-family:Helvetica,Arial,sans-serif !important;
}


#contenedorLectura #contenido .tituloActividad,
#contenedorLectura #contenido .descripcionActividad,
#contenedorLectura #contenido .tituloContenido,
#contenedorLectura #contenido .textoContenido .descripcionContenido > *,
#contenido .textoContenido > p, 
#contenido .textoContenido > p > span, 
#contenido .textoContenido > span, 
#contenido .descripcionContenido {
    font-size: inherit !important;
    line-height: inherit !important;
}
#contenedorLectura .textoContenido > p, 
#contenedorLectura .textoContenido > p > span,
#contenedorLectura .textoContenido > span, 
#contenedorLectura .descripcionContenido {
    font-weight: inherit !important;
}

#contenedorLectura #contenido br {
    margin-bottom: 40px;
}
#contenedorLectura #contenido .faqRespuesta br + br {
    margin-bottom: 0;
}
#contenedorLectura .faqPregunta,
#contenedorLectura .faqPregunta *,
#contenedorLectura .faqRespuesta,
#contenedorLectura .faqRespuesta *{
    line-height:inherit !important;
    font-size:inherit !important;

}
#contenedorLectura .faqRespuesta p br {
    display: none;
}



/*FIN DE FUENTES*/


#contenedorLectura {
    background: #fafafa none repeat scroll 0 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    padding: 30px 0;
    /*padding: 30px calc(25% - 133px / 2) 30px calc(25% + 133px / 2);*/
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.25s ease-out;
    z-index: 2147483647;
}

#contenedorLectura #contenido {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 88%;
    padding-left: 133px;
    position: relative;
    width: 940px;
    transition:padding-left 0.5s ease-out;
}
#contenedorLectura.barraEscondida #contenido {
    padding-left: 0;
}

#contenedorLectura .textoContenido {
    padding-bottom: 10%;
}

#contenedorLectura #barraOpcionesModoLectura {
    background: #f6f6f6 none repeat scroll 0 0 !important;
    box-shadow: 0 2px 62px rgba(0, 0, 0, 0.1);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 133px;
    transition: left 0.5s ease-out 0s;
    transform: rotateY(0deg);
    z-index: 2147483648;
}

#contenedorLectura.barraEscondida #barraOpcionesModoLectura {
    left: -133px;
}

#contenedorLectura #toggleBarraOpcionesModoLectura {
    background: #222728 none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    cursor:pointer;
    font-size: 20px;
    height: 30px;
    left: 118px;
    padding: 4px 0 0 2px;
    position: fixed;
    text-align: center;
    top: 141px;
    transform: rotateY(0deg);
    transition: all 0.5s ease-out 0s;
    width: 30px;
    z-index: 2147483649;
}
#contenedorLectura:not(.barraEscondida) #toggleBarraOpcionesModoLectura {
    transform: rotateY(180deg);
}
#contenedorLectura.barraEscondida #toggleBarraOpcionesModoLectura {
    transform: rotateY(0deg);
    left: -10px;
}

#contenedorLectura #contenido.temaOscuro + #barraOpcionesModoLectura + #salirModoLectura + #toggleBarraOpcionesModoLectura {
    background: var(--colorPrincipal) none repeat scroll 0 0 !important;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura {
    padding: 0 14px;
    position: relative;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura .separadorOpcionesModoLectura {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    height: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

#contenedorLectura #temaColoresModoLectura {
    font-size: 14px;
    font-weight: 100;
    /*margin-top: 30px;*/
    text-align: center;
}
#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors {
    box-sizing: border-box !important;
    height: 50px;
    margin-top: 10px;
    padding: 0px;
    width: 100%;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div {
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor:pointer;
    display: block;
    float: left;
    height: 30px;
    margin-left: 1%;
    margin-right: 1%;
    width: 31% !important;
}
#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div#temaBlanco{
    background:#fafafa ;
}
#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div#temaNegro{
    background:#333333;
}
#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div#temaSepia{
    background:#f4ecd8;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div.active,
#contenedorLectura #barraOpcionesModoLectura #opcionesModoLectura #comboFuentes > div.active{
    position:relative;
}

#contenedorLectura #barraOpcionesModoLectura #opcionesModoLectura #comboFuentes > div.active::after {
    color: #04eacc;
    content: "";
    font-family: "ionicons" !important;
    font-size: 30px;
    position: absolute;
    right: -20px;
    top: 14px;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div.active::after{
    color: #04eacc;
    content: "";
    font-family: "ionicons" !important;
    font-size: 30px;
    position: absolute;
    right: 4px;
    top: 6px;
}

#contenedorLectura #errorModoLectura{
    font-size: 25px; 
    line-height: 30px; 
    text-align: center;
}
#contenedorLectura #contenido.temaOscuro #errorModoLectura {
    color: #ffffff;
}

#contenedorLectura #errorModoLectura a{
    color: rgb(56, 117, 215) !important; 
    font-size: 25px; 
    text-decoration: underline; 
    cursor:pointer;
}
#contenedorLectura #errorModoLecturaImagen {
    background: #333743 none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    height: 300px;
    margin: 0 auto 40px;
    max-height: 100%;
    max-width: 100%;
    padding: 50px 0 0;
    text-align: center;
    width: 300px;
}

#contenedorLectura #contenido.temaOscuro #errorModoLecturaImagen{
    background: #222222 none repeat scroll 0 0;
}



/*
#contenedorLectura #barraOpcionesModoLectura::before {
        content: "MODO LECTURA";
        display: block;
        font-size: 12px !important;
        left: 0;
        margin: 70px auto auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
}*/
#contenedorLectura #barraOpcionesModoLectura, #contenedorLectura #barraOpcionesModoLectura * {
    font-family: "open sans",sans-serif !important;
}

#contenedorLectura .color-box::before {
    display: block;
    left: -80px;
    margin-bottom: 20px;
    position: relative;
    top: 0;
    width: 100px;
}
#contenedorLectura #colorFondo.color-box::before {
    content: "Color fondo:";
}
#contenedorLectura #colorTexto.color-box::before {
    content: "Color texto:";
}

#contenedorLectura .color-box::after {
    /*background: #ffffff none repeat scroll 0 0;*/
    bottom: 0;
    content: "";
    height: 7px;
    position: absolute;
    right: 0;
    width: 7px;
    font-size: 13px !important;
}
#contenedorLectura .color-box {
    border: 1px solid #434343;
    /*bottom: 210px;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
    float: none;
    height: 25px;
    left: 40px;
    margin: 40px auto 0 !important;
    position: relative;
    width: 25px;
}


#contenedorLectura #textoTamanoFuente {
    color: #434343 !important;
    font-size: 15px !important;
    font-weight: 100;
    margin-bottom: 10px;
    /* margin-top: 30px;*/
    padding: 0 10px;
    position: relative;
    text-align: center;
}
#contenedorLectura #aumentaFuente {
    color: var(--colorPrincipal) !important;
    cursor: pointer;
    float: left;
    font-size: 45px !important;
    opacity: 1;
    position: relative;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
    width: 50%;
}
#contenedorLectura #aumentaFuente i{
    color:var(--colorPrincipal) !important;
}
#contenedorLectura #disminuyeFuente {
    color: var(--colorPrincipal) !important;
    cursor: pointer;
    float: left;
    font-size: 45px !important;
    opacity: 1;
    position: relative;
    text-align: center;
    transition: all 0.25s ease-in-out 0s;
    width: 50%;
}
#contenedorLectura #disminuyeFuente i{
    color:var(--colorPrincipal) !important;
}

#contenedorLectura #aumentaFuente:hover,
#contenedorLectura #disminuyeFuente:hover{
    opacity:0.6;
}

#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > .tituloOpcionesModoLectura {
    font-size: 21px;
    font-weight: 100;
    margin-bottom: 37px;
    margin-top: 28px;
    text-align: center;
}



#contenedorLectura #iconoLectura {
    background: #ffffff none repeat scroll 0 0;
    padding: 27px 0 48px;
    text-align: center;
}

#contenedorLectura #iconoLectura i {
    font-weight: 800;
    font-style: normal; font-family: "open sans",sans-serif ! important;
    font-size: 40px ! important;
    letter-spacing: -13.3px;
    padding: 0px ! important;
    margin-left: -18px ! important;
}
#contenedorLectura #salirModoLectura {
    bottom: 0;
    color: #ffffff !important;
    height: auto !important;
    left: 0;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    width: 100% !important;
}
#contenedorLectura #salirModoLectura button {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    border-radius: 0 !important;
    color: #ffffff !important;
    margin: 0 !important;
    opacity: 1;
    padding: 20px !important;
    transition: all 0.25s ease-out 0s;
    width: 100%;
}

#contenedorLectura #salirModoLectura {
    position: fixed;
    width: 133px !important;
    z-index: 2147483647 !important;
}




#contenedorLectura #barraOpcionesModoLectura {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

html.mobile #contenedorLectura #barraOpcionesModoLectura {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
#contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura {
    padding: 0 14px 90px;
}


#contenedorLectura #salirModoLectura button:hover{
    opacity:0.6;
}
#contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente span,
#contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior span{
    font-size: 135% !important;
}

#contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente i,
#contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior i {
    position: relative;
    top: 0 !important;
}

#contenedorLectura #salirModoLectura button,
#contenedorLectura #salirModoLectura button i,
#contenedorLectura #salirModoLectura button span{
    color: #ffffff !important;
    /*font-size:100% !important;*/
}

#contenedorLectura .botonActividadCurso > div.span8 > label,
#contenedorLectura .botonActividadCurso > div.span8 > p {
    letter-spacing: 0;
}
#contenedorLectura .botonera {
    display: block;
    height: 150px;
    margin-top: 80px !important;
    margin-bottom: 100px;
    position: relative;
    width: 100%;
}
#contenedorLectura .botonera .accionesCurso {
    float: none;
    margin: 0 auto;
    padding: 0 !important;
    width: 500px;
    max-width: 100%;
}
#contenedorLectura .botonera .accionesCurso .botonActividadCurso:first-child {
    border-right: 1px solid #f0f0f0 !important;
    max-width: 250px !important;
    padding-right: 0 !important;
}

#contenedorLectura .botonera .accionesCurso > .botonActividadCurso:last-child {
    margin-left: 70px !important;
    width: 100px !important;
}
#contenedorLectura .botonera .accionesCurso i {
    font-size: 70px !important;
}

#contenedorLectura .fechaPlanificado,
#contenedorLectura .fechaPlanificadoDerecha {
    font-size: 10px !important;
}

#contenedorLectura #contenido.temaOscuro .fechaPlanificado,
#contenedorLectura #contenido.temaOscuro .fechaPlanificadoDerecha,
#contenedorLectura #contenido.temaOscuro .botonActividadCurso > div.span8 > label,
#contenedorLectura #contenido.temaOscuro .botonActividadCurso > div.span8 > p{
    color:#fff;
}

#contenedorLectura #contenido.temaOscuro .divDescargaActividad {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#contenedorLectura #contenido.temaOscuro .botonera .accionesCurso i {
    color: #ffffff;
    text-shadow: none;
}


#contenedorLectura .botonActividadCurso > div.span8 > label:last-child, #contenedorLectura .botonActividadCurso > div.span8 > p:last-child {
    font-size: 11px !important;
    margin-left: -20px;
    width: 140px !important;
}


#contenedorLectura .navegacionCurso.navegacionCursoAnterior {
    bottom: -40px;
    position: absolute;
    text-align: left;
    width: 110px;
    left:0;
    cursor: default;
}

#contenedorLectura .navegacionCurso.navegacionCursoAnterior > div {
    padding-left: 24px;
    text-align: left;
    top: -4px;
}

#contenedorLectura .navegacionCurso.navegacionCursoSiguiente {
    bottom: -40px;
    position: absolute;
    text-align: right;
    width: 110px;
    right:0;
    cursor: default;
}
#contenedorLectura .navegacionCurso.navegacionCursoSiguiente > div {
    padding-right: 30px;
    text-align: right;
}

#contenedorLectura #comboFuentes {
    /*bottom: 90px;*/
    display: block;
    margin-top: 20px;
    padding: 0 10px !important;
    position: relative;
    width: 100%;
    font-size: 14px !important;
}
#contenedorLectura #comboFuentes span {
    color: #424242;
    font-family: "open sans",sans-serif !important;
    font-size: 14px !important;
}
#contenedorLectura #comboFuentes div {
    cursor: pointer;
}
#contenedorLectura #comboFuentes div i{
    display: block;
    font-size: 30px;
    font-style: normal !important;
    text-align: center;
}
#contenedorLectura #comboFuentes div span {
    display: block;
    margin: -10px auto 9px;
    text-align: center;
}

#contenedorLectura #comboFuentes select {
    height: 40px;
    padding: 0;
    width: 100%;
    font-size: 135% !important;
}#contenedorLectura #comboFuentes select option{
    font-size: 135% !important;
}
#contenedorLectura a.btn-primary {
    color: #ffffff;
}

#contenedorLectura iframe[src*="you"]{
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
#contenedorLectura .divDescargaActividad {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#contenedorLectura .divDescargaActividad .fondoGrisTituloAdjunto {
    float: none;
    width: 100%;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#contenedorLectura .divDescargaActividad .fondoGrisTituloAdjunto.enlaceDirectoDescarga {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#contenedorLectura .divDescargaActividad .fondoGrisOscuroAccionesBoton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#contenedorLectura .divDescargaActividad .fondoGrisOscuroAccionesBoton button {
    margin: 0 0 2px !important;
    min-width: 150px;
    width: auto;
}
#contenedorLectura .divDescargaActividad .fondoGrisOscuroAccionesBoton button {
    display: none;
}




/*FIN DE MODOLECTURA*/


#modalPoliticaIndex, #modalPoliticaIndex * {
    font-size: 14px !important;
    line-height: 19px !important;
}





/*MODAL EMPLEADO*/
#divAvisosModal-LOGIN_EMPLEADO {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-radius: 50% !important;
    bottom: 0 !important;
    box-shadow: 0 0 120px rgba(255, 255, 255, 0.05);
    color: #ffffff;
    height: 350px !important;
    left: 0 !important;
    margin: auto !important;
    overflow: hidden;
    padding: 20px 10px 10px;
    position: fixed;
    right: 0 !important;
    text-align: center;
    top: 0 !important;
    width: 350px !important;
}


#modalAvisosIndex-LOGIN_EMPLEADO .modal-body {
    color: #434343;
    font-weight: 100 !important;
    padding: 0;
    background:none;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body > div{
    overflow:hidden;
}




#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h1 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 100;
    letter-spacing: 6px;
    margin-bottom: 0;
    text-transform: uppercase;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h1 span {
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0;
    margin-top: -6px;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body i {
    color: #04eacc;
    display: block;
    font-size: 70px;
    margin-bottom: 30px;
    margin-top: 20px;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin-top:0px;
}

#modalAvisosIndex-LOGIN_EMPLEADO .modal-body i {
    -webkit-animation: loadingEmpleado 1.4s infinite; 
    -moz-animation:    loadingEmpleado 1.4s infinite; 
    -o-animation:      loadingEmpleado 1.4s infinite; 
    animation:         loadingEmpleado 1.4s infinite; 
}


@-webkit-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@-moz-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@-o-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}

/*FIN DE MODAL EMPLEADO*/


#botonResponderActividadIrTextArea{
    margin: -55px 0 0px auto;
    display: block;
    /*background: #04eacc !important;*/
    padding-left: 50px;
    position: absolute;
    left: 320px;
    border-radius: 5px !important;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;


}

#botonResponderActividadIrTextArea i{
    font-size: 31px;
    position: absolute;
    left: 15px;
    margin-top: -8px;

}


#frameScormsActividad{
    border: none;
    position: relative;
    z-index: 999;
}


.pantallaCompleta {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0 !important;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    z-index: 2147483637;
}

.enlaceCircular {
    cursor: pointer;
    font-size: 14px;
    font-weight: 100;
    margin-right: 20px;
    opacity: 1;
    transform: scale(1);
    transition: all 0.1s ease-out !important;
    text-decoration: none !important;
}

.enlaceCircularDosLineas > span {
    display: inline-block;
    font-weight: 100;
    line-height: 16px;
    position: relative;
    /*text-transform: uppercase;*/
    top: 5px;
    color: var(--colorPrincipal);
}

.enlaceCircularDeshabilitado{
    opacity: 0.5
}

.enlaceCircular:first-child:last-child {
    margin-right: 0;
}


.enlaceCircular::before {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 24px;
    height: 37px;
    line-height: 25px;
    margin-right: 10px;
    padding-top: 6px;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    text-decoration: none !important;
    width: 37px;
}
.enlaceCircular.negativo::before{
    background: #cc5a5a none repeat scroll 0 0;
}
.enlaceCircular:hover::before {
    /*transform:rotate(180deg)*/
    transform: scale(0.8);
}


#contenedorMenuScorm.pantallaCompleta{
    transform: translate(-45px , -40px) !important;
    padding: 40px;
    padding-top: 0px;
    box-sizing: border-box;
    background: #fff;
}

#contenedorMenuScorm {
    border-bottom: solid 1px #ccc;
    padding-bottom: 30px;
    border-top: solid 1px #ccc;
}


#contenedorMenuScorm.pantallaCompleta #textoMensajePonerActividadScormPantallaCompleta {
    display: none;
}

#contenedorMenuScorm #botonPantallaCompletaScorm{
    position: absolute;
    right: 350px;
    top: 36px;
}
#contenedorMenuScorm.pantallaCompleta #botonPantallaCompletaScorm{
    top: 10px;
}

#contenedorMenuScorm #btnPantCompContenendorVisualizacionScorm{
    position: absolute; 
    right: 190px; 
    top: 39px;
}

#contenedorMenuScorm.pantallaCompleta #btnPantCompContenendorVisualizacionScorm{
    top: 10px;
}


#contenedorMenuScorm #btnRecargarContenendorVisualizacionScorm{
    position: absolute; 
    right: 20px; 
    top: 39px;
}

#contenedorMenuScorm.pantallaCompleta #btnRecargarContenendorVisualizacionScorm{
    top: 10px;
}



div.textoContenido a.enlaceCircular {
    text-decoration: none !important;
}



#divFrameScormsCurso.pantallaCompleta {
    transform: translate(-46px, -37px);
    padding: 40px;
}

.certificaciones .enlaceCircular{
    display: block;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 600;
}



.certificaciones .enlaceCircular.comprarCertificacion::before {
    background-color: #04eacc;

}
.certificaciones .enlaceCircular.comprarCertificacion {
    color: #04eacc;

}

.certificaciones .enlaceCircular.validando::before {
    background-color: #222728;
    cursor: default;
    text-decoration: none !important;
    transform: scale(1) !important;

}
.certificaciones .enlaceCircular.validando {
    color: #222728;
    cursor: default;
    text-decoration: none !important;

}

.certificaciones .enlaceCircular:first-child:last-child {
    margin-top: 35px;
}

/*PROGRAMACION TELEVISION*/


#widgetTelevision .widgetcontent{
    max-height: 450px;
    padding: 0px !important;
    overflow: hidden;
    background: #fff;
    text-align: center;
}
#contenedor-programacion #botonCargarContenidoTelevision{
    background: var(--colorPrincipal);border-radius: 5px !important;color: #fff; margin-right:0px !important;
}

#widgetTelevision .widgettitle{
    text-transform: none !important;
}



#widgetTelevision .widgetcontent #contenedor-programacion{
    display: none;
}
#contenedor-programacion tr td span{
    cursor: pointer;
}
#contenedor-programacion table thead{
    display: none;
}

#contenedor-programacion button {
    background: var(--colorPrincipal);
    color: #fff;
    border: none;
    padding: 5px;
    border-radius: 3px;
}

#contenedor-programacion tr.ahora td span.emitiendo {
    background: #ff575b;
}


.tooltip.top {
    margin-top: -30px;
}

#contenedor-programacion .collapse {
    display: none;
}
#contenedor-programacion .collapse.in {
    display: block;
}

#contenedor-programacion .actual.collapse {
    display: none;
}

#contenedor-programacion tr.collapse.in {
    display: table-row;
}

#contenedor-programacion .visible-tabla {
    display: table-row;
}



#contenedor-programacion .tv-container, .tv-container-categoria {
    overflow: hidden;
    background-color: #000;
    padding: 30px 20px;
}
#contenedor-programacion .tv-video {
    width: 100%;
}
#contenedor-programacion .titulo-video {
    color: #999;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#contenedor-programacion .infoprox, #contenedor-programacion .infoprox h4 {
    color: #fff;
}
#contenedor-programacion .sin-contenido {
    min-height: 200px;
    text-align: center;
    padding: 50px;
}
#contenedor-programacion .overlay {
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.0); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}
#contenedor-programacion .overlay-oscuro {
    position: absolute; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    display: none;
}
#directo {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(252, 47, 47);
    font-size: 18px;
    text-shadow: 0px 0px 8px rgb(254, 254, 254);
    font-family: "Mic32", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: rgba(0,0,0,0.4);
    padding: 5px;
    border-radius: 0 0 0 5px;
    text-transform: uppercase;
}
#contenedor-programacion .destacado, #contenedor-programacion .destacado > .horario > .hora {
    color: #f56600!important;
    font-weight: bold;
}
#contenedor-programacion #contenedor-banner-2 {
    margin-top: 20px;
}
#contenedor-programacion tr.ahora {
    background-color: #e6e6e6;
}
#contenedor-programacion .emitiendo {
    display: none;
}
#contenedor-programacion tr.ahora .emitiendo{
    display: block !important;
    padding: 5px;
    margin-top: 2px;
}
#contenedor-programacion tr.separacion {
    background-color: #f3f3f3;
    border-top: 3px solid #f56600;
}
#contenedor-programacion .franjahoraria {
    text-transform: uppercase;
}
#contenedor-programacion .programacion {
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    color: #2f2f2f;
    overflow: hidden;
    /* border: 1px solid #ccc;*/
}
#contenedor-programacion .control-programacion i {
    font-size: 14px;
}
#contenedor-programacion #verMenosProgramacion {
    display: none;
}
#contenedor-programacion .programacion .nav-tabs {
    /*background-color: #e9e9e9;*/
    /*margin-bottom: 0px;*/
    display: none;
}
#contenedor-programacion .programacion > .nav-tabs > li > a {
    padding: 10px 12px;
}
#contenedor-programacion .programacion ul.programas {
    padding: 0 20px;
}
#contenedor-programacion .programacion .nav-tabs > li.pestana-dia{
    border-bottom: none !important;
    padding: 7px 7px 0px !important;
}
#contenedor-programacion .programacion .nav-tabs > li.pestana-dia a {
    font-size: 14px;
    text-transform: none !important;

}
#contenedor-programacion .programas {
    margin-bottom: 0;
}
#contenedor-programacion .programacion ul.programas li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #f56600;
}
#contenedor-programacion .programacion ul.programas li.active {
    background-color: #f56600;
    color: #fff;
}
#contenedor-programacion .programacion .nav-tabs > li.active > a, 
#contenedor-programacion .programacion .nav-tabs > li.active > a:focus, 
#contenedor-programacion .programacion .nav-tabs > li.active > a:hover {
    background-color: #fff;
    color: #202020;
    border-radius: 0;
    font-weight: bold;
    border: 1px solid #fff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
}
#contenedor-programacion .programacion .nav-tabs > li > a {
    color: #878787;
    text-transform: uppercase;
}
#contenedor-programacion .programas th, .programas td {
    text-align: left;
}

#contenedor-programacion #banners {
    padding-right: 0;
    margin-top: 10px;
}
#contenedor-programacion #contenedor-programacion {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
}
#contenedor-programacion .hora {
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}
#contenedor-programacion td.horario {
    width: 98px;
    text-align: center;
    padding-top: 16px;
}
#contenedor-programacion .navega-dia {
    cursor: pointer;
    padding: 9px;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 8px #fff;
}
#contenedor-programacion #descripcion {
    color: #999;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
}
#contenedor-programacion .ver-mas-categoria {
    padding: 20px 0;
}
#contenedor-programacion .ver-mas-categoria i {
    padding: 10px 4px;
}
#contenedor-programacion .collapse.in.actual.evento-anterior {
    display: none;
}
#contenedor-programacion .ver {
    display: block;
}
#contenedor-programacion .actual.collapse {
    display: none;
}
#contenedor-programacion .seccion-subcategorias {
    background-color: #F9F9F9;
    color: #757575;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-top: 30px;
}
#contenedor-programacion .titulo-subcategoria {
    color: #474747;
    font-family: "Lato",sans-serif;
    font-size: 30px;
    text-shadow: 0px 0px 3px #fff;
}
#contenedor-programacion .row-subcategoria {
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff3;
}
#contenedor-programacion .rrss-container {
    background-color: #e6e6e6;
}
#contenedor-programacion ul.social-network li {
    display: inline;
    margin: 0 5px;
}
#contenedor-programacion .social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
}
#contenedor-programacion .social-circle i {
    color: #7a7a7a;
    transition: all 0.8s;
}
#contenedor-programacion .social-circle li a {
    background-color: #FFF;
}
#contenedor-programacion .social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
}
#contenedor-programacion .social-circle li a:hover i, 
#contenedor-programacion .triggeredHover {
    transform: rotate(360deg);
    transition: all 0.2s;
}

/** fin footer */
#contenedor-programacion .no-padding {
    padding: 0;
}
#contenedor-programacion .no-padding-right {
    padding-right: 0;
}
#contenedor-programacion .no-padding-left {
    padding-left: 0;
}

/*FIN DE PROGRAMACION TELEVISION*/









/*INDEX OPTIMIZADA PARA MOVILES*/


#dashboard #notificacionesUsario{
    display: none;
}
#dockIconos {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    color: #fff;
}

html.mobile.landscape #dockIconos {
    position: relative;
}
html.mobile.landscape body[data-domain*="localhost"] #dockIconos {
    position: fixed;
}

#dockIconos #tituloWidgets{
    clear: both;
    background: #222728;
    display: inline-block;
    border-radius: 5px;
    font-weight: 700;
    padding: 1px 5px 0;
    margin-bottom: 10px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
    letter-spacing: -0.2px;
    margin-top: 20px;
}

#dockIconos #tituloAccesosDirectos {
    clear: both;
    background: #222728;
    display: inline-block;
    border-radius: 5px;
    font-weight: 700;
    padding: 1px 5px 0;
    margin-bottom: 10px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.1);
    letter-spacing: -0.2px;
    margin-top: 20px;
}



#dockIconos #seccionWidgets .seccionWidgetsItem{float: left;}

html.landscape #dockIconos #seccionWidgets .seccionWidgetsItem {
    width: calc(100% / 5) !important;
    text-align: center;
}
html.landscape #dockIconos #seccionWidgets .seccionWidgetsItem a p {
    width: 100% !important;
}
html.landscape #dockIconos #seccionWidgets .seccionWidgetsItem a p br {
    display: none;
}


#dockIconos #seccionWidgets .seccionWidgetsItem.empty, #dockIconos #seccionWidgets .seccionWidgetsItem.empty *{
    height: 1px;
    overflow: hidden;
    opacity: 0;
    cursor: default !important;
}
#dockIconos #seccionWidgets .seccionWidgetsItem a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
    position: relative;
}

#dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: var(--colorPrincipal);
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
    position: relative;
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
}


body.variasEscuelas #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #ed6a34;
}
body.masterd #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #ed6a34;
}
body.escuelaveterinaria #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #00a980;
}
body.institutotecnologico #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #3b5a79;
}
body.escuelaaudiovisual #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #576570;
}
body.escuelahosteleriayturismo #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #e83670;
}
body.creadiseno #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #e8ad53;
}
body.escuelasanidad #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #0bb4d5;
}
body.uax #dockIconos #seccionWidgets .seccionWidgetsItem a > span{
    background: #ecbc00;
}

#dockIconos #seccionWidgets .seccionWidgetsItem a > span u{
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #222728;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: -0.2px;
    width: 20px;
    height: 20px;
    z-index: 99;
}
#dockIconos #seccionWidgets .seccionWidgetsItem a > span u:empty{
    display: none;
}
#dockIconos #seccionWidgets .seccionWidgetsItem a > span i{
    color:#fff;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.1);
    font-size: 30px;
    font-family: "Ionicons" !important;
}
#dockIconos #seccionWidgets .seccionWidgetsItem a p{
    color: #fff;
    overflow: hidden;
    font-size: 13px;
    line-height: 14px;
    margin-top: 7px;
    margin-bottom: 0;
    font-weight: 600;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    letter-spacing: -0.4px;
}

#dockIconos #seccionWidgets .seccionWidgetsItem a > span i span {
    font-family: "open sans" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 700;
    left: -4px;
    letter-spacing: -7px;
    opacity: 1;
    position: relative;
    top: -1px;
}

#dockIconos #seccionWidgets .seccionWidgetsItem.botonMenuLearNNity a > span{
    background: var(--colorPrincipal) !important;
    padding-top:15px !important;
}

html.mobile body.indexOptimizadaMobile.uax #dockIconos #seccionWidgets .seccionWidgetsItem.botonMenuUax a > span{background-color: #ecbc00 !important;}


#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem{float: left;}

html.landscape #dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem {
    width: calc(100% / 5) !important;
    text-align: center;
}
html.landscape #dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a p {
    width: 100% !important;
}
html.landscape #dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a p br {
    display: none;
}


#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a{
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
    position: relative;
}


#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a > span{
    background: #3b3f46;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
    position: relative;
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
}
body.uax #dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a > span{
    background: #c6c6c6;
}
#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a span u{
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #222728;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: -0.2px;
    width: 20px;
    height: 20px;
    z-index: 99;
}
#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a span u:empty{
    display: none;
}



#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a > span i{
    color:#fff;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.1);
    font-size: 30px;
    font-family: "Ionicons" !important;
}


body.uax #dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a > span i{
    color:#fff;
}



#dockIconos #seccionAccesosDirectos .seccionAccesosDirectosItem a p{ 
    color: #fff;
    overflow: hidden;
    font-size: 13px;
    line-height: 14px;
    margin-top: 7px;
    margin-bottom: 0;
    font-weight: 600;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    letter-spacing: -0.4px;
}


html.mobile .collapse.open {
    height: auto;
}

html.mobile body.indexOptimizadaMobile #menuPrincipal > #divSecciones {
    margin-top: 15px !important;
    padding: 0 10px;
}

html.mobile #contenedor_global #panelWidgetsMobile{
    display: block !important;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    height: 100%;
    right: -95%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 95%;
    /*max-width: 320px;*/
    padding: 50px 10px 0px;
    box-sizing: border-box;
    z-index: 2147483646 !important;
    transition: all 0.45s ease-in-out;
}

html.mobile #contenedor_global #panelWidgetsMobile.in {
    right: 0% !important;
}


html.mobile #contenedor_global #backdropWidgetsMobile{
    display: block !important;
    background-color: rgba(0,0,0,0.6);
    height: 100%;
    right: -10%;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 10%;
    padding: 0px ;
    box-sizing: border-box;
    z-index: 2147483645 !important;
    opacity: 0;
    transition: all 0.45s ease-in-out 0s;
}
html.mobile #contenedor_global #backdropWidgetsMobile.in {
    right: 90% !important;
    opacity: 1 !important;
    transition: all 0.45s ease-in-out 0.2s;
}






html.mobile #contenedor_global #panelWidgetsMobile #cerrarContenidoWidgetsMobile{
    cursor: pointer !important;
    background: #ed6a34;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0;
    position: fixed;
    right: -80%;
    top: 10px;
    z-index: 2147483646 !important;
    transition: right 0.45s ease;
}

html.mobile body.uax #contenedor_global #panelWidgetsMobile #cerrarContenidoWidgetsMobile{
    background: #ecbc00; 
}
html.mobile #contenedor_global #panelWidgetsMobile.in #cerrarContenidoWidgetsMobile{
    right: 10px !important;
}


html.mobile #contenedor_global #panelWidgetsMobile #cerrarContenidoWidgetsMobile i {
    margin-right: 5px;
}


html.mobile #widget2.widget {
    opacity: 1 !important;
    width: 100% !important;
    box-sizing: border-box;
}

html.mobile #widget2.widget .widgetcontent{
    width: 100% !important;
    box-sizing: border-box;
}

html.mobile #widget2.widget .widgetcontent #contenidocursos{
    border-radius: 5px !important;
    width: 100% !important;
    box-sizing: border-box;
}
html.mobile.landscape #widget2.widget .widgetcontent #contenidocursos{
    height: auto!important;
    max-height: none !important;
}


html.mobile #widget2.widget .widgetcontent #contenidocursos div.fondoWidgetCurso{
    width: 100% !important;
    box-sizing: border-box;
}


html.mobile #contenidocursos .fondoHomeTuCurso{
    margin: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
    box-sizing: border-box;
}



html.mobile #contenidocursos .fondoHomeTuCurso .cabeceraCurso{
    position: relative;
}
html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso:nth-child(1){
    border-radius: 0px !important;
}
html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso + .fondoHomeTuCurso{
    border-radius: 0px !important;
}

html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso{
    padding: 0 10px !important;
    box-sizing: border-box;
    box-shadow: none;
    background: rgba(255,255,255,0.70) !important;
}

html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso:nth-child(2n+1){
    background: rgba(255,255,255,0.80) !important;
}



html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso{
    background: none !important;
    display: block !important;
    position: relative;
    height: auto;
    margin-bottom: 30px;
    margin-top: 25px;
}

html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10{
    display: block !important;
    box-sizing: border-box;
    width: calc(100% - 70px) !important;
    float: left;
    margin-left: 10px;
    padding-left: 0;
    min-height: auto;
}

html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) .span4:not(.fondoGrisBoton){
    border: none;
}

html.mobile .fondoHomeTuCurso .cabeceraCurso .contenedorPaddingImagenCursoRama{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block !important;
    position: relative !important;
    float: left !important;
}
html.mobile .fondoHomeTuCurso .cabeceraCurso .contenedorPaddingImagenCursoRama .contenedorImagenCursoRama {
    padding: 0px;
}
html.mobile .fondoHomeTuCurso .cabeceraCurso .contenedorImagenCursoRama img{
    width: 100%;
    height: 100%;
    display: block;
}

/*
html.mobile #menuPrincipal > .navbar-fixed-top{
    display: none !important;
}

*/

html.mobile .textoMensajeMisCursos {
    text-align: center;
    min-height: 0 !important;
    margin-bottom: 25px;
}

html.mobile .textoMensajeMisCursos p.botonWidgetMisCursosMobile {
    display: inline-block;
    /*max-width: calc((100% / 3) - 20px);*/
    max-width: 77px;
    text-align: left;
    padding-left: 24px;
    box-sizing: border-box;
    position: relative;
    margin-right: 18px;
    margin-bottom: 0;
    cursor: pointer;
}
html.mobile .textoMensajeMisCursos p.botonWidgetMisCursosMobile:nth-child(3){
    margin-right: 0px;
}
html.mobile .textoMensajeMisCursos p.botonWidgetMisCursosMobile i {
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 33px;
}
html.mobile .textoMensajeMisCursos p.botonWidgetMisCursosMobile.botonWidgetEntrenateMisCursosMobile i{
    font-size: 28px;
    top: 0;
}
html.mobile .textoMensajeMisCursos p.botonWidgetMisCursosMobile span {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: -0.2px;
}


html.mobile body.sinProgreso #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso > div {

    display: block !important;
    width: 100% !important;
    position: relative;
    margin-top: 9px;
}

html.mobile #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso > span {
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 400;
    margin-top: 3px;
}



html.mobile #dashboard #widget2.widget div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress {
    width: 100% !important;
    max-width: calc(100% - 40px);
    border-radius: 3px !important;
    box-shadow: none !important;
    height: 4px;
    background: #fff !important;
}

html.mobile #dashboard #widget2.widget .fondoHomeTuCurso div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    height: 4px;
}
html.mobile #dashboard #widget2.widget div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar > p {
    display: none;
}


/*COLOR MD*/
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="accesoGradoMedio"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="accesoUniversidad"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="administracion"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="administracionJusticiaHacienda"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="administrativo"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="bomberoPoliciaLocal"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="bt_masterd"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="certificaciones"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="creativas"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="cuerposCatalanes"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="derecho"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="educacion"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="foral"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="forestal"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="fuerzasCuerposEstado"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="graduadoEso"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="habilitaciones"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="hacienda"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="idiomas"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="justiciaCorreos"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="managering"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="md"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="oposiciones"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="secundaria"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="serviciosAuxiliares"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="socioeducativa"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="tailor"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="accesoUniversidad"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="Titulaciones"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #f56600 !important;
}

html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="veterinaria"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #01b286 !important;
}
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="audiovisuales"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #536772 !important;
}
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="creadiseno"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="interiores"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #faac40 !important;
}
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="gastronomia"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="hosteleria"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #fc1679 !important;
}

html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="informatica"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="energiasRenovables"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="mantenimientoIndustrial"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #02528d !important;
}
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="sanidad"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="serviciosSalud"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar,
html.mobile #dashboard #widget2.widget .fondoHomeTuCurso[data-rama="social"] div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress > div.bar{
    background: #51c1e9 !important;
}



html.mobile #dashboard #widget2.widget div.cabeceraCurso > .span10 .detalleCabeceraCurso i.percentMobile {
    display: block !important;
    font-style: unset;
    position: absolute;
    right: 0px;
    top: -8px;
    font-size: 12px;
    font-weight: 700;
}


html.mobile body.indexOptimizadaMobile .detalleCabeceraCurso div[id*="pctProgresoCursoHome"]{
    display: block !important;
    position: relative;
    margin-top: 10px;
}
html.mobile body.indexOptimizadaMobile #AvatarMLR > #avatarImagenMLR{
    height: 140px;
    width: 140px;
}
html.mobile body.indexOptimizadaMobile #AvatarMLR > #avatarImagenMLR > #imagenUsuarioBorderMLR{
    height: 132px;
    width: 132px;
}

html.mobile #contenedor_global > #menuLateralResponsive > ul > li > a{
    font-size: 12px;
    padding: 15px 20px 15px 40px;
    position: relative;
}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle{
    font-size: 12px;
}
html.mobile #contenedor_global > #menuLateralResponsive > ul > li > a::before {
    font-size: 17px;
    margin-right: 10px;
    position: absolute;
    left: 8px;
    width: 30px;
    display: inline-block;
    text-align: center;
}

html.mobile #contenedor_global > #menuLateralResponsive > ul > li > .dropdown-toggle::before{
    font-size: 9px !important;
    margin-right: 13px;
    margin-left: 0px;
}



html.mobile #menuLateralResponsive > ul > li > ul > li > a::before {
    font-size: 5px !important;
    position: absolute;
    top: 2px;
    left: 18px;
}







html.mobile body.indexOptimizadaMobile #contenidoWidgetEncuestas{
    background: url('../images/encuestas/fondo_widget_enuestas.png') no-repeat scroll right center / auto 100% rgba(255, 255, 255, 1) !important;
}
html.mobile #contenedor_global #panelWidgetsMobile .contenidoPanelWidgetsMobile h2 {
    padding-left: 15px;
    letter-spacing: -0.8px;
    font-size: 20px;
}

html.mobile #contenedor_global #panelWidgetsMobile .divEncuesta {
    padding: 10px 0 !important;
}
html.mobile body.indexOptimizadaMobile #modalCuadradaContenedor .modalCuadrada {
    height: calc(90% - 40px) !important;
    max-height: 90%;
    padding: 30px 10px !important;
    top: calc(5% + 20px);
    width: calc(100% - 20px) !important;
}

html.mobile body.indexOptimizadaMobile .divListadoPreguntasEncuesta > .divAgrupacionListadoPreguntas > .divPregunta {
    margin-left: 0px;
}


html.mobile body.indexOptimizadaMobile #widget_twitter{
    height: 100% !important;
}






html.mobile body.indexOptimizadaMobile #tituloMisCursos {

    position: fixed;
    top: 8px;
    background: #222728;
    left: 30px;
    color: #fff;
    padding: 5px 7px !important;
    font-size: 11px;
    line-height: 14px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 150;
}

html.mobile body.indexOptimizadaMobile p#imagenFondo{
    background-image: none !important
}

html.mobile body.indexOptimizadaMobile.variasEscuelas p#imagenFondo{
    background: #222728 !important;
    background: -moz-linear-gradient(top, #222728 0%, #596467 100%) !important;
    background: -webkit-linear-gradient(top, #222728 0%,#596467 100%) !important;
    background: linear-gradient(to bottom, #222728 0%,#596467 100%) !important;
}
html.mobile body.indexOptimizadaMobile.masterd p#imagenFondo{
    background: #ed6a34 !important;
    background: -moz-linear-gradient(top, #ed6a34 0%, #596467 100%) !important;
    background: -webkit-linear-gradient(top, #ed6a34 0%,#596467 100%) !important;
    background: linear-gradient(to bottom, #ed6a34 0%,#596467 100%) !important;
}
html.mobile body.indexOptimizadaMobile.escuelaveterinaria p#imagenFondo{
    background: #29846e !important;
    background: -moz-linear-gradient(top, #00a980 0%, #596467 100%) !important;
    background: -webkit-linear-gradient(top, #00a980 0%,#596467 100%) !important;
    background: linear-gradient(to bottom, #00a980 0%,#596467 100%) !important;
}
html.mobile body.indexOptimizadaMobile.institutotecnologico p#imagenFondo{
    background: #3b5a79 !important;
    background: -moz-linear-gradient(top, #3b5a79 50%, #ddcc58 100%) !important;
    background: -webkit-linear-gradient(top, #3b5a79 50%,#ddcc58 100%) !important;
    background: linear-gradient(to bottom, #3b5a79 50%,#ddcc58 100%) !important;
}
html.mobile body.indexOptimizadaMobile.escuelaaudiovisual p#imagenFondo{
    background: #576570 !important;
    background: -moz-linear-gradient(top, #576570 0%, #999999 100%) !important;
    background: -webkit-linear-gradient(top, #576570 0%,#999999 100%) !important;
    background: linear-gradient(to bottom, #576570 0%,#999999 100%) !important;
}
html.mobile body.indexOptimizadaMobile.escuelahosteleriayturismo p#imagenFondo{
    background: #e83670 !important;
    background: -moz-linear-gradient(top, #e83670 0%, #596467 100%) !important;
    background: -webkit-linear-gradient(top, #e83670 0%,#596467 100%) !important;
    background: linear-gradient(to bottom, #e83670 0%,#596467 100%) !important;
}
html.mobile body.indexOptimizadaMobile.creadiseno p#imagenFondo{
    background: #e8ad53 !important;
    background: -moz-linear-gradient(top, #e8ad53 0%, #596467 100%) !important;
    background: -webkit-linear-gradient(top, #e8ad53 0%,#596467 100%) !important;
    background: linear-gradient(to bottom, #e8ad53 0%,#596467 100%) !important;
}
html.mobile body.indexOptimizadaMobile.escuelasanidad p#imagenFondo{
    background: #0bb4d5 !important;
    background: -moz-linear-gradient(top, #0bb4d5 0%, #CCCCCC 100%) !important;
    background: -webkit-linear-gradient(top, #0bb4d5 0%,#CCCCCC 100%) !important;
    background: linear-gradient(to bottom, #0bb4d5 0%,#CCCCCC 100%) !important;
}
html.mobile body.indexOptimizadaMobile.uax p#imagenFondo{
    background: #01406c !important;
}

html.mobile body.indexOptimizadaMobile.uax #iconoAcuerdo{
    display: none;
}


.cbutton {
    overflow: visible;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    z-index: 999999;
}

.cbutton.cbutton--click,
.cbutton:focus {
    outline: none;
    /*color: #3c8ddc;*/
}

.cbutton__icon {
    display: block;
}

.cbutton__text {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cbutton::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
}

.cbutton--box {
    width: 24px;
    height: 24px;
    border: 4px solid rgb(22, 35, 47);
}

/* Novak */


body.variasEscuelas .cbutton--effect-novak::after {
    background: rgba(34,39,40,1);
}
body.masterd .cbutton--effect-novak::after {
    background: rgba(237,106,52,1);
}
body.escuelaveterinaria .cbutton--effect-novak::after {
    background: rgba(0,169,128,1);
}
body.institutotecnologico .cbutton--effect-novak::after {
    background: rgba(59,90,121,1);
}
body.escuelaaudiovisual .cbutton--effect-novak::after {
    background: rgba(81,101,112,1);
}
body.escuelahosteleriayturismo .cbutton--effect-novak::after {
    background: rgba(232,54,112,1);
}
body.creadiseno .cbutton--effect-novak::after {
    background: rgba(232,173,83,1);
}
body.escuelasanidad .cbutton--effect-novak::after {
    background: rgba(11,180,213,1);
}
body.uax .cbutton--effect-novak::after {
    background: rgba(236,188,0,1);
}



.cbutton--effect-novak::after {
    background: rgba(245,102,0,1);
}
.cbutton--effect-novak.gris::after {
    background: rgba(40,38,37,0.35) !important;
}
.cbutton--effect-novak.azul::after {
    background: rgba(56,117,215,0.55) !important;
}

.cbutton--effect-novak.cbutton--click::after {
    -webkit-animation: anim-effect-novak 0.5s forwards;
    animation: anim-effect-novak 0.5s forwards;
}

@-webkit-keyframes anim-effect-novak {
    0% {
        opacity: 0.6;
        -webkit-transform: scale3d(0.1, 0.1, 1);
        transform: scale3d(0.1, 0.1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(4, 4, 1);
        transform: scale3d(4, 4, 1);
    }
}

@keyframes anim-effect-novak {
    0% {
        opacity: 0.6;
        -webkit-transform: scale3d(0.1, 0.1, 1);
        transform: scale3d(0.1, 0.1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(4, 4, 1);
        transform: scale3d(4, 4, 1);
    }
}


html.mobile.portrait body.index{
    touch-action: pan-down;
}

body.index #botonMovilVolverAlInicio {
    display: none;
}
/*FIN DE INDEX OPTIMIZADA PARA MOVILES*/


#textoMensajePonerActividadScormPantallaCompleta + #textoMensajePonerActividadScormPantallaCompleta {
    display: none;
}

/*ABEL*/
.contenedorInformacionProrrogaMatricula{
    margin-top: 20px;
}
/* FIN ABEL */

/*Para que no muestre los botones de flash en la mensajeria si el html no tiene la clase flash*/
html #pantallaMensajeria .tabletools .groupTableToolButton a:not(.DTTT_button_print) {
    display: none;
}

/*oculta temporalmente los primeros 4 botones del tabletools de la mensajeria, ya que en firefox si que esta la clase flashPlayer cuando esta deshabilitado*/
#pantallaMensajeria .tabletools .groupTableToolButton a#ToolTables_tablaBuzonEntrada_0{display: none;}
#pantallaMensajeria .tabletools .groupTableToolButton a#ToolTables_tablaBuzonEntrada_1{display: none;}
#pantallaMensajeria .tabletools .groupTableToolButton a#ToolTables_tablaBuzonEntrada_2{display: none;}
#pantallaMensajeria .tabletools .groupTableToolButton a#ToolTables_tablaBuzonEntrada_3{display: none;}











#descargarDocumentoLOPD > a {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #fff;
    cursor: pointer !important;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0px;
    opacity: 1;
    padding: 10px 10px;
    position: relative;
    text-decoration: none;
    border-radius: 5px !important;
}

#tituloLOPD {
    font-size: 16px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 10px;
}

#textoCorridoLOPD {
    font-size: 12px !important;
    line-height: 16px !important;
}
#textoCorridoLOPD ul {
    margin-left: 15px;
}
#textoCorridoLOPD ul li b {
    display: block;
}
#textoCorridoLOPD > b {
    display: block;
}
#textoCorridoLOPD * {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
}

#textoCorridoLOPD br {
    display: none;
}


.contenedorInformacionProrrogaMatricula{
    margin-top: 20px;
}


/* INICIO SIMULACROS */


p.cabecerasTablaPsicotecnicos > span{
    border-bottom: solid 1px #eeeeee;
    font-size: 18px;
    line-height: 12px;

    display: table-cell;
    padding: 15px 0;

}

.listadoPsicotecnicos p::after {
    display: none
}


.listadoPsicotecnicos {
    margin-top: 20px;
    display: table;
    width: 100%;
    margin-bottom: 80px;
}


.cabecerasTablaPsicotecnicos{
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 16px;
    font-size: 140px;
    font-weight: 100;
}





#divListadoPsiocotecnicos > p,
#listadoPsicotecnico-nuevoTest > p,
#listadoPsicotecnico-listado > p,
#divResumenSimulacro > p{
	margin: 2% 2% 2% 0%;
}

.tabla.tablaPsicotecnicos{
	width: 100%;
	/*display: table;*/
	display: block
}
.tabla.tablaPsicotecnicos .cabecerasTabla{
	background: #222728;
	/*display: table-row;*/
	width: 100%;
	display: block;
	margin: 0px !important;
}

.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo{
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0px;
	cursor: default;
	background: #222728;
	box-sizing: border-box;
	padding: 2px 10px;
	/*display: table-cell;*/
	display: inline-block;
}


.tabla.tablaPsicotecnicos .listadoOposicionesItem {
    border-bottom: 1px solid #F0F0F0;
    padding: 5px 0;
    list-style-type: square;
    /*display: table-row;*/
	display: block;
    width: 100%;
    box-sizing: border-box;
    margin-left: 20px;
    position: relative;
	
	margin: 0 !important;
}

.tabla.tablaPsicotecnicos .listadoOposicionesItem:hover {
    background: rgba(0,0,0,0.03);
	cursor: pointer;
}
.tabla.tablaPsicotecnicos .listadoOposicionesItem:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo {
    /*display: table-cell;*/
	display: inline-block;
    padding: 15px 0;
}

.tabla.tablaPsicotecnicos .listadoOposicionesItem.suma {
    background: #f0f0f0;
}
.tabla.tablaPsicotecnicos .listadoOposicionesItem.suma .listadoOposicionesItemCampo {
    font-weight: 700;
}


#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo,
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo{
	padding-left: 10px !important;
	box-sizing: border-box;
}

#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(1),
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(1) {   
	width: calc(100% - 950px);
}

#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(2),
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(2){
	width: 450px;
}

#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(3),
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(3){
	width: 100px;
	text-align: center;
}

#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(4),
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(4){
	width: 100px;
	text-align: center;
}

#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(5),
#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(5){
	width: 280px;
}







#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo,
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo{
	box-sizing: border-box;
	padding-left: 10px !important;
}

#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(1),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(1) {  
	width: calc(100% - 810px);
}

#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(2),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(2){
	width: 400px;
}

#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(3),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(3){
	width: 100px;
	text-align: center;
}

#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(4),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(4){
	width: 100px;
	text-align: center;
}
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(5),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(5){
	width: 150px;
	text-align: center;
}


#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico:not(:empty) {
    display: block;
	width: 90%;
	margin: 20px auto ;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	padding: 20px 20px;
}


#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico:not(:empty) .cabecerasTabla,
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico:not(:empty) .cabecerasTabla .listadoOposicionesItemCampo{
	background: var(--colorPrincipal);
}


#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .cabecerasTabla .listadoOposicionesItemCampo:nth-child(1),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(1){
	width: calc(100% - 810px);
}

#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .cabecerasTabla .listadoOposicionesItemCampo:nth-child(4),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(4){
	width: 150px;
	text-align: center;
}
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .cabecerasTabla .listadoOposicionesItemCampo:nth-child(5),
#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(5){
	width: 100px;
	text-align: center;
}









#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo,
#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo{
	box-sizing: border-box;
	padding-left: 10px !important;
}

#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(1),
#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(1) {  
	width: calc(100% - 210px);
}

#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(2),
#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(2){
	width: 100px;
	text-align: center;
}

#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(3),
#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(3){
	width: 100px;
	text-align: center;
}






#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo,
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo{
	box-sizing: border-box;
	padding-left: 10px !important;
}

#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(1),
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(1) {  
	width: calc(100% - 830px);
}

#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(2),
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(2){
	width: 450px;
}

#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(3),
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(3){
	width: 100px;
	text-align: center;
}

#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(4),
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(4){
	width: 160px;
	text-align: center;
}
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla .listadoOposicionesItemCampo:nth-child(5),
#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem .listadoOposicionesItemCampo:nth-child(5){
	width: 100px;
	text-align: center;
}


/*
.divContenidoExamen #divAccesoPartesExamen {
    background: none !important;
    padding-bottom: 0px !important;
}
*/

#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad .tablaPsicotecnicos ul.list li {
		list-style: none;
		margin-bottom: 0;
		/*border-bottom: solid 1px #e0e0e0;*/
	}
#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad .tablaPsicotecnicos ul.list li .listadoOposicionesItem{
	border-bottom: 1px solid #e0e0e0;
}
	#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul.list {
		margin: 0 0 30px;
	}

.pagination.numeracionPaginacion {

    border: none;
    text-align: center !important;
	margin: 0 auto 30px;
	float: none;
}

.pagination.numeracionPaginacion li a {

    border: none !important;
    box-shadow: none !important;
    background: var(--colorPrincipal) !important;
	color: #fff;
    margin: 0 2px;
    padding: 0 10px !important;
    border-radius: 5px !important;
    min-width: 35px;
	float: none !important;
	display: inline-block !important;
}

.pagination.numeracionPaginacion li.active a{
	background: #e0e0e0 !important;
	color: #3333
}

#contenedorTuNivelEs {
    text-align: center;
}
#tuNivelEs {
    margin: 0 auto 60px;
    text-align: center;
    border-radius: 75px;
    border: solid 10px #333;
    height: 130px;
	width: 370px;
	max-width: 100%;
    display: inline-block;
	
}
#tuNivelEs i {
    font-size: 25px;
    font-style: normal;
    text-transform: uppercase;
    display: block;
    clear: both;
    padding-top: 14px;

}
#tuNivelEs span {
    font-size: 55px;
    font-weight: 700;
    letter-spacing: -2px;
    font-family: 'robotoc' !important;
    line-height: 55px;
    margin-top: 5px;
    display: block;
}

#noHaySimulacro {

    text-align: center;
    font-size: 25px;
    margin: 40px 0 60px;
    color: #a0a0a0;

}

#btnAccedePsicotecnicoDesdeItinerario{
	margin-bottom: 60px;
	display: none;
}


.infoLeyendaSimulacros svg {
    margin-right: 10px;
}

/*FIN SIMULACROS */





/*GONZALO HTML*/



.panelContenedorActividad > .textoContenido > .contenidoHTML {
    font-size: 15px;
    font-weight: 100;
}



.panelContenedorActividad > .textoContenido > .contenidoHTML h3 {
    display: none;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML h1 {
    margin-bottom: 20px;
}


.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto {
    width: 100%;
    display: block !important;
    clear: both;
    margin: 20px 0px 50px;
}
.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto .cajaAzul {
    background: var(--colorPrincipal);
    box-sizing: border-box;
    padding: 25px;
    width: 12%;
    position: absolute;
}
.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto .cajaAzul img {
    color: var(--colorPrincipal);
}
.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto .cajaGris {
    background: #f0f0f0;
    width: 80%;
    clear: right;
    margin-left: 18%;
    min-height: 145px;
    padding: 20px;
    box-sizing: border-box;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto .triangulo_der {
    display: none;
}
.panelContenedorActividad > .textoContenido > .contenidoHTML .autotexto .triangulo_abajo {
    display: none;
}



.panelContenedorActividad > .textoContenido > .contenidoHTML .enlaceImg {
    text-align: center;
    display: block;
	margin-bottom: 70px;
	margin-top: 50px;
	padding: 0 40px;
	text-decoration: none !important;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML .enlaceImg .pieFigura {
    color: #333;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML .enlaceImg .imagen_estandar {
    margin: 0 auto 20px;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML .enlaceImg .PieFigura {
    color: #333;
}


.panelContenedorActividad > .textoContenido > .contenidoHTML .titulo.titulo2, 
.panelContenedorActividad > .textoContenido > .contenidoHTML .titulo.titulo3 {
    margin-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px 0px;
    padding: 20px;
}


.panelContenedorActividad > .textoContenido > .contenidoHTML .titulo.titulo2 .titulos {
    margin-bottom: 20px;
}




.panelContenedorActividad > .textoContenido > .contenidoHTML .titulos {
    color: #f67828;
}

.panelContenedorActividad > .textoContenido > .contenidoHTML h1.titulos {
    color: #292c2d;
}
/*FIN GONZALO HTML*/








.oculto {
    display: none !important;
}
.ocultoPc, .ocultoPC{
    display: none;
}














/*MEDIAQUERIES*/

@media only screen and (min-width: 2350px) {
    /*
    
    div.panelContenedorActividad.contenidoVideo .textoContenido {
            width: 30%;
            float: left;
    }
    
    div.panelContenedorActividad.contenidoVideo .contenedorVideoYoutube {
                float: left;
            width: 70%;
            margin-bottom: 100px;
            margin-top: -80px;
    }
    div.panelContenedorActividad.contenidoVideo .contenedorCabeceraActividad {
            width: 30%;
            margin-top: 70px;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"]{
            margin-top: 0 !important;
    }
    */

    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad .botonera {
        clear: both;
        width: 820px !important;
    }

    .panelContenedorActividad .navegacionCurso {
        float: left;
        margin: 20px 0 0;
        padding-top: 0;
        width: 100px;
    }
    .panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente {
        float: right;
        margin-top: 19px;
    }
    .panelContenedorActividad .accionesCurso {
        margin: 0 auto;
        width: 480px;
    }

    .botonActividadCurso:first-child {
        border-right: 1px solid #F0F0F0 !important;
        max-width: none !important;
        padding-right: 0px !important;
        margin-right: 0px !important;
        width: 280px !important;
    }
    .botonActividadCurso:first-child i{
        font-size: 64px !important;
        top: 11px !important;
    }

    .row-fluid.show-grid.span4.fondoGrisBoton {
        float: left !important;
        display: inline-block !important;
        width: auto !important;
        margin: 0 15px 0 0 !important;
    }

    .botonActividadCurso > div.span8 {
        margin: 0;
        width: auto !important;
    }
    .accionesCurso > .botonActividadCurso:last-child {
        padding-left: 30px !important;
        width: 200px !important;
        max-width: none !important;
        margin-left: 0px !important;
    }
    .accionesCurso > .botonActividadCurso:last-child i{
        font-size: 66px !important;
        top: 2px !important;
        margin-bottom: -5px !important;
    }



    /*estadisticas*/
    .estadisticas .columnaEstadisticas:first-child {
        width: 70%;
    }
    .estadisticas .columnaEstadisticas:first-child + .columnaEstadisticas {
        width: 30%;
    }

    .estadisticas .columnaEstadisticas:first-child > div {
        width: 50%;
        float: left;
    }
    .estadisticas .columnaEstadisticas:first-child > div#contenidoUsoEstudio {
        margin-top: 20px;
    }
    .estadisticas #contenidoAgrupacionesEstadisticas {
        margin-top: 40px;
        padding: 20px 40px 40px;
    }
    /*fin de estadisticas*/
    
    
    
    body.loginNew #sidebarLogin .instagram > a > p span.textoIg{
        max-height: 200px;
        overflow-y: scroll;
    }

}

@media only screen and (min-width: 1921px) {
    body .menuPrincipalLateral{
        width: 420px !important;
    }
    body .menuPrincipal {
        margin-left: calc(420px + 32px) !important;
        width: calc(100% - 453px) !important;
    }
    @-moz-document url-prefix() {
        body .menuPrincipal{
            margin-left: calc(420px + 33px) !important;
        }
    }

    body.index.twitterFullHeight .menuPrincipal {
        width: calc(100% - 900px) !important;
    }
    /*
    body.index .menuPrincipal #widget6 {
            position: fixed !important;
            top: 18px;
            right: 1%;
            width: 410px;
            height: calc(100% - 38px);
            overflow: hidden;
    }
    */

    body.index.twitterFullHeight .menuPrincipal #widget6{
        position: fixed !important;
        top: 0px;
        right: 0%;
        width: 430px;
        height: calc(100%);
        overflow: hidden;
    }
    body.index.twitterFullHeight .niceHtml{

        right: 450px !important;
        opacity: 0.5 !important;
    }

    body.index.twitterFullHeight .menuPrincipal #widget6 .nicescroll-rails div{
        background: #fff !important;
    }
    body.index.twitterFullHeight .nicescroll-rails:not(.nicescroll-rails-hr) div:hover:not(#senueloNiceHtml){
        background-color: #fff !important;
    }

    body.index.twitterFullHeight .menuPrincipal #widget6{
        box-shadow: none !important;
    }

    body.index .menuPrincipal #widget6 .widgetheader {
        background: none !important;
    }
    body.index .menuPrincipal #widget6 .widgetheader .widgetopenfullscreen{
        display: none;
    }
    body.index .menuPrincipal #widget6 .widgetcontent #contenidotwitter #widget_twitter {
        height: calc(100% - 55px) !important;
        position: absolute;
        top: 55px;
        padding: 0 10px;
        box-sizing: border-box;
        /*background: rgba(0,0,0,0.1);*/
    }
    body.index .menuPrincipal #widget6 .widgetcontent #contenidotwitter .timeline-TweetList-tweet{
        margin-bottom: 20px;
        padding: 10px 20px;
        border-radius: 3px !important;
    }
    body.index .menuPrincipal #widget6 .widgetcontent #contenidotwitter .timeline-TweetList-tweet:first-child{
        margin-top: 20px;
    }

    body.index.twitterFullHeight .menuPrincipal #widget6 .widgetcontent #contenidotwitter .timeline-TweetList-tweet{
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    }

    body.index .menuPrincipal #widget6 .nicescroll-rails div {
        background-color: var(--colorPrincipal) !important;
    }




    body > div.niceHtml {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        right: 2px !important;
    }
    body > div.niceHtml.nicescroll-rails.niceVisible > div {
        background: rgba(0,0,0,0.6) !important;
    }

    .nicescroll-rails:not(.nicescroll-rails-hr) div:hover:not(#senueloNiceHtml) {
        background-color: var(--colorPrincipal) !important;
    }



}

@media only screen and (max-width: 1900px) {
    body.barraMostrada .widget.widgetAmpliado[data-titulo="DELEGACIONES"] #contenidowidgetDelegaciones #talleresDelegacionDiv > div {
        width: calc(100% - 10px) !important;
    }

    body.index #widget_twitter {
        height: 500px !important;
    }


    body.barraMostrada #widget8.widget.widgetAmpliado #divPedirCitaEnDelegacion + #divListadoTalleresDelegacion #talleresDelegacionDiv .itemClaseDirecto {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0px !important;
        border: none !important;


    }


}

@media only screen and (max-width: 1720px) {
    /*
            .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not(#botonesNavegacion) li a {
                    font-size: 16px !important;
                    letter-spacing: 0px;
                    padding: 9px 8px 11px !important;
            }*/

    .navbar-fixed-top .navbar-inner .container-fluid ul#botonesNavegacion li a {
        padding:5px 10px 10px !important;
    }
    /*avatar*/

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder {
        height: 141px;
        width: 141px !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario {
        height: 141px;
        width: 141px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen{width: 167px}

    /*
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarCuadrado{	
            min-height: 141px;
            min-width: 141px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarVertical{
            width: 141px !important;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarHorizontal{
            height: 141px !important;
    }
    */

    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo {
        font-size: 50px;
        right: 0px;
        width:120px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoMinutos {
        width: 46px;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span {
        font-size: 23px;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        padding-left: 50px;
        text-align: right;
        width: 217px;

    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a {
        float: right;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar h3 {
        font-size: 14px;
        line-height: 16px;
        padding: 23px 26px 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar p {
        font-size: 13px;
        line-height: 17px;
        padding: 0 19px 60px;
        text-decoration: none !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder:hover div#cambioAvatar {
        top: -10px;
    }


    /*fin de avatar*/

    body .widget.widgetAmpliado[data-titulo="DELEGACIONES"] #contenidowidgetDelegaciones #talleresDelegacionDiv > div {
        width: calc(100% - 10px) !important;
    }

    .cal1 .clndr .clndr-controls .month{font-size:17px !important;}
    /*MENU*/
    /*
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav li a {
            font-size: 14px !important;
            letter-spacing: -0.7px;
            padding: 10px 8px 11px !important;
    }*/
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav li:last-child ul {
        left: -103px;
    }

    .navbar .brand{width:140px; top:2px !important;}
    .navbar .brand img {
        width: 1000%;
    }
    /*FIN DE MENU*/

    .redes > a{
        max-width: 30% !important;
        /*max-width:calc(100% / 3 - 10px) !important;*/
        max-width: calc(100% / 3 - 33px) !important
    }


    /*CURSO*/   
    form#formSeccionActualizate div{position:relative}


    form[name="formSeccionActualizate"] div h3 {
        color: #FFFFFF;
        font-size: 46px;
        line-height: 48px;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        text-transform: uppercase;
        top: 70px;
        width: 100%;
    }

    form[name="formSeccionActualizate"] div h5 {
        color: #FFFFFF;
        font-size: 25px;
        font-weight: 100;
        line-height: 27px;
        padding: 0 20px;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        top: 190px;
        width: calc(100% - 40px);
    }

    #divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid {
        width: 299px;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisTituloAdjunto {
        width: 100%;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divPanelAdjuntosActividad > div .fondoGrisOscuroAccionesBoton {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1) !important;
        height: 100%;
        margin: 0;
        padding: 10px 30px;
        position: relative;
        right: 0;
        width: 100%;
    }
    /* FIN DE CURSO*/


    .panelContenedorActividad iframe[src*="you"] {
        margin:0 auto;

        /*min-height: 427px;
        width: 705px;*/
        min-height: 565px;
        width: 1005px;



    }

    #menuPrincipal:not(.menuPantallaCompleta) .panelContenedorActividad iframe[src*="you"]{
        min-height: 413px;
        width: 735px;
    }

}

@media only screen and (min-width: 1450px) { 

    .menuPrincipalLateral #divHomeAvatar #avatarDXA {
        position: relative;
        left: -20px;
    }
}

@media only screen and (max-width: 1450px) { 


    /*avatar*/

    .menuPrincipalLateral #divHomeAvatar {
        margin-bottom: 100px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ, .menuPrincipalLateral #divHomeAvatar #avatarDXA{
        width: 100% !important;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen {
        width: auto;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA{margin-top: 0px; text-align:center}
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder {
        height: 161px;
        width: 161px !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario {
        height: 161px;
        width: 161px;
    }
    /*
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarCuadrado{	
            min-height: 161px !important;
            min-width: 161px !important;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarVertical{
            width: 161px !important;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarHorizontal{
            height: 161px !important;
    }
    */		
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo {
        float: none;
        font-size: 50px;
        margin: 0 auto 20px !important;
        position: relative;
        right: 0;
        text-align: center;
        top: 20px;
        width: 126px;

    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarDiaParrafo{margin-top:80px}
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoHora{margin-bottom:16px }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoMinutos{width: 46px;}

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span {
        font-size: 20px;
    }


    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
        -moz-box-sizing: content-box;
        box-sizing:content-box;
        bottom: -60px;
        padding-bottom: 5px;
        padding-left: 0;
        padding-top: 8px;
        right: -12%;
        text-align: center;
        width: calc(100% + 24%);
    }

    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a {
        display: inline;
        float: none;
        padding: 9px 5px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a #avatarBotoneraLogros{top: -7px !important;}


    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar{
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        color: #FFFFFF;
        left: -4px;
        position: absolute;
        text-decoration: none !important;
        top: 166px;
        width: calc(100% + 8px);
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder:hover div#cambioAvatar{
        top:-5px;
    }
    #avatarBotonera > a:nth-child(1) img {
        top: -6px !important;
    }

    .menuPrincipalLateral #divHomeAvatar {
        z-index: 100;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar h3 {
        font-size: 14px;
        line-height: 18px;
        padding: 23px 30px 5px;
        text-decoration: none !important;
        text-transform: uppercase;
    }


    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar p {
        font-size: 13px;
        line-height: 17px;
        padding: 3px 25px 60px;
        text-decoration: none !important;
    }
    /*fin de avatar*/


    /*MENU*/

    #logotipo{width: calc(28% - 145px); display:none}
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav {width: 70%;}
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not(#botonesNavegacion) li a {
        font-size: 13px !important;
        letter-spacing: 0px;
        padding: 10px 5px 11px !important;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav li:last-child ul {
        left: -100px;
    }

    .navbar .brand{width:120px; top:4px !important;}
    .navbar .brand img {
        width: 100% !important;
    }

    /*FIN DE MENU*/


    .widget.widgetAmpliado[data-titulo="DELEGACIONES"] #divPedirCitaEnDelegacion {
        width: 100% !important;
    }
    .widget.widgetAmpliado[data-titulo="DELEGACIONES"] #divListadoTalleresDelegacion {
        margin: 0 !important;
        width: 100% !important;
    }

    /*CURSO*/

    .row-fluid.show-grid.span9.panelContenedorActividad > img {
        right: 227px;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid {
        width: 249px;
    }
    /*FIN DE CURSO*/


    .widget .ui-widget-header .widgettitle{font-size: 18px !important;}
    #tate h1{width:calc(100% - 300px) !important}
    #tate #contenedorTate{width:calc(100% - 300px);}
    #tate #barraLateralTabe{width: 300px;}



    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
        width: calc(100% / 3 - 5px);
    }
    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(3n+1){
        clear: both;
    }
    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(4n+1) {
        clear: none;
    }

    body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
        width: calc(100% / 2 - 5px);
    }
    body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(2n+1) {
        clear: both;
    }
    body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(3n+1){
        clear: none;
    }

    body:not(.index) #divSecciones > div#contenedor {
        margin-left: -0px;
    }

    /*ACtividad grupal foro*/
    #panelTemaForo .moderadorFotoMensaje,
    #panelTemaForo .usuarioFotoMensaje {
        height: 121px !important;
        width: 121px !important;
        left: 0 !important;
    }
    #panelTemaForo .comentarioFoto label {
        left: 10px;
        position: absolute;
        right: 0;
        margin: auto;
    }

    #panelTemaForo .moderadorFotoMensaje > img,
    #panelTemaForo .usuarioFotoMensaje > img {
        min-height: 141px !important;
        min-width: 141px !important;
    }
    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3{
        width:121px !important;
    }


    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .cadenaRespuesta + .span9{
        width: calc(100% - 111px) !important;
        margin-left: 0;

    }

    .panelContenedorActividad iframe[src*="you"] {
        min-height: 388px;
        margin: 0 auto !important;
        width: 637px;
    }
    /*Fin de Actividad grupal foro*/

    #weather h2 > i {
        font-size: 130px !important;
        top: -20px !important;
    }

    #weather h2 span {
        font-size: 50px !important;
    }

    #divCalendarioPeque > form > #botonCalendario2 {
        height: 40px;
        left: -14px;
        width: 40px;
    }
    #divCalendarioPeque > form > #botonCalendario2 i {
        font-size: 26px;
        top: 8px;
    }
    .iconoPaso2Compra {font-size: 160px;}





    /*TEST CHAEA*/

    #cartasAprendizaje .cartaChaea, #cartasAprendizaje .cartaChaea:first-child, #cartasAprendizaje .cartaChaea:last-child {
        margin: 0 0 140px;
        width: calc(50% - 30px);
    }

    #cartasAprendizaje .cartaChaea:nth-child(2n+1) {
        margin-right: 30px;
        clear: both;
    }

    #cartasAprendizaje .cartaChaea:nth-child(2n+2) {
        margin-left: 30px;
    }

    #cartasAprendizaje .cartaChaea > p.contenedorImagenChaea > img {
        margin: 0 auto !important;
    }

    body.barraMostrada #cartasAprendizaje .cartaChaea > h1 {
        margin-bottom: 20px;
    }

    /*FIN TEST CHAEA*/

    .divDatosCertificacionCurso > .span8 > div:last-child {
        margin-bottom: 00px;
    }

	
	#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla span:nth-child(2), 
	#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem span:nth-child(2) {
		width: 150px;
	}
	#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla span:nth-child(1), 
	#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem span:nth-child(1) {
		width: calc(100% - 650px);
	}
	
	
	.ocultoPc, .ocultoPC{
        display: unset !important;
    }

    .ocultoMovil{
        display: none !important;
    }
	
	
	


}

@media only screen and (max-width: 1200px) { 
    /*CONTACTA DOCENTE*/
    .contacta .itemContacta{ width: calc(99% - 42px);}

    /*FIN DE CONTACTA DOCENTE*/
    /*avatar*/

    .menuPrincipalLateral #divHomeAvatar {
        margin-bottom: 100px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ, .menuPrincipalLateral #divHomeAvatar #avatarDXA{width: 100%;}
    .menuPrincipalLateral #divHomeAvatar #avatarDXA{margin-top: 20px;}
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder {
        height: 141px;
        width: 141px !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario {
        height: 141px;
        width: 141px;
    }

    /*
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarCuadrado{	
            min-height: 141px;
            min-width: 141px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarVertical{
            width: 141px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder #imagenUsuario img#fotoAlumnoAvatar.avatarHorizontal{
            height: 141px;
    }
    */		
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo {
        float: none;
        font-size: 50px;
        margin: 0 auto !important;
        position: relative;
        right: 0;
        text-align: center;
        top: 20px;
        width: 126px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo #avatarHoraParrafoMinutos {
        width: 46px;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span {
        font-size: 27px;
        top: 40px;
    }


    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
        -moz-box-sizing: content-box;
        box-sizing:content-box;
        bottom: -60px;
        padding-bottom: 5px;
        padding-left: 0;
        padding-top: 8px;
        right: -12%;
        text-align: center;
        width: calc(100% + 24%);
    }
    .cal1 .clndr .clndr-table tr {
        height: 38px !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera a {
        display: inline;
        float: none;
        padding: 9px 5px;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar h3 {
        font-size: 14px;
        line-height: 16px;
        padding: 23px 26px 3px;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder div#cambioAvatar p {
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 17px;
        padding: 0 19px 60px;
        text-decoration: none !important;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder:hover div#cambioAvatar {
        top: -10px;
    }

    /*fin de avatar*/

    .redes > a{
        max-width: 26% !important;
        /*max-width: calc(100% / 3 - 10px) !important;*/
        max-width:calc(100% / 3 - 13px) !important
    }

    .cal1 .clndr .clndr-controls .month{font-size:14px !important; top: 12px;}

    .divDescargaActividad{width: 100% !important;}
    .panelContenedorActividad .botonera{width:100% !important;}
    /*
    .botonera > div{
             margin: 10px 3% !important;
            max-width: none;
            position: relative !important;
            width: 44% !important;
    }
    */
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarDiaParrafo {
        margin-top: 81px;
        text-align: center;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarFechaParrafo{text-align:center}
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarHoraParrafo {
        font-size: 50px;
        right: 0px;
        top: 20px;
    }
    .itemClaseDirectoDescripcion{padding:0px; border:none}
    .itemClaseDirectoTitulo {
        /*width: calc(100% - 96px) !important;*/
        margin-left: 20px;
    }
    .itemClaseDirectoSeparador{left:100px; display:block; margin-top: -10px;}

    .widget .ui-widget-header .widgettitle{font-size: 16px !important;}
    #tate h1{width:calc(100% - 250px) !important}
    #tate #contenedorTate{width:calc(100% - 250px);}
    #tate #barraLateralTabe{width: 250px;}

    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span5,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span4{
        margin: 0 0 0 15px !important;
    }

    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4{
        margin: 0 0 0 15px !important;
    }

    /*FOROS*/

    .divTextoForoMensaje {
        margin-bottom: 0 !important;
    }

    .divMensajeCitado button#botonVerOriginal {
        font-size: 11px !important;
        padding: 3px 5px !important;
    }
    .divMensajeCitado{
        margin-top: 36px !important;
        margin-bottom: 20px !important;
    }
    /*FIN DE FOROS*/

    /*ACtividad grupal foro*/
    #panelTemaForo .moderadorFotoMensaje,
    #panelTemaForo .usuarioFotoMensaje {
        height: 121px !important;
        width: 121px !important;

    }

    #panelTemaForo .moderadorFotoMensaje > img,
    #panelTemaForo .usuarioFotoMensaje > img {
        min-height: 121px !important;
        min-width: 121px !important;
    }
    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3{
        width:121px !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span9,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span9 {
        width: calc(100% - 121px) !important;
    }
    .divNuevoMensajeForoMensaje {
        width: calc(100% - 121px);
    }
    .divListadoRespuestasForoMensaje .divNuevoMensajeForoMensaje {
        margin: -25px 131px 25px auto;
        width: calc(100% - 292px);
    }
    .contenedorPlanificacion > #seccionActividadesGrupales > div#panelTemaForo button#botonVolverAlListadoDeTemasForo {
        max-width: 300px !important;
        padding: 0 !important;
    }
    div#divCabeceraHiloForo > .span10 {
        width: 100% !important;
    }
    div#divCabeceraHiloForo > .span2 {
        margin: 0 0 30px !important;
        position: relative;
        text-align: right;
        top: 0;
        width: calc(100%);
    }
    .adjuntoForoHilo {
        margin: 0 0 0 0;
        max-width: 280px;
        position: relative;
        height: 63px;
    }

    .adjuntoForoHilo > div {
        height: 63px;
        padding: 10px 19px;
    }
    .adjuntoForoHilo .linkAdjuntos {height: 63px;}

    .contenedorPlanificacion > div.span9 .divTextoForoMensaje, .contenedorPlanificacion > div.span9 .divTextoForoMensaje > p {
        font-size: 14px;
        line-height: 20px;
    }
    .divAdjuntosBotonesForoMensaje > .span4 {
        width: 100% !important;
    }

    .divAdjuntosBotonesForoMensaje > .span8 {
        margin-top: 20px !important;
        width: 100% !important;
    }
    /*Fin de Actividad grupal foro*/

    .bordeGrisRedondeado > .span6.divDescargaActividad{width:100% !important}
    .bordeGrisRedondeado > .span6#entragarEjercicio{width:100% !important; margin-top:40px}


    #tuConfiguracion {
        width: 100% !important;
    }

    #datosPersonales {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
    .perfil > div.span10 {
        padding: 20px 50px 30px 80px;
    }

    /*
    .datosMatriculaNota p {
            float: none;
            margin-right: 0px;
    }*/
    .divFechasFormacionMatriculaNota {
        width: 240px !important;
    }
    .divNotasMatriculaNota {
        margin: 0 !important;
        width: calc(100% - 240px) !important;
    }
    .datosComplementariosMatricula {
        padding: 10px;
    }

    .tallerCampus .contenedorTallerCampus .videotutorial > iframe {
        float: none;
        width: 100% !important;
        height: 243px;
    }

    .tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller {
        padding: 30px 0 0;
        width: 100%;
    }

    #barraLateralTalleres {
        width: 180px;
    }

    #lateralTalleres {
        width: calc(100% - 180px);
    }

    #weather h2 > i {
        font-size: 105px !important;
        top: -10px !important;
    }
    #weather h2 span {
        font-size: 44px;
    }

    #divCalendarioPeque > form > #botonCalendario2 {
        height: 30px;
        left: -14px;
        width: 30px;
    }
    #divCalendarioPeque > form > #botonCalendario2 i {
        font-size: 18px;
        top: 6px;
    }
    .cabeceraPasos .pasoMiga {
        color: #111111;
        display: inline;
        font-size: 13px;
        font-weight: 100;
        margin: -2px !important;
        padding: 20px 6px 16px 25px;
        position: relative;
    }


    .datosLeftCertificacionExamenes {
        float: none;
        width: 100% !important;
    }
    .datosRightCertificacionExamenes {
        float: none;
        width: 100% !important;
        margin:0 0 0 10px !important;
    }		
    /*practicas*/

    .practicas > div > div#complementoPracticas{
        width: 500px;
    }

    .practicas > div > div#complementoPracticas iframe {
        height: 340px;
        width: 420px;
    }

    .practicas > div > div#textoPracticas {
        min-height: 580px;
        width: calc(100% - 500px);
    }



    .delegaciones #delegacionesColumnaIZQ {
        float: left;
    }
    .delegaciones #datosDelegacion {
        width: 100%;
    }

    .delegaciones #accordion1 {
        margin-top: 40px;
        width: 100%;
    }
    .delegaciones #accordion1 #collapseIrDesde {
        padding-left: 0;
    }

    .delegaciones #accordion1 a#botonIrDesde:not(.colapsado) {
        padding-left: 0;
    }

    .textoContenido > p, .textoContenido > p > span, .textoContenido > span, .descripcionContenido{ line-height: 23px !important;}



    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger:after {content: attr(data-textoHover);}
    #divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid {
        width: 180px !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion {
        float: right;
        margin-right: 20px !important;
        width: 180px !important;
    }
    body.barraMostrada #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad {
        margin-right: 0;
        min-width: 490px;
        padding-left: 30px;
        padding-right: 30px;;
    }

    #btnNuevoMensajeForoHiloCabecera {
        font-size: 13px !important;
        padding: 5px !important;
        margin-top: -75px !important;
    }


    .panelContenedorActividad .botonera {
        margin-left: 0 !important;
        min-width: 615px;
    }
    body.barraMostrada .panelContenedorActividad .botonera {
        margin: 50px auto 100px !important;
        min-width: 440px;
        width: 100% !important;
        position: relative;
    }
    body.barraMostrada .botonActividadCurso:first-child {
        max-width: 180px !important;
    }
    body.barraMostrada .panelContenedorActividad .navegacionCursoAnterior, body.barraMostrada .panelContenedorActividad .navegacionCursoSiguiente {
        bottom: -60px;
        left: 70px;
        position: absolute;
    }
    body.barraMostrada .panelContenedorActividad .navegacionCursoSiguiente {
        left: auto;
        right: 70px;
    }


    .span6.divDescargaActividad + .span6.divDescargaActividad {
        margin-left: 0 !important;
    }



    /*PERSONAL TRAINER*/

    #seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > span {
        display: block;
        top: 0;
        width: 100%;
    }

    #seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer button {
        display: block;
        float: none;
        margin: 10px auto 30px !important;
    }


    #divPanelProgramaPreparadorFisico > div > div {
        clear: both;
        width: 100%;
    }
    #divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer {
        float: left;
        height: 150px !important;
        margin-bottom: 20px;
        margin-right: 0 !important;
        width: 170px !important;
    }

    #divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer > img {
        width: 60px;
    }
    #divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer > span {
        font-size: 18px;
        margin-top: 10px !important;
    }

    #divPanelProgramaPreparadorFisico > div > div > p {
        box-sizing: border-box;
        float: left;
        margin-top: 50px;
        padding: 0 20px;
        width: calc(100% - 260px);
    }

    /*FIN DE PERSONAL TRAINER*/

    /*TEST CHAEA*/
    .pantallaInicialChaea .instruccionesChaea > ul{
        margin-bottom:0
    }
    #botonImprimirPDF {
        margin-top: 0;
    }


    .pantallaInicialChaea .instruccionesChaea #botonChaea {
        clear: both;
        float: none !important;
        margin-bottom: 50px;
        margin-top: 110px;
        position: relative;
        text-align: center;
    }

    .pantallaInicialChaea .instruccionesChaea #botonChaea > img {
        left: 0;
        margin: auto !important;
        position: absolute;
        right: 150px;
        top: -50px;
    }


    .pantallaInicialChaea .instruccionesChaea #botonChaea > a {
        float: none;
        left: 40px;
        margin: 0 auto !important;
        position: relative;
    }

    #indexChaea {
        right: 5%;
        top: 10px;
    }
    /*FIN DE TEST CHAEA*/
	
	
	
	/*SIMULACROS*/
	.tabla.tablaPsicotecnicos .cabecerasTabla{
		display: none;
	}
	
	.tabla.tablaPsicotecnicos .listadoOposicionesItem {
		padding: 20px 0 !important;
	}
	

	
	
	#listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .cabecerasTabla span, #listadoPartesPsicotecnico.tabla.tablaPsicotecnicos .listadoOposicionesItem span {

		width: 100% !important;
		max-width: none !important;
		text-align: left !important;
		padding: 0;

	}
	
	
	
	
	.tabla.tablaPsicotecnicos .listadoOposicionesItem span i.ocultoPC {
		display: inline-block;
		font-style: normal;
		font-weight: 700;
		margin-right: 10px;
	}
	
	#nuevoSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla span, 
	#nuevoSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem span,
	#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .cabecerasTabla span, 
	#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .listadoOposicionesItem span,
	#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .cabecerasTabla span, 
	#divListadoPsiocotecnicos.tabla.tablaPsicotecnicos .contenedorRealizacionesPsicotecnico .listadoOposicionesItem span,
	#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .cabecerasTabla span, 
	#divListadoResumenSimulacro.tabla.tablaPsicotecnicos .listadoOposicionesItem span{
		width: 100% !important;
		text-align: left !important;
		padding: 0;
		margin-bottom: 5px;
	}
	
	
	
	/*FIN DE SIMULACROS*/
	 
	
	
	

}

@media only screen and (max-width: 1024px) {
    /**/

    #ContenidoTwitter span.stats-narrow {
        left: -250px;
    }


    #formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]){
        left: auto;
        right: -6px;
    }

    #textobuscar{width: calc(100% - 90px) !important;}
    #formBuscadorTexto button:not([onclick*="buscar"]){left: auto; right: 0;}



    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
        bottom: -60px;
        padding: 7px 20px;
        right: -20px;
        text-align: center;
        width: calc(100% + 0%);
    }

    #logotipo{width: calc(30% - 170px)}

    .navbar-fixed-top .navbar-inner .container-fluid ul.nav {
        width:calc(100% + 22px) !important
    }

    .navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
        right: -4px;
    }
    .menuPantallaCompleta .navbar-fixed-top .navbar-inner .container-fluid ul.nav{
        width: calc(100% + 27px) !important;
    }

    .menuPrincipalLateral:not(.barraMostrada){display:none !important;}
    .menuPrincipalLateral{
        width: 350px !important;
        z-index: 3400;
        background-color: rgba(0, 0, 0, 0.8);
        margin-left: 16px !important;
        max-width: 100%;
        z-index:221130 !important;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarDXA #avatarBotonera {
        background: none repeat scroll 0 0 var(--colorPrincipal) !important
    }
    #divCalendarioPeque {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    }
    #dashboard{right: 0; top:0px;} 

    .menuPrincipalLateral{
        margin-left:0px !important;
    }

    .menuPrincipalLateral.barraMostrada #divHomeAvatar #avatarIZQ #avatarNombre {
        bottom: 8px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    /*#avatarIZQ:hover > div#avatarNombre {
            left: -120px !important;
    }*/
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span {

        left: 0;
    }
    body:not(.sinSuavizado) .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarNombre span {transition: all 0.35s ease-in-out 0s;}
    #avatarIZQ:hover > div#avatarNombre > span:first-child {
        left: -100px !important;
    }

    #avatarIZQ:hover > div#avatarNombre > span#apellido1 {
        left: 100px;
    }

    .menuPrincipalLateral #divHomeAvatar #avatarIZQ #avatarImagen #imagenUsuarioBorder:hover div#cambioAvatar {
        top: 166px;
    }
    .menuPrincipalLateral #divHomeAvatar #avatarIZQ:hover #avatarImagen #imagenUsuarioBorder div#cambioAvatar {
        top: -10px;
    }


    .menuPrincipalLateral.barraMostrada #divCalendarioPeque > form > #botonCalendario2 {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 50px;
        left: -12px;
        position: relative;
        top: 29px;
        width: 50px;
    }
    #divCalendarioPeque > form > #botonCalendario2 i {
        font-size: 30px;
        position: relative;
        top: 8px;
    }

    .menuPrincipalLateral.barraMostrada #divCalendarioPeque > form #inputFotoCalendario2 {
        display: block !important;
        height: 50px;
        left: -12px;
        overflow: hidden;
        position: relative;
        top: 9px;
        width: 50px !important;
    }

    #ascrail2002{margin-left:0px !important }



    #contenedor_global {
        padding: 0 !important;
        width: calc(100% - 0px) !important;
    }
    #divSecciones {
        /*left: 1.8%;*/
        position: relative;
    }
    #divSecciones > button[onclick*="restaurarLayouts"]{display:none }

    .menuPrincipalLateral #divLateralCerrar{
        display: block;
        position: absolute;
        left: auto;
        right: 20px;
        top: 21px;
        cursor:pointer;
        z-index: 2147483647;
    }

    #divLateralCerrarEnlace > img {
        height: 35px !important;
        width: 35px !important;
    }

    #mostrarBarraLateralMenu{display:block}
    #mostrarBarraLateralMenu #divLateralMostrarEnlace {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
        box-sizing: border-box;
        cursor: pointer;
        left: 0;
        padding: 27px !important;
        position: fixed;
        top: 11px;
    }

    #divLateralMostrarEnlace > img {
        cursor: pointer;
        left: 16px;
        margin: 0;
        position: absolute;
        top: 14px;
    }

    #dashboard #widget2.widget div.cabeceraCurso > .span10 > div > div.progress > div.bar > p {
        left: 167px;
        margin-top: -4px;
    }


    .menuPrincipal, .menuPrincipal.menuPantallaCompleta {
        margin: 0 0 0 0% !important;
        position: relative;
        width: 100% !important;
    }
    body:not(.index) #divSecciones > div {
        max-width: 100% !important;
        width: 100% !important;
    }


    .menuPantallaCompleta .navbar-fixed-top .navbar-inner .container-fluid ul.nav {
        padding-left: 100px !important;
    }
    .menuPantallaCompleta .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"]{
        padding-left: 0px !important;
    }




    .alertas .alertasSecciones > div {
        width: calc(99% - 42px) !important;
    }

    #tate h1{width:calc(100% - 200px) !important}
    #tate #contenedorTate{width:calc(100% - 200px);}
    #tate #barraLateralTabe{width: 200px; padding: 30px 10px;}
    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido{width: 100%;}


    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
        width: calc(100% / 2 - 5px);
    }
    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(2n+1){
        clear: both;
    }
    body:not(.barraMostrada) .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(3n+1){clear:none}

    body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
        width: calc(100% - 5px);
    }
    body.barraMostrada .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(1n+1) {
        clear: both;
    }

    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span5,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span4{
        margin: 0 0 0 10px !important;
    }

    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2,
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4{
        margin: 0 0 0 10px !important;
    }	

    /*ACtividad grupal foro*/
    #panelTemaForo .moderadorFotoMensaje,
    #panelTemaForo .usuarioFotoMensaje {
        height: 121px !important;
        width: 121px !important;
    }

    #panelTemaForo .moderadorFotoMensaje > img,
    #panelTemaForo .usuarioFotoMensaje > img {
        min-height: 121px !important;
        min-width: 121px !important;
    }
    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3{
        width:121px !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span9,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span9 {
        width: calc(100% - 121px) !important;
    }
    /*Fin de Actividad grupal foro*/	



    /*CURSO IMPROVE*/
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion{width: 220px; margin-top: 40px !important;}
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad{margin-right: 30px;width: calc(100% - 250px) !important; margin-top: 30px;}
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger{width: 220px;}
    #divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid {
        width: 196px !important;
    }
    .tituloAsignaturaFicha{left: 0px !important; letter-spacing: -0.6px; margin: 0px 0 0 !important; top:0px; width: calc(100% - 110px);}
    /*FIN DE CURSO IMPROVE*/



    .divListadoRespuestasForoMensaje .divNuevoMensajeForoMensaje {
        background: none repeat scroll 0 0 #F0F0F0;
        box-sizing: border-box;
        margin: 0 161px 25px auto;
        padding: 20px;
        width: calc(100%);
    }

    .divNuevoMensajeForoMensaje > form > div:first-child > label:first-child {
        font-size: 15px;
        margin: 0 0 10px !important;
    }
    .panelContenedorActividad iframe[src*="you"] {
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
        height: auto;
        min-height: 237px;
        width: 367px;

    }

    #weather h2 > i {
        font-size: 185px !important;
        top: -20px;
    }

    #weather h2 span {
        font-size: 60px;
    }

    #weather li b {
        color: #fff;
    }

    .cal1 .clndr .clndr-table tr {
        height: 55px !important;
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso {
        clear: both !important;
        display: block !important;
        float: right !important;
        margin: 0 !important;
        position: relative !important;
        right: 29% !important;
        top: 29px !important;
        width: 100px;
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso .link.notificacionCurso{
        position: relative !important;
        opacity:1;

    }
    body:not(.sinSuavizado) #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso .link.notificacionCurso{
        transition: all  0.25s ease-in;
    }

    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso .link.notificacionCurso:hover{
        opacity:0.5;
    }

    #dashboard #contenidocursos .fondoHomeTuCurso > div[id*="texto"] > div > div .botonActividadCurso {
        height: 90px !important;
    }

    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso {
        width: 100%;
    }

    #dashboard #widget2.widget div.cabeceraCurso > .span10 .detalleCabeceraCurso div.progress {
        max-width: calc(100% - 20px);
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 {
        min-height: 91px;
    }

    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > .detalleCabeceraCurso > span {
        font-size: 16px;
    }

    .certificacionLeftSidebar, .certificacionRightSidebar {
        margin: 30px 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .divListadoExamenesCertificacionesCurso {
        margin-left: -10%;
        width: 110%;
    }
    .certificacionOrtegaYGasset .certificacionLeftSidebar, .certificacionOrtegaYGasset .certificacionRightSidebar {
        margin: 30px 0 !important;
        padding: 0 !important;
        position: relative;
        width: 100% !important;
    }

    .grupoCertificaciones .itemCertificacion:last-child:before {
        background: none repeat scroll 0 0 #fff;
        content: "";
        display: block;
        height: calc(100% - 130px);
        left: -60px;
        position: absolute;
        top: calc(50% - 200px);
        width: 20px;
    }
    .itemCertificacion {
        margin-bottom: 0px;
    }
    .divDatosCertificacionCurso > .span8 > div:last-child {
        margin-bottom: 0px;
    }

    .grupoCertificaciones .itemCertificacion:last-child:before {
        height: auto;
        left: -60px;
        top: 0;
    }
    .cabeceraPasos .pasoMiga {
        color: #111111;
        display: inline;
        font-size: 11px;
        font-weight: 100;
        margin: -2px !important;
        padding: 12px 6px 12px 25px;
        position: relative;
    }
    .cabeceraPasos .pasoMiga .ordenPaso {
        background: none repeat scroll 0 0 #fff;
        border-radius: 50%;
        box-sizing: border-box;
        color: #111;
        display: inline-block;
        font-size: 12px;
        height: 23px;
        margin-right: 4px;
        padding: 3px 0 0 8px;
        width: 23px;
    }
    .cabeceraPasos .pasoMiga:nth-child(4) {
        background: none repeat scroll 0 0 #f7f7f7;
        padding-right: 10px;
        z-index: 184;
    }
    .cabeceraPasos .pasoMiga.pasoCompletado:nth-child(4) {
        background:var(--colorPrincipal) !important;
    }
    .cabeceraPasos .pasoMiga:after {
        border-color: transparent transparent transparent var(--colorPrincipal);
        border-style: solid;
        border-width: 20px 0 20px 18px;
        content: "";
        height: 0;
        position: absolute;
        right: -18px;
        top: 0;
        width: 0;
    }

    #contenidoPaso2.contenidoPaso .columnapaso .subtituloPasoCompra {
        margin-bottom: 20px;
    }

    #contenidoPaso3.contenidoPaso .columnapaso .subtituloPasoCompra{
        line-height: 27px;
    }
    .iconoPaso2Compra {
        color: var(--colorPrincipal);
        display: block !important;
        float: none !important;
        font-size: 160px;
        line-height: 160px !important;
        margin: 0 auto !important;
    }
    #tablaFechasConvocatorias {
        clear: both;
        display: block;
        float: none;
        margin-bottom: 30px;
        width: 100%;
    }

    .perfil #perfilIzq {width: 100%;}
    .perfil #perfilDxa {
        margin: 0 !important;
        width: 100%;
    }
    .perfil > div.span10 {
        padding: 0 20px 20px 30px;
    }

    .perfil h2 {
        font-size: 25px;
    }

    /*practicas*/

    .practicas > div > div#textoPracticas {
        float: none;
        margin-bottom: 40px;
        min-height: 0;
        width: 100%;
    }


    .practicas > div > div#complementoPracticas {
        background: none repeat scroll 0 0 #fff;
        float: none;
        height: auto;
        padding-bottom: 40px;
        padding-top: 0;
        position: relative;
        top: 0;
        width: 100%;
    }

    .practicas > div > div#complementoPracticas iframe {
        display: block;
        margin: 0 auto;
    }



    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion {
        border: medium none;
        float: none;
        height: auto;
        position: relative;
        width: 100%;
    }

    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo {
        margin: 10px 0 0;
        text-align: center;
        width: 100%;
    }
    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a{display:block}

    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a:before {
        bottom: -30px;
        box-sizing: border-box;
        display: block;
        left: 0;
        padding: 5px 0;
        position: absolute;
        width: 100%;
    }

    #encuestasPdtesDiv .encuestaMultipleFila a {
        top: 0;
    }


    #encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p {
        float: none;
        font-size: 14px !important;
        text-align: center;
        width: 100% !important;
    }

    #encuestasPdtesDiv .encuestaMultipleFila a {
        display: block;
        float: none;
        left: 0;
        margin: 0 auto !important;
        position: relative;
        right: 0;
        top: 0;
    }
    #widgetEncuestas .widgetcontent {
        background: url("../images/encuestas/fondo_widget_enuestas.png") no-repeat scroll left center / auto 100% rgba(255, 255, 255, 1) !important;
    }

    #encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p#itemTituloEncuestaPdte {
        font-weight: 100;
        margin-bottom: -4px;
    }

    #encuestasPdtesDiv .cabeceraEncuestasPendientesDiv p#itemNombreCursoEncuestaPdte {
        font-size: 11px !important;
        font-weight: 600;
        text-transform: uppercase;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger {
        width: 175px;
    }

    .panelContenedorActividad .botonera {
        margin-left: 0 !important;
        min-width: 615px;
    }
    body.barraMostrada .panelContenedorActividad .botonera {
        margin: 50px auto 100px !important;
        min-width: 440px;
        width: 100% !important;
        position: relative;
    }
    body.barraMostrada .botonActividadCurso:first-child {
        max-width: 180px !important;
    }
    body.barraMostrada .panelContenedorActividad .navegacionCursoAnterior, body.barraMostrada .panelContenedorActividad .navegacionCursoSiguiente {
        bottom: -60px;
        left: 70px;
        position: absolute;
    }
    body.barraMostrada .panelContenedorActividad .navegacionCursoSiguiente {
        left: auto;
        right: 70px;
    }

    body.barraMostrada .panelContenedorActividad iframe[src*="you"] {
        min-height: 245px;
        width: 390px;
    }





    .panelContenedorActividad .botonera {
        margin-left: 0 !important;
        min-width: 615px;
    }
    .panelContenedorActividad .botonera {
        margin: 50px auto 100px !important;
        min-width: 440px;
        width: 100% !important;
        position: relative;
    }
    botonActividadCurso:first-child {
        max-width: 180px !important;
    }
    .panelContenedorActividad .navegacionCursoAnterior,
    .panelContenedorActividad .navegacionCursoSiguiente {
        bottom: -60px;
        left: 70px;
        position: absolute;
    }
    .panelContenedorActividad .navegacionCursoSiguiente {
        left: auto;
        right: 70px;
    }

    .panelContenedorActividad iframe[src*="you"] {
        min-height: 245px;
        width: 390px;
    }


    /*PERSONAL TRAINER*/

    #divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso {
        margin-bottom: 130px;
        width: calc(100% / 2 - 20px) !important;
    }

    #divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento {
        margin-top: -20px;
        padding-top: 0;
    }
    #listadoClasesPersonalTrainer > .webinar {
        float: left;
        margin: 10px 10px 15px;
        min-height: 240px;
        width: calc(100% / 2 - 20px) !important;
    }

    #divListadoClasesDirectoPersonalTrainer {
        background: none repeat scroll 0 0 #e0e0e0;
    }
    #seccionPersonalTrainer .divPregunta .span4 {
        width: 100%;
    }
    #seccionPersonalTrainer .divPregunta .span8 {
        margin-top: 30px;
        width: 100%;
    }

    .divSimulacrosDisponiblesGeneralPersonalTrainer .textoSimulacroDisponibles {
        width: 100%;
    }

    #formResultadosSimulacro input.campoSimulacro {
        font-size: 50px;
    }

    .detalleResultadoSuperior > img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    .detalleResultadoSuperior > h5{
        float: none;
        margin-top: -40px;
        text-align: center;
        width: 100%;
    }
    .detalleResultadoSuperior > p {
        float: none;

        text-align: center;
        width: 100%;
    }

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico {
        background: none repeat scroll 0 0 #ffffff;
        border-left: 1px solid #f0f0f0;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        box-sizing: border-box;
        height: auto;
        min-height: 450px;
        padding-left: 15px;
        padding-top: 20px;
        position: absolute;
        right: -10px;
        top: -9px;
        width: 230px !important;
        z-index: 1500;
    }
    body:not(.sinSuavizado) #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico {
        transition: width 0.35s ease-out 0s;
    }
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto {
        border: medium none;
        box-shadow: none;
        height: 59px !important;
        min-height: 0;
        overflow: hidden !important;
        right: -10px;
        top: -9px;
        width: 59px !important;
    }
    body:not(.sinSuavizado) #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto {
        transition: width 0.25s ease-out 0s;
    }

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico > a#tabberPersonalTrainer {
        box-sizing: border-box;
        display: block !important;
        height: 50px;
        position: absolute;
        right: -15px;
        top: -5px;
        width: 50px;
        z-index: 1500;
    }
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico > a#tabberPersonalTrainer > i {
        bottom: 0;
        display: block;
        font-size: 28px;
        left: 0;
        margin: auto !important;
        position: absolute;
        right: 0;
        top: 10px;
    }

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto > p {
        opacity: 0;
    }

    #labelMenuPersonalTrainer {
        background: none repeat scroll 0 0 #222728;
        border-radius: 4px;
        color: #ffffff;
        display: block !important;
        font-size: 10px;
        font-weight: 100;
        padding: 2px 5px;
        position: absolute;
        right: 57px;
        top: 9px;
    }
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico,
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto{
        top:0px;
        right:0px;
    }
    #labelMenuPersonalTrainer {
        right: 67px;
        top: 19px;
    }

    #labelMenuPersonalTrainer::after {
        border-color: rgba(0, 0, 0, 0) #222728;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        bottom: 7px;
        content: "";
        height: 0;
        position: absolute;
        right: -5px;
        width: 0;
        z-index: 100;
    }
    .divCentralSeccionesPreparadorFisico {
        width: 100% !important;
    }
    .divLateralSeccionesPreparadorFisico > button.active {
        background: none repeat scroll 0 0 var(--colorPrincipal) !important;
        border-left-color: #ffffff;
        color: #ffffff !important;
    }

    #btnTestInicialPersonalTrainer.active > i {
        background-position: -60px -4px;
    }

    #btnSeccionTestInicialPersonalTrainer.active > i {
        background-position: -60px -48px;
    }

    #btnSeccionTeoriaPersonalTrainer.active > i {
        background-position: -60px -98px;
    }

    #btnSeccionSimulacrosPersonalTrainer.active > i {
        background-position: -60px -148px;
    }

    #btnSeccionTablaDiarioPersonalTrainer.active > i {
        background-position: -60px -198px;
    }
    .divLateralSeccionesPreparadorFisico > button.active:last-child > i {
        background-position: -60px -246px !important;
    }

    .divLateralSeccionesPreparadorFisico > button {
        padding: 18px 0 8px 15px;
    }

    #btnSeccionTablaDiarioPersonalTrainer:not(:last-child) > span {
        top: 0;
    }
    #seccionPersonalTrainer > div {
        padding: 20px 30px 20px 0;
        margin: 0 auto;
    }
    #seccionPersonalTrainer > div#divListadoClasesDirectoPersonalTrainer {
        width: calc(100% - 100px) !important;
    }
    #cabeceraDivSuperiorPaginacionClases > div {
        text-align: center;
    }

    #divListadoClasesDirectoPersonalTrainer #cabeceraDivSuperiorPaginacionClases > div:first-child > img {
        float:none
    }

    #cabeceraDivSuperiorPaginacionClases > div:first-child > span {
        display: inline;
        float: none !important;
    }

    #cabeceraDivSuperiorPaginacionClases > div:last-child > span {
        margin-top: 0 !important;
        position: relative;
        top: 28px;
    }
    #cabeceraDivSuperiorPaginacionClases > div:last-child > button {
        margin-top: 0 !important;
    }
    #divListadoClasesDirectoPersonalTrainer {
        padding: 20px 0 !important;
        width: 100% !important;
    }


    #seccionPersonalTrainer #divCentralSeccionesPreparadorFisicoSimulacros.skin2 #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > img {
        display: block;
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    #seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > h5 {
        clear: left;
        display: block;
    }

    /*FIN PERSONAL TRAINER*/


    /*TEST CHAEA*/


    .pantallaInicialChaea .textosChaea {
        margin: 0 0 70px;
        width: 100%;
    }

    .pantallaInicialChaea .instruccionesChaea {
        margin: 0;
        width: 100%;
    }

    /*FIN DE TEST CHAEA*/



    /*CASOS DE EXITO*/
    .seccionConMenuLateralVertical{
        width: calc(100% - 250px);
    }

    .menuLateralVertical {
        width: 250px;
    }


    .seccionConMenuLateralVertical {
        padding: 30px 0;
    }
    .casoExitoImagen {
        float: none;
        margin: 0 auto 20px;
    }

    .casoExitoTitulo {
        text-align: center;
        width: 100%;
    }

    .casoExitoContenido {
        text-align: center;
        width: 100%;
    }
    /*FIN DE CASOS DE EXITO*/


    body:not(.index) #divSecciones > div.seccionExpediente {
        padding: 0 10px !important;
    }


    .seccionExpediente h1 {
        padding: 40px 20px !important;
    }

    .datosComplementariosMatricula{
        width: 725px;
    }
    .datosMatriculaNota p{
        margin: 0 10px 0 0;
    }

    .divDescargaActividad{
        max-width: none;
    }
    .span6.divDescargaActividad + .span6.divDescargaActividad{
        margin-top: 20px;
    }

    .estadisticas .columnaEstadisticas{
        width: 100%;
        float: none;
    }



    #seccionConvocatorias {
        padding-left: 0 !important;
        margin-left: 150px !important;
        width: calc(100% - 150px) !important;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .itemClaseDirecto{padding:10px;}
    .itemClaseDirecto > div{width: 100% !important;}

    .itemClaseDirectoDescripcion > button[class*="btnCancelarEvento"] {
        display: block;
        float: none !important;
        margin: 10px auto !important;
    }
    .itemClaseDirectoSeparador{display:none}
    .itemClaseDirectoTitulo {
        margin-left: 0;
        text-align: center;
    }



    .contenedorPlanificacion > div.span9 > div.row-fluid.show-grid {
        padding: 20px 20px 20px 0;
    }
    .contenedorPlanificacion > div#menuLateralTabsEstudio.span3{/*display:none;*/ width: 100px !important;}
    #menuLateralTabsEstudio > a{width:100px; height:100px}

    #menuLateralTabsEstudio > a > label {
        background: none repeat scroll 0 0 #f5479b;
        color: #ffffff;
        font-size: 13px;
        font-weight: 700;
        height: 15px;
        left: -2px;
        margin: 0 auto;
        padding: 2px 0 3px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 32px;
        width: 20px;
    }
    #menuLateralTabsEstudio > a > div{display:none !important}
    #menuLateralTabsEstudio > a > span {
        font-size: 10px;
        top: 70px;
        line-height: 10px !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
        min-height: 140px;
        width: calc(100% - 170px) !important;
    }
    body:not(.index) #divSecciones > div.contenedorPlanificacion {
        max-width: 100%;
    }

    .contenedorPlanificacion > div.span9 h2 {
        font-size: 21px;
    }

    .contenedorPlanificacion > div.span9 p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 20px;
    }
    Curso > img:last-child {
        margin-left: 0;
    }
    .contenedorPlanificacion > div#divBloqueItinerario {
        padding-left: 20px;
    }

    /*#bloque_curso > .span9{margin-left: 0 !important;width: 100% !important;}*/
    #bloque_curso > .span9 > #carousel-itinerario{display:none;}
    .contenedorPlanificacion > div.span9,
    .contenedorPlanificacion > div#seccionActividadesGrupales.span9{
        margin: 0 0 0 100px !important;
        width: calc(100% - 100px) !important;
    }

    #bloque_curso.examenVisible #seccionEntrenate {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario {
        position: relative !important;
    }

    body:not(.barraMostrada) .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado {
        position: relative !important;
        width:100% !important;
        border-top: 0px solid #FFFFFF !important;
    }
    body.barraMostrada .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado{
        width: calc(100% - 142px) !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
        float: left;
        position: relative;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
        float: left !important;
        margin-top: 10px !important;
        position: relative !important;
        width: 100%;
    }
    body:not(.barraMostrada) .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado {
        margin-top: 10px !important;
    }

    #bloque_curso > img {
        left: 78px !important;
    }

    .imgUltimoVisto{display:none}
    #contenidoPaso4 #resultProcesOK, #contenidoPaso4 #textoProcesOK {
        width: 100% !important;
    }
    .columnapaso {
        width: 100% !important;
    }






    #pantallaMensajeria .dataTables_filter {
        top: -30px !important;
        width: 100%;
    }

    #pantallaMensajeria .divBotoneraTabla button {
        top: 30px !important;
    }

    #pantallaMensajeria .dataTables_filter > label > input {
        background: none repeat scroll 0 0 #f7f7f7;
        border: medium none;
        box-shadow: none;
        box-sizing: border-box;
        font-size: 15px;
        font-weight: 100;
        height: 100%;
        left: auto !important;
        margin: 0 !important;
        padding: 10px 15px;
        position: relative;
        right: 0 !important;
        top: -35px !important;
        width: 100%;
    }


    #pantallaMensajeria .botoneraAccionesMensajeria {
        margin-bottom: 70px;
        margin-top: 10px;
    }





}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    #dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado){width: 92%;}

    body[onload*="Login"]:not(.loginNew){			
        /*height:100% !important;*/
        position:absolute !important;
        height:auto !important;
        /*overflow:hidden;*/
        /*max-width:100% !important;*/
    }

    body[onload*="Login"] #contenedor_global {
        left: 1% !important;
        margin: 0 px !important;
        max-width: 98%;
        overflow: visible;
        padding: 0 !important;
        position: relative;
        width: 98% !important;
        top:0px !important
    }

    #fondoLoginFake{
        /*display:block !important;*/
        position:absolute;
        height:100%;
        min-height:900px;
        width:100%;
    }
    .widget .ui-widget-header .widgettitle{font-size: 22px !important;}

    #logotipo{width: calc(22%);}

    #contenedor_global{
        position:relative !important;
        top:0px !important;
        width: 99% !important;
    }



    html.mobile #menuPrincipal > .navbar {
        display: none;
    }


    html.mobile #menuPrincipal > form{
        margin-top: 0;
        margin-bottom: 0;
    }
    html.mobile #menuPrincipal > #divSecciones {
        margin-top: 0px !important;
    }


    select#navegacionResponsive {
        background: none repeat scroll 0 0 #FFFFFF;
        border: medium none;
        color: #222728 !important;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 16px;
        height: 44px;
        margin-left: 20px;
        margin-right: 0;
        margin-top: 0;
        opacity: 1;
        padding: 8px 10px !important;
        width: calc(78% - 170px);
    }
    select#navegacionResponsive option{
        color:#222728;
        background:#fff;
        font-size: 12px;
    }

    select#navegacionResponsive option.tituloSelect {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        color: #FFFFFF;
        margin-top: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not([role*="navigation"]){
        height: 45px;
        width: 10px;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not([role*="navigation"]) li{
        display:none;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not([role*="navigation"]) li:first-child{
        display:block;
    }



    div.layout .column, .column {
        width: 100% !important;
    }
    .navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
        height: 46px;
        padding-left: 7px;
        padding-top: 3px;
        top: -1px;
        width: 49px;
        right:0px;
    }

    .navbar-fixed-top .navbar-inner .container-fluid a.brand {
        margin-left: 10px;
        margin-right: 0px;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav li a {
        font-size: 10px !important;
        padding: 10px 6px 11px !important;
    }

    .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li:nth-child(1){display:none}
    /*.navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li:nth-child(2){display:none}*/
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav li a {
        font-size: 10px;
    }

    .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li a.opcionMenuDeshabilitada {
        display: none;
    }

    .menuPrincipal, .menuPrincipal.menuPantallaCompleta{
        margin: 0px 0 0 1% !important;
        position: relative;
        width: 99% !important;
    }
    #divSecciones{
        left:0px !important;
    }
    .column{margin:0px !important; height: auto !important}
    .navbar-fixed-top{right:0px !important; width:100% !important; left: 0;}

    #mostrarBarraLateralMenu #divLateralMostrarEnlace {
        left: 10px;
    }

    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not([role*="navigation"]) {
        width: 24px !important;
        padding-left:30px !important
    }
    #logotipo {
        left: 25% !important;
        position: absolute !important;
        top: -80px !important;
        width: calc(42%) !important;
        /*display:block !important;*/
    }


    /*home*/

    #dashboard #widget2.widget div.cabeceraCurso > .span10 > div > div.progress > div.bar > p {
        font-size: 10px;
        font-weight: 100;
        left: auto;
        position: relative !important;
        top: 13px;
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > span{margin-top: 19px;}
    #dashboard #widget2.widget div.cabeceraCurso > .span10 > div > div.progress {
        max-width: 100%;
    }
    #dashboard #contenidocursos .fondoHomeTuCurso > div[id*="texto"] > div > div {
        margin: 0 !important;
        position: relative !important;
        width: 100%;
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > .span8 {
        padding: 30px;
        max-width: 100% !important;
    }

    #dashboard #contenidocursos .fondoHomeTuCurso > div[id*="texto"] > div > div .botonActividadCurso {
        display: block;
        float: none;
        margin: 0 auto !important;
        position: relative;
    }
    .menuPrincipalLateral.barraMostrada{
        display:none !important
    }

    .navbar-fixed-top > .navbar-inner{padding-left: 0 !important;}
    .navbar-fixed-top > .navbar-inner > .container-fluid{padding-left: 0 !important;}
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav:not([role*="navigation"]){
        display:none;
    }

    /*select#navegacionResponsive {
            width: calc(100% - 126px) !important;
    }*/
    select#navegacionResponsive {
        margin-left: 0 !important;
        width: calc(100% - 58px) !important;
        text-transform: uppercase;
    }
    #ascrail2001{display:none}
    .widgetcontent > #contenidodirectos{max-height:none; overflow:visible}
    #contenidodirectos #clasesDirectoDiv{max-height:none; overflow:visible}


    .widget {
        margin-bottom: 20px !important;
    }




    .delegaciones > div.span12 > div:not([id*="mapa"]){width: 100%;}

    .delegaciones > div.span12 > div#divMapa {
        max-width: 100% !important;
        overflow: hidden;
        width: 100% !important;
        margin: 0;
    }
    #formEditarSolicitudServicio > div > div.span12 > div{ width: 100%;}
    #formEditarSolicitudServicio > div > div.span12 > div.span4{margin-left:0px}

    #formEditarSolicitudServicio > div > div.span12 > div.span4 a span{color:#fff;}
    #formEditarSolicitudServicio > div > div.span12 > div.span4 a b{padding: 0 !important;}
    #contenedorServiciosAdministrativos > div > div[style="margin-left:10px"]{margin-left:0px !important}
    #contenedorServiciosAdministrativos > div > div[style="padding: 10px"]{padding:0px !important}
    #listanodestacadas{margin-left: 7px;}
    #divSecciones{margin-top: 20px;}

    #bloque_curso{width:100% !important; min-height:0;}
    #bloque_curso > img{left: 78px !important;}

    .contenedorPlanificacion > div.span9 > div.row-fluid.show-grid {
        padding: 20px 20px 20px 0;
    }
    .contenedorPlanificacion > div#menuLateralTabsEstudio.span3{/*display:none;*/ width: 100px !important;}
    #menuLateralTabsEstudio > a{width:100px; height:100px}
    #menuLateralTabsEstudio > a > div{display:none !important}
    #menuLateralTabsEstudio > a > span {
        font-size: 10px;
        line-height: 10px;
        top: 70px;
    }


    #menuLateralTabsEstudio > a > label {
        background: none repeat scroll 0 0 #F5479B;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 700;
        height: 15px;
        left: -2px;
        margin: 0 auto;
        padding: 2px 0 3px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 32px;
        width: 20px;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
        width: 100% !important;
    }
    body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
        width: 100% !important;
    }
    body:not(.index) #divSecciones > div.contenedorPlanificacion {
        max-width: 100%;
    }

    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 {
        float: left;
        position: relative;
        width: 100% !important;
    }

    .contenedorPlanificacion > div.span9 h2 {
        font-size: 21px;
    }

    .contenedorPlanificacion > div.span9 p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 20px;
    }
    Curso > img:last-child {
        margin-left: 0;
    }
    .contenedorPlanificacion > div#divBloqueItinerario {
        padding-left: 20px;
    }

    /*#bloque_curso > .span9{margin-left: 0 !important;width: 100% !important;}*/
    #bloque_curso > .span9 > #carousel-itinerario{display:none;}

    .contenedorPlanificacion > div.span9,
    .contenedorPlanificacion > div#seccionActividadesGrupales.span9,
    .contenedorPlanificacion > div#divBloqueActualizate.span9 {
        margin: 0 0 0 100px !important;
        width: calc(100% - 100px) !important;
        padding: 10px;
    }

    .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario {
        position: relative !important;
    }
    body:not(.barraMostrada) .contenedorPlanificacion > div#divBloqueItinerario > div > div#divCabeceraTabItinerario.fixeado {
        position: relative !important;
        width:100% !important;
        border-top: 0px solid #FFFFFF !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
        float: left;
        position: relative;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
        float: left !important;
        margin-top: 10px !important;
        position: relative !important;
        width: 100%;
    }
    body:not(.barraMostrada) .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado {
        margin-top: 10px !important;
    }


    #bloque_curso form[name*="MOVIL"]{width: 100% !important;}
    #bloque_curso form[name*="MOVIL"] button {
        display: block !important;
        font-size: 26px;
        height: 60px;
        margin-left: 3%;
        max-width: none;
        width: calc(100% - 6%) !important;
        margin-bottom: 20px;
    }

    #divProgresoCurso > div{width: calc(73%) !important;}
    .contenedorPlanificacion #planEstudioDivAsignaturas{margin-top: 5px;}
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura {
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 0;
        width: calc(100% - -10px);
    }
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura .span1{width:28px !important}
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a {
        color: #232427;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 15px;
        font-weight: 300;
        left: 3px;
        letter-spacing: -0.4px;
        margin-right: 15px;
        position: relative;
        text-decoration: none !important;
        text-transform: lowercase;
        width: calc(100% - 130px);
    }
    .divListaActividadesAsignatura > div:not([id*="datosLista"]) .duracionMinutosActividad {display:none}
    .divListaActividadesAsignatura > div:not([id*="datosLista"]) .tituloPlanEstudioTiempo {display:none}

    .contenedorPlanificacion .divListaActividadesAsignatura div ul{padding-left: 0px;}
    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a div i{margin-left: -25px;}

    .panelContenedorActividad > img{display:none}
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad {
        border: 0 none !important;
        padding: 10px 30px;
    }
    .panelContenedorActividad .botonera {
        margin-bottom: 30px !important;
        margin-top: 0 !important;
        width: 100% !important;
    }
    .tituloAsignaturaFicha {
        margin-top: 0;
        width: calc(100% - 90px);
    }
    a#trigger{width: 80px !important;}
    #divSecciones #seccionAsignatura #divContenidoCurso > div.row-fluid.show-grid {width: 80px !important;}
    #mp-pusher > .mp-menu {
        top: 100px !important;
    }
    #divContenidoCurso > div:not(.container) {
        padding: 0 !important;
        width: 80px !important;
    }
    .navegacionSuperiorActividad {
        width: calc(100% - 100px);
    }
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger:after{content:attr(data-textoAbrirMenuCorto) !important;}
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger.abierto:after {
        content:attr(data-textoCerrarMenuCorto) !important;
    }
    .navTabs.nav.nav-tabs.fondoGris {
        margin-left: -30px !important;
        padding-left: 30px !important;
        width: calc(100% + 60px) !important;
    }
    .navegacionCurso > div > div > div {
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 30% !important;
    }

    .tituloAsignaturaFicha p{margin-bottom:6px}
    .tituloAsignaturaFicha {
        clear: both !important;
        display: block !important;
        float: none !important;
        left: 0 !important;
        margin: -58px 0 0 10px !important;
        padding: 0;
        position: relative !important;
        top: 0 !important;
    }
    #contenedorActividades {
        clear: both !important;
        display: block !important;
        float: none !important;
        left: 0 !important;
        margin: 0 !important;
        overflow-y: hidden !important;
        padding-top: 30px;
    }

    /*CURSO IMPROVE*/
    .tituloAsignaturaFicha{left: 30px !important; letter-spacing: -0.6px; margin: -30px 0 0 !important;}
    .tituloAsignaturaFicha { margin-top: 0; width: calc(100% - 110px);}
    /*FIN DE CURSO IMPROVE*/


    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion {
        margin: 0 0 40px !important;
        width: 100% !important;
        padding:40px !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion .panelAdjuntoLateralActividad {
        float: left !important;
        margin: 60px 0 0 !important;
        width: 100% !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa {
        clear: none;
        display: block;
        min-height: 0;
        margin-top: 20px;
        margin-right: 20px;
        opacity: 1;
        width: calc(50% - 20px);
        float: left;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa:nth-child(2n+2) {
        clear: both;
    }
    .adjuntoLateralActividad span{border:none !important}

    #divBtnBibliotecaActividad > button {
        float: left;
        margin-right: 30px !important;
        max-width: none;
        text-align: right;
        height: 40px;
    }
    #divBtnBibliotecaActividad > button > span {
        display: block;
        float: right;
        position: relative;
        top: 12px;
        width: 70px;
    }
    #divBtnBibliotecaActividad > button:last-of-type {
        margin-bottom: 0 !important;
        margin-top: 1px !important;
    }
    #divBtnBibliotecaActividad > button:last-of-type i {
        top: 0 !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad {
        left: 0;
        margin: 0 0 10px;
        padding: 30px 0 0 !important;
        position: relative;
        width: 100% !important;
    }


    /*ENTRENATE*/
    #seccionEntrenate .navTabs.nav.nav-tabs.fondoGris {
        margin-left: 0 !important;
        padding-left: 30px !important;
        width: calc(100% - 30px) !important;
    }
    form#formNuevoTest{padding: 15px;}
    form#formNuevoTest h3{
        font-size: 12px;
        font-weight: 400;
    }
    form#formNuevoTest .alert-info{margin-top:0px; margin-bottom:20px; padding:8px; border-radius:0px}
    form#formNuevoTest .alert-info h3{
        font-size: 12px;
        font-weight: 100;
        text-align:center;
    }
    form#formNuevoTest > div.tituloAsignaturasEntrenate{
        background: rgba(234,239,242,0.25);
        padding: 1em;
        line-height: 19px!important;
        font-size: 12px!important;
        border: 0;
        border-left: 6px solid rgba(0,83,159,0.65);
    }
    #seccionEntrenate span{font-size: 12px !important;}
    #seccionEntrenate #listadoTestEntrenate .lineasDiscontinuas .descripcionEntrenate{font-size: 12px;}




    #contenedorDetalleItem > .detalleItem {width: calc(100% - 30px) !important;}


    #contenedorDetalleItem .datosLike{padding: 30px 30px 90px;}
    .datosLike > div.estadisticasNoticia{margin-top: -14px;}
    .datosLike > div.estadisticasNoticia .barraEstadisticas{width: 70px;}

    #contenedorDetalleItem .adjuntosDetalleItem .adjuntoNoticia { width: 100%;}


    .detalleItemContenido div.cabeceraNoticia div.titulo{width: 100%;}
    .detalleItemContenido div.cabeceraNoticia div.titulo > p {
        font-size: 15px !important;
        line-height: 20px !important;
        margin-top: 7px;
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia {
        position: relative;
        top: -30px;
        /*width: 100%;*/
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaTexto {
        display: block;
        left: calc(50% + 70px);
        position: absolute;
        top: 50px;
        width: 40px;
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaNombre {
        display: block;
        left: calc(50% + 70px);
        position: absolute;
        top: 65px;
        /*width: 140px;*/
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .contenedorAutorNoticia {
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #contenedorDetalleItem #comentariosnoticia {
        padding: 22px 13px 30px;
        width: calc(100% - 26px);
    }

    #contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ {width: 70px; padding-right: 3px;}
    #contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .contenedorFotoComentario {height: 60px; width: 60px;}
    #contenedorDetalleItem #comentariosnoticia .comentario .comentarioIZQ .aliasComentario {font-size: 11px;}

    #contenedorDetalleItem #comentariosnoticia .comentario .comentarioDXA {width: calc(100% - 74px); padding-left: 9px;}




    .datosLike > div.estadisticasNoticia {
        clear: both;
        float: none;
        position: relative;
        top: 20px;
        width: calc(100%);
    }
    .datosLike > div.estadisticasNoticia .visionadosNoticia { width: 170px;}
    .datosLike > div.estadisticasNoticia .barraEstadisticas{width: 100%; float: none;}


    form[id*="nuevoComentarioForm"] > div > label {
        width: 100%;
    }

    form[id*="nuevoComentarioForm"] > div > input,
    form[id*="nuevoComentarioForm"] > div > textarea {
        margin-bottom: 20px;
        width: calc(100%) !important;
        clear: both;
        float: none;
    }
    body:not(.index) #divSecciones > div#contenedorNoticias{margin-left: 0px;}

    #formBuscadorTextoNoticias {
        width: 100%;
    }

    form[id*="nuevoComentarioForm"] button {
        float: right;
        margin-right: 0;
    }

    .noticia {
        float: left !important;
        left: 0 !important;
        margin: 10px 0 10px 0 !important;
        position: relative !important;
        top: 0 !important;
    }
    .noticia:nth-child(2n+1) {
        border: 1px solid #FF0000 !important;
        clear: both !important;
        margin-right: 20px !important;
    }
    .noticia:nth-child(2n+2) {
        margin-right:0px !important;
    }

    .noticia > img {
        display: none;
    }
    #contenedor .pagination{
        clear: both !important;
        float: none !important;
        left: 0;
        margin: 0 auto;
        position: relative;
        top: 20px !important;
        width: 100% !important;
    }
    #contenedor .pagination{
        clear: both !important;
        float: none !important;
        left: 0;
        margin: 0 auto;
        position: relative;
        top: 20px !important;
        width: 100% !important;
    }
    #contenedorNoticias .pagination {
        margin-top: 30px !important;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        padding-bottom: 100px;
    }


    #contenedorNoticias .pagination a {
        padding-left: 0;
        padding-right: 0;
        width: 15% !important;
    }
    #contenedorNoticias .pagination input {
        width:40% !important	
    }
    #divBotoneraCategorias button {
        width: 32.5% !important;
    }

    #divBotoneraCategoriasNoticias button{text-align: center;}
    #divBotoneraCategoriasNoticias button i {
        display: block;
        float: none;
        margin: 0 !important;
        text-align: center;
        top: 0;
    }


    /*FIN DE */

    #tate #contenedorTate{width:100%;}
    #tate #barraLateralTabe {
        height: auto;
        padding: 30px;
        position: relative;
        width: 100%;
    }
    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido{width: 100%;}



    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar{
        width: calc(100% - 5px) !important;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar:nth-child(1n+1) {
        clear: both;
    }
    body.index .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li#setLayout{display:none !important}

    .itemClaseDirecto{padding:10px;}



    /*ACtividad grupal foro*/
    #panelTemaForo .moderadorFotoMensaje,
    #panelTemaForo .usuarioFotoMensaje {
        height: 100px !important;
        width: 100px !important;
    }

    #panelTemaForo .moderadorFotoMensaje > img,
    #panelTemaForo .usuarioFotoMensaje > img {
        min-height: 100px !important;
        min-width: 100px !important;
    }
    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3{
        width:100px !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span9,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span9 {
        width: calc(100% - 100px) !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta {
        width: 100% !important;
    }

    body:not(.index) #divSecciones > div.contenedorPlanificacion > div:not(#menuLateralTabsEstudio) {
        min-height: 400px;
        background: #fff;
    }
    .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button:first-child {
        /*margin-bottom: 10px;*/
        border-radius: 5px !important;
        font-size: 15px;
        padding: 5px 7px;
    }
    .contenedorPlanificacion > div#seccionActividadesGrupales.span9.divTabsSeccionesPlanEstudio {
        padding: 20px !important;
    }

    .divListadoRespuestasForoMensaje .divNuevoMensajeForoMensaje {
        width: calc(100% - 100px) !important;
    }
    /*Fin de Actividad grupal foro*/

    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad{width: 100% !important; margin-top: 0px;}

    .panelContenedorActividad .navegacionCurso {
        bottom: -44px;
        position: absolute;
    }
    .panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente {
        right: 0;
    }
    .panelContenedorActividad iframe[src*="you"]{
        min-height: 259px;
        width: 407px;
        margin: 0 auto 40px !important;
    }
    #demoSeccion{display:none}

    #divAlertaTelefono div i, 
    #divAlertaEmail div i,
    #divAlertaTelefono div img, 
    #divAlertaEmail div img{
        display: none;
    }

    #divAlertaTelefono form, 
    #divAlertaEmail form {
        box-sizing: border-box !important;
        margin-left: 0 !important;
        width: 100%;
    }
    #divAlertaTelefono a, 
    #divAlertaEmail a,
    #divAlertaTelefono button, 
    #divAlertaEmail button {
        max-width: none !important;
        width: 100%;
    }
    .perfil > div.span10 {
        margin: 0 20px 0 100px;
        padding: 0 20px 20px 30px;
        width: calc(100% - 100px) !important;
    }
    .perfil > div.span10 div.span6 {
        clear: both;
        float: none !important;
        width: calc(100% - 20px) !important;
    }
    .perfil > div.span10 div.span6 * {
        box-sizing: border-box;
        clear: both !important;
        float: none !important;
        margin-top: 0;
        width: calc(100% - 10px) !important;
    }
    #seccionTestKeirsey.perfil > div.span10 div.span6 div[class*="iradio"]{width:22px !important}
    #seccionTestKeirsey.perfil > div.span10 div.span6:last-child{margin-left:0px !important}
    .perfil > div.span10 div.span6 .span12 .span7 {
        margin-left: 0 !important;
        width: calc(100% - 20px) !important;
    }

    .perfil > div.span10 div.span6 h4 {
        margin-bottom: 50px !important;
        position: relative;
        top: 30px;
    }

    .perfil > div.span10 div.span6 #register input {
        clear: both !important;
        display: block !important;
        float: none !important;
        height: 40px;
        left: 0 !important;
        margin-left: 10px !important;
        margin-top: 20px;
        width: calc(100% - 10px) !important;
    }

    #divFotoAlumno input {
        margin-top: 20px;
    }
    #btnModificarPass {
        float: left !important;
        margin: 0 !important;
        display: block;
    }
    #divFotoFondo input {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    .perfil input.btn-primary[value*="Guardar"] {
        height: auto;
        max-width: none !important;
        padding: 20px 40px !important;
        width: auto !important;
    }

    #divSecciones > div.perfil {
        max-width: 100% !important;
    }
    .perfil > div.span10 div.span6 input[type="text"], .perfil > div.span10 div.span6 input[type="password"] {
        clear: both !important;
        float: none !important;
        height: 40px;
        margin-left: 0;
        margin-top: 10px;
    }
    #divPersonalizaTuCampus > div.span12 > div.span6 {
        width: calc(100% - 10px) !important;
    }

    #divPersonalizaTuCampus > div.span12 > div.span6:first-child {
        display: none;
    }
    .perfil #divPersonalizaTuCampus label {
        display: block;
    }

    .perfil h4 {
        width: calc(100% - 40px);
    }

    #divPersonalizaTuCampus > div.span12 > div.span6:last-child {
        margin-left: 0 !important;
    }

    #formularioPerfil #register {
        margin-left: -20px !important;
    }
    #divCentralExpediente {
        padding: 20px;
    }
    body:not(.index) #divSecciones > div.seccionExpediente {
        max-width: 100%;
    }
    .tituloMatriculaNota {
        width: 100% !important;
        display:block;
    }

    .progress.pctProgresoMatriculaNota {
        margin-bottom: 10px;
        margin-left: 83px;
        margin-right: 0;
        top: 6px;
        width: calc(100% - 130px);
    }

    .divCabeceraListadoModulosMatriculaNota > .span8 {
        min-height: 33px;
    }
    .divListadoModulosMatriculaNota {
        padding: 0;
    }
    .pctModuloNota {
        font-size: 10px;
        font-weight: 700;
        padding: 3px;
        top: 2px;
    }
    .divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span8 {
        padding: 0 0 0 50px;
    }
    .datosScormActEvaluable .accordion > div {
        margin: 10px 0 0 !important;
        width: 100%;
    }

    .datosAccionFormativa .span8{width:100%; text-align:center}
    .datosAccionFormativa .span4 {
        float: none;
        margin: 0 auto;
    }

    #divCentralExpediente #divSuperiorExpediente a { font-size: 24px;}
    #divCentralExpediente #divSuperiorExpediente{margin-bottom: 20px;}

    .tallerCampus {
        min-height: 680px;
        padding: 10px 0;
        width: 100% !important;
    }

    #tituloTallerCampus > span {
        font-size: 20px !important;
    }
    .tallerCampus h2#tituloTallerCampus i {
        position: relative;
        top: 5px;
    }


    #barraLateralTalleres {
        float: left;
        padding: 20px 20px 0;
        position: relative;
        width: 100%;
    }

    #barraLateralTalleres div#divFlotante div {
        clear: none;
        float: left;
        margin-bottom: 0;
    }


    .tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller {
        margin-top: 30px;
        padding-top: 0;
    }

    .tallerCampus .contenedorTallerCampus .videotutorial .descripcionTaller > span {
        font-size: 20px;
    }

    .tallerCampus .contenedorTallerCampus .videotutorial p {
        font-size: 14px;
        line-height: 23px;
    }



    #lateralTalleres {
        width: 100%;
    }


    .tallerCampus .contenedorTallerCampus .videotutorial > iframe {
        height: 300px;
    }

    #seccionEntrenate .nav-tabs > li {
        padding: 10px 0 !important;
    }

    #seccionEntrenate .nav-tabs > li a {
        font-size: 13px;
        padding: 18px 14px 5px !important;
    }

    .imgUltimoVisto {
        display: none;
    }
    #divProgresoCurso > div {
        width: calc(68%) !important;
    }
    #divProgresoCurso > div > div > div.bar p{
        position: relative;
        width: 86px;
    }
    .cabeceraPasos .pasoMiga {
        display: block;
        float: left;
        height: 60px;
        margin-right: 5px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        text-align: center;
        width: 70px;
    }
    .pasoMiga:after {
        display: none !important;
    }

    .cabeceraPasos .pasoMiga .ordenPaso {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto 5px;
        padding: 3px 0 0 1px;
    }
    .columnapaso {
        width: 100% !important;
    }
    #contenidoPaso4 #resultProcesOK, #contenidoPaso4 #textoProcesOK {
        width: 100% !important;
    }
    .divDatosCertificacionCurso .span8 {
        width: calc(100%);
    }
    .divDatosCertificacionCurso .span2 {
        width:50% !important;
    }
    .divCertificacionCurso {
        margin-bottom: 50px;
        position: relative;
    }

    #explicacionExamenCertificacion > div {
        background: none repeat scroll 0 0 #f7f7f7;
        margin-bottom: 80px;
        margin-left: -20px;
        padding: 30px 20px;
        width: calc(100%);
    }
    .divListadoExamenesCertificacionesCurso .listadoExamenesCitasCertificacion, #contenedorProcesoCompra > .procesoCompra{
        width: 98% !important;
        padding: 40px 10px 20px;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div {
        font-size: 10px !important;
        padding-right: 5px;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div.span4 {width: 30% !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div.span2 {width: 15% !important;}

    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div {
        box-sizing: border-box;
        padding-right: 5px;
    }

    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div > label {font-size: 10px !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div.span4 {width: 30% !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div.span2 {width: 15% !important;}

    a#verTest {
        display: block;
        font-size: 10px !important;
        padding: 6px 3px;
        width: 60px;
    }
    #btnGenerarExamenActividad {
        clear: both;
        display: block;
        margin-bottom: 20px !important;
        margin-top: 0 !important;
    }




    /*NUEVO PERFIL*/
    .perfil h2 {
        font-size:18px;
        display: block;
        padding-top: 0 !important;
        margin-top: 20px !important;
    }


    .cuerpoPanelPerfil > #contenedorAvatarPerfil {
        float: none;
        margin: 0 auto;
    }
    .cuerpoPanelPerfil > #contenedorAvatarPerfilDescripcion {
        clear: both;
        float: none !important;
        margin-left: 20px;
        padding-right: 0;
        padding-top: 20px;
        width: calc(100% - 40px);
    }
    /*FIN DE NUEVO PERFIL*/







    /*NEUVA MENSAJERÍA*/


    /*MENSAJERIA VIEJA*/

    ul#tabMensajeria > li {
        margin: 0 !important;
        padding: 15px 10px 10px !important;
        width: calc(33.00% - 20px) !important;
    }
    ul.nav-tabs li a[data-toggle="tab"] > div:first-child b{font-size:11px}
    ul.nav-tabs li a[data-toggle="tab"] > div:first-child {font-size:11px}
    ul.nav-tabs li.active a[data-toggle="tab"] > div:nth-child(2){ display: none !important;}


    #tabContentMensajeria table td > div {
        text-align: center;

    }

    #tabContentMensajeria .divBotonesAccionesDatatable {
        width: 100% !important;
        float: none;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable button {
        box-sizing: border-box !important;
        float: left !important;
        margin: 0 1.5% !important;
        padding-left: 0;
        padding-right: 0;
        width: 30%;
    }

    #tabContentMensajeria .divBotoneraTabla {right: -20px;}

    #pantallaMensajeria .divBotoneraTabla button {
        right: 20px !important;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable button img {
        display: none;
    }



    #tabContentMensajeria .dataTables_filter input {
        left: 0;
        top: 0;
        width: 80%;
    }

    #tabContentMensajeria .dataTables_length label {
        float: left;
        height: 30px;
        overflow: hidden;
        text-align: left;
    }			

    #pantallaMensajeria .dataTables_filter > label {
        right: 58px;
    }
    #tabContentMensajeria .table.table-striped.table-bordered.dataTable {
        display: block !important;
        margin-left: -4px !important;
        overflow: hidden !important;
        width: calc(100% + 3px) !important;
    }
    #pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty {
        right: 45px;
        top: 21px;
    }
    #pantallaMensajeria .botoneraAccionesMensajeria .toolsForms{display:none !important}

    #tabContentMensajeria .toolsForms {
        height: 43px;
        margin-bottom: 20px;
        top: 114px;
        width: 100%;
    }

    #tabContentMensajeria table td.sorting_1 div, #tabContentMensajeria table td.sorting_1 button {
        left: 0;
        margin: 0 !important;
        position: relative;
        top: 0;
        width: 22px;
    }
    #tabContentMensajeria > div > div > form > div.row-fluid {
        margin-bottom: 10px;
        margin-left: -17px;
        width: calc(100% + 38px) !important;
    }



    /*FIN DE MENSAJERIA VIEJA*/



    #pantallaMensajeria {
        clear: both;
        float: none;
        margin-top: 0px;
    }

    #pantallaMensajeria > div#contenedorPantallaMensajeria {
        position: relative;
        width: 100% !important;
    }


    #contenedorPantallaMensajeria > div#iconoMensajeria {
        margin-bottom: 0 !important;
    }	
    #contenedorPantallaMensajeria > div#iconoMensajeria > p {
        display: none;
    }
    ul#tabMensajeria.nav-tabs {
        width: 100% !important;
    }


    #pantallaMensajeria > div#contenedorPantallaMensajeria ul li {
        height: 60px;
        width: calc(100% / 3 - 20px) !important;
    }

    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:after {
        background: none repeat scroll 0 0 #222728;
        color: #fff;
        /*content: "Nuevo Correo";*/
        cursor: pointer !important;
        left: 130px;
        opacity: 1;
        padding: 10px;
        position: absolute;
        text-transform: none;
        top: 30px;
        width: 100px;
    }
    body:not(.sinSuavizado) #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:after {
        transition: all 0.25s ease-in 0s;
    }

    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover:after {
        left: 120px;
        opacity: 1;
        top: 30px;
    }

    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:before {
        background: none repeat scroll 0 0 none;
        content: "";
        position: absolute;
        right: -30px;
        top: 39px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #222728 transparent transparent;
        transition: all 0.25s ease-in 0s;
    }
    body:not(.sinSuavizado) #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:before {
        transition: all 0.25s ease-in 0s;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover:before {
        right: -20px;
    }

    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a {
        border-radius: 50% !important;
        bottom: 20px !important;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3) !important;
        box-sizing: border-box;
        height: 70px !important;
        left: 20px;
        margin: 0 !important;
        padding: 0 !important;
        position: fixed !important;
        top: auto !important;
        width: 70px;
        z-index: 2147483645;
    }

    #contenedorPantallaMensajeria > div#iconoMensajeria > button {
        background: none repeat scroll 0 0 var(--colorPrincipal) !important;
        border: medium none;
        border-radius: 0 !important;
        box-sizing: border-box;
        cursor: pointer;
        height: 60px;
        margin: 0 !important;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;	
        width: 60px;
        z-index: 2147483647;
    }
    body:not(.sinSuavizado) #contenedorPantallaMensajeria > div#iconoMensajeria > button {
        transition: all 0.25s ease-in 0s;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a span{display:none}
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a i{display:none}
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a i.movil {
        display: block !important;
        font-size: 40px;
        left: 31px !important;
        margin: auto !important;
        position: absolute;
        top: 28px !important;
    }
    body:not(.sinSuavizado) #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a i.movil {
        
        transition: all  0.25s ease-in-out;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover i.movil{
        transform: rotate(135deg) !important;
    }

    #pantallaMensajeria .estilosMensajeriaAplicables {
        display: none !important;
    }

    #pantallaMensajeria #tabContentMensajeria table tr th:last-child {width: 70px;}
    #pantallaMensajeria #tabContentMensajeria table td th:last-child {width: 70px;}

    #pantallaMensajeria > #tabContentMensajeria {
        margin: 0 !important;
        width: 100%;
    }

    /*FIN DE NUEVA MENSAJERÍA*/


    .alertas,
    .secretaria {
        padding: 0 20px !important;
    }
    .alertas h6,
    .secretaria h6 {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-top:0px !important;
    }

    .secretaria .botonera button {
        max-width: none !important;
        width: 100% !important;
    }

    /*DELEGACIONES*/

    .delegaciones {
        padding: 0 20px !important;
    }

    .delegaciones h6 {
        font-size: 13px;
        line-height: 20px;
        margin-top:0px;

    }

    .delegaciones #divMapa {
        margin-left: -20px;
        width: calc(100% + 40px);
    }

    .delegaciones #delegacionesColumnaIZQ {
        width: 100%;
    }
    .delegaciones #accionesDelegacion {
        padding: 50px 0 0;
    }

    .delegaciones #miAcorden {
        padding: 0px 0;
        width: 100%;
    }
    .delegaciones #miAcorden #collapseRuta #panel{
        padding: 40px 0;
    }

    .delegaciones #miAcorden #collapseRuta #panel:empty {
        padding: 0;
    }
    .delegaciones #accordion1 {
        margin-bottom: 30px;
        margin-top: 40px;
        width: 100%;
    }

    .delegaciones #verIndicacionesMovil {
        float: right;
        text-decoration: underline;
        text-transform: uppercase;
        cursor:pointer;
        position:relative;
        top: -20px;
    }
    .delegaciones #verIndicacionesMovil.mostrado{
        display: block;
    }

    .delegaciones #miAcorden .panel-heading {
        position: relative;
    }
    .delegaciones #verMapaMovil {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        color: var(--colorPrincipal) !important;
        cursor: pointer !important;
        display: none;
        float: right !important;
        font-size: 14px !important;
        font-weight: 100 !important;
        left: auto !important;
        margin-top: -5px;
        position: absolute !important;
        right: 0;
        text-decoration: underline !important;
        text-transform: uppercase !important;
        top: 40px !important;
        z-index: 150;
    }
    .delegaciones #verMapaMovil.mostrado{
        display: block;
    }

    #seccionTestKeirsey #tituloResultadoKeirsey > h3 {
        display: block;
    }

    #dvtec > table > tbody > tr > td {
        background: none repeat scroll 0 0 #f0f0f0 !important;
        padding-bottom: 20px;
    }
    .tg-timedevents {
        border-right: 1px solid #dedede;
        width: calc(100% - 15px) !important;
    }
    .wk-dayname {
        padding: 10px 4px 4px !important;
    }
    .wk-dayname span {
        font-size: 9px;
    }
    .wk-dayname span i,
    .wk-dayname span u{
        display: none;
    }

    div.ctoolbar div.fbutton span {
        color: rgba(0, 0, 0, 0) !important;
    }



    div.ctoolbar > div.fbutton {
        width: calc(100% / 9 - 3px) !important;
    }

    #sfprevbtn, #sfnextbtn {
        text-align: center !important;
    }		

    #sfprevbtn span, #sfnextbtn span {
        background-position: center 0 !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    div.ctoolbar div.fbutton div {
        width: 100% !important;
        box-sizing: border-box;
    }
    div.ctoolbar div.fbutton span,
    div.ctoolbar div.fbutton span#txtdatetimeshow,
    div.ctoolbar div.fbutton span.showdayflash,
    div.ctoolbar div.fbutton span.showmonthview,
    div.ctoolbar div.fbutton span.showweekview,
    div.ctoolbar div.fbutton span.showdayview,
    div.ctoolbar div.fbutton span.showtoday,
    div.ctoolbar div.fbutton span.addcal{
        background-position: center 0 !important;
        color: rgba(0, 0, 0, 0) !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
    }

    #sfprevbtn, #sfnextbtn {
        padding: 0 3px !important;
    }

    #sfprevbtn span, #sfnextbtn span {
        margin-top: 13px !important;
    }
    div.ctoolbar > div.fbutton {
        position:relative;
    }
    div.ctoolbar div.fbutton span, div.ctoolbar div.fbutton span#txtdatetimeshow, div.ctoolbar div.fbutton span.showdayflash, div.ctoolbar div.fbutton span.showmonthview, div.ctoolbar div.fbutton span.showweekview, div.ctoolbar div.fbutton span.showdayview, div.ctoolbar div.fbutton span.showtoday, div.ctoolbar div.fbutton span.addcal {
        margin-top: -10px !important;
    }
    div.ctoolbar div.fbutton:after {
        bottom: 11px;
        display: block;
        font-size: 9px;
        left: 1px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        width: calc(100%) !important;
        z-index: 2147483647;
    }
    div.ctoolbar div#faddbtn.fbutton:after{content: "nuevo" !important;}
    div.ctoolbar div#showtodaybtn.fbutton:after{content: "hoy" !important;}
    div.ctoolbar div#showdaybtn.fbutton:after{content: "día" !important;}
    div.ctoolbar div#showweekbtn.fbutton:after{content: "semana" !important;}
    div.ctoolbar div#showmonthbtn.fbutton:after{content: "mes" !important;}
    div.ctoolbar div#showreflashbtn.fbutton:after{content: "recargar" !important;}
    div.ctoolbar div#sfprevbtn.fbutton:after{content: "anterior" !important;}
    div.ctoolbar div#sfnextbtn.fbutton:after{content: "siguiente" !important;}
    div.ctoolbar div.fshowdatep.fbutton:after{content: "fecha" !important;}
    #sfprevbtn:after, #sfnextbtn:after {bottom: 12px;}

    #dashboard{width: 100% !important;}


    .datosComplementariosMatricula {
        width: 100%;
    }
    .datosMatriculaNota p {
        margin: 0 0px 10px 0;
        text-align: left;
        display: block !important;
        width: 100% !important;
    }

    /*PERSONAL TRAINER*/


    #seccionPersonalTrainer #presentacionSeccionPersonalTrainer #divMensajeriaContactaConPersonalTrainer > span {
        box-sizing: border-box;
        display: block;
        top: 0;
        width: 100%;
    }

    #divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso {
        margin-bottom: 100px;
        width: calc(100% / 2 - 20px) !important;
    }

    #divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento {
        margin-top: -20px;
        padding-top: 0;
    }
    #listadoClasesPersonalTrainer > .webinar {
        box-sizing: border-box;
        float: left;
        margin: 10px 0 15px;
        width: 100% !important;
    }

    #divListadoClasesDirectoPersonalTrainer {
        background: none repeat scroll 0 0 #e0e0e0;
    }
    #cabeceraDivSuperiorPaginacionClases > div {
        width: 100%;
    }

    #listadoClasesPersonalTrainer {
        box-sizing: border-box;
        margin-top: 40px;
        width: 100%;
    }
    #cabeceraDivSuperiorPaginacionClases > div:first-child > span {
        float: left;
        font-size: 23px;
        margin-top: 0 !important;
        width: calc(100% - 66px) !important;
    }

    #cabeceraDivSuperiorPaginacionClases > div:last-child > span {
        display: block;
        margin-top: 40px;
        text-align: center;
        width: 100%;
    }

    #cabeceraDivSuperiorPaginacionClases > div:last-child > button:not(:last-child) {
        float: left;
        margin-left: 0;
        margin-top: 30px;
    }

    #cabeceraDivSuperiorPaginacionClases > div:last-child > button:last-child {
        float: right;
        margin-top: 30px;
    }
    #seccionPersonalTrainer > div {
        padding: 20px 10px 20px 0 !important;
    }
    #divResumenNivelCondicionesPersonalTrainer {
        box-sizing: border-box;
        padding: 0;
    }


    #divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento {
        margin-top: -40px;
        padding-top: 0;
    }

    #divCirculosNivelesCondicionesPersonalTrainer > .circuloProgreso > h5 {
        font-size: 17px;
    }

    #divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer {
        display: block;
        float: none;
        margin: 0 auto 20px !important;
        position: relative;
        height: 100px !important;
        width: 260px !important;
    }

    #divPanelProgramaPreparadorFisico > div > div > button.btnProgramaPersonalTrainer > img {
        float: left;
    }
    #divPanelProgramaPreparadorFisico > div > div > p {
        margin-bottom: 60px;
        margin-top: 0;
        width: 100%;
    }

    .personalTrainerIntro h6 {
        font-size: 18px;
        font-weight: 600;
    }

    .personalTrainerIntro h6 b {
        font-weight: 700;
    }

    .contenedorPlanificacion > div.span9 p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px;
        letter-spacing:0px;
    }


    .divLateralSeccionesPreparadorFisico > button {
        font-size: 12px;
    }	
    #divCentralSeccionesPreparadorFisicoSimulacros {
        width: 100% !important;
    }

    #seccionPersonalTrainer {
        padding-left: 20px;
    }

    .divFichaEjercicio {
        width: 100% !important;
    }
    .divFichaEjercicio:nth-child(2n+1) {
        margin-right: 0px !important;
    }

    .contenedorPlanificacion > div.span9 p.propiedadEjercicioEntrenamiento {
        margin-bottom: 5px;
    }
    #formResultadosSimulacro > div:first-child > div.span3 {
        padding: 0 5px;
    }

    #seccionPersonalTrainer .divAgrupacionPreguntas .descripcionAgrupacionPreguntas {
        font-size: 20px;
        line-height: 28px;
    }
    .divPieTestNivel > button {
        display: block;
        font-size: 25px;
        max-width: none;
        padding: 30px;
        width: 100%;
    }
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico,
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto{
        top:-9px;
        right:-10px;
    }
    #labelMenuPersonalTrainer {
        right: 57px;
        top: 9px;
    }

    .tituloMaterialFichaScorm.titiloMaterialScorm {
        font-size: 15px;
        letter-spacing: -0.4px;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div.listaTercerNivel > ul > li > div > a > span,
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span4 > span,
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span8 > div.nombrepunto > a {
        font-size: 13px !important;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div.listaTercerNivel > ul > li > div {
        position: relative;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div.listaTercerNivel > ul > li > div > div.btn-group {
        right: -8px;
        top: 9px;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div.listaTercerNivel > ul > li > div > div.btn-group > button{
        opacity:1 !important;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div.listaTercerNivel > ul > li > div > div > ul {
        left: 20px !important;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > li > div > span, #porcentajeCurso, 
    #seccionPersonalTrainer #porcentajeScormMaterialTemario {
        margin-left: 10px !important;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul {
        padding: 0 10px 20px 0 !important;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > li {
        padding: 25px 10px 0 0 !important;
    }

    #divResumenNivelCondicionesPersonalTrainer > div#nivelEntrenamiento > span {
        display: block;
        text-align: center;
        width: 100%;
    }

    .divTablaEjercicioSeleccion > .contenidoTabla {
        float: none;
        width: 100% !important;
    }
    .divDetalleEjercicioEntrenamiento > div {
        clear: both;
        float: none !important;

        width: 100% !important;
    }
    .divDetalleEjercicioEntrenamiento > div:last-child {
        margin-bottom: 90px !important;
    }

    #botonImprimirPDF {
        clear: both;
        display: block;
        float: none;
        margin: 110px auto 20px;
    }
    #divVideoBienvenidaPersonalTrainer, #divMensajeriaContactaConPersonalTrainer {
        margin: 0 0 30px !important;
        width: 100% !important;
    }
    #seccionPersonalTrainer > div#divListadoClasesDirectoPersonalTrainer {
        width: 100% !important;
    }
    /*FIN PERSONAL TRAINER*/


    /*TEST CHAEA*/
    #cartasAprendizaje .cartaChaea {
        margin: 0 0 150px !important;
        width: 100% !important;
    }

    #cartasAprendizaje .cartaChaea:nth-child(4) {
        margin-bottom: 0 !important;
    }


    #textoDestacadoChaea > img {
        display: block;
        float: none;
        margin: 0 auto -50px;
        position: relative;
        top: -40px;
    }

    #textoDestacadoChaea > p {
        box-sizing: border-box;
        float: none;
        text-align: center;
        width: calc(100% - 40px);
    }
    /*FIN DE TEST CHAEA*/


    /*CASOS DE EXITO*/


    .casosExito .menuLateralVertical {
        float: left;
        left: -40px;
        position: relative;
        width: calc(100% + 80px);
    }

    .casosExito .seccionConMenuLateralVertical {
        width: 100%;
    }
    /*FIN DE CASOS DE EXITO*/


    /*MODO LECTURA*/
    #contenedorLectura .botonera .accionesCurso .botonActividadCurso:first-child {
        border: medium none !important;
        margin-bottom: 30px !important;
        margin-top: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenedorLectura .botonera .accionesCurso > .botonActividadCurso:last-child {
        border: none !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    #contenedorLectura .botonera .accionesCurso > .botonActividadCurso:last-child {
        margin: 0 !important;
    }
    #contenedorLectura .botonActividadCurso div.fondoGrisBoton {
        float: left !important;
        margin-top: 11px !important;
        position: absolute !important;
        width: 40px !important;
        margin-left: 20px;
    }

    #contenedorLectura .navegacionCurso.navegacionCursoSiguiente {
        bottom: 0;
        position: absolute;
        right: 0;
        text-align: right;
        width: 110px;
        padding-left: 33px;
    }
    #contenedorLectura .navegacionCurso.navegacionCursoAnterior {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100px;
    }

    #contenedorLectura .botonPlanificacionTexto > div {
        text-align: center;
        width: 100%;
    }
    #contenedorLectura .botonPlanificacionTexto > div > span {
        text-align: center !important;
    }
    #contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente span,
    #contenedorLectura .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior span {
        font-size: 15px !important;
    }
    #contenedorLectura .navegacionSuperiorActividad {
        width: 100%;
    }	
    #contenedorLectura .botonera .accionesCurso .botonActividadCurso i {
        font-size: 45px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    #contenedorLectura .botonera {
        margin-top: 50px !important;
        height: 250px;
        margin-bottom: 20px;
    }
    #contenedorLectura .botonera .accionesCurso {
        max-width: 300px !important;
        width: auto;
    }
    #contenedorLectura .navegacionCurso.navegacionCursoSiguiente > div {
        padding: 0;
    }
    #contenedorLectura .botonActividadCurso > div.span8 > label, #contenedorLectura .botonActividadCurso > div.span8 > p {
        font-size: 15px;
    }

    #contenedorLectura #barraOpcionesModoLectura {
        height: 100%;
        /*overflow-x: hidden;
        overflow-y: scroll;*/
        width: 75px;
    }
    #contenedorLectura.barraEscondida #barraOpcionesModoLectura {
        left: -75px;
    }


    #contenedorLectura #toggleBarraOpcionesModoLectura {
        left: 60px;
    }

    #contenedorLectura #salirModoLectura {
        position: fixed;
        width: 75px !important;
        z-index: 2147483647 !important;
        box-sizing: border-box;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura {
        padding: 0 14px 50px;
    }
    #contenedorLectura #contenido {
        padding-left: 75px;
    }
    #contenedorLectura #iconoLectura {
        padding: 10px 0;
        display:none;
    }
    #contenedorLectura #iconoLectura img {
        width: 35px;	
    }

    #contenedorLectura #comboFuentes div span {
        display: none;
    }
    #contenedorLectura #temaColoresModoLectura {
        display: none;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div.active::after {
        font-size: 21px;
        right: 13px;
        top: -1px;
    }
    #contenedorLectura #comboFuentes {
        margin-top: 5px;
    }
    #contenedorLectura #barraOpcionesModoLectura #opcionesModoLectura #comboFuentes > div.active::after {
        font-size: 20px;
        right: 20px;
        top: 8px;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors {
        height: auto;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura > div#containerColors > div {
        clear: both;
        float: none;
        margin: 5px 0 !important;
        width: 100% !important;
    }
    #contenedorLectura #textoTamanoFuente {
        display: none;
    }
    #contenedorLectura #aumentaFuente, #contenedorLectura #disminuyeFuente {
        font-size: 45px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100%;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura #guardarModoLectura button span {
        display: none;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura #guardarModoLectura button {
        background: #04eacc none repeat scroll 0 0 !important;
    }
    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura #guardarModoLectura button i {
        left: 6px;
        margin: -14px 0 0 !important;
        top: 7px !important;
    }

    #contenedorLectura #salirModoLectura button i {
        display: none !important;
    }
    #contenedorLectura #salirModoLectura button {
        padding: 10px !important;
    }
    #contenedorLectura .fechaPlanificado, #contenedorLectura .fechaPlanificadoDerecha {
        display: inline;
        text-shadow: none;
    }
    #contenedorLectura .descripcionContenido{
        text-align: left !important;
    }
    #contenedorLectura .botonActividadCurso > div.span8 > label:last-child, 
    #contenedorLectura .botonActividadCurso > div.span8 > p:last-child {
        margin-left: 0;
    }
    #contenedorLectura #contenido .tituloActividad, #contenedorLectura #contenido .descripcionActividad, #contenedorLectura #contenido .tituloContenido, #contenedorLectura #contenido .textoContenido .descripcionContenido > *, #contenido .textoContenido > p, #contenido .textoContenido > p > span, #contenido .textoContenido > span, #contenido .descripcionContenido {
        text-align: left !important;
    }
    #contenedorLectura div[id*="divComponente"] > iframe {
        height: 440px !important;
        min-height: 200px !important;
    }

    #contenedorLectura #errorModoLectura,
    #contenedorLectura #errorModoLectura a {
        font-size: 15px;
    }

    /*FIN MODO LECTURA*/	




    #contenedorActividades #contenedorComentarios {
        padding: 0 20px;
    }
    #contenedorActividades #listadoComentarios > div:not(.comentarioCapa) {
        padding: 0;
        width: 100%;
    }
    #contenedorActividades #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3, #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3 {
        position: relative !important;
        width: 100% !important;
    }
    #panelTemaForo .divForoMensajeRespuesta .comentarioFoto .usuarioFotoMensaje{
        left: 0;
    }
    #contenedorActividades #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span9, 
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span9 {
        margin: 0 !important;
        padding: 13px 10px !important;
        width: 100% !important;
        min-height: 110px;
    }
    #panelTemaForo .moderadorFotoMensaje, #panelTemaForo .usuarioFotoMensaje {
        left: 0;
    }
    #panelTemaForo .moderadorFotoMensaje, #panelTemaForo .usuarioFotoMensaje {
        float: left;
        left: 0;
        border-width: 5px;
        margin-bottom: -10px;
    }
    #panelTemaForo .comentarioFoto label {
        left: 0;
        margin-left: 60px;
        margin-top: 18px !important;
    }
    .divTextoForoMensaje xmp {
        font-size: 14px;
        margin: 0;
    }
    #panelTemaForo .moderadorFotoMensaje, #panelTemaForo .usuarioFotoMensaje {
        height: 50px !important;
        width: 50px !important;
    }
    .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button.botonResponderMensajeForo {
        border-radius: 5px !important;
        font-size: 15px;
        padding: 5px 7px;
    }
    .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button img,
    .divListadoMensajesForoHilo .divAdjuntosBotonesForoMensaje .span8 button i{
        display: none;
    }
    div.divForoMensajeRespuesta > .span3 .moderadorFotoMensaje::before, 
    div.divForoMensajeRespuesta > .span3 .usuarioFotoMensaje::before{
        display: none
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje .span3 label:not(.lblModeradorFoto), #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje .span3 label:not(.lblModeradorFoto){
        font-size: 15px;
        font-weight: 100;
        line-height: 18px;
        color: #333333;
        display: block;
        margin-top: 0px;
        padding: 0 10px;
        width: auto !important;
        text-align: left;

    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3 {
        float: right !important;
        text-align: right !important;
    }
    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3 label {
        display: inline-block !important;
        left: auto !important;
        margin-top: 13px !important;
        position: relative !important;
        right: 0 !important;
        text-align: right;
        width: auto;
        top: auto !important;

    }
    .adjuntoForoMensaje{
        margin-bottom: 20px;
    }
    #panelTemaForo .moderadorFotoMensaje, #panelTemaForo .usuarioFotoMensaje {
        float: right;
    }

    .panelContenedorActividad.contenedorPlanificacion div#divCabeceraHiloForo > .span10 {
        width: 100% !important;
    }

    #seccionActividadesGrupales button#btnNuevoMensajeForoHiloCabecera {
        margin: 0px 0 20px 0 !important;
    }

    #divModeradoresParticipantesForoHilo .span10 {
        width: 100%;
    }
    #divActividadGrupal #divContenidoActividadGrupal .span10 {
        width: 100% !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta .span3 div.usuarioFotoMensaje {
        float: right;
        margin-top: -10px;
    }
    #panelTemaForo .moderadorFotoMensaje > img.avatarVertical, #panelTemaForo .usuarioFotoMensaje > img.avatarVertical {
        min-height: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
    #panelTemaForo .moderadorFotoMensaje > img.avatarCuadrado, #panelTemaForo .usuarioFotoMensaje > img.avatarCuadrado {
        min-height: 100% !important;
        min-width: 100% !important;
    }
    #panelTemaForo .moderadorFotoMensaje > img.avatarHorizontal, #panelTemaForo .usuarioFotoMensaje > img.avatarHorizontal {
        min-height: 100% !important;
        min-width: 100% !important;
    }
    .divForoMensajeRespuesta > .span9 > div > label:nth-child(1) {
        font-size: 12px;
        font-weight: 600;
        text-align: right;
    }
    .divForoMensaje > .span9 > label:nth-child(1) {
        font-size: 12px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 0;
    }
    #contenedorComentarios .divAdjuntosBotonesForoMensaje .span8 button {
        margin-bottom: 0;
        font-size: 12px;
    }


    .divAdjuntosBotonesForoMensaje > .span8 {
        margin-top: 0 !important;
    }
    .divNuevoMensajeForoMensaje {
        padding: 10px 10px 40px;
        width: 100%;
    }
    .divListadoMensajesForoHilo form button {
        /*float: left;*/
        font-size: 11px;
        margin: 1%;
        padding: 13px 10px 10px 38px;

        /*margin: 1%;
        padding: 10px 0;
        width: 48%;*/
    }
    .divListadoMensajesForoHilo form button img {
        width: 15px;
    }

    #comentarActividad form > textarea#comentario, #comentarActividadDiv form > textarea#comentario {
        width: 100%;
    }
    #comentarActividad form > button, #comentarActividadDiv form > button {
        width: auto;
        float: right !important;
        font-size: 15px;
    }



    body.sinProgreso .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 p {
        margin-top: 33px;
    }


    /*INTERFAZ NUEVO AVATAR*/
    #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999999999999999999999999999999;
        background: #ebebeb;
        margin: 0px;
        padding: 50px 0px 0px;
    }

    #divFotoPerfil .cuerpoPanelPerfil .barraExaminar {
        position: relative;
        text-align:center !important;
    }

    #divFotoPerfil .cuerpoPanelPerfil .barraExaminar span.barraExaminarBoton {
        margin-bottom: 20px;
    }

    #divPersonalizaTuCalendario{
        display: none;
    }
    /*
    #divPersonalizaTuFondo{
            display: none;
    }
    */
    /*FIN DE INTERFAZ NUEVO AVATAR*/



    .usuarioContactaRolMatriculaFichaFoto {
        width: 130px;
    }

    .usuarioContactaRolMatriculaFichaFoto > div:first-child, .divImagenFotoFichaUsuario > div:first-child {
        width: 100px !important;
        height: 100px !important;
        margin-bottom: 5px;

    }
    .usuarioContactaRolMatriculaFichaFoto {
        width: 130px !important;
        margin-bottom: 40px !important;

    }
    .redes > a{
        max-width: calc(100% / 6 - 15px) !important;
    }



    #seccionConvocatorias {
        padding-left: 0 !important;
        margin-left: 120px !important;
        width: calc(100% - 120px) !important;
    }
    .contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span {
        font-size: 12px;
    }

    #modalCuadradaContenedor .modalCuadrada, .modalCuadradaContenedor .modalCuadrada {
        top: 0;
        left: 0;
        right: auto;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        padding: 60px 10px;
        box-sizing: border-box;
    }

    #modalCuadradaContenedor .modalCuadrada > div, .modalCuadradaContenedor .modalCuadrada > div {
        width: 100%;
        box-sizing: border-box;
    }



    #contenedorMenuScorm #divMenuScorm {
        width: 100% !important;
    }

    #contenedorMenuScorm #contenendorVisualizacionScorm {
        width: 100% !important;
        margin-top: 0px !important;
        margin-left: 0% !important;
    }

    #textoMensajePonerActividadScormPantallaCompleta {
        display: none !important;
    }

    #contenedorMenuScorm #botonPantallaCompletaScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

    #contenedorMenuScorm #btnPantCompContenendorVisualizacionScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

    #contenedorMenuScorm #btnRecargarContenendorVisualizacionScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

    #contenedorMenuScorm #divMenuScorm #accordionSCORM{
        padding: 0 !important;
        margin-bottom: 0px !important;

    }
    #contenedorMenuScorm #divMenuScorm #accordionSCORM::before {
        display: none !important;
    }
    #contenedorMenuScorm #divMenuScorm #accordionSCORM > p:first-child {
        display: none !important;
    }
    .popoverScormEstadisticas {
        margin-right: 5px !important;
        margin-top: 4px !important;
    }
    #accordionSCORM .span2 {
        position: absolute;
        top: 0;
        right: 0;
        width: auto !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul li{
        position: relative;
    }
    body#bodyCambioContrasena{
        min-height: 0;
    }
    body#bodyCambioContrasena #contenedor_global {
        margin-top: 0%;
    }
    #contenedorCambioContrasena {
        max-height: none;
        position: relative;
        height: auto;
    }
    
    #contenedorCambioContrasena #formularioCambioContrasena {
        text-align: center;
    }
    #contenedorCambioContrasena #formularioCambioContrasena > label.errorsForm {
        margin: 0 auto !important;
        width: 100%;
    }
    #contenedorCambioContrasena {
        padding-top: 0;
    }
    #contenedorCambioContrasena #formularioCambioContrasena > input {
        width: 90%;
    }
    #contenedorCambioContrasena #formularioCambioContrasena > button {
        margin-left: 0;
        /*width: 90% !important;*/
        max-width: none !important;
        margin-right: 0;
        /*
        background-color: #f56600 !important;
        box-shadow: 0 2px 0 0 #aa4701 !important;
        */
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    html.apple #modalMensajeria {
        position: static !important;
    }

    .tituloModuloNotaParrafo {
        width: 90px;
    }
    .pctModuloNota {
        left: 12px;
    }

    .tituloMatriculaNota {
        font-size: 15px;
    }

    #back-top{display:none}


    .botonActividadCurso:first-child {
        max-width: 150px !important;
    }

    #contenedorComentarios ul.nav-tabs li a[data-toggle="tab"] {
        font-size: 13px;
    }

    #contenedorComentarios ul.nav-tabs li a[data-toggle="tab"] > span {
        font-size: 13px;
    }

    #contenedorComentarios {
        padding: 0 20px;
    }

    .botonPlanificacionTexto {
        width: 140px;
    }
    .botonPlanificacionTexto span {
        font-size: 9px !important;
    }
    .panelContenedorActividad .navegacionCurso {
        bottom: -80px !important;
    }

    .menuPrincipal, .menuPrincipal.menuPantallaCompleta {
        margin: 0 1% !important;
    }

    #logotipo{display:none !important}
    body.index .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"] li#setLayout{display:none !important}

    .span1, .span2, .span3{ width: 100% !important;}

    .panelContenedorActividad > img{display:none}
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad {
        border: 0 none !important;
        padding: 10px 30px;
    }
    .panelContenedorActividad .botonera {
        margin-bottom: 30px !important;
        margin-top: 0 !important;
        width: 100% !important;
    }
    .tituloAsignaturaFicha {
        margin-top: 0;
        width: calc(100% - 90px);
    }
    a#trigger{width: 80px !important;}
    #mp-pusher > .mp-menu {
        top: 160px !important;
    }
    #divContenidoCurso > div:not(.container) {
        padding: 0 !important;
        width: 80px !important;
    }
    .navegacionSuperiorActividad {
        width: calc(100% - 100px);
    }
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger:after{content:attr(data-textoAbrirMenuCorto) !important;}
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger.abierto:after {
        content:attr(data-textoCerrarMenuCorto) !important;
    }

    .navTabs.nav.nav-tabs.fondoGris {
        margin-left: -30px !important;
        padding-left: 30px !important;
        width: calc(100% + 60px) !important;
    }
    .panelContenedorActividad .botonera > div {
        margin: 20px 0 !important;
        max-width: none;
        position: relative !important;
        width: 100% !important;
    }
    .navegacionCurso > div > div > div {
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 30% !important;
    }

    .tituloAsignaturaFicha p{margin-bottom:6px}
    .tituloAsignaturaFicha {
        clear: both !important;
        display: block !important;
        float: none !important;
        left: 0 !important;
        margin: -58px 0 0 10px !important;
        padding: 0;
        position: relative !important;
        top: 0 !important;
    }
    #contenedorActividades {
        clear: both !important;
        display: block !important;
        float: none !important;
        left: 0 !important;
        margin: 80px 0 0 !important;
        overflow-y: hidden !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion {
        margin-left: 0 !important;
        width: 100% !important;
    }



    #demoSeccion{display:none}
    #convocatoriasDiv{ max-height: none !important; overflow:auto}

    #convocatoriasDiv .itemConvocatoria:nth-child(8),
    #convocatoriasDiv .itemConvocatoria:nth-child(9),
    #convocatoriasDiv .itemConvocatoria:nth-child(10),
    #convocatoriasDiv .itemConvocatoria:nth-child(11),
    #convocatoriasDiv .itemConvocatoria:nth-child(12),
    #convocatoriasDiv .itemConvocatoria:nth-child(13),
    #convocatoriasDiv .itemConvocatoria:nth-child(14),
    #convocatoriasDiv .itemConvocatoria:nth-child(15){
        display:none
    }
    .paginacionBiblioteca {width: calc(100% - 20px) !important;}
    .paginacionBiblioteca > button {
        left: -2px;
        margin: 0 !important;
        position: relative;
        top: -38px;
    }
    .paginacionBiblioteca > button > img {
        width: 70px;
    }
    #primeraPaginacionBiblioteca > .pagination {display:none}
    #divBibliotecaIzq{width: 100% !important;}
    #divBibliotecaDcha{width: 100% !important;}
    .botoneraFiltrosBiblioteca:before{top: 108px;}
    #divContenidoBiblioteca > div > #complementos > div.fondoSubseccion > div > div.buscadorBiblioteca > form > div:not(.botoneraFiltrosBiblioteca){width: calc(100%);}

    #formBuscadorTextoContenido > div > div.span10{width: calc(100% - 90px);}
    /*#textobuscar{width:100% !important}*/
    #formBuscadorTextoContenido > div > div.span2, #formBuscadorTextoContenido > div > div.span2 > button {
        float: left !important;
        width: 80px !important;
    }

    .divBotoneraSuperiorDiccionario button img{width: 70px;}
    #diccionario .fondoSubseccion .divInferiorDiccionario .span3:before{width: calc(100% - 80px);}
    #diccionario .fondoSubseccion .divInferiorDiccionario .span3{padding-top: 20px;}
    #diccionario .fondoSubseccion .divInferiorDiccionario .titulosDiccionario {
        margin: 0 !important;
        width: 100% !important;
    }
    #diccionario .fondoSubseccion .divInferiorDiccionario .span9 {
        border: medium none !important;
        margin: 50px 0 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    #contenidoDiccionario > div > div{width: 100% !important;}




    .contacta > h1{
        left: 0;
        margin-bottom: 10px;
        margin-left: -3px;
        margin-top: -3px;
        width: calc(100% - 34px);
        font-size: 25px; padding: 10px 20px;
    }
    .contacta > h1, .secretaria > h1, .delegaciones > h1, .alertas > h2, .practicas h1, .talleres > h2, .cHead, .perfil h2, #tate h1{font-size: 23px; padding:40px 0 20px !important}

    .seccionExpediente h1 {
        padding: 20px 20px 0 !important;
    }


    .itemContacta > div:not([id*="cmb"]) > div > .span5 {
        width: 100% !important;
    }
    .itemContacta > div:not([id*="cmb"]) > div > .span7 {
        width: 100% !important;
    }
    .contacta{
        padding: 0 25px 20px !important;
        text-align: justify;
    }

    .contacta .usuarioContactaRolMatriculaFichaFoto {
        margin-bottom: 40px;
        margin-right: 5% !important;
        width: 45%;
    }

    .usuarioContactaRolMatriculaFichaFoto > div:first-child, .divImagenFotoFichaUsuario > div:first-child {
        height: 120px !important;
        width: 120px !important;
    }

    .contenedorFichaPersonal.modalDestacadaReducida {
        /*height: 90% !important;
        max-height: 90% !important;*/
        max-width: 90% !important;
        width: 90% !important;
        overflow-y: scroll !important;
    }
    html:not(.apple) .contenedorFichaPersonal.modalDestacadaReducida {
        overflow-y: hidden !important;
    }
    .contenedorFichaPersonal > div {
        padding: 20px;
        min-height: 100%;
    }
    .contenedorFichaPersonal.modalDestacadaReducida .divImagenFotoFichaUsuario{
        position: relative;
        width: 100% !important;
    }
    .usuarioContactaRolMatriculaFichaFoto > div:first-child, .divImagenFotoFichaUsuario > div:first-child{
        display: block !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario {
        box-sizing: border-box;
        margin: 0 !important;
        width: 100%;
    }

    .panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario h2 {
        display: block !important;
        font-size: 20px;
        text-align: center;
        width: 100% !important;
    }
    .panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario button {
        display: block;
        margin: 0 auto !important;
    }

    .modalDestacada .ion-ios-close {
        height: 44px;
        right: 0 !important;
        top: 0 !important;
        width: 38px;
        z-index: 2147483647 !important;
    }

    .contenedorFichaPersonal.modalDestacada .ion-ios-close {
        top: 10px !important;
    }

    .panelSuperioFichaUsuarioContacto > .divDatosPrincipalesFichaUsuario a {
        color: var(--colorPrincipal) !important;
        cursor: pointer;
        display: block;
        font-size: 12px;
        margin-bottom: 20px;
        text-align: center;
        text-decoration: underline;
    }


    .menuPrincipal, .menuPrincipal.menuPantallaCompleta{margin: 60px}
    #logotipo{top: -70px !important;}


    .itemClaseDirectoDescripcion{border-right: none; padding: 0 10px;}	

    .itemClaseDirectoSeparador {
        display: block;
        left: 102px;
    }	
    .itemClaseDirectoTitulo {
        float: left;
        margin-left: 20px;
        width: calc(100% - 136px) !important;
    }
    #divSecciones{ margin-top: 20px;}
    #contenedor .pagination, #comentariosnoticia .pagination{width: 100% !important;}
    #contenedor .pagination a {padding: 10px 25px;}

    #contenedor .pagination input, #comentariosnoticia .pagination input {
        width: 75px !important;
    }

    #divProgresoCurso > div {
        width: calc(100% - 90px) !important;
    }
    #divProgresoCurso > img:first-child {
        margin-right: 12px;
    }
    .contenedorPlanificacion > div.span9 {
        margin-left: 0 !important;
        margin-top: 100px !important;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#menuLateralTabsEstudio.span3 {
        height: 80px;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#menuLateralTabsEstudio.span3 > a {
        height: 80px;
        width: 77px;
    }
    .contenedorPlanificacion > div#menuLateralTabsEstudio.span3 > a > span {
        font-size: 10px;
        line-height: 10px;
        top: 56px;
    }
    .contenedorPlanificacion > div#divBloqueActualizate.span9 {
        margin: 0 0 0 10px !important;
        width: calc(100% - 10px) !important;
        padding: 110px 10px 10px;
    }
    #seccionEntrenate .navTabs.nav.nav-tabs.fondoGris{padding-left: 0 !important;}

    #seccionEntrenate .nav-tabs > li {
        padding: 5px 0 !important;
    }

    #seccionEntrenate .nav-tabs > li a {
        font-size: 12px;
        padding: 10px 6px 1px !important;
    }

    #seleccionItems.allSelected {
        width: 270px;
        background: #04eaac;
        max-width: 100% !important;
        box-sizing: border-box;
    }


    #menuLateralTabsEstudio > a > label {
        left: -2px;
        top: 35px;
        width: 30px;
    }

    #bloque_curso > img {
        display:none;
    }
    .imgUltimoVisto{display:none}


    .contenedorPlanificacion > div.span9  #divProgresoCurso h2 {
        display: none;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso label {
        display: none;
    }

    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso:before {
        content: "";
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
        background: none repeat scroll 0 0 #FFFFFF;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span7 {
        display: none;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion:before{
        content: "";
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
        margin-top: 0px !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario .tituloCursoPlanEstudio {
        margin-top: 20px;
    }


    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 label:not(.switch) {
        display: none;
    }

    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 p {
        display: block;
        float: left;
    }

    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 .switch {
        display: block;
        float: left;
        height: 20px;
        margin: 20px 0 0 60px !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion .span5 {
        height: 60px;
        background: none repeat scroll 0 0 #FFFFFF;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divActivarPlanificacion {
        margin-top: 0 !important;
        display: none;
    }
    .contenedorPlanificacion > div#divBloqueItinerario #divProgresoCurso {
        padding: 0;
    }

    #seccionEntrenate .navTabs.nav.nav-tabs.fondoGris {
        margin-left: 10px !important;
        margin-top: 10px;
        padding-left: 30px !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a{
        width: calc(100% - 120px) !important;
        font-size: 13px;
    }
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span.pctProgresoModulo {
        font-size: 10px;
        top: 4px !important;


    }
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > span:not(.pctProgresoModulo) {
        font-size: 9px;
        top: 2px;
        margin-top: 6px;
    }

    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span11 > a > span.tituloConvocatoriaPlanEstudio {
        display: block;
        font-size: 11px;
        font-weight: 600;
        margin-left: 0px;
        margin-top: 5px;
        margin-right:0px;
        text-transform: uppercase;
    }
    .contenedorPlanificacion #planEstudioDivAsignaturas .asignatura > div.span1 > i{ top: -9px;}


    #divProgresoCurso > div > div > div.bar[style*="width"] p {
        right: -80px !important;
    }

    #seccionEntrenate #nuevoTestEntrenate {
        padding: 10px;
    }

    .contenedorPlanificacion #planEstudioDivAsignaturas {
        margin-top: 0px;
    }
    .contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura {
        padding: 0 0px;
        width: calc(100% - 0px);
        position: relative;
        top: -11px;
        margin-bottom: 40px;
    }
    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a div span {
        font-size: 12px;
        padding-left: 5px;
        display: inline-block;

    }
    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a > div {
        padding-left: 45px;
        position: relative;
    }

    .divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioEstado {
        display: none;
    }
    .divListaActividadesAsignatura > div:not([id*="datosListaActividadesAsigantura"]) > div[id*="cabecerasListadoActividades"] > span.tituloPlanEstudioActividades {
        padding-left: 67px;
    }
    .contenedorPlanificacion .divListaActividadesAsignatura div ul {
        padding-left: 0px;
        margin-left: 5px;
    }

    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a {
        clear: both;
        display: inline-block;
        padding: 10px 0 10px;
        color: #000;
    }
    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a div i {
        margin-left: 0;
        left: 0;
    }


    .contenedorPlanificacion .divListaActividadesAsignatura div ul li a div img {
        margin-top: 0px;
        margin-right: 0px;
        position: absolute;
        left: 22px;
    }

    .contenedorPlanificacion > div#divBloqueItinerario .tituloCursoPlanEstudio > p {
        display: none;
    }






    .contenedorPlanificacion #planEstudioDivAsignaturas .divListaActividadesAsignatura > div > div.btn-group{
        display: none;
    }


    .navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
        height: 46px;
        top: -1px;
        width: auto;
    }


    .descripcionContenido {
        font-size: 14px;
        line-height: 21px;
    }
    .descripcionContenido br + br {
        display: block;
        height: 1px !important;
    }
    .tituloAsignaturaFicha {
        clear: both !important;
        display: block !important;
        float: none !important;
        left: 30px !important;
        margin: 20px 0 0 !important;
        padding: 0;
        position: relative !important;
        width: calc(100% - 130px) !important;
    }
    .tituloAsignaturaFicha p a {
        letter-spacing: 0;
        text-transform: uppercase !important;
    }

    #migasNavegacionActividad{float:none !important; visibility: hidden;}
    #migasNavegacionActividad > p{ padding:0px}

    #contenedorActividades{margin:-60px 0 0 !important}

    body:not(.index) #divSecciones > div#seccionAsignatura {
        max-width: 100% !important;
        width: 100% !important;
    }
    h2.tituloActividad {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 10px;
        margin-top: 0;
        text-transform: uppercase;
    }
    h4.tituloContenido {
        font-size: 14px;
        /*font-weight: 500;*/
        line-height: 24px;
        margin-bottom: 27px;
        text-align: left;
        width: 100%;
    }

    div[id*="datosListaActividadesAsigantura"] .in.collapse {
        border: 1px solid #FFFFFF;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad{height:auto !important}


    /*ENTRENATE*/
    form#formNuevoTest > .lineasDiscontinuas > div {
        float: none !important;
        padding: 0 !important;
        width: 100% !important;
    }

    form#formNuevoTest > .lineasDiscontinuas > div > div {
        display: block;
        float: none;
        width: 100%;
    }


    form#formNuevoTest > .lineasDiscontinuas > div > div > select {
        width: 100%;
    }

    form#formNuevoTest > .lineasDiscontinuas > div > div > span {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    form#formNuevoTest > .lineasDiscontinuas > div > div > select {
        font-size: 14px;
        height: auto;
        padding: 10px;
    }

    form#formNuevoTest > .lineasDiscontinuas > div > button {
        display: block;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-top: 30px !important;
        max-width: none !important;
        width: 100%;
    }

    /*FIN DE ENTRENATE*/

    /*MENSAJERIA*/

    ul#tabMensajeria > li {
        margin: 0 !important;
        padding: 15px 10px 10px !important;
        width: calc(33.00% - 20px) !important;
    }
    ul.nav-tabs li a[data-toggle="tab"] > div:first-child b{font-size:11px}
    ul.nav-tabs li a[data-toggle="tab"] > div:first-child {font-size:11px}
    ul.nav-tabs li.active a[data-toggle="tab"] > div:nth-child(2){ display: none !important;}



    #tabContentMensajeria .datatableStyled {
        margin-top: 35px;
        padding-top: 0;
    }
    #tabMensajeria li a > div {
        margin-right: 0 !important;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable {
        clear: both;
        display: block;
        float: none !important;
        margin: 0 auto;
        position: relative !important;
        text-align: center;
        top: -10px !important;
        width: 354px;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable {
        width: 100% !important;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable button {
        box-sizing: border-box !important;
        float: left !important;
        margin: 0 1.5% !important;
        padding-left: 0;
        padding-right: 0;
        width: 30%;
    }
    #tabContentMensajeria .divBotonesAccionesDatatable button img {
        display: none;
    }

    #tabContentMensajeria .dataTables_wrapper > div {
        top: -3px;
    }

    #tabContentMensajeria .dataTables_filter input {
        left: 0;
        top: 0;
        width: 80%;
    }
    #pantallaMensajeria .dataTables_filter > label > input {
        top: 0;
        width: 100% !important;
        right: auto !important;
        left: 0px !important;
    }
    #pantallaMensajeria .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty {
        top: -64px;
        left: 12px;
    }

    #tabContentMensajeria .dataTables_length label {
        float: left;
        height: 30px;
        overflow: hidden;
        text-align: left;
    }

    #tabContentMensajeria .divBotoneraTabla button {
        margin-top: 20px;
    }

    #tabContentMensajeria .divBotoneraTabla button:first-child {
        left: -51px;
        margin-top: 21px;
        position: relative;
    }

    #tabContentMensajeria .table.table-striped.table-bordered.dataTable {
        display: block !important;
        margin-left: -4px !important;
        overflow: hidden !important;
        width: calc(100% + 3px) !important;
    }

    #tabContentMensajeria .toolsForms {
        height: 43px;
        margin-bottom: 20px;
        top: 35px;
        width: 100%;
    }

    #tabContentMensajeria .divBotoneraTabla {
        top: -95px;
    }
    #tabContentMensajeria #tabContentBuzonSalida .divBotoneraTabla {
        top: -102px;
    }

    #tabContentMensajeria #tabContentBuzonSalida .botoneraAccionesMensajeria > div.borrarInputBusqueda.ion-ios-close-empty{
        top: -59px;
    }

    #tabContentMensajeria table td.sorting_1 div, #tabContentMensajeria table td.sorting_1 button {
        left: 0;
        margin: 0 !important;
        position: relative;
        top: 0;
        width: 22px;
    }
    #tabContentMensajeria > div > div > form > div.row-fluid {
        margin-bottom: 10px;
        margin-left: 0px;
        width: 100% !important;
        padding: 10px;
    }


    /*practicas*/
    .practicas > div > div#complementoPracticas iframe {
        height: 260px;
        width: 100%;
    }


    .noticia {
        clear: both;
        float: none !important;
        margin: 20px 0 0 !important;
        padding: 0 !important;
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
    }

    .noticia:nth-child(2n+1) {
        margin-right: 0px !important;
    }
    .noticia:nth-child(2n+2) {
        margin-right:0px !important;
    }


    .noticia > img {
        display: none;
    }
    #contenedor .pagination{
        clear: both !important;
        float: none !important;
        left: 0;
        margin: 0 auto;
        position: relative;
        top: 20px !important;
        width: 100% !important;
    }
    #contenedorNoticias .pagination {
        margin-top: 30px !important;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }


    #contenedorNoticias .pagination a {
        padding-left: 0;
        padding-right: 0;
        width: 15% !important;
    }


    #contenedorNoticias .pagination input {
        width: 40% !important;
    }

    #contenedorDetalleItem > .detalleItem .detalleItemContenido #textoDetalleItem p a {
        color: var(--colorPrincipal);
        display: block;
        font-size: 15px;
        max-width: 100%;
        overflow: hidden;
        text-decoration: none;
    }
    #contenedorDetalleItem > .detalleItem {width: calc(100% - 30px) !important;}
    #contenedorDetalleItem > .detalleItem .noticiaImagen{display: none;}
    #contenedorDetalleItem > .detalleItem .detalleItemContenido { margin-left:0px;}

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia {
        position: relative;
        top: -30px;
        width: 100%;
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .contenedorAutorNoticia {
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaTexto {
        left: 0;
        position: relative;
        top: 0;
    }

    .detalleItemContenido div.cabeceraNoticia div.autorNoticia .autorNoticiaNombre {
        left: 0;
        position: relative;
        top: 0;
    }

    #divBotoneraCategoriasNoticias button {
        width: calc(100% / 3 + -3px) !important;
    }
	
	
	
	
	

    #divBotoneraCategorias button {
        width: 49% !important;
    }

    #tate h1{width:100%  !important}
    #tate #contenedorTate{width:100%;}
    #tate #barraLateralTabe {
        height: auto;
        padding: 30px;
        position: relative;
        width: 100%;
    }
    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido{width: 100%;}

    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoIZQ{width: 100%;}
    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA{width: 100%;}

    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA a img {
        display: block;
        margin: 0 auto;
        position: relative;
        width: 128px;
    }

    #tate #contenedorTate .itemTate .contenidoUnidad .itemContenido .itemContenidoDXA a span {width: 100%;}
    #tate #contenedorTate .itemTate.itemDoble .contenidoUnidad{background: url("../images/flex/trianguloBackground.png") no-repeat scroll right bottom #F2F2F2;}

    .tituloWebinars {
        font-size: 35px;
        line-height: 38px;
        padding-top: 20px !important;
        margin-bottom: 20px;
        margin-top: 70px;
        display: none;
    }

    .seccionWebinars {
        margin-top: 80px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar {
        margin-bottom: 0;
        position: relative;
        top: -40px !important;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar {
        margin-left: 0;
        width: 100%;
    }
    .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar .filtros .cabeceraFiltro {
        font-weight: 100;
        overflow: hidden;
    }
    #divCentralWebinar > div.row-fluid {
        /*bottom: 0;*/
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        left: 0;
        margin: 0 !important;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2147483645 !important;
    }


    #divCentralWebinar #textobuscar {
        font-size: 14px;
        height: 50px;
        margin-left: 60px;
        margin-right: 0 !important;
        width: calc(100% - 60px) !important;

    }

    #divCentralWebinar #textoBuscarBtn {
        right: 0px !important;
        width: 50px !important;
        height: 50px;
        padding: 0;
        background: none repeat scroll 0 0 #04EAAC !important;
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    #contenedorFiltrosWebinars {
        top: 10px !important;
        width: calc(100% - 25px) !important;
        left: 10px !important;
    }
    #divCentralWebinar #switchFiltrosMobile {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        bottom: 0;
        display: block !important;
        height: 50px;
        position: absolute;
        width: 50px;
        cursor:pointer;
        z-index: 2147483647;
        left: 0;
    }
    #divCentralWebinar #switchFiltrosMobile i {
        color: #fff;
        display: block;
        font-size: 34px;
        margin: 9px auto 0;
        text-align: center;
        width: 100%;
    }
    .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar {
        display: none;
        left: 10px;
        margin: 0 !important;
        position: fixed;
        width: calc(100% - 25px) !important;
        z-index: 2147483647;

    }
    body:not(.sinSuavizado) .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar {
        
        transition: all  0.25s ease-out;
    }
    #divCentralWebinar .pagination{
        width: 100%;
        box-sizing: border-box;
    }
    #divCentralWebinar .pagination input {
        width: 150px !important;
        font-size: 12px;
        letter-spacing: 0;
    }
    #divCentralWebinar .pagination a {
        width: calc(25% - 37.5px) !important;
        display: block !important;
        box-sizing: border-box;
    }		

    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar {
        overflow: hidden;
        width: 100%;
        margin-right: 0;
    }


    .seccionWebinars #formBuscadorVideosWebinar #menuLateralWebinar.mostrado{
        display: block;
        top: 60px !important;
    }

    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .likeWebinar div p {
        font-size: 14px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar {
        padding: 20px 15px 10px;
    }

    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar {
        width: 100%;
        float: none;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar {
        float: right;
        margin-top: -32px;
        margin-bottom: 30px;
        width: 90px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar span {
        width: calc(100% - 110px);
        font-size: 10px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .descripcionWebinar p {
        font-size: 13px;
        line-height: 18px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar p {
        margin-bottom: 0px;
        width: calc(100% - 110px);
        font-size: 12px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraDerechaInfoWebinar .estadisticasWebinar .visionadosWebinar p {
        font-size: 14px;
        margin: -4px 0 2px 5px !important;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .datosWebinar .divCabeceraInfoWebinar .divCabeceraIzquierdaInfoWebinar h4 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .seccionWebinars #formBuscadorVideosWebinar #divCentralWebinar .webinar .reproductorWebinar .divMarcarComoVisto::after {
        display: none !important;
    }

    #divCentralWebinar > div#contenedorWebinars {
        padding-bottom: 100px;
    }

    #contenedorTabe #avisoFlash,
    #contenedorTabe #imagenTabe{
        width: 100%;
    }

    #contenedorTabe #imagenTabe a {
        bottom: 30px;
        font-size: 20px;
        padding: 30px;
        position: absolute;
        right: -30px;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje .span3 label.lblModeradorFoto,
    #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje > .span3 label.lblModeradorFoto {
        font-size: 9px !important;
        top: 2px;
    }



    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje div.divForoMensajeRespuesta {
        width: 100% !important;
    }

    .contenedorPlanificacion > div#seccionActividadesGrupales.span9.divTabsSeccionesPlanEstudio {
        padding: 20px !important;
    }
    .contenedorPlanificacion > div#seccionActividadesGrupales.span9.divTabsSeccionesPlanEstudio h2{
        font-size: 20px;
        line-height: 22px;
        margin-top: 15px;
    }

    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divTituloModuloActGrupal p {
        color: #222728;
        font-size: 15px;
        font-weight: 100;
        letter-spacing: -0.2px;
        margin-bottom: 0;
    }
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo {
        padding: 10px 0;
    }
    #divContenidoActividadGrupal > div {
        left: 0;
        position: relative;
        top: 0;
        width: 100% !important;
    }
    /*--*/
    /*1*/
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span1:first-child {
        display: none;
    }
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span1:first-child {
        display: none;
    }
    /*2*/
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span5{
        width: calc(100% - 100px) !important;
    }
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span5{
        width: calc(100% - 100px) !important;
    }

    /*3*/
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span2{
        width: 80px !important;
    }
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span2 {
        width: 80px !important;
    }
    /*4*/
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divCabeceraListaActGrupalModulo > div.span4:last-child {
        display: none;
    }
    .contenedorPlanificacion > #seccionActividadesGrupales .divModuloActGrupal .divListadoActGrupalModulo .divFilasListaActGrupalModulo > div.row-fluid.show-grid > div.span4:last-child {
        display: none;
    }
    /*--*/

    /*--*/
    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div {
        font-size: 11px;
    }
    #contenidoActividadGrupal #divListaHilosForo > div:first-child {padding-left: 10px !important;}
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo{padding-left: 10px !important;}
    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div span{
        font-size: 10px !important;
    }
    /*1*/
    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(1) {
        width: 45px !important;
        margin: 0px !important;
    }
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(1) {
        position: relative;
        width: 45px !important;
    }

    /*2*/
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(2) {
        left: 10px;
        margin-left: 0 !important;
        width: calc(100% - 120px) !important;
    }
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(2){width: calc(100% - 120px) !important}

    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(2) > label#tituloHiloForo {
        font-size: 13px !important;
    }

    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(2) {
        width: calc(100% - 385px) !important;
        margin-left: 0px !important;
        display: inline-block !important;
    }

    /*3*/
    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(3) {
        width: 65px !important;
        float: right;
    }
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(3){width: 55px !important;}


    /*4*/
    #contenidoActividadGrupal #divListaHilosForo > div:first-child > div:nth-child(4){display:none}
    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div:nth-child(4){display:none}

    /*--*/


    #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo, #contenidoActividadGrupal #divListaHilosForo > div#filaTemasForo > div.span8 > #mensajeHiloForo * {
        line-height: 18px;
    }
    .divTextoForoMensaje, .divForoMensaje > div.span9 .divTextoForoMensaje, .divForoMensaje > div.span9 .divTextoForoMensaje > p, .contenedorPlanificacion > div.span9 .divTextoForoMensaje, .contenedorPlanificacion > div.span9 .divTextoForoMensaje > p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    div#divCabeceraHiloForo > .span2:empty {
        display: none;
    }
    #divModeradoresParticipantesForoHilo > div > div {
        margin-bottom: 10px;
        width: 100% !important;
    }

    .contenedorPlanificacion > #seccionActividadesGrupales > #panelActividadGrupalModulo > button {
        font-size: 12px;
        margin: 0 0 30px !important;
        text-align: center;
    }

    .contenedorPlanificacion > div.span9, .contenedorPlanificacion > div.span9, .contenedorPlanificacion > div#seccionActividadesGrupales.span9 {
        margin: 110px 0 0 !important;
        width: 100% !important;
    }
    .divListadoRespuestasForoMensaje .divNuevoMensajeForoMensaje {
        width: calc(100%) !important;
    }
    .contenedorPlanificacion > div.span9 .divTextoForoMensaje,
    .contenedorPlanificacion > div.span9 .divTextoForoMensaje > p {
        color: #333333;
        font-size: 13px;
        font-weight: 100;
        line-height: 18px;
        margin-bottom: 0;
        min-height: 0 !important;
    }

    #panelTemaForo div.divListadoMensajesForoHilo > div.divListadoRespuestasForoMensaje .span3 label:not(.lblModeradorFoto), #panelTemaForo div.divListadoMensajesForoHilo > div.divForoMensaje .span3 label:not(.lblModeradorFoto) {
        font-size: 13px;
        line-height: 16px;
        margin-top: 10px;
        padding: 0 5px;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion {
        margin: 0 0 40px !important;
        padding: 0 40px 40px !important;
        width: 100% !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion .panelAdjuntoLateralActividad {
        margin-top: 50px !important;
        width: 100% !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion .panelAdjuntoLateralActividad:first-child {
        margin-top: 0 !important;
    }


    .panelContenedorActividad .botonera {
        margin-bottom: 90px !important;
        margin-top: 30px !important;
        width: 100% !important;
    }
    .panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente {
        right: 0;
    }

    .panelContenedorActividad .navegacionCurso {
        bottom: -60px !important;
        float: left !important;
        margin: 40px 0 0 !important;
        padding-top: 0 !important;
        position: absolute !important;
        width: 100px !important;
    }
    .panelContenedorActividad .accionesCurso {
        margin: 0 auto !important;
        width: 330px !important;
    }
    .panelContenedorActividad iframe[src*="you"]{
        min-height: 222px;
        width: 100%;
        margin: 0 auto 40px !important;
    }

    .tituloAsignaturaFicha p {
        clear: both;
        float: none !important;
        margin: 0;
        padding: 0;
        text-align: left !important;
    }
    .tituloAsignaturaFicha span {
        display: none;
    }

    .divNotasMatriculaNota {
        margin: 0 0 0 10px !important;
    }
    .divCabeceraListadoModulosMatriculaNota > .span8 {
        min-height: 32px;
    }

    .tituloModuloNotaParrafo{width: 120px;}
    divListadoActividadesCritEvalModuloNota {padding: 10px 0 10px 50px;}
    .panelIntentoActividadEvaluable {margin-left: 10px;}


    .divCabeceraListadoModulosMatriculaNota > .span8 {width: calc(600% / 12) !important;}
    .divCabeceraListadoModulosMatriculaNota .span2 {width: calc(300% / 12) !important;}

    .divDatosModuloNota > .span8 {width: calc(600% / 12) !important;}
    .divDatosModuloNota > .span2{width: calc(300% / 12) !important;}

    .cabeceraDatosActividadEvaluable > .span8{width: calc(600% / 12) !important;}
    .cabeceraDatosActividadEvaluable > .span2{width: calc(300% / 12) !important;}

    .divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span8 {width: calc(600% / 12 + 19px) !important;}
    .divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span2{width: calc(200% / 12) !important;}

    .cabeceraDatosActividadEvaluable > .span8 {width: calc(600% / 12) !important;}
    .cabeceraDatosActividadEvaluable > .span2 {width: calc(300% / 12 - 27px) !important;}

    .panelIntentoActividadEvaluable .span8 {width: calc(600% / 12 - 2px) !important;}
    .panelIntentoActividadEvaluable .span2 {width: calc(300% / 12) !important;}

    .panelIntentoActividadEvaluable .span8 .fechaRealizacionActEvaluable,
    .panelIntentoActividadEvaluable .span8 .tiempoEmpleadoActEvaluable,
    .panelIntentoActividadEvaluable .span8 .numIntentoActEvaluable {
        display: block;
        margin: 0 0 5px 10px;
        width: 100%;
    }


    #menuMobileCurso {
        display: block;
        margin: 0 0 5px;
        padding: 0;
    }


    #menuMobileCurso > p {
        background: none repeat scroll 0 0 #fff;
        float: left;
        height: 60px;
        margin-bottom: 0;
        width: calc(100% - 60px);
        cursor:pointer;
    }
    #menuMobileCurso > p > img{
        height:60px;
        position:relative;
        top: 3px;
    }


    #menuMobileCurso > a {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        box-sizing: border-box;
        cursor:pointer;
        display: block;
        float: left;
        height: 60px;
        padding: 18px 22px;
        position: relative;
        width: 60px;
    }
    #menuMobileCurso > a > i {
        color: #fff !important;
        font-size: 24px !important;
    }
    ul#menuMobileCursoDropdownItems {
        background: none repeat scroll 0 0 #fff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        clear: both;
        float: none;
        margin: 0;
        position: absolute;
        top: 60px;
        width: 100%;
        z-index: 200;
    }
    ul#menuMobileCursoDropdownItems.collapse.open{
        height: auto;
    }

    ul#menuMobileCursoDropdownItems li {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px solid #f0f0f0;
        box-sizing: border-box;
        color: #222728;
        cursor: pointer;
        font-size: 14px;
        height: 60px;
        line-height: 0;
        padding: 3px 0;
    }

    ul#menuMobileCursoDropdownItems li:hover {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        color: #fff;
    }

    ul#menuMobileCursoDropdownItems li.active {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        color: #fff;
        opacity: 0.6;
    }
    ul#menuMobileCursoDropdownItems li > img{
        height:60px;
    }

    ul#menuMobileCursoDropdownItems li > span {
        position: relative;
        top: -3px;
    }

    .contenedorPlanificacion > div.span9 > div.row-fluid.show-grid {
        padding: 20px 20px 0px 0;
    }


    /*ocultamos*/
    #menuLateralTabsEstudio {
        display: none !important;
    }
    .contenedorPlanificacion > div#divBloqueItinerario {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .contenedorPlanificacion > div.span9 h2 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    body:not(.barraMostrada) .row-fluid.show-grid.tituloCursoPlanEstudio.complementoFixeado {
        margin-top: 30px !important;
    }
    .contenedorPlanificacion > div.span9,
    .contenedorPlanificacion > div#seccionActividadesGrupales.span9,
    .contenedorPlanificacion > div#divBloqueActualizate.span9 {
        padding-top: 30px !important;
        margin-top: 0 !important;
    }
    .contenedorPlanificacion > div#seccionEntrenate.span9 {
        padding: 0px !important;
    }
    form#formNuevoTest .alert-info i{display:none}
    /*findeocultamos*/




    #lateralTalleres {
        padding: 20px;
    }
    .tallerCampus .contenedorTallerCampus {
        padding: 0;
    }


    #barraLateralTalleres{margin-bottom: 20px;}

    #barraLateralTalleres div#tituloSeccionContenedorCampus {
        padding-left: 0;
    }

    #divFlotante > div {
        float: left !important;
        width: 46% !important;
    }
    #barraLateralTalleres div#divFlotante div a {
        font-size: 13px;
        padding-bottom: 2px;
        padding-top: 2px;
    }
    #barraLateralTalleres div#divFlotante div a i {
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 50%;
        box-sizing: border-box;
        color: #111111;
        font-size: 20px;
        height: 30px;
        margin-right: 5px;
        padding: 7px !important;
        position: relative;
        top: 6px;
        width: 30px;
    }
    #barraLateralTalleres div#divFlotante div a i.ion-home {
        padding: 4px 8px 8px !important;
        top: 3px;
    }
    #barraLateralTalleres div#divFlotante div a i.ion-chatboxes {
        padding: 5px 7px 7px !important;
    }
    #barraLateralTalleres div#divFlotante div a i.ion-ios-telephone {
        margin-top: 3px;
        padding: 5px 8px 8px !important;
        position: relative;
        top: 3px;
    }
    #barraLateralTalleres div#divFlotante div a i.ion-ios-compose {
        margin-top: 3px;
        padding: 4px 8px 8px 9px !important;
        position: relative;
        top: 4px;
    }
    #barraLateralTalleres div#divFlotante div a i.ion-ios-bookmarks {
        margin-top: 1px;
        padding: 5px 8px 8px 7px !important;
        top: 5px;
    }


    #lateralTalleres {
        float: none;
        margin-top: 70px;
        width: 100%;
    }
    .tallerCampus h2#tituloTallerCampus {
        padding: 60px 10px 20px 0 !important;
    }
    #contenidoPaso4 #resultProcesOK, #contenidoPaso4 #textoProcesOK {
        width: 100% !important;
    }

    .divListadoExamenesCertificacionesCurso .listadoExamenesCitasCertificacion, #contenedorProcesoCompra > .procesoCompra{
        width: 98% !important;
        padding: 40px 10px 20px;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div {
        font-size: 10px !important;
        padding-right: 5px;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div.span4 {width: 30% !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > .cabeceraExamenesCertificacion > div.span2 {width: 15% !important;}

    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div {
        box-sizing: border-box;
        padding-right: 5px;
    }

    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div > label {font-size: 10px !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div.span4 {width: 30% !important;}
    #divCentralExpediente #divInferiorExpediente #divCertificacion .listadoExamenesCitasCertificacion > .tablaExamenesCertificacion > div.filaExamenCita > div.span2 {width: 15% !important;}

    .navbar-fixed-top .navbar-inner .container-fluid {
        position: fixed;
        top: 10px;
        width: calc(100% - 26px) !important;
    }


    @-moz-document url-prefix() {
        .navbar-fixed-top .navbar-inner .container-fluid {
            width: calc(100% - 32px) !important;
        }
    }

    .navbar-fixed-top .navbar-inner .container-fluid div.btn-group.pull-right {
        height: 46px;
        top: -1px;
        width: 43px;
        right: 0px;
    }
    .navbar-fixed-top .navbar-inner .container-fluid ul.nav[role*="navigation"]{
        z-index: 10;
        width: 43px !important;
        /* margin-left: 10px !important; */
        position: absolute;
        top: 0;
        right: 0;
    }

    /*NUEVO PERFIL*/
    .perfil > div.span10 {
        margin: 0 20px 0 70px;
        padding: 0 15px 20px;
        width: calc(100% - 70px) !important;
    }
    .perfil > div.span2 {
        width: 70px !important;
    }

    .perfil > h2 {
        display: none;
    }
    .perfil h2 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0 !important;
        width: calc(100% - 20px) !important;
    }
    #formularioPerfil {
        margin-top: 80px;
    }

    .panelPerfil .cabeceraPanelPerfil h4 {
        font-size: 20px;
    }

    .panelPerfil .cabeceraPanelPerfil img {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        top: 0;
        width: 30px;
    }

    .panelPerfil .cabeceraPanelPerfil h4 {
        display: block;
        float: left;
        font-size: 15px;
        margin-bottom: 20px;
        width: calc(100% - 70px);
        line-height: 17px;
    }
    .perfil > div.span2 > a {
        height: 70px !important;
        width: 70px !important;
    }
    .perfil > div.span2 > a:after {
        font-size: 7px;
        font-weight: 400;
        width: 70px;
    }

    #contenedorAvatarPerfilDescripcion > p {
        font-size: 13px;
        line-height: 19px;
    }

    .cuerpoPanelPerfil > p {
        font-size: 13px;
        font-weight: 100;
        letter-spacing: -0.2px;
        line-height: 19px;
        padding: 0 10px;
    }

    #divFotoPerfil .cabeceraPanelPerfil > img {top: -6px !important;}
    #divPersonalizaTuCalendario .cabeceraPanelPerfil > img {top: -6px !important;}
    #divPersonalizaTuFondo .cabeceraPanelPerfil > img {top: 5px !important;}

    .cuerpoPanelPerfil .optionCuerpoPerfil {padding: 0 10px;}

    .cuerpoPanelPerfil .optionCuerpoPerfil .galeriaFondosPredefinidos{padding-left: 10px;}

    .cuerpoPanelPerfil .barraExaminar input[type="button"] {
        font-size: 12px; 
        padding-left: 6px;
        opacity: 0;
    }

    .cuerpoPanelPerfil .previsualizacionImagenPerfil {
        padding: 5px;
    }
    #divFotoCalendario .contenedorPrevisualizacionImagenPerfil{height: 270px;	max-width: 280px;}
    #divFotoCalendario .contenedorPrevisualizacionImagenPerfil > img.imagenDemostracion {
        height: 270px;
        width: 280px;
    }

    .cuerpoPanelPerfil #verMuestrasFondoCampus, .cuerpoPanelPerfil #verMuestrasCalendario {
        clear: both;
        display: block;
        margin: 18px 0 40px 37px;
    }

    /*FIN DE NUEVO PERFIL*/

    /*NUEVA MENSAJERÍA*/

    #contenedorPantallaMensajeria > div#iconoMensajeria > button {
        border-radius: 50% !important;
        height: 35px;
        padding: 7px 10px;
        right: 10px;
        top: 68px;
        width: 35px;
        box-shadow: none !important;
    }
    #pantallaMensajeria > div#contenedorPantallaMensajeria ul li {
        width: calc(100% / 3) !important;
        height: 45px;
    }
    #pantallaMensajeria > div#contenedorPantallaMensajeria ul li a {
        padding: 14px 0 0 0px !important;
    }

    #pantallaMensajeria > div#contenedorPantallaMensajeria ul li a > div {
        text-align: center;
        width: 100%;
    }
    #pantallaMensajeria ul#tabMensajeria.nav-tabs > li a[data-toggle="tab"] div {
        font-size: 12px !important;
        text-transform: uppercase !important;
    }

    #pantallaMensajeria .botoneraAccionesMensajeria {
        margin-bottom: 0px;
        margin-top: 80px;
    }
    #pantallaMensajeria .dataTables_filter {
        left: 56px;
        top: -74px !important;
        width: calc(100% - 50px);
    }

    #tabContentMensajeria .datatableStyled {
        margin-top: 0px;
    }


    #tabContentMensajeria .divBotoneraTabla button:first-child {
        left: -85px;
        margin-top: 0;
        position: relative;
        right: auto !important;
        top: 23px !important;
    }
    #tabContentMensajeria .fechaFiltroMensajeria > div {
        max-width: 95px;
        text-align: center;
    }
    #tabContentMensajeria .fechaFiltroMensajeria > div.aceptarBotonFechaFiltroMensajeria {
        max-width: none !important;
        margin-right: 0;
        padding: 10px;
        border-radius: 5px;
    }
    #tabContentMensajeria .fechaFiltroMensajeria > div > input {
        text-align: center;
    }
    #pantallaMensajeria .dataTables_filter > label > input{
        border: solid 1px #999;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a {
        height: 70px !important;
        width: 70px;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a i.movil {
        font-size: 40px;
        left: 23px !important;
        top: 16px !important;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:after {
        left: 90px;
        top: 15px;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover:after {
        left: 80px;
        opacity: 1;
        top: 15px;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:before {
        top: 24px;
        right: -20px;
    }
    #pantallaMensajeria #contenedorPantallaMensajeria > div#iconoMensajeria > a:hover:before{
        right: -10px;
    }
    #pantallaMensajeria .contenedorImagenUsuarioMensajeria{display:none !important}
    #tabContentMensajeria table td p{
        padding-left: 0px !important;
        padding-bottom: 9px;
        line-height: 16px;

    }
    #tabContentMensajeria table td p + p{
        line-height: 12px;
        margin: 0;
        padding: 1px 2px !important;
        border-radius: 3px;
    }

    #tabContentMensajeria .fechaFiltroMensajeria {
        display: none;
    }

    #pantallaMensajeria #tabContentMensajeria #tabContentBuzonEntrada table tr th:nth-child(2),
    #pantallaMensajeria #tabContentMensajeria #tabContentBuzonSalida table tr th:nth-child(2),
    #pantallaMensajeria #tabContentMensajeria #tabContentBuzonBorrados table tr th:nth-child(3) {
        padding-left: 10px;
    }
    #pantallaMensajeria .table.table-striped.table-bordered.dataTable {
        margin-bottom: 0px !important;
    }
    #pantallaMensajeria{
        margin-bottom: 100px;
        overflow-x: hidden !important;
    }
    #pantallaMensajeria .dataTables_wrapper tr td div + p {
        line-height: 14px;
    }	

    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonEntrada tr th:nth-child(5){display: none;}
    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonEntrada tr td:nth-child(5){display: none;}

    #tabContentMensajeria .dataTables_wrapper > div.dataTables_info {
        left: 0;
        margin: 10px 0 !important;
        text-align: center;
        top: 0;
        width: 100% !important;
    }

    #tabContentMensajeria .dataTables_wrapper > div.dataTables_paginate {
        clear: both;
        float: none;
        margin: 10px auto !important;
        text-align: center !important;
        top: 40px;
        width: 310px;
    }
    #pantallaMensajeria .dataTables_wrapper tr.odd,
    #pantallaMensajeria .dataTables_wrapper tr.even,
    #pantallaMensajeria .dataTables_wrapper tr.odd td,
    #pantallaMensajeria .dataTables_wrapper tr.even td {
        line-height: 17px;
    }
    #tablaBuzonEntrada > thead {
        display: block;
        width: 100% !important;
    }
    #tablaBuzonEntrada > tbody {
        display: block;
        width: 100% !important;
    }

    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonEntrada tr th:nth-child(6){width: 70px !important; min-width: 70px;}
    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonEntrada tr td:nth-child(6){width: 70px !important; line-height: 17px;  text-align: center;}




    #tablaBuzonSalida > thead {
        display: block;
        width: 100% !important;
    }
    #tablaBuzonSalida > tbody {
        display: block;
        width: 100% !important;
    }
    #pantallaMensajeria #tabContentBuzonSalida tr th:nth-child(4){display: none !important;}
    #pantallaMensajeria #tabContentBuzonSalida tr td:nth-child(4){display: none !important;}

    #pantallaMensajeria #tabContentBuzonSalida tr th:nth-child(5){width: 70px !important; min-width: 70px !important; }
    #pantallaMensajeria #tabContentBuzonSalida tr td:nth-child(5){width: 70px !important; line-height: 17px;  text-align: center;}



    #tablaBuzonBorrados > thead {
        display: block;
        width: 100% !important;
    }
    #tablaBuzonBorrados > tbody {
        display: block;
        width: 100% !important;
    }
    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonBorrados tr th:nth-child(2){display: none !important;}
    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonBorrados tr td:nth-child(2){display: none !important;}

    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonBorrados tr th:nth-child(5){width: 70px !important; min-width: 70px !important; }
    #pantallaMensajeria #tabContentMensajeria table#tablaBuzonBorrados tr td:nth-child(5){width: 70px !important; line-height: 17px;  text-align: center;}

    #tabContentMensajeria .dataTables_wrapper > div#tablaBuzonEntrada_filter {
        top: -105px !important;
    }


    #tabContentMensajeria .dataTables_wrapper > div {
        left: 0px;
        top: 4px;
    }
    #pantallaMensajeria #tablaBuzonBorrados_filter.dataTables_filter {
        top: -105px !important;
    }
    #contenedorPantallaMensajeria > div#iconoMensajeria > button > i {
        border: medium none;
        left: 0;
        position: relative;
        top: 0;
    }

    #pantallaMensajeria .dataTables_filter > label {
        box-sizing: border-box;
        display: block;
        right: 0;
    }
    #pantallaMensajeria .table th .cuadradoTablaSelect{display:none}
    #pantallaMensajeria .botoneraAccionesMensajeria > p.mensajesSeleccionados {
        left: -16px;
        top: 57px;
    }

    #contenedorPantallaMensajeria > div#iconoMensajeria > button:hover {
        background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    }
    #tabContentMensajeria{min-height: 394px;}

    #pantallaMensajeria > #tabContentMensajeria {
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 15px 20px 10px !important;
    }
    #divMensajeriaModal #modalMensajeria #formularioEditarMensaje label {
        font-size: 12px;
        margin-bottom: 3px;
        margin-top: 0;
        top: 0px;
        left: 0;
    }
    .botoneraAccionesMensajeria > button > span, .botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button > span{
        font-size: 13px;
    }
    .botoneraAccionesMensajeria > button > i, .botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button > i {
        font-size: 25px;
    }
    .botoneraAccionesMensajeria > button, .botoneraAccionesMensajeria > div.estilosMensajeriaAplicables > button{
        margin-right: 20px !important;

    }
    #divMensajeriaModal #modalMensajeria #formularioEditarMensaje > div > div.span4 {
        width: 100%;
        right: 0;
        margin: 0;
        height: auto;
        outline: none !important;
    }
    #divMensajeriaModal #modalMensajeria #formularioEditarMensaje #cabeceraMensaje *,
    #divMensajeriaModal #modalMensajeria #formularioEditarMensaje #cabeceraMensaje *:focus,
    #divMensajeriaModal #modalMensajeria #formularioEditarMensaje #cabeceraMensaje *:active{
        outline: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    #modalMensajeria .span4.custom-input-file > label {
        top: 0;
        left: 0;
    }
    #modalMensajeria .span4.custom-input-file > button {
        top: 0;
        margin-top: 10px;
        font-size: 14px;
        padding-top: 0px;
    }
    #modalMensajeria .span4.custom-input-file > button > i {
        display: inline;
        margin-top: 0px !important;
        position: relative;
        top: 4px;
    }

    #tabContentMensajeria > div > div > form > div.row-fluid:last-child {
        margin: 0px !important;
        box-sizing: border-box;
        padding: 0;
    }
    /*FIN DE NUEVA MENSAJERÍA*/

    /*TATE*/

    #tate #contenedorTate .itemTate {
        width: 100%;
        margin-bottom: 60px;
        position: relative;
    }
    #tate #contenedorTate .itemTate .bandera {
        position: absolute;
        top: 0px;
        right: 0;
    }
    #tate #contenedorTate .itemTate .contenidoUnidad {
        width: 100%;
    }
    #tate h1 {
        box-sizing: border-box;
    }
    /*FIN DE TATE*/



    .casosExito.sinCasosExito .seccionConMenuLateralVertical{
        display: none;
    }
    .casosExito.sinCasosExito{
        padding-bottom: 0px !important;
    }


    .contenedorLoader .contenedorLoaderWrapper {
        left: calc(50% - 65px);
        top: calc(50% - 65px);
    }



    .panelContenedorActividad .botonera {
        margin-left: -30px !important;
        min-width: 314px !important;
        width: 100% !important;
        padding-left: 15px !important;
    }
    .panelContenedorActividad .accionesCurso {
        background: none repeat scroll 0 0 #f7f7f7 !important;
        box-sizing: border-box !important;
        margin: -30px auto 0 -15px !important;
        min-width: 326px !important;
        padding: 20px 0 20px 20px !important;
        width: 100% !important;
    }
    .panelContenedorActividad .accionesCurso:after {
        clear: both !important;
        content: "" !important;
        display: block;
    }
    .botonActividadCurso:first-child {
        border: medium none !important;
    }
    .panelContenedorActividad .navegacionCursoAnterior {
        bottom: -80px !important;
        left: 30px !important;
    }
    .panelContenedorActividad  .navegacionCurso.navegacionCursoSiguiente {
        bottom: -86px !important;
        right:15px;
    }
    .navegacionCurso.navegacionCursoSiguiente > div {
        right: -4px !important;
        top: -11px !important;
    }






    .panelContenedorActividad .botonera {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        height: 200px !important;
        margin: 0 0 90px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    .panelContenedorActividad .botonera > div.accionesCurso {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }
    .panelContenedorActividad .botonera > div.navegacionCurso {
        bottom: -90px !important;
        position: absolute !important;
        top: auto !important;
    }


    .panelContenedorActividad .botonera > div.accionesCurso > div.botonIconoBicolor {
        margin: 0 !important;
        text-align: center !important;
        width: 50% !important;
    }
    .panelContenedorActividad .botonera > div.accionesCurso > div.botonIconoBicolor:first-child {
        float: left !important;
    }
    .panelContenedorActividad .botonera > div.accionesCurso > div.botonIconoBicolor:last-child {
        float: right;
    }
    .panelContenedorActividad .navegacionCursoAnterior, .panelContenedorActividad .navegacionCursoSiguiente {
        left: 0 !important;
    }
    .panelContenedorActividad .navegacionCurso.navegacionCursoAnterior > div {
        top: 0 !important;
    }
    .panelContenedorActividad .navegacionCurso.navegacionCursoSiguiente > div {
        top: 0 !important;
    }
    /*
    .panelContenedorActividad .fondoGrisTituloAdjunto {
            float: none !important;
            width: 100% !important;
    }
    */
    .panelContenedorActividad .divDescargaActividad .fondoGrisOscuroAccionesBoton {
        padding: 0 30px 15px;
        position: relative;
        width: 100% !important;
        /*IMPROOVE*/
        display: none;
    }



    .divCabeceraListadoModulosMatriculaNota span {
        font-size: 10px;
    }

    nav.nuevaNavegacionTabsLearnnity {
        border: none !important;
        margin-top: 20px;
        margin-left: 10px;
        list-style: square;
    }
    nav.nuevaNavegacionTabsLearnnity .itemNuevaNavegacionTabsLearnnity {
        border: none !important;
        display: list-item;
        width: 100%;
        margin: 5px 0 0 !important;
        padding: 0px 0px 10px !important;
    }

    .divListadoCritEvalModuloNota .divCritEvalModuloNota .divDatosCritEvalModuloNota .span8 {
        padding-left: 0px;
    }
    .divListadoActividadesCritEvalModuloNota {
        padding-left: 0;
    }



    /*AGENDA*/

    #dvtec > table > tbody > tr > td {
        background: none repeat scroll 0 0 #f0f0f0 !important;
        padding-bottom: 20px;
    }
    .tg-timedevents {
        border-right: 1px solid #dedede;
        width: calc(100% - 15px) !important;
    }
    .wk-dayname {
        padding: 10px 4px 4px !important;
    }
    .wk-dayname span {
        font-size: 9px;
    }
    .wk-dayname span i,
    .wk-dayname span u{
        display: none;
    }
    .bubble-mid {
        width: 100% !important;
    }
    body > div[id*="bbit-cs-buddle"] {
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        position: fixed;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        z-index: 2147483647 !important;
    }
    .bubble-table {
        background: none repeat scroll 0 0 #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    }
    .bubble-closebutton {
        background: none repeat scroll 0 0 #fff !important;
        height: 40px !important;
        left: auto !important;
        right: 10px !important;
        width: 40px !important;
    }

    .bubble-closebutton:before {
        color: #000;
        content: "" !important;
        font-family: "ionicons" !important;
        font-size: 45px;
        line-height: 39px;
        margin-left: 11px;
        text-align: center;
    }
    body > div[id*="bbit-cs-buddle"] .textbox-fill-mid > div {
        font-size: 15px !important;
        width: calc(100% - 50px);
        font-weight: 100;
    }
    body > div[id*="bbit-cs-buddle"] .cb-value > div {
        color: #222728;
        font-size: 14px;
        font-weight: 100;
    }
    .bbit-cs-split {
        border-top: 1px dashed #777 !important;
        text-align: right;
    }

    .bbit-cs-split > button {
        margin-right: 0;
        padding: 12px 20px;
    }
    .bbit-window {
        border: medium none !important;
        border-radius: 0 !important;
        bottom: 0 !important;
        box-sizing: border-box !important;
        left: 0 !important;
        padding: 0 !important;
        position: fixed !important;
        top: auto !important;
        width: 100% !important;
        z-index:2147483647 !important
    }
    .bbit-window-plain .bbit-window-body iframe {
        height: 300px !important;
        width: 100% !important;
    }
    .bbit-window-plain .bbit-window-body {
        height: 300px !important;
        width: 100% !important;
    }

    #sfprevbtn, #sfnextbtn {
        display: none !important;
    }

    div.ctoolbar div.fbutton.fshowdatep {
        border-left: 1px solid #f0f0f0 !important;
    }
    div.ctoolbar > div.fbutton {
        position:relative;
        width: calc(100% / 6 - 1px) !important;
    }
    div.ctoolbar div.fbutton.fshowdatep {
        display: none;
    }
    /*FIN DE AGENDA*/

    /*PERSONAL TRAINER*/
    #divObservacionesPersonalTrainer .preparadorFisicoFichaFoto {
        float: none;
        margin: 0 auto;
    }
    #divObservacionesPersonalTrainer > p {
        box-sizing: border-box;
        left: 0;
        margin: -30px 0 0 !important;
        position: relative;
        width: 100%;
    }

    #divObservacionesPersonalTrainer > p::after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f0f0f0;
        border-style: solid;
        border-width: 0 17.5px 11px;
        content: "";
        height: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: -10px;
        width: 0;
    }




    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico {
        background: none repeat scroll 0 0 #ffffff;
        border-left: 1px solid #f0f0f0;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        box-sizing: border-box;
        height: auto;
        min-height: 450px;
        padding-left: 15px;
        padding-top: 20px;
        position: absolute;
        right: -10px;
        top: -29px;
        width: 230px !important;
        z-index: 1500;
    }
    body:not(.sinSuavizado) #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico {transition: width 0.35s ease-out 0s;}

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto {
        border: medium none;
        box-shadow: none;
        height: 60px !important;
        min-height: 0;
        overflow: hidden !important;
        right: -10px;
        top: -29px;

        width: 60px !important;
    }
    body:not(.sinSuavizado) #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto{
        transition: width 0.25s ease-out 0s;
    }

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico > a#tabberPersonalTrainer {
        box-sizing: border-box;
        display: block !important;
        height: 50px;
        position: absolute;
        right: -15px;
        top: -5px;
        width: 50px;
        z-index: 1500;
    }
    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico > a#tabberPersonalTrainer > i {
        bottom: 0;
        display: block;
        font-size: 28px;
        left: 0;
        margin: auto !important;
        position: absolute;
        right: 0;
        top: 10px;
    }

    #seccionPersonalTrainer .divLateralSeccionesPreparadorFisico.oculto > p {
        opacity: 0;
    }
    #labelMenuPersonalTrainer {
        background: none repeat scroll 0 0 #222728;
        border-radius: 4px;
        color: #ffffff;
        display: block !important;
        font-size: 10px;
        font-weight: 100;
        padding: 2px 5px;
        position: absolute;
        right: 57px;
        top: -11px;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > li > div {
        width: 100% !important;
        padding-bottom: 20px;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > li > span {
        float: right !important;
        left: -7px;
        position: relative;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span4 {
        float: right;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span4 > span:first-child {
        margin-left: 30px !important;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span4 > span {
        float: right !important;
        margin: 0 !important;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span4 {
        margin: 0 !important;
        padding: 0 !important;
        width: 170px !important;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span8 {
        width: calc(100% - 170px) !important;
    }

    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span8 > div.nombrepunto {
        width: calc(75% - 10px) !important;
    }
    #seccionPersonalTrainer #tabEstadisticas #resumenScorm > ul > ul > li > div > div.span8 > div.progreso {
        margin-left: 10px !important;
    }


    #tituloPlanEntrenamiento {
        font-size: 25px;
        font-weight: 100;
        line-height: 27px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    #modalCuadradaContenedor .modalCuadrada{padding: 30px 20px !important}

    .modalEntrenamiento button:last-child {
        margin-bottom: 30px;
    }
    .row-fluid.show-grid.modalEntrenamiento > button {
        margin-right: 0;
    }
    #divObservacionesPersonalTrainer > p {
        text-align: center;
        min-height: 80px;
    }

    #divCentralSeccionesPreparadorFisicoSimulacros > h6 {
        font-size: 22px;
        text-align: center;
    }
    #divCentralSeccionesPreparadorFisicoSimulacros > p {
        font-size: 13px;
        text-align: center;
    }

    .divSimulacrosDisponiblesGeneralPersonalTrainer h4 {
        font-size: 16px;
        text-align: center;
    }
    .divSimulacrosDisponiblesGeneralPersonalTrainer p {
        font-size: 13px !important;
        text-align: center;
    }
    .divSimulacrosDisponiblesGeneralPersonalTrainer button {
        clear: both;
        display: block;
        float: none !important;
        margin: 10px auto 0 !important;
        width: 100% !important;
    }

    #resultadoSimulacro > button {
        font-size: 22px !important;
        padding: 40px 0 !important;
        width: 100% !important;
    }
    .detalleResultadoInferior > h6 {
        line-height: 24px;
        margin: 0 0 30px !important;
    }

    #verTablaResultados {
        background: none repeat scroll 0 0 var(--colorPrincipal);
        bottom: 0;
        box-sizing: border-box;
        color: #ffffff;
        height: 70px;
        left: 0;
        padding: 20px;
        position: fixed;
        text-align: center;
        width: 100%;
    }
    #tablaResultadosSimulacro{display:none}

    #titularResultados {
        line-height: 22px;
        text-align: center;
    }

    #formResultadosSimulacro > div:first-child > div.span3 > span {
        bottom: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        top: -85px;
    }
    #formResultadosSimulacro > div:first-child > div.span3 {
        border: medium none !important;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    #formResultadosSimulacro > div:first-child > div.span3:nth-child(2n+2) {
        background: none repeat scroll 0 0 #f0f0f0;
    }
    form#formResultadosSimulacro > div:first-child {
        margin-bottom: 0;
        padding: 0;
    }

    #formResultadosSimulacro > div:first-child > div.span3 > label {
        position: relative;
        top: 85px;
    }
    #resultadoSimulacro {
        margin-top: 40px;
    }
    #tablaResultadosSimulacro {
        height: calc(100% - 70px);
        left: 0;
        overflow-y: scroll;
        padding-bottom: 20px;
        padding-top: 20px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2147483645;
    }
    #tablaResultadosSimulacro .columnaResultado {
        border-bottom: 2px solid #626165;
        padding: 15px 10px;
        width: 100% !important;
    }
    p.tituloPruebaMovil {
        box-sizing: border-box !important;
        color: #f5479b !important;
        display: block !important;
        font-size: 20px !important;
        font-weight: 100 !important;
        letter-spacing: -0.2px !important;
        line-height: 20px !important;
        margin: 0 0 20px !important;
        padding: 0 10px !important;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    .divTablaEjercicioSeleccion > button {
        display: block;
        margin: 30px auto 0 !important;
    }

    .divTablaEjercicioSeleccion.tablaActual > span {
        display: block;
        float: none;
        margin: 0 auto;
        width: 84px;
    }


    /*FIN DE PERSONAL TRAINER*/



    .perfil > img[src*="sombraLateralCurso.png"] {
        left: 48px;
    }

    /*TEST CHAEA*/

    .panelmodalPreguntasChaea {
        border-radius: 0 !important;
        height: 100%;
        left: 0;
        padding-top: 70px;
        top: 0;
        width: 100%;
    }

    /*FIN DE TEST CHAEA*/


    #modalCuadradaContenedor .modalCuadrada {
        height: calc(90% - 40px) !important;
        max-height: 90%;
        padding: 30px 20px !important;
        top: calc(5% + 20px);
        width: calc(90% - 20px) !important;
    }

    .textoContenido .descripcionContenido > p {
        text-align: left !important;
    }





    /*IMPROOVE CABECERA ACTIVIDAD CONDENSADA*/
    #contenedorActividades .tituloAsignaturaFicha{display: none !important}

    #contenedorActividades .bs-docs-grid {
        padding-top: 40px !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger{
        /*display: none !important;*/
        width: auto !important;
        height: auto !important;
        padding: 10 !important;
        min-width: auto !important;
        display: inline-block !important;
        position: absolute;
        top: 4px;
        right: 0;
    }

    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger img{
        display: none !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso a#trigger::after {
        /*content: '' !important;*/
        bottom: 0;
    }

    .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navAnterior span {
        margin-left: 4px;
        position: relative;
        top: -1px;
    }
    .navegacionSuperiorActividad .navegacionSuperiorActividadItem.navSiguiente span {
        margin-right: 4px;
        position: relative;
        top: -1px;
    }

    .textoContenido .descripcionContenido > p[style*="margin-left"] {
        margin-left: auto !important;
    }
    .textoContenido .descripcionContenido > p{
        font-size: 13px;
        line-height: 22px;
    }
    h2.tituloActividad{
        margin-bottom: 23px;
        padding-bottom: 0;
    }
    h4.tituloContenido{
        margin-bottom: 14px;
        line-height: 19px;
    }

    #divBtnBibliotecaActividad > button > span {
        text-align: left;
        width: auto;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #divBtnBibliotecaActividad button i.ion-ios-game-controller-b {
        top: 0px !important;
    }
    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .divListadoMensajesForoHilo .pagination a{
        width: 15% !important;
        box-sizing: border-box;
    }
    .divListadoMensajesForoHilo .pagination input {
        width: 40% !important;
        box-sizing: border-box;
    }

    .panelContenedorActividad .textoContenido p > img {
        max-width: 100%;
        height: auto !important;
    }


    /*FIN IMPROOVE CABECERA ACTIVIDAD CONDENSADA*/

    html.mobile #AvatarMLR > #avatarImagenMLR > #imagenUsuarioBorderMLR {
        height: 152px;
        width: 152px;
        box-sizing: border-box;
    }

    #divSecciones #seccionAsignatura #divContenidoCurso .fondoSubseccion #listadoContacta .profesorCapa{
        clear: both;
        float: none;
        width: 100%;
    }

    #botonResponderActividadIrTextArea{
        margin: 20px 0 30px 0;
        position: relative;
        top: 0;
        left: auto;


    }

    body{
        margin: 5px 10px;
    }

    #contenedor_global{
        width: 100% !important;
    }
    .menuPrincipal, .menuPrincipal.menuPantallaCompleta {
        margin: 0 0% !important;
        width: 100% !important;
    }

    #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar > img{
        width: 80px !important;
        top: 11px !important;
        left: -265px;
    }

    #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar #botonCerrarImagenAvatarEditar{
        position: absolute !important;
        margin: auto !important;
        left: 270px !important;
        right: 0 !important;
        width: 55px !important;
        text-align: center !important;
        top: 10px !important;
        font-size: 11px;
    }

    #divFotoPerfil .cuerpoPanelPerfil #imagenAvatarEditar #BarraInferiorImagenAvatarEditar a{
        margin: 0 !important;
    }

    .panelRolContacta > p{
        font-size: 13px;
        letter-spacing: 0px;
        margin-bottom: 40px;
        line-height: 18px;
        text-align: left;

    }

    #textoInformativoContacta > p{
        font-size: 13px;
        letter-spacing: 0px;
        margin-bottom: 20px;
        line-height: 18px;
        text-align: left;
    }


    .itemClaseDirecto {
        border: none !important;
    }

    .itemClaseDirectoDescripcion {
        max-width: 80px;
        float: left;
    }
    .itemClaseDirectoTitulo {
        max-width: calc(100% - 90px);
        text-align: left !important;
    }

    #dashboard #widget1.widget .fondoHomePonteAlDia div:not(.ponteAlDiaEncabezado) {
        width: 100%;
        box-sizing: border-box;
        margin: 0px !important;
        padding: 20px 0px !important;
    }

    .tituloCursoHome {
        text-transform: none !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > .span8{
        padding: 20px;
    }

    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span8,
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div:not(.cabeceraCurso) > div > div.span4 > label{
        display: none;
    }
    div[id*="textoMensajeMisCursos"] > div {
        min-height: 0;
    }
    .detalleCabeceraCurso div[id*="pctProgresoCursoHome"] {
        display: none;
    }
    #dashboard #widget2.widget div.widgetcontent > div#contenidocursos > div.fondoWidgetCurso > div.fondoHomeTuCurso > div.cabeceraCurso > .span10 > div.panelNotificacionesCurso {
        display: none !important;
    }


    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion img{
        display: none;
    }
    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaDescripcion {
        text-align: left;
    }
    #convocatoriasDiv .itemConvocatoria{
        padding: 15px 0 30px;
    }
    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo {
        text-align: left;
    }
    #convocatoriasDiv .itemConvocatoria .itemConvocatoriaTitulo a::before {
        display: none !important;
    }


    #explicacionExamenCertificacion > div > ul {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        text-align: left;
    }

    #divSecciones > div.seccionExpediente.certificaciones {
        overflow-x: hidden;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .divNombreCursoCertificacion .nombreCursoCertificacion {
        background: none;
        font-size: 14px;
        padding: 0px;
        margin: 0px;
        line-height: 18px;
        border: none;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .infoNoExisteExamenCertificacion i {
        font-size: 45px !important;
    }
    #enunciadoCertificaciones > p, #explicacionExamenCertificacion > p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 30px;
        text-align: left;
    }
    #explicacionExamenCertificacion > div {
        margin-bottom: 30px;
    }
    .nombreCursoCertificacion.ion-ios-bookmarks-outline {
        position: relative;
        padding-left: 35px !important;
        display: block !important;
    }
    .nombreCursoCertificacion.ion-ios-bookmarks-outline::before {
        position: absolute;
        left: 0;
        top: 0;
    }
    .spanInfoNoExisteExamenCertificacion {
        text-align: left;
    }
    #divCentralExpediente #divInferiorExpediente #divCertificacion .infoNoExisteExamenCertificacion i {
        display: none;
    }
    .divNombreCursoCertificacion {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .divNombreCursoCertificacion:first-child {
        margin-top: 0;
    }
    .grupoCertificaciones {
        padding-left: 0;
    }
    .grupoCertificaciones::before {
        display: none;
    }
    .grupoCertificaciones .itemCertificacion:last-child::before {
        display: none;
    }
    .itemCertificacion.certificacionMasterD .descripcionCertificacion::before {
        display: none;
    }
    .botonCertificacionMasInfo > a {
        text-align: center;
    }
    .divDatosCertificacionCurso .span2 {
        width: 100% !important;
    }
    .expediente {
        padding: 0 10px !important;
    }
    #divCentralExpediente {
        padding: 0 10px;
    }
    #formBuscadorTextoNoticias {
        padding: 0;
        background: none;
        margin-bottom: 0;
    }
    #formBuscadorTextoNoticias > a#menuNoticias {
        width: 50px;
        height: 50px;
        text-align: center;
    }
    #formBuscadorTextoNoticias > a#menuNoticias img{
        padding: 15px 0px;
    }
    #formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]) {
        margin: 0;
        width: 50px;
        border-radius: 0px !important;
        box-shadow: none !important;
    }
    #formBuscadorTextoNoticias > input {
        margin-left: 60px;
        height: 50px;
        box-sizing: border-box;
        border: none !important;
        box-shadow: none !important;
        width: calc(100% - 60px) !important;
    }
    #divSecciones > div#contenedorNoticias {
        margin-top: 5px;
    }
    #formBuscadorTextoNoticias button:not([onclick*="buscarNoticias"]) {
        height: 50px;
        background: #04eacc !important;
        right: 0;
    }
    #formBuscadorTextoNoticias #categoriasNoticiasSeleccionadas {
        display: none;
    }
    #divBotoneraCategoriasNoticias::before {
        left: 0;
        width: 50px !important;
    }
    #divBotoneraCategoriasNoticias {
        padding: 10px;
    }
    #divBotoneraCategoriasNoticias button {
        width: 49% !important;
        box-shadow: none !important;
    }
    #listanoticiasnodestacadas .noticia.mostrada.noticiaNueva .contenidoNoticia::after {
        content: '¡Nueva!' !important;
        background: #f56600 !important;
        border-radius: 5px !important;
        height: auto !important;
        left: 13px !important;
        right: auto !important;
        padding: 1px 4px !important;
        width: auto !important;
        color: #fff;
        font-weight: 600;
        font-size: 10px;
        top: 4px !important;
    }
    #listanoticiasnodestacadas .noticia.mostrada.noticiaNueva:not(.noticiaConImagen) .contenidoNoticia::after {
        top: 4px !important;
    }
    #listanoticiasnodestacadas .noticia.mostrada:not(.nuevaNoticiaAlumno)::before {
        font-size: 10px;
    }

    #botonEscribirNuevaNoticiaMovil {
        display: block !important;
        width: 100% !important;
        margin-right: 0px !important;
        max-width: none;
        box-sizing: border-box;
    }
    #nuevaNoticiaAlumno{
        display: none;
    }
    #nuevaNoticiaAlumno.vistoMovil {
        display: block;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0px !important;
    }

    #nuevaNoticiaAlumno.vistoMovil #botonCerrarNuevaNoticiaAlumno{
        display: block !important;
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-bottom: 20px;
    }



    #barraLateralTalleres div#tituloSeccionContenedorCampus{
        display: none;
    }
    #barraLateralTalleres div#divFlotante div {
        width: 100% !important;
    }
    #barraLateralTalleres div#divFlotante div a {
        padding-left: 0;
        padding-bottom: 15px !important;
    }

    .tallerCampus h2#tituloTallerCampus {
        padding: 0px 10px 0px 0 !important;
        clear: both !important;
    }

    .tallerCampus h2#tituloTallerCampus span {
        font-size: 16px !important;
        text-transform: none !important;
    }

    .secretaria #contenedorMisContratosFormacion h4,
    .secretaria #contenedorServiciosAdministrativos h4 {
        font-size: 15px;
        letter-spacing: -0.2px;
    }

    .secretaria #contenedorServiciosAdministrativos .fondoSubseccion p {
        font-size: 13px;
        line-height: 20px;
        margin-top: 0px;
        font-weight: 100;
        color: #222728;
    }

    .secretaria #tablaSecretariaContratos{
        display: none;
    }
    .secretaria #tablaSecretariaContratosMobile{
        display: block !important;
    }
    .secretaria #tablaSecretariaContratosMobile .tablaSecretariaContratosMobileItem{
        margin-bottom: 30px;
    }

    .secretaria #tablaSecretariaContratosMobile .tablaSecretariaContratosMobileItem p{
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 5px;
        font-weight: 100;
        color: #222728;
    }
    .secretaria #tablaSecretariaContratosMobile .tablaSecretariaContratosMobileItem p b{
        font-weight: 600;
    }

    .secretaria #contenedorServiciosAdministrativos{
        margin-top: 0;
    }



    .secretaria #tablaSecretariaSeguimientos{
        display: none;
    }
    .secretaria #tablaSecretariaSeguimientosMobile{
        display: block !important;
    }


    .secretaria #tablaSecretariaSeguimientosMobile .tablaSecretariaSeguimientosMobileItem{
        margin-bottom: 40px;
        margin-top: 30px;
        border-bottom: double 4px #ccc;
        padding-bottom: 30px;
    }
    .secretaria #tablaSecretariaSeguimientosMobile .tablaSecretariaSeguimientosMobileItem:first-child{
        border-top: double 4px #ccc;
        padding-top: 30px;
        margin-top: 20px;
    }
    .secretaria #tablaSecretariaSeguimientosMobile .tablaSecretariaSeguimientosMobileItem:last-child{
        margin-bottom: 0;
    }

    .secretaria #tablaSecretariaSeguimientosMobile .tablaSecretariaSeguimientosMobileItem p{
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 100;
        color: #222728;
    }
    .secretaria #tablaSecretariaSeguimientosMobile .tablaSecretariaSeguimientosMobileItem p b{
        font-weight: 600;
    }

    .secretaria .contenedorDetalleSeguimiento{
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0;
        padding: 15px;
    }

    .secretaria .contenedorDetalleSeguimiento .detalleSeguimientoItem{
        margin-bottom: 40px;
        margin-top: 30px;
        border-bottom: double 4px #ccc;
        padding-bottom: 30px;
    }

    .secretaria .contenedorDetalleSeguimiento .detalleSeguimientoItem:first-child{
        padding-top: 20px;
        margin-top: 0px;
    }
    .secretaria .contenedorDetalleSeguimiento .detalleSeguimientoItem:last-child{
        margin-bottom: 0;
    }

    .secretaria #contenedorServiciosAdministrativos .tablaCampus{
        margin-bottom: 0;
    }
    .secretaria {
        padding: 0 20px 40px !important;
    }

    .secretaria #contenedorServiciosAdministrativos p{
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 100;
        color: #222728;
    }
    .secretaria #contenedorServiciosAdministrativos p b{
        font-weight: 600;
    }
    .secretaria #divServiciosCampus .span3,
    .secretaria #divServiciosCampus .span5,
    .secretaria #divServiciosCampus .span6,
    .secretaria #divServiciosCampus .span7,
    .secretaria #divServiciosCampus .span9{
        width: 100%;
        margin: 0;
    }

    .secretaria #divServiciosCampus .divExplicacionServicio{
        margin: 0 auto;
    }
    .secretaria #divServiciosCampus .divExplicacionServicio:empty {
        display: none !important;
    }

    .secretaria #divServiciosCampus .span6 {
        border: none !important;
        margin-bottom: 40px;
        margin-top: 20px;
    }



    #seccionConvocatorias {
        padding: 20px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
    .contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones span {
        font-size: 10px;
        line-height: 12px;
    }
    #seccionConvocatorias p:first-child > span::after {
        font-size: 7px;
    }
    .contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p::after {
        display: none
    }
    .contenedorPlanificacion > div#seccionConvocatorias .listadoOposiciones p span{
        border-bottom: solid 1px #eeeeee;
    }





    /*REAJUSTES MENSAJERIA MOBILE*/
    body.mobile #formularioEditarMensaje .span8 {
        width: 100%;
    }
    body.mobile #modalMensajeria .span4.custom-input-file > button {
        top: 0;
        padding: 10px 0;
        border-radius: 5px !important;
        text-transform: none;
        font-size: 14px;
        letter-spacing: -0.4px;
        margin-top: 0;
        margin-bottom: 0px !important;
    }
    body.mobile #modalMensajeria .span4.custom-input-file > button i {
        display: none !important;
    }
    body.mobile #modalMensajeria #adjuntosMensajeria_wrap {
        position: relative;
        margin-top: -50px;
        margin-bottom: 30px !important;
    }
    body.mobile #modalMensajeria .custom-input-file.span4 {
        background: none;
        padding: 0;
        min-height: 93px;
        margin-top: -7px !important;
    }
    body.mobile #modalMensajeria .span4.custom-input-file > button > i {
        display: inline;
    }
    body.mobile #modalMensajeria #divAsignaturas{
        margin-bottom: 10px;
    }
    body.mobile #modalMensajeria #divUsuarios{
        margin-bottom: 10px;
    }
    body.mobile #modalMensajeria textarea#asunto{
        padding: 0 0 0 5px;
        margin-bottom: 0px;
    }
    body.mobile #modalMensajeria #adjuntosMensajeria_wrap #adjuntosMensajeria_wrap_list {
        margin-bottom: 30px;
    }

    body.mobile #botonRecargarUnico {
        display: none;
    }
    body.mobile #pantallaMensajeria .dataTables_filter {
        width: calc(100% - 0px);
    }
    body.mobile #tabContentMensajeria .divBotoneraTabla button:first-child {
        left: -30px;
    }
    body.mobile #tabContentMensajeria .dataTables_empty {
        font-size: 13px;
    }
    body.mobile #modalMensajeria .modal-header {
        display: none;
    }
    body.mobile #modalMensajeria .modal-body {
        padding: 20px 30px !important;
    }
    body.mobile #modalMensajeria .modal-footer button {
        font-size: 15px;
        border-radius: 5px !important;
        padding: 10px;
        box-shadow: none !important;
        float: none;
        display: inline-block;
    }
    body.mobile #divMensajeriaModal.modal {
        top: 2% !important;
    }

    body.mobile #modalMensajeria .modal-footer button#btnEnviarMensajeModal {
        margin-right: 0px !important;
        margin-left: 2% !important;
    }

    body.mobile #modalMensajeria .modal-footer button#btnCancelarEnviarMensajeModal {
        margin-left: 0px !important;
        margin-right: 2% !important;
    }

    body.mobile #divMensajeriaModal #modalMensajeria #formularioEditarMensaje > #cabeceraMensaje {
        min-height: 0 !important;
    }
    body.mobile #modalMensajeria .chosen-single {
        line-height: 20px !important;
        border-radius: 5px !important;
    }
    body.mobile #modalMensajeria .chosen-single div {

        left: 0px;
        right: auto;
        width: 30px !important;
        border-radius: 5px !important;
        overflow: hidden;

    }
    body.mobile #modalMensajeria .chosen-single div b {
        font-size: 20px !important;
        background-position: 0 2px !important;
        left: 18px;
        padding-top: 6px !important;
    }
    body.mobile #modalMensajeria .chosen-single span {
        margin-left: 30px;
        font-size: 12px !important;
    }
    body.mobile #modalMensajeria .chosen-container .chosen-results li {
        font-size: 12px !important;
        line-height: 13px !important;
    }

    body.mobile #modalMensajeria #adjuntosMensajeria_wrap .input-file-adjuntos {
        min-height: 50px;
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    body.mobile #modalMensajeria .modal-footer {
        max-height: 80px !important;
        height: auto !important;
        min-height: 0px !important;
        padding-top: 5px;
    }
    body.mobile #pantallaMensajeria .dataTables_wrapper td {
        font-size: 11px !important;
        line-height: 13px !important;
    }
    body.mobile #tabContentMensajeria table td p{
        font-size: 11px;
        line-height: 13px !important;
        padding-bottom: 2px;
    }
    body.mobile #tabContentMensajeria table td p + p {
        line-height: 10px !important;
        font-size: 8px !important;
    }
    body.mobile #divMensajeriaModal #modalMensajeria #formularioEditarMensaje label {
        font-size: 11px;
    }
    /*FIN DE REAJUSTES MENSAJERIA MOBILE*/



    #botonMovilVolverAlInicio {
        display: inline-block;
        position: relative;
        background: #f56600;
        margin-bottom: 10px;
        color: #fff;
        padding: 3px 7px;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    }

    #botonMovilVolverAlInicio:before{
        margin-right: 8px;
    }


	#tuNivelEs span {
		font-size: 45px;
	}
    #divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad ul li{
        position: relative;
    }




    #contenedorMenuScorm #botonPantallaCompletaScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

    #contenedorMenuScorm #btnPantCompContenendorVisualizacionScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

    #contenedorMenuScorm #btnRecargarContenendorVisualizacionScorm {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        display: inline-block;
    }

	table.autotexto {
		max-width: 100%;
        display: block !important;
        margin-bottom: 20px;
	}
	table.autotexto tbody {
		display: block;
	}

	table.autotexto tbody tr:nth-child(1){display: none}
	table.autotexto tbody tr:nth-child(2){display: block}
	table.autotexto tbody tr:nth-child(3){display: none}
	
	
	table.autotexto tbody tr td:nth-child(1) {
		width: 100% !important;
		display: block;
		margin-bottom: -20px !important;
		height: auto !important;
		padding: 20px;
	}
	table.autotexto tbody tr td:nth-child(2){
		display: none;
	}
	table.autotexto tbody tr td:nth-child(3) {
		display: block;
		width: 100% !important;
		padding: 15px;
	}
	
	table.autotexto tbody tr td:nth-child(3) p{
		font-size: 13px;
		line-height: 22px;
	}
	
	#contenidoCabeceraPsicotecnico {
		padding: 10px !important;
	}
	.examen #contenidoCabeceraPsicotecnico {
		padding: 0px !important;
	}
	
	
	
	#divSecciones #seccionAsignatura #divContenidoCurso .panelContenedorActividad > div > div[id*="divComponente"] audio {

		display: block !important;
		width: 100% !important;
		margin-bottom: 30px;

	}


}


/*Dispositivos muy pequenos*/
@media only screen and (max-width: 320px) {
    body {
        min-width: 0px !important;
        width: 98% !important;
        margin: 0 1%;
    }
}
/*Fin Dispositivos muy pequenos*/


/* MODO LECTURA*/
@media only screen and (max-width: 400px){

    .tituloModuloNotaParrafo {
        width: 90px;
    }
    .pctModuloNota {
        left: 12px;
    }

    #contenedorLectura #barraOpcionesModoLectura > div#opcionesModoLectura .separadorOpcionesModoLectura {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #contenedorLectura #aumentaFuente, #contenedorLectura #disminuyeFuente {
        font-size: 35px !important;
    }
    #contenedorLectura .botonActividadCurso div.fondoGrisBoton {
        display: none !important;
    }
    #contenedorLectura div[id*="divComponente"] > iframe {
        height: 200px !important;
        min-height: 200px !important;
    }
    #contenedorLectura #errorModoLecturaImagen {
        height: auto;
        width: 90%;
    }
}
/* FIN MODO LECTURA*/


@media print {

    html body img#imagenFondo{
        display: none !important;
    }
}
/*FIN DEL ULTIMO MEDIA*/