@charset "utf-8";

* {
    font-family: 'Roboto', sans-serif;
    
}

a:link, span.link, .link-small, .btn-link {
    color: #006CBA;
    font-weight: bold;
    cursor: pointer;
}
a:visited {
    color: #609;
}
a:hover, span.link:hover, .link-small:hover, .btn-link:hover, .btn-link:hover i {
    text-decoration: underline;
    cursor: pointer;
}
.btn-link:hover {
    color: #006CBA;
}
a:active {
    padding-top: 2px;
}
span.link, div.link-small, .btn-link, .link-light, #plan-nav-container a {
    font-weight: normal !important;
}
.link-small {
    font-size: 13px;
}

.recurso_etiquetas .link-small{
    font-weight: bold !important;
}

.titulo-ficha a:visited{
    color: #006CBA;
}
#plan-nav-container a:hover, #plan-nav-container a:focus{
    text-shadow: none;
}
#plan-nav-container a:active,  #plan-nav-container a:focus{
    font-weight: bold !important;
}
.clear {
    clear: both;
}
/*
Estilos para la busqueda de recursos
*/
#formBuscar select{
    width: 100%;
}

#formBuscar .radio-inline {
    margin-left: 0px;
}

#formBuscar label, #buscadorEval label{
    min-width: 70px;
}

#formBuscar .checkboxAw label, #buscadorEval .checkboxAw label{
    min-width: 30px;
}



#plan-ajax {
    max-width:100%;
    font:0.8em Verdana, sans-serif;
    padding:10px;
    overflow-x: auto;
}

#plan-ajax a{
    white-space: normal;
    height: auto;
}

.table>thead>tr>td.info-important, .table>tbody>tr>td.info-important,
.table>tfoot>tr>td.info-important, .table>thead>tr>th.info-important,
.table>tbody>tr>th.info-important, .table>tfoot>tr>th.info-important,
.table>thead>tr.info-important>td, .table>tbody>tr.info-important>td,
.table>tfoot>tr.info-important>td, .table>thead>tr.info-important>th,
.table>tbody>tr.info-important>th, .table>tfoot>tr.info-important>th{
    background-color: #d9edf7 !important;
}

.estructura-arbol {
    max-width:100%;
    font:0.8em Verdana, sans-serif;
    padding:10px;
    overflow-x: auto;
}

.estructura-arbol a{
    white-space: normal;
    height: auto;
}

.tiene-error {
    border-color: #a94442 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}

.tiene-exito {
    border-color: #3c763d !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
/*
.link {
    cursor: pointer;
    color:  #1a0dab;
    text-decoration: underline;
}

.link:hover {
    color:  #140C69;
}
*/
.bus_avanzada {
    display: none;
}

a > span.fa-stack {
    color: #000;
}

#resultado_busqueda .botones{
    margin-top: 5px;
}

#resultado_busqueda .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 15px 0;
    border-radius: 0;
}
 
#contenido-plan .list-group-item {
    border: none;
    border-bottom: 1px solid #ddd;
}

#tipo-nodo{
    font-size: 16px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

/*
Clase para esconder elementos, ya que la clase "hidden" de Bootstrap tiene !important.
Solo se usa para elementos que se muestran y se esconden usando ".toogle" de jQuery.
*/

.esconder-elemento {
    display: none;
}


/*
Margen derecho para los botones
*/
.margen-derecho{
    margin-right: 10px;
}

.margen-derecho-corto{
    margin-right: 2px;
}
/*
Margen izquierdo para los botones
*/
.margen-izquierdo{
    margin-left: 10px;
}

.no-decoracion{
    text-decoration:none;
    list-style:none;
}

.encabezado-tablas{
    color: #337ab7;
}

.margen-acciones{
    margin-right: 5px;
}


/*
Margen superior 
*/
.margen-arriba-50{
    margin-top:50px;
}
.margen-arriba-30{
    margin-top:30px;
}
.margen-arriba-20{
    margin-top:20px;
}
.margen-arriba-15{
    margin-top:15px;
}
.margen-arriba-10{
    margin-top:10px;
}

/*
Margen inferior a 50px
*/
.margen-abajo-50{
    margin-bottom:50px;
}

/*
Margen inferior a 30px
*/
.margen-abajo-30{
    margin-bottom:30px;
}

.margen-abajo-20{
    margin-bottom:20px;
}

