@charset "utf-8";

* {
    font-family: 'Open Sans', sans-serif;
    
}

/*Layout Principal*/

.header-color{
    width: 100%;
    background: #144E8B;
    color:#fff;
    min-height: 80px;
}
.col-logo-rua{
   display: none; 
}

#imgLogoRUAMX{
    margin-left:50px;
    margin-top: 15px;
    max-height: 80px;
}

 
/* Contenedor principal*/
 .main-content{
    padding: 20px 50px 20px 50px;
    box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;
 }
 
 
.col-logo-ruamx{
    text-align: left;
}    
.footer-color{
    position: absolute;
    bottom: 0;
    width: 100%;
    background:#144E8B;
    border-top: 5px solid #2980b9;
    color: #fff;
    min-height: 60px;   
}

.panel-default{
    border-color: #b1babb;
}

a:link, span.link, .link-small, .btn-link {
    color: #007DD8;
    font-weight: bold;
    cursor: pointer;
}
a:visited {
    color: #609;
}
a:hover, span.link:hover, .link-small:hover, .btn-link:hover {
    text-decoration: underline;
    text-shadow: 1px 1px 1px #ccc;
    cursor: pointer;
}
.btn-link:hover {
    color: #007DD8;
}
a:focus, span.link:focus, .link-small.focus, .btn-link:focus {
   text-shadow: 1px 1px 1px #ccc;
}
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: #007DD8;
}
#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;
}

.linea-ariadna{
    margin-top: 10px;
    padding-left: 0px;
}

.linea-ariadna, .linea-ariadna a:visited,.linea-ariadna a:link{
    color:#007DD8;
    font-weight: normal;
}
/*
Estilos para la busqueda de recursos
*/
#formBuscar select{
    width: 100%;
}

#formBuscar label{
    min-width: 70px;
}

#formBuscar .radio-inline {
    margin-left: 0px;
}

#formBuscar label{
    min-width: 70px;
}

#formBuscar .checkboxAw label{
    min-width: 30px;
    font-weight: normal;
}

.padding-order{
    padding-right: 5px;
}

#plan-ajax {
    max-width:100%;
    font:0.8em Verdana, sans-serif;
    padding:10px;
    padding-right: 250px;
}

#plan-ajax a{
    white-space: normal !important;
    height: auto;
}
/*
.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 , #resultado_ies .list-group-item{
    border-left: 0;
    border-right: 0;
    padding: 15px 0;
}

#resultado_ies .list-group-item:last-child{
    border-bottom-right-radius:0px;    
    border-bottom-left-radius:0px;
}

#resultado_ies .list-group-item:first-child{
    border-top-right-radius:0px;    
    border-top-left-radius:0px;
}

/*
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-20{
    margin-top:20px;
}
.margen-arriba-15{
    margin-top:15px;
}
.margen-arriba-10{
    margin-top:10px;
}
.margen-arriba-5{
    margin-top:5px;
}

/*
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;
}

.margen-abajo-5{
    margin-bottom:5px;
}

/*Estilos para niveles de campos*/
.nivel-uno{font-size:20px}
.nivel-dos{font-size:18px}
.nivel-tres{font-size:14px}
.nivel-trece{font-size:13px}
.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;
}

.font-normal{
    font-weight: normal !important;
}

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;
}

.margen-superior-xl {
    margin-top: 30px;
}

.margen-nombreIes{
  margin-left: 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;
}

.wrap-ies-participantes div.tooltip-inner{
    max-height: 500px;
    text-align: justify;
    max-width: 600px;
    word-break: break-all;
    font-size: 12px;
}

.carrusel .tooltip-inner{
    max-height: 500px;
    text-align: justify;
    max-width: 300px;
    word-break: break-all;
    font-size: 12px;
}

.wrap-ies-participantes .tooltip-inner, .wrap-ies-slide .tooltip-inner, .carrusel .tooltip-inner{
    white-space: normal;
}