/*Estilos para niveles de campos*/
.nivel-uno{font-size:20px}
.nivel-dos{font-size:18px}
.nivel-tres{font-size:14px}
.nivel-cuatro{font-size:12px;}
.nivel-cinco{font-size:10px;}

/*Estilos de tamaÃ±o de controles*/
.control-sm { max-width: 30%; }
.control-md { max-width: 52%; }
.control-lg { max-width: 75%; }
.control-xl { max-width: 85%; }

/*tamaÃ±os de controles fijos */
.control-fijo2 { max-width: 200px; }
.control-fijo3 { max-width: 300px; }
.control-fijo4 { max-width: 400px; }
.control-fijo5 { max-width: 500px; }

.largo-max{max-width: 84%;}

/*
Clase para poner texto en negritas
*/
.negritas {
    font-weight: bold;
}

tr.renglon > td
{
    padding-bottom: 1em;
}


.popover-header {
    padding-right: 2px;
    background-color:#f7f7f7;
}
.nuevo_nodo, .editar_nodo, .eliminar_nodo, .detalles_nodo {
    margin-right: 10px;

}

#pop-header {
    padding-right: 2px;
    background-color:#f7f7f7;
}
.nuevo_nodo, .editar_nodo, .eliminar_nodo, .detalles_nodo {
    margin-right: 10px;

}

/*
Clases para el Layout de acordeones
*/

.bloqueFormulario {
    border: 2px solid #33afd4;
    background-color: #F8F8F8;
}

.padding-minimo {
    padding-left: 3px;
    padding-right: 3px;
}

.padding-none {
    padding: 0px;
}

.margen-inferior-sm {
    margin-bottom: 5px;
}
.margen-inferior-md {
    margin-bottom: 10px;
}
.margen-superior-sm {
    margin-top: 5px;
}
.margen-superior-md {
    margin-top: 10px;
}

.notaFijo {
    position:fixed !important;
    margin-left: -60px;
    margin-top: 60px;
}

div.tooltip-inner {
    max-height: 350px;
    text-align: justify;
    max-width: 400px;
    font-size: 12px;
}

/*
Clase para agregar asterisco mediante before
*/
.obligatorio:before {
    content: "*";
    color: #FF0000;
    margin-right: 2px;
}

.msg-obligatorios{
    font-size: 12px;
    margin-bottom: 20px;
}

/* Clase para dar un margen inferior de 2em */
.inputs-planes {
    margin-top: 2em;
}


#divEliminar{
    width: 100%;
    overflow: auto;
    max-height: 200px;
}


/*
Clases para recursos
*/

#container_general, #container_derechos, #container_uso_educativo, #container_clasificacion, #container_ciclo_vida, #container_tecnica, #container_control{
    padding: 15px;
    margin: 13px;
    border-radius: 6px;
}


.archivoC{
    padding: 1em;
}

.divTablaArchivo{
    margin-top: 1em;
}


#palabrasClave, #ambitos{
    padding-left: 0px;
}

#archivo{
    padding: 14px;
    border: 2px solid rgb(209, 209, 209);
    margin:0px;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #F8FAFE;
}

#archivoAgregar{
    padding: 14px;
    border: 2px solid #D1D1D1;
    margin:0px;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(248, 254, 254);
}

.contribucion{
    padding: 14px;
    border: 2px solid rgb(209, 209, 209);
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #F8FAFE;
}

.descripcion{
    padding: 14px;
    border: 2px solid #D1D1D1;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(248, 254, 254);
}

.entidad{
    padding: 14px;
    border: 2px solid #D1D1D1;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(248, 254, 254);
}

.requisito{
    padding: 14px;
    border: 2px solid rgb(209, 209, 209);
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #F8FAFE;
}

.bloqueRadio{
    border: 1px solid rgb(210, 210, 210);
    padding: 0.5em;
    border-radius: 5px;
    background-color: rgb(244, 244, 244);
    padding-left: 1em;
}

.resaltado {
    color:#DF6300;
}

.bloqueControles {
    border: 1px solid #ddd;
    background-color: #F8F8F8;
    padding: 2px;
    margin-top: 5px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;    
}

.row-requisitos{
    margin-left: 0px;
    margin-right: 0px;
}

.margen-btn-superior{
    margin-top: 5px;
}

.tipoFormato .checkbox label{

    padding-left: 2px;
}

.validacion-tipoFormato, .validacion-Categorias{
     color: #a94442 !important;
     display: none;
     margin-top: -5px;
     margin-bottom: 5px;
}

.tipo-elementos{
    margin-bottom: 15px;
    padding-top: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

.validacion-Elementos{
    color: #a94442 !important;
    display: none;    
    margin-bottom: 15px;
}

.interlineado-50{
    margin-bottom: 50px;
}

.divClonarUso{
    padding: 14px;
    border: 2px solid rgb(209, 209, 209);
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #F8FAFE;
}

.divClonarDerechos{
    padding: 14px;
    border: 2px solid rgb(209, 209, 209);
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #F8FAFE;
}

.bloqueControlDer {
    border: 1px solid #ddd;
    background-color: #F8F8F8;
    padding: 4px;
    width: 90px;
}

.opacidad-0{
    opacity: 0;
}

/*
Clases para listado de recursos
*/

.tabla-listado {
    overflow-x: auto !important;
    overflow-y: hidden;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.divListado{
    max-height: 500px;
    border: 1px solid #ddd;
}

.tabla-listado > .table{
    width: 2150px;
    max-width: none;
    text-align: center;
}

.celda-justificada{
    text-align: justify;
}

.nodo-no-publicado, #plan-ajax a[publicado="N"]{
    color: #CCC !important;
}

.celda-tooltip{
    display: block;
}

.ver-mas:before{
    font-weight: bold;
    content: '...';
}

.simbologia{
    cursor: default;
}

.star-calificacion{
    color: #f39c12;
}

.birrete-evaluacion{
    color: #f39c12;
    font-size: 28px;
    margin-left: 15px;
}

#infoEvaluacion{
    padding: 15px;
}

.birrete-busqueda{
    color: #f39c12;
    font-size: 20px;
    margin-left: 15px;    
}

.texto-evaluar{
    font-size: 14px;
    font-weight: bold;
}

.wrap-evaluacion{
    cursor: pointer;
    color: #006CBA;
}