/*
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;
}

.margen-btn-superior{
    margin-top: 5px;
}

.tipoFormato .checkbox label{
    padding-left: 2px;
}

.validacion-tipoFormato, .validacion-Categorias, .validacion-ies, .validacion-niveles{
     color: #a94442 !important;
     display: none;
     margin-top: -5px;
     margin-bottom: 5px;
}

.validacion-Elementos{
    color: #a94442 !important;
    display: none;
    margin-top: -15px;
    margin-bottom: 5px;
}

.tipo-elementos{
    padding-top: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}


.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;
}


.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;
}

.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-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-ruamx{
    background-color: #ffffff;
}

.btn-ruamx:hover{
    background-color: #ffffff;
}

.navbar .fa-home , .navbar .fa-commenting{
    color:#B4B4B4;
}


.btn-gplus{
    background-color: #e74c3c;    
}

.btn-gplus:hover{
    background-color: #c0392b;
}

.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;
}

/*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;
}

.carousel-control.right, .carousel-control.left{
    background-image: none;
}

.carousel-inner{
    border:2px solid #f8f8f8;
}

.fichas{
   margin-top: 10px;
   word-wrap: break-word;
}

.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*/

#topmenu {
    background: #B4B4B4 !important;
}

#topmenu .menu_nivel1>a, #submenu a{
    color: #ffffff;  
}

.navbar-default .navbar-nav>.active>a{
    background-color: #7f8c8d;
    color: #ffffff;
    font-weight: normal;
}

.navbar-default .navbar-nav>li>a:hover{
    color: #333;
    background: #e7e7e7;
}

.navbar-default .navbar-nav>li>a{
    color: #ffffff;
    font-weight: normal;
}

.participa-mx>a ,.participa-mx>a:hover{
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
}

.navbar-default .navbar-nav>.item-inicio-mx>a{
    height: 34px !important;
    padding-top: 8px;
}

.participa-mx{
    margin-top: 5px;
    text-align: right;
}

.participa-mx-mobile{
    display: none !important;
}

.resize-vertical{
    resize: vertical;
}

.buscador-mx{
    min-height: 55px;
    background: #fff;
    padding-top: 10px;
}

.opciones-menu{
    display: inline-block;
    color: #144E8B;
    font-weight: bold;
    cursor: pointer;        
}

.opciones-buscador:hover{
    border-bottom: 3px solid #2196F3;
}

.buscador-activo{
    border-bottom: 3px solid #2196F3;
}

.margen-menu-opciones{
    margin-right: 20px;
}

.wrap-menu-opciones{
    margin-top: 5px;
}

.buscador-mx-avanzada{
    height: 95px;
}

.buscador-mx-directorio{
    height: 80px;
}

.container-menu-mx{
    border-bottom: 1px solid #ddd;
}
.padding-li-ck{
    padding-top: 3px;
    padding-left: 20px;
    font-size: 13px;
}

.padding-li-ck-plan{
    padding-top: 5px;
    padding-left: 10px;
    font-size: 13px;
}


.nav-busqueda{
    border: 1px solid #ddd;
    border-top:none;
    background: #ffffff;
    text-align: left;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    width: 500px;
    color: #007DD8;
}

.list-nav-busqueda{
  padding-left: 0px;
  margin-bottom: 0px;
}

.nav-busqueda li{
    list-style:none;
}

.nav-busqueda li:hover{
    background: #ddd;
}

.nav-busqueda-active{
    background: #F1F0F0;
    cursor: pointer;
}

.nav-busqueda-active:hover{
    background: #ddd;
    cursor: pointer;
}

.nav-busqueda-opciones{
    padding: 4px;
    padding-left: 10px;
}

.nav-busqueda-recursos, .nav-busqueda-plan{
    border-bottom: 1px solid #ddd;
}

.fa-nav-busqueda{
    color: #7f8c8d;
    margin-right: 10px;
}

.todas-ies{
    margin-top: 0px;
}

#busquedaMenu .tooltip.top .tooltip-arrow{
   border-top-color: #e74c3c;
}

#tbusquedamx{
    width: auto;
    background: #337ab7;
    border-color: #2e6da4;
    color: #ffffff;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}