.wrap-pregunta{
    padding-top: 10px;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.wrap-text{
    word-break: break-all;
}

.label-pregunta{
    font-weight: normal;
}

.seccion-heading{
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.pregunta-evaluacion{
    border-top: 1px solid #337ab7;
}

.body-seccion-pregunta{
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;

}

.radioEvaluacion_5{
    border-bottom: 5px solid #27ae60;
}

.radioEvaluacion_5 input[type="radio"]:checked + label::before{
    border-color: #27ae60 !important;
}

.radioEvaluacion_5 input[type="radio"]:checked + label::after{
    background-color: #27ae60 !important;
}


.radioEvaluacion_4{
    border-bottom: 5px solid #2ecc71;
}

.radioEvaluacion_4 input[type="radio"]:checked + label::before{
    border-color: #2ecc71 !important;
}

.radioEvaluacion_4 input[type="radio"]:checked + label::after{
    background-color: #2ecc71 !important;
}

.radioEvaluacion_3{
    border-bottom: 5px solid #f1c40f;
}

.radioEvaluacion_3 input[type="radio"]:checked + label::before{
    border-color: #f1c40f !important;
}

.radioEvaluacion_3 input[type="radio"]:checked + label::after{
    background-color: #f1c40f !important;
}

.radioEvaluacion_2{
    border-bottom: 5px solid #f39c12;
}

.radioEvaluacion_2 input[type="radio"]:checked + label::before{
    border-color: #f39c12 !important;
}

.radioEvaluacion_2 input[type="radio"]:checked + label::after{
    background-color: #f39c12 !important;
}

.radioEvaluacion_1{
    border-bottom: 5px solid #e67e22;
}

.radioEvaluacion_1 input[type="radio"]:checked + label::before{
    border-color: #e67e22 !important;
}

.radioEvaluacion_1 input[type="radio"]:checked + label::after{
    background-color: #e67e22 !important;
}


.radioDictamenA input[type="radio"]:checked + label::before{
    border-color: #27ae60 !important;
}

.radioDictamenA input[type="radio"]:checked + label::after{
    background-color: #27ae60 !important;
}



.radioDictamenN input[type="radio"]:checked + label::before{
    border-color: #e74c3c !important;
}

.radioDictamenN input[type="radio"]:checked + label::after{
    background-color: #e74c3c !important;
}


.radioDictamenC input[type="radio"]:checked + label::before{
    border-color: #f1c40f !important;
}

.radioDictamenC input[type="radio"]:checked + label::after{
    background-color: #f1c40f !important;
}

.radio-calificaciones .radio-inline{
    margin-left: 0px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 20%;
}

.radio-dictamen .radio-inline{
    margin-left: 0px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.radioDictamenA{
    width: 20%;
    border-bottom: 5px solid #27ae60;
}

.radioDictamenN{
    width: 20%;
    border-bottom: 5px solid #e74c3c;
}

.radioDictamenC{
    width: 60%;
    border-bottom: 5px solid #f1c40f
}

.radioA{
    border-bottom: 5px solid #27ae60;
    width: 20%;
}

.radioN{
    border-bottom: 5px solid #e74c3c;
    width: 25%;
}

.radioC{
    border-bottom: 5px solid #1abc9c;
    width: 55%;
}

.colores-dictamen{
    margin-top: -15px;
    margin-bottom: 30px;
}

.wrap-cambios{
    display: none;
}

.listado-evaluaciones a:active, .back-historial a:active{
    padding-top: 5px !important;
}

#validacion-seccion2, #validacion-seccion1{
    margin-top: -5px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.redes-sociales{
    border-radius: 99%;
    color: #fff;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
    text-align: center;
    width: 28px;
    cursor: pointer;
}

.salto-rs{
    display: none;
}

.btn-inmediato-sup{
    text-align: right;
}


.btn-compartir{

    background-color: #3498db;
}

.btn-compartir:hover{
    background-color: #2980b9;
}

.btn-favoritos{
    background-color: #27ae60;    
}

.btn-favoritos:hover{
    background-color: #16a085;
}

.btn-facebook{
    background-color: #223a6e;    
}

.btn-facebook:hover{
    background-color: #2980b9;
}

.btn-twitter{
    background-color: #45c5f4;    
}

.btn-twitter:hover{
    background-color: #3498db;
}

.btn-gplus{
    background-color: #e74c3c;    
}

.btn-gplus:hover{
    background-color: #c0392b;
}

.btn-insert{
    background-color: #818181;    
}

.btn-insert:hover{
    background-color: #505050;
}

.btn-correo{
    background-color: #f39c12;    
}

.btn-correo:hover{
    background-color: #e67e22;
}

.btn-mas{
    background-color: #9b59b6;    
}

.btn-mas:hover{
    background-color: #8e44ad;
}

.ficha-contenido{
    margin-top: 15px;
}

#contenido-vprevia{
    padding: 15px 20px 15px 20px;
}


/*CARRUSEL*/
.item{
   height: 180px;
}

#fichaRua .item img {
max-height: 100%;  
max-width: 100%; 
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto;
}

#fichaRua:hover{
    cursor: pointer;
}

.imgFichas .item{
    height: 600px;
}

.img-fichaRec{
    max-height: 600px;
}

.carousel-control {
    width: 4%;
}
.carousel-control.right, .carousel-control.left{
    background-image: none;
}

.content-carFicha{
    background: #ffffff;
    padding-bottom: 40px;
}

.header-carFicha{
    border-bottom: none;
    padding-bottom: 35px;
    padding-top: 5px;
}

.close-modal-ficha{
    border: none;
    background: none;
    padding: 0px;
    -webkit-appearance: none;
    float: right;
    color: #3498db;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;    
}

.preview-imagenes-fichas .ficha-expander{
    margin-left: 80%;
    margin-top: 130px;
    position: absolute;
    z-index: 99;
    color: #F8F8F8;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.content-carFicha .ficha-expander{
    display: none;
}

.fichas{
   margin-top: 10px;
   word-wrap: break-word;
}

.ficha-fecha-contribucion{
    padding-left: 15px;
    padding-top: 5px;
}

.recurso_planes .fichas{
    margin-top: 5px;
}

.ficha-categoria{
   margin-top: 15px;
}

.titulo-ficha{
   font-size: 20px;
   word-wrap: break-word;
   
}
#fichaTecnica .panel-heading {
    background-color: #ffffff;
}

/*.titulo-ficha a{
    text-decoration:  none;
}*/

.lista-aprendizajes{
  margin-left: -20px;
}

.btn-recRelacionados{
 margin-top:5px;
}


/*Menu*/
.navbar {
    margin-bottom:20px;
    border-radius:0;
    min-height: 30px;
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: none;
}
.navbar {
    border: 0;
    padding: 10px 10px 7px 10px;
}