#busquedaMenu select option {
    background: #ffffff;
    color: #333;
}

#busquedaMenu{
    width: 500px;
}

.navbar {
    margin-bottom:0px;
    border-radius:0;
    min-height: 30px;
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: none;
}
.navbar {
    border: 0;
}

.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: 51px;
}

#txtBuscaGeneral1 {
    min-width: 250px;
}

#menu-sesion #txtBuscaGeneral2{
    min-width: 250px;
}

.navbar-nav>li.divider{
    width: 1px;
    height: 20px;
    background-color: white;
    margin: 5px;
}

#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;
}

#submenu-movil {
  width: 100%;
  height: auto;
  padding: 50px;
  display: none;
  height: 40px;
  margin-top: -30px;
}

#submenu-movil .carousel-inner{
    border: none;
    height: 40px;
}

.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{
    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;
}

.caret-small{
    display: none;
    margin-top: 10px;
    margin-right: 20px;
    float: right;
}
.caret-big{
    display: inline-block;
}

.fa-home{
    font-size: 15px;
}

.salto-participa{
    display: none;
    padding: 5px;
}

.capturaPantalla{
    margin-right: 10px;
}

#modalParticipa{
    padding-left: 0px !important;
}

.url-participa{
    word-break: break-word;
}

.datosParticipa{
    word-wrap: break-word;
    text-align: initial;
}

/*Estilos Directorio*/

.logo-ies{
    max-width: 100%;
}

.font-ies, .font-ies a{
    font-weight: bold;
    font-size: 16px;
    color: #00315e !important;
}

#resultado_ies a:visited{
    color:#007DD8;
}

.item-ies{
    text-align: right;
}

.group-ies{
    margin-left:10%;
}

.content-directorio{
    width: 100%;
}

.categoria-border{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 5px;
    border-radius: 5px;
    min-height: 34px;
}

.ies-border{
    border: 1px solid #ccc;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    max-height: 150px;
    overflow-y: auto;
}

/*RESULTADO IES*/

.wrap-ies{
    min-height: 300px;
    max-height: 300px;
    box-shadow: 0px 0px 3px 2px rgba(173,173,173,0.33);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(173,173,173,0.33);
    -moz-box-shadow: 0px 0px 3px 2px rgba(173,173,173,0.33);
}

.ficha-ies-contenedor{
    background:  #fff;
    padding: 15px;
}

.padding-md{
    padding:15px;
}

.logoIes-contenedor{
    padding-right: 0px;
    margin: auto;
    text-align: center;
}

.contenedor-desc{
    font-size: 12px;
    color: #757575;
    min-height: 140px;
    max-height: 140px;
}

.contenedor-desc-ficha{
    font-size: 12px;
    color: #757575;
    min-height: 0px;
    max-height: 1000px;
}

/*DETALLE RECURSOS*/
.encabezadoSeccion a{
    color: #ffffff !important;
}

.encabezadoSeccion a:hover{
    text-shadow: none;
}

.renglon{
    border-bottom: 1px solid #ddd;
    padding: 3px;
    word-wrap: break-word;
}

.renglon-top{
    border-top: 1px solid #ddd;
}

.padding-renglon{
    padding: 3px;
}

.padding-body{
    padding-top: 5px;
    padding-bottom: 5px;
}

.formatoTexto{
    font-weight: bold;
    color: #333;
}

.titulo-modal{
    color: #333;
}

.separacion{
    padding: 10px;
}

.separacion-top{
    padding-top: 20px;
}

.separacion-bottom{
    padding-bottom: 20px;
}

.wrap-url{
    word-wrap: break-word;
}

.elementoSumado{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    margin: 5px;
    margin-bottom: 20px;
}

.elementoSumadoPrimero{
    border: 2px solid #999;
    border-radius: 3px;
    margin: 5px;
    margin-bottom: 20px;    
}

.detalle-recurso .panel-default{
    border-color: #ddd;
}

.detalle-listas{
    padding-left: 15px;
    margin-bottom: 0px;
}

.titulo-plan-resultados{
    margin-bottom: 0px !important;
}

/*Portada MX*/

.wrap-ies-slide{
    border: 1px solid #D2D2D2;
    margin: 10px;
    text-align: center;
    height: 185px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.wrap-ies-participantes{
    border: 1px solid #D2D2D2;
    margin: 5px;
    text-align: center;
    height: 160px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.iesPar-contenedor{
    padding-left: 20px;
    padding-right: 20px;
}
.logoIes-slide{
    text-align: center;
    max-height: 60px;
    max-width: 135px;
    margin: auto;
}

.titulo-ies-slide{
    font-weight: bold;
    margin-top: 10px;
    font-size: 13px;
}


.btnInstituciones{
    font-weight: bold;
    color: #00315e;
    font-size: 20px;
    border: 1px solid #D2D2D2;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 30%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

/* SECCION QUIENES SOMOS*/
 
 .titulo-somos{
     color: #144E8B;
     font-size: 36px;
 }
 
 .bloque-qs-rua{
     min-height: 130px;
     margin-top: 20px;
 }
 
 .font-rec-aprender{
    font-size: 20px;
    color: #49B19D;
 }
 .font-contenido{
    font-size: 20px;
    color: #EEC857; 
 }
 
 .font-aval-academico{
    font-size: 20px;
    color: #F58345; 
 }
 
 .font-asociados-programas{
    font-size: 20px;
    color: #DD5B4D; 
 }
 
 .font-acceso-abierto{
    font-size: 20px;
    color: #A6CE39; 
 }
 .font-rec-ensenar{
    font-size: 20px;
    color: #577EA2; 
 }

 .control-lg-recursos{
     max-width:90%;
 }

 .container-iframe{
     border:none;
     min-height: 300px;
     padding: 0px;
     opacity: 0;
 }
 
 .row-iframe{
     margin-left: -50px;
     margin-right: -50px;
 }
 
.img-banner-responsive{
   display: none;
}

.descripcion-footer{
    padding-right: 100px;
    padding-bottom: 20px;
}


.font-main-title{
    font-size: 30px;
    color: #144E8B;
    font-family: open-sans, sans-serif;
    font-weight: 700;
    font-style: italic;
}

/*MODAL CONEXION IES-MX*/

.list-conexion li{
    margin-top: 15px;
}

.list-conexion-busqueda li{
    margin-top: 5px;
}

@media all and (max-width: 1199px) { 
    .logoIes-contenedor{
        padding-right: 15px;
    }

    .logo-ies{
        max-height: 100px;
    }
    
    .wrap-ies{
        min-height: 480px;
        max-height: 480px;
    }
    
    .contenedor-desc{
        min-height: 170px;
        max-height: 170px;
    }    
    
    .container-iframe{
        min-height: 240px;
    }    
}

@media all and (min-width: 1001px) { 
    .slide-logos{
        margin-top: 10px;
    }
}

@media all and (max-width: 1040px) { 
    .header-color{
        background-size: cover;
    }
}

@media all and (min-width: 769px) and (max-width: 1090px) {
    .logoIes-slide{
        max-width: 115px;
        margin: auto;
    }
}

@media all and (min-width: 992px) and (max-width: 1080px) {
    .container{
        width: 890px;
    }
    
    .container-filtros-mx{
        width: 970px;
    }    
}

@media all and (max-width: 991px) { 
    .wrap-ies{
        min-height: 550px;
        max-height: 550px;
    }
    
    .contenedor-desc{
        min-height: 180px;
        max-height: 180px;
    }    
    
    .container-iframe{
        min-height: 200px;
    }
    
    .notifyjs-bootstrap-error, .notifyjs-bootstrap-success{
        width: 90%;
        white-space:normal;
        margin-left: -100px;
    }       
}


@media all and (max-width: 990px) {
    .paginacion-buscador{
        text-align: center !important;
    }
    
    .num-buscador{
       margin-top: 5px; 
    }

    .wrap-ies-participantes{
        height: 150px !important;
    }  
    
    .desc-contenido{
        margin-top: 15px;
    }   
}


@media all and (min-width: 768px) and (max-width: 1199px) {
    .bloque-qs-rua{
       height: 210px;
    }
}

@media all and (max-width: 768px) {
    
    .item-small{
        display: initial;
    }
    .item-big{
        display: none;
    }
    .item-left{
        float:left;
    }
    .item-right{
        float:right;
    }    
    .contenedor-buscador-public, .contenedor-item-login{
        float: none;  
    }
    
    .fa-home{
        font-size: 13px;
    }
    
    #feedback-highlighter {
        right: 20px;
    }          
    
    .group-ies{
        margin-left:0%;
    }

    .content-directorio{
        width: 100%;
    }  
    
    .btnInstituciones{
        width: 50%;
        font-size: 16px;
    } 
    .desc-contenido{
        text-align: center;
        margin-top: 15px;
    }
    .col-logo-ruamx{
        text-align: center;
    }
    #imgLogoRUAMX{
        margin-left:0px;
    }
    
    .main-content{
       padding: 20px;
       box-shadow: none;
    }
    
    .row-iframe{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    
    .container-iframe{
        min-height: 200px;
    }
    
    .descripcion-footer{
        padding-right: 15px;
    }
        
}

@media all and (width: 768px) {
    .iconos-menu-public{
        width:50%;
    }
    .buscador-public{
        width:100%;
    }    
}

@media all and (max-width: 767px) {
    #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{
        margin-top: -6px;
    }
    
    .caret-small{
        display: inline-block;
    }
    .caret-big{  
        display: none;
    }
    .a-usuario{
        padding-left: 45px !important;
    }
    
    .contenedor-desc{
        min-height: 50px;
    }
    
    .wrap-ies{
        min-height: 150px;
        max-height: 1000px;
        
    }
    
    .contenedor-desc{
        min-height: 0px;
        max-height: 1000px;
    }
    
    /*MENU MOBILE*/
    
    .navbar {
        border: 0;
        padding: 0px;
    }    
    .participa-mx{
       display: none;
    }

    .participa-mx-mobile{
       display: block !important;
    }
    
    .item-inicio{
        margin-left: 0px !important;
    }
    
    .icon-menuPrincipal{
        display: none;
    }
    
    .capturaPantalla{
        display: none;
    }    
    
}

@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 (min-width: 630px) and (max-width: 768px) {
    .wrap-ies-slide{
        height: 140px !important;
    }
}

@media all and (max-width: 725px) {

    #menu-sesion #txtBuscaGeneral2{
        min-width: 130px;       
    }
    #txtBuscaGeneral1 {
        min-width: 200px;
    }
    
    .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%;
    }
    
    .container-iframe{
        min-height: 160px;
    }    
}