.navbar-nav>li>a {
    padding: 5px 20px;
    text-shadow: none;
}
#menu-sesion .navbar {
    border: 0;
    padding: 0px;
    
}

#menu-sesion .navbar-nav>li>a {
    padding: 15px;
    text-shadow: none;
    height: 67px;
    color: #333;
}

.ba-sesion{
    margin-top: 4px;
}

#txtBuscaGeneral1 {
    min-width: 250px;
}

#menu-sesion #txtBuscaGeneral2{
    min-width: 250px;
}

.navbar-nav>li.divider{
    width: 1px;
    height: 20px;
    background-color: white;
    margin: 5px;
}

#topmenu {
    background: #ffffff !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(127,140,141,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(127,140,141,1);
    box-shadow: 0px 3px 5px 0px rgba(127,140,141,1);
}

#topmenu .menu_nivel1>a, #submenu a{
    color: #333;  
}

#btnRegresar, #submenu a{
    color: #FFF;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.open>a:hover {
    text-decoration:  underline;
} 

.navbar-default .navbar-nav>li>a:focus {
    outline:0;
    text-decoration:  underline;
}

#submenu li.active>a{
    color: #fff;
}

.navbar-default .navbar-text, .navbar-text {
    margin: 0;
    padding: 5px;
    color: #333;
}

.item-menuPrincipal{
    padding-left: 15px;
}

.icon-menuPrincipal{
    border-radius: 99%;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 4px;
    text-align: center;
    width: 24px;
    cursor: pointer;
}

.fa-sm {
    font-size: 80%;
}

.no-margin {
    margin:0;
}

.tooltip-inner {
    white-space: nowrap;
}

.rua-paginacion paginacion, .rua-paginacion ul {
    margin:0;
}

.text-info-paginacion {
    color: #606060;
}

.carousel a:link, .carousel span.link {
    color: #F8F8F8;
    cursor: pointer;
}


.item-login-right{
    margin-right: 15px;
    color:#333;
}

.contenedor-buscador-public{
    float: right;
    margin-top: 0px;    
}

.contenedor-item-login{
    float: right;
    margin-top: 5px;
}

.item-small{
    display: none
}

#menu-sesion .navbar-nav > .item-sesion > a{
    padding-left:0px;

}

.user-sesion{
    margin-right: 0px;
}


.fa-home{
    font-size: 15px;
}

.salto-participa{
    display: none;
    padding: 5px;
}

.capturaPantalla{
    margin-right: 10px;
}

.url-participa{
    word-break: break-word;
}

.resize-vertical{
    resize: vertical;
}

.datosParticipa{
    word-wrap: break-word;
    text-align: initial;
}

.valoracion-movil{
    text-align: right;
}

.wrap-reCaptcha{
    padding-left: 30px;
}

.message-recaptcha{
    color: #a94442;
}

.categoria-border{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
    border-radius: 5px;
    min-height: 34px;
}

#adminPagPersonal {
    color: #333;
    margin-bottom: 5px;
}

.opciones-descripcion{
    float: left;
    width: 10em;
    text-align: right;
}

.borde-sugerencia{
    border-bottom: 3px solid transparent;
    padding: 7px;
    -webkit-border-image: url(borde.png) 11 stretch; /* Safari 3.1-5 */
    -o-border-image: url(borde.png) 11 stretch; /* Opera 11-12.1 */
    border-image: url(borde.png) 11 stretch;
}


.wrap-menu-navbar-sm{
    display: none;
}

.borde-sugerencia .btn-danger{
    color: red;
    background-color: #ddd;
    border-color: #ddd;
}

.borde-sugerencia .btn-danger:hover{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.sug-nombre {
    word-break: break-all;
}
@media all and (min-width: 2151px) {
    .cb-center{
        padding-left: 22%;
    }    
}

@media all and (min-width: 2051px) and (max-width: 2150px) {
    .cb-center{
        padding-left: 20%;
    }    
}

@media all and (min-width: 2001px) and (max-width: 2050px) {
    .cb-center{
        padding-left: 19%;
    }    
}

@media all and (min-width: 1951px) and (max-width: 2000px) {
    .cb-center{
        padding-left: 18%;
    }    
}

@media all and (min-width: 1901px) and (max-width: 1950px) {
    .cb-center{
        padding-left: 17%;
    }    
}

@media all and (min-width: 1851px) and (max-width: 1900px) {
    .cb-center{
        padding-left: 16%;
    }    
}

@media all and (min-width: 1751px) and (max-width: 1850px) {
    .cb-center{
        padding-left: 15%;
    }    
}

@media all and (min-width: 1701px) and (max-width: 1750px) {
    .cb-center{
        padding-left: 14%;
    }    
}

@media all and (min-width: 1651px) and (max-width: 1700px) {
    .cb-center{
        padding-left: 12%;
    }    
}

@media all and (min-width: 1601px) and (max-width: 1650px) {
    .cb-center{
        padding-left: 10%;
    }    
}

@media all and (min-width: 1551px) and (max-width: 1600px) {
    .cb-center{
        padding-left: 8%;
    }    
}

@media all and (min-width: 1501px) and (max-width: 1550px) {
    .cb-center{
        padding-left: 6%;
    }    
}

@media all and (min-width: 1451px) and (max-width: 1500px) {
    .cb-center{
        padding-left: 5%;
    }    
}

@media all and (min-width: 1400px) and (max-width: 1450px) {
    .cb-center{
        padding-left: 4%;
    }    
}


@media all and (max-width: 1024px) {
    
    .wrap-menu-navbar-lg{
        display: none;
    }
    
    .br-bas{
        display: none;
    }    
    
    .wrap-menu-navbar-sm{
        display: block;
    }
    
    #menu-sesion .navbar-nav > .item-sesion > a{
        padding:6px;
        padding-left:20px;
        height:38px;
    }
    #menu-sesion .navbar-nav>li>a{
           padding:6px;
           padding-left:20px;
           height:38px;
    }
    
    .ul-sesion-submenu{
        width: 100%;
        border-top: none;
        border-right: none;
        border-left: none;
    }
    
    .ul-sesion{
        margin-top: -6px;
    }
    
    .item-sesion:hover , .navbar-default .navbar-nav>li>a:hover{
        background: #e7e7e7;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        background: #f5f5f5;
    }
    .a-usuario{
        padding-left: 45px !important;
    }
    
    .ba-sesion{
        margin-bottom: 5px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
	margin-top: 6px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
    }
}

@media all and (max-width: 990px) {
    .paginacion-buscador{
        text-align: center !important;
    }
    
    .num-buscador{
       margin-top: 5px; 
    }
  
    .notifyjs-bootstrap-error, .notifyjs-bootstrap-success, .notifyjs-bootstrap-base{
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
    
    .notifyjs-bootstrap-error{
        margin-left: -20px;
    }    
    
    .notifyjs-bootstrap-success{
        margin-left: -60px;
    }    
    
    .birrete-busqueda{
        margin-left: 0px;
    }

}

@media all and (min-width: 768px) and (max-width: 991px) {
    .wrap-reCaptcha{
        padding-left: 70px;
    }
    .imgFichas .item{
        height: 400px;
    }
    
    .img-fichaRec{
        max-height: 400px;
    }
    .radio-calificaciones .radio-inline, .radio-dictamen .radio-inline{
        font-size: 12px;
    } 
    
    .radioDictamenA{
        width: 20%;
    }

    .radioDictamenN{
        width: 30%;
    }

    .radioDictamenC{
        width: 50%;
    }    
}

@media all and (max-width: 768px) {
    
    .item-small{
        display: initial;
    }
    .item-big{
        display: none;
    }
    .item-left{
        float:left;
    }
    .item-right{
        float:right;
    }    
    .navbar {
        border: 0;
        padding: 10px 10px 10px 10px;
    }
    .contenedor-buscador-public, .contenedor-item-login{
        float: none;  
    }
    
    .fa-home{
        font-size: 13px;
    }
    
    #feedback-highlighter {
        right: 20px;
    }
    
    #plan-ajax a{
        white-space: nowrap;
        height: auto;
    }
    
    .btn-inmediato-sup, .btn-planes{
        text-align: center;
    }
    
    .capturaPantalla{
        display: none;
    }
    
    .imgFichas .item{
        height: 400px;
    }    
    
    .img-fichaRec{
        max-height: 400px;
    }  
    
    .radio-calificaciones .radio-inline, .radio-dictamen .radio-inline{
        font-size: 12px;
    } 
    
    .radioDictamenA{
        width: 20%;
    }

    .radioDictamenN{
        width: 30%;
    }

    .radioDictamenC{
        width: 50%;
    }
}