@media all and (min-width: 645px) and (max-width:680px) {
    .item-right{
        margin-right:65px;
    }
    .item-inicio{
        margin-left: 55px;
    }
    
    .container-iframe{
        min-height: 130px;
    }        
}

@media all and (min-width: 600px) and (max-width:644px) {
    .item-right{
        margin-right:50px;
    }
    .item-inicio{
        margin-left: 35px;
    }
    
    .container-iframe{
        min-height: 120px;
    }        
}


@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: 600px) {  
    .container-iframe{
        display: none;
    }
    .img-banner-responsive{
        display: block !important;
    }
    .row-iframe {
        padding: 15px;
    }
    .font-main-title{
        font-size: 20px;
    }    
}



@media all and (max-width: 600px) {  
    .feedback-logo{
        font-size:14px;
        line-height:16px;
    }
    #feedback-highlighter {
    width: 320px;
    height: 250px;
    }

}

@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%;
    }        
}

@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: 580px) {
    .wrap-ies-slide{
        height: 140px !important;
    }
    
    .wrap-ies-participantes{
        height: 170px !important;
    }
    
    .opciones-menu{
        display: block;
        color: #144E8B;
        font-weight: bold;
        cursor: pointer;        
    }  
    
    #submenu-desktop {
      display: none;
    }    
    
    #submenu-movil{
      display: block;
    }
    
}