@media all and (width: 768px) {
    .iconos-menu-public{
        width:50%;
    }
    .buscador-public{
        width:50%;
    }    
}

@media all and (max-width: 767px) {
    #menu-sesion .navbar-nav > .item-sesion > a{
        padding:6px;
        padding-left:30px;
        height:38px;
    }
    #menu-sesion .navbar-nav>li>a{
           padding:6px;
           padding-left:30px;
           height:38px;
    }
    
    .ul-sesion{
        margin-top: -6px;
    }
    
    .item-sesion:hover , .navbar-default .navbar-nav>li>a:hover{
        background: #e7e7e7;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        background: #f5f5f5;
    }
    .a-usuario{
        padding-left: 45px !important;
    }
    
    .br-bas{
        display: none;
    }
    .ba-sesion{
        margin-bottom: 5px;
    }
    .wrap-reCaptcha{
        padding-left: 90px;
    }
    
    .navbar-collapse {
        padding-right: 15px;
    }    
}

@media all and (min-width: 746px) and (max-width: 767px) {
    .item-right{
        margin-right:110px;
    }
    .item-inicio{
        margin-left: 100px;
    }
}

@media all and (min-width: 721px) and (max-width: 745px) {
    .item-right{
        margin-right:95px;
    }
    .item-inicio{
        margin-left: 85px;
    }    
}

@media all and (min-width: 681px) and (max-width:720px) {
    .item-right{
        margin-right:80px;
    }
    .item-inicio{
        margin-left: 70px;
    }    
}

@media all and (max-width: 720px) {

    #menu-sesion #txtBuscaGeneral2{
    min-width: 130px;       
    }
    #txtBuscaGeneral1 {
        min-width: 200px;
    }
    
    .modal-fichaRec{
        margin-top: 30%;
    }        
}

@media all and (max-width: 690px) {
    .wrap-reCaptcha{
        padding-left: 40px;
    }    
}

@media all and (max-width: 725px) {
    .categoria-border{
        text-align: left;
    }
    .categoria-border .checkbox-inline{
        width : 100%;
        text-align: left;
        margin: 0%;
    }

    .categoria-border .checkboxAw label, .ies-border .checkboxAw label{
        width : 100%;
    }
}
@media all and (min-width: 645px) and (max-width:680px) {
    .item-right{
        margin-right:65px;
    }
    .item-inicio{
        margin-left: 55px;
    }   
}

@media all and (min-width: 600px) and (max-width:644px) {
    .item-right{
        margin-right:50px;
    }
    .item-inicio{
        margin-left: 35px;
    }    
}


@media all and (min-width: 550px) and (max-width:599px) {
    .item-right{
        margin-right:25px;
    }
    .item-inicio{
        margin-left: 10px;
    }    
}

@media all and (min-width: 391px) and (max-width:549px) {
    .item-right{
        margin-right:25px;
    }
    .item-inicio{
        margin-left: 0px;
    }    
}

@media all and (max-width: 620px) {  
    .radio-calificaciones .radio-inline, .radio-dictamen .radio-inline{
        width: 100%;
        font-size: 14px;
    }
}

@media all and (max-width: 600px) {  
    .feedback-logo{
        font-size:14px;
        line-height:16px;
    }
    #feedback-highlighter {
    width: 320px;
    height: 250px;
    }
    
    .redes-responsive{
        text-align: center !important;
    }

    .salto-rs{
        display: inline;
    }
    
    .valoracion-movil, .titulo-movil{
        text-align: center;
    }
}

@media all and (max-width: 585px) {
    
    .tipo-elementos{
        text-align: left;
    }
    
    .tipo-elementos .checkbox-inline {
        width: 25%;
        text-align: left;
        margin-left: 1%;
    }
    
    .tipo-elementos .cb-tipo-0,
    .tipo-elementos .cb-tipo-3{
        width: 120px;
    }
    
    .tipo-elementos .cb-tipo-1,
    .tipo-elementos .cb-tipo-4{
        margin-left: 5%;
    }
    
    .tipo-elementos .cb-tipo-2{
        margin-left: 8%;
    }
    
    .imgFichas .item{
        height: 300px;
    }
    
    .img-fichaRec{
        max-height: 300px;
    }        
}