@media all and (max-width: 540px) {
    .participa-descripcion,.label-participa{
        font-size: 12px;
    }

    #txtBuscaGeneral1 {
        min-width: 160px;
    }
    
    .margen-btm-limpiar{
       margin-left: -50px;
    }
    
    .content-directorio{
        width: 80%;
    }
    
    .ficha-responsive{
        width: 100%;
    }
    
    .wrap-ies-participantes{
       margin-top:10px;
       margin-bottom: 10px;
    }
    
    .iesPar-contenedor{
        padding-left:0px;
        padding-right:0px;
    }
    
    .col-logo-rua{
        display: block; 
     }

     .col-logo-ruamx{
        display: none;
     }    
     
    .header-color{
        min-height: 100px;
    }
    
    .nav-busqueda, #busquedaMenu{
        width: 300px;
    }
    
    #busquedaMenu{
        margin-left: 90px;
    }    
  
}

@media all and (max-width: 500px) {
    #busquedaMenu{
        margin-left: 70px;
    }    
}

@media all and (max-width: 480px) {
    #busquedaMenu{
        margin-left: 60px;
    }    
}

@media all and (max-width: 440px) {
    #tbusquedamx{
        width: 0px;
    }
    .wrap-ies-slide{
        height: 160px !important;
    }   
    
    #busquedaMenu{
        margin-left: 40px;
    }        
}

@media all and (max-width: 415px) {
    .participa-descripcion,.label-participa{
        font-size: 12px;
    }
    
    #busquedaMenu{
        margin-left: 30px;
    }      
}

@media all and (min-width: 360px) and (max-width: 410px) {
    .wrap-ies-slide{
        height: 165px !important;
    }
    .logoIes-slide{
        text-align: center;
        max-height: 50px;
        max-width: 115px;
        margin: auto;
    }    
}

@media all and (max-width: 390px) {
    .item-left, .item-right{
        float:none;
    }
    
    #imgLogoRUA{
        max-height: 80px;
    }

    .salto-participa{
        display: block;
    }

    .capturaPantalla{
        margin-right: 0px;
    }
    
    #busquedaMenu{
        margin-left: 15px;
    }         
}

@media all and (max-width: 370px) {
    .label-participa{
        font-size: 11px;
    }
    #feedback-highlighter {
        width: 285px;
        height: 270px;
    }
    
    .ficha-responsive-ies{
        width: 100%;
    }
    
    .wrap-ies-participantes{
        height: 140px !important;
    }       
}

@media all and (max-width: 360px) {
    .wrap-ies-slide{
        height: 130px !important;
    }   
    
    #busquedaMenu{
        margin-left: 5px;
    }        
}

@media all and (max-width: 345px) {
    .label-participa{
        font-size: 10px;
    }

    .nav-busqueda, #busquedaMenu{
        width: 270px;
    }    
}

@media all and (max-width: 325px) {
    .label-participa{
        font-size: 9px;
    }
    #feedback-highlighter {
        width: 270px;
        height: 270px;
    }         
}


@media all and (max-width: 510px) {
    .tipo-elementos{
        font-size: 14px;
    }
    
    .redes-responsive{
        text-align: center !important;
    }
    
    .salto-rs{
        display: inline;
    }
}

@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;
}

.logoIes-contenedor .highlightFT{
     color: #333
}

#plan-avanzado{
    padding-top: 10px;
    padding-bottom: 10px;
}

.toast-sesion{
    color: #FFF;
    background: #4CAF50;
    opacity: 0.9;
    position:fixed; 
    left:20px;
    right:0px;
    bottom:0px;
    height:70px; 
    width: 100px;
    z-index:99;
    padding: 5px;
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
 }
 
 #helpCosecha{
     cursor:pointer;
 }
 
 #closeCosecha:hover{
     cursor:pointer;
     text-decoration: underline;
 }