@media all and (max-width: 480px) {
    .responsive-captcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }        
    .wrap-reCaptcha{
        padding-left: 10px;
    }
    .imgFichas .item{
        height: 250px;
    } 
    .img-fichaRec{
        max-height: 250px;
    }
    
    .modal-fichaRec{
        margin-top: 40%;
    }    
    
    #ficha-body h2{
        font-size: 20px;
    }
}

@media all and (max-width: 455px) {
    
    .tipo-elementos{
        text-align: left;
    }
    
    .tipo-elementos .checkbox-inline {
        width: 40%;
        text-align: left;
        margin-left: 5%;
    }
    
    .tipo-elementos .cb-tipo-1,
    .tipo-elementos .cb-tipo-3{
        margin-left: -5%;
    }    
}

@media all and (min-width: 320px) and (max-width: 410px) {
    .tipo-elementos .cb-tipo-3{
        width: 120px;
    }       
}
    

@media all and (max-width: 540px) {
    .participa-descripcion,.label-participa{
        font-size: 12px;
    }
}

@media all and (max-width: 415px) {
    .participa-descripcion,.label-participa{
        font-size: 12px;
    }
}


@media all and (max-width: 390px) {
    .item-left, .item-right{
        float:none;
    }
    .salto-participa{
        display: block;
    }

    .capturaPantalla{
        margin-right: 0px;
    }
}

@media all and (max-width: 370px) {
    .label-participa{
        font-size: 11px;
    }
    #feedback-highlighter {
        width: 285px;
        height: 270px;
    }     
}
/* Se extrajo la clase de cancelar evaluación. Para evitar desalineo */
@media all and (max-width: 315px) {
    .cancelar-evalaucion{
        margin-top: 15px;
    }  
}
@media all and (max-width: 345px) {
    .label-participa{
        font-size: 10px;
    }
}

@media all and (max-width: 325px) {
    .label-participa{
        font-size: 9px;
    }
    
    #feedback-highlighter {
        width: 270px;
        height: 270px;
    }

    .imgFichas .item{
        height: 200px;
    }
    
    .img-fichaRec{
        max-height: 200px;
    }
    
    .buscador-header{
        padding-right: 0px;
    }
    
    #menu-sesion #txtBuscaGeneral2{
        font-size: 11px;
    }    
}


@media all and (max-width: 510px) {
    .tipo-elementos{
        font-size: 14px;
    }
}

@media all and (max-width: 510px) {
    .item-menuPublico{
        padding-left:10px;
        font-size: 12px;
    }
}

@media all and (max-width: 315px) {
    .item-menuPublico{
        padding-left:8px;
        font-size: 11px;
    }
}

@media all and (max-width:420px) {
    #feedback-highlighter{
        right: 10px;
    }
    
    .responsive-captcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }        
}

.highlightFT{
    background-color:#FFFF66;
    font-weight: bold;
}

.contador{
    margin-top: 2px;
    margin-bottom: 15px;
    font-size: 12px;
}

.tooltip  .tooltip-inner {
    white-space: normal !important
}

#busquedaMenu {
    margin-right: 5px;
}

legend {
    font-size: 14px;
    font-weight: bold;
    border: 0;
    margin: 0 0 5px;
}


legend h1, #escape-nombre, .titulo-pagina {
    font-size: 24px;
}

a:focus, button:focus{
    background-color: #b6ebef !important;
    outline:0;
}

.btn:focus{
     color: #333 !important;
}
a:focus{
    text-decoration: underline;
}

.modal-header legend {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0; 
    border-bottom: 0;
}
.agregarArchivo {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
}
@media all and (max-width:767px){
    .text-xs-left{
        text-align: left;
    }
    .text-xs-right{
        text-align: right;
    }
    .text-xs-center{
        text-align: center;
    }
}
@media all and (min-width:768px) and (max-width:991px) {
    .text-sm-left{
        text-align: left;
    }
    .text-sm-right{
        text-align: right;
    }
    .text-sm-center{
        text-align: center;
    }
} 
@media all and (min-width:992px) and (max-width:1199px){
    .text-md-center{
        text-align: center;
    }
    .text-md-left{
        text-align: left;
    }
    .text-md-right{
        text-align: right;
    }
}
@media all and (min-width:1200px){
    .text-lg-center{
        text-align: center;
    }
    .text-lg-left{
        text-align: left;
    }
    .text-lg-right{
        text-align: right;
    }
    
}