/* Inicio del reset */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
    sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,
    figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a:hover{text-decoration: none}a{color: initial;}
    figure {display: block;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
/* Fin del reset */

/* Inicio importación de fuentes */

    @font-face {
        font-family: RalewayRegular;
        src: url(fonts/Raleway-Regular.ttf);

    }

    @font-face {
        font-family: RalewayBold;
        src: url(fonts/Raleway-Bold.ttf);
    }

    @font-face {
        font-family: RalewayLight;
        src: url(fonts/Raleway-Light.ttf);
    }

    @font-face {
        font-family: RalewayMedium;
        src: url(fonts/Raleway-Medium.ttf);
    }
/* Fin importación de fuentes */

/* Inicio de los estilos generales */
    html,body{ width: 100%;height: 100%;background: #fff;font-family: 'RalewayRegular';}
    .ajs-bottom {bottom: 80px !important}
    .img-resposive{ max-width: 100%;height: auto; }
    .full-img{ width: 100%;height: auto; }
    .medium{ font-family: RalewayMedium; }
    .bold{ font-family: RalewayBold; }
    .light{ font-family: RalewayLight; }
    .azul{ color: #517abb !important; }
    .texto-izquierda{ text-align: left !important; }
    .inline-block{display: inline-block !important;}
    .vertical-align-middle{vertical-align: middle !important;}
    .relleno{padding: 20px;margin-right: -50px;}
    .flechita {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 13px solid #517abb;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .block{display: block !important;}
    .oculto{display: none !important;}
    ::placeholder{
        color: #cccccc;
    }
/* Fin de los estilos generales */

/* Inicio del header de la web */
    header{ width: 100%;position: relative;background: #517abb;height: 70px;float: left;position: fixed;z-index: 3 }

    #left-header{height: 100%;float: left;width:10%; }
    #right-header{height: 100%;float: left;width: 90%;padding-left: 23px; }

    #left-article{ float: left;padding-top: 14px; }
    #left-article h1{ font-size: 26px; color: #fff;display: table-cell;vertical-align: middle;padding-left: 14px }
    #left-article figure{ display: table-cell; }

    #right-article{ display: inline-block;color: #fff;height: 100%;float: right; }
    #right-article p{ font-size: 16px; }
    #right-article div{ float: left; }
    #right-article img{ margin-top: 12px }

    #nombreEmpresa{ padding-top: 30px;margin-right: 20px }
    #mensajeBienvenida{ padding-top: 20px;max-width: 125px;margin-left: 10px;margin-right: 10px }
    #botonLogout{background: #7ab6df;height: 100%;}
    #botonLogout a{height: 70px;display: block;}
    #botonLogout:hover{background: #e87d88;}

    #logotipo{ display: inline-block;background:#fff;float: left;height: 100%;width: 100%;/*min-width: 100%;*/ }

    .contenedor_form_inputs #logotipo{height: auto}
    .contenedor_form_inputs span{color: rgba(245, 175, 50, 1); font-family: RalewayLight}
    .contenedor_form_inputs h5{color: #6F6F6E; font-family: RalewayLight;font-size: 13px}
    .contenedor_form_inputs div input.facebook{background: url(../../principal_extends_mod/img/facebook_white.png) no-repeat 7px 7px;
        background-size: 20px;
        padding-left:30px;
        background-color: #4267B2;
        padding-left:30px;}
    #logotipo img{ max-width: 144px;margin-top: 13px;margin-left: 20px; width: 100% }
    #logotipo p{ text-align: center;font-size: 25px;margin-top: 15%; }

/* Fin del header de la web */

/* Inicio del aside izquierdo de la web */
    .menuLateralIzquierdo{ background: #7ab6df;width: 10%;min-height: 860px;text-transform: uppercase;float: left;height: 100%;position: fixed;margin-top: 70px;}
    .menuLateralIzquierdo li{ color: #fff;height: 215px;border-bottom: 1px solid #fff;background: #7ab6df; }
    .menuLateralIzquierdo li:hover{ background: #517abb;cursor: pointer; }
    .menuLateralIzquierdo img{ width: 40%;margin: 55px 0px 5px 28%; }
    .menuLateralIzquierdo p{ text-align: center;font-size: 16px; }
    .menuLateralIzquierdo figcaption{ text-align: center; font-size: 1vw; }
/* Fin del aside izquierdo de la web */

/* Inicio del contenedor de la web */
    .contenedor_inicio{background: #f8f8f8;padding: 15px 15px 15px 0px;float: left;border: 20px solid #fff;width: 90%; 
        margin-bottom:0px !important; margin-top: 70px;margin-left: 10%;height: auto;padding-bottom: 75px;}

    .contenedor{ background: #f8f8f8;padding: 15px 15px 15px 0px;float: left;min-height: 860px;border: 20px solid #fff;
        width: 90%; margin-top: 70px;margin-left: 10%;height: auto;padding-bottom: 100px;}
    
    .contenedor h2{font-family: RalewayLight;background: #fff;margin-top: 20px; padding: 15px 45px 15px 45px;display: inline-block;font-size: 22px;color: #6F6F6E}

    #principal{min-width: 1903px;float: left;}

    .subcontenedor{margin-top: 20px; padding: 15px; padding-left: 45px;}
    .subcontenedor h3{font-size: 19px;color: #6F6F6E; font-family: RalewayLight}

    .checkboxContacto{background: #7ab6df;width: 60px;}
    .buttonContacto{background: #7ab6df;width: 70px; cursor: pointer;}
    .campoTexto{outline: none;border: none;border-left: 5px solid #7ab6df;width: 500px; height: 50px;margin: 7px 0px 35px 1px;
        padding: 5px 5px 5px 15px;font-size: 16px;font-family: RalewayLight;color: #6F6F6E}
    /*.campoTexto:hover{background: #EAF7FA}*/

    .campoTextoGrande{outline: none;border: none;border-left: 5px solid #7ab6df;width: 500px; height: 150px;margin: 15px 0px 35px 1px;padding: 5px 5px 5px 15px;font-size: 19px;font-family: RalewayLight;color: #6F6F6E}
    .campoTextoGrande:hover{background: #EAF7FA}

    .boton-add-contactos{display: inline-block !important;}
    .boton-add-contactos:hover{cursor: pointer;}

    #tituloBienvenido{ font-family: RalewayBold;font-size: 35px;color: #517abb;text-align: center;padding-top: 40px; }
    #imagenInicio{display: inline-block;float: left;margin-top: 68px;margin-left: 200px; } 
    #imagenInicio img{width: 487px}
    #recuadroInicio{display: inline-block;float: right;margin-top: 60px;margin-right: 200px;text-align: center;width: 36%;}
    #recuadroInicio h3{font-size: 26px;color: #517abb;display: inline-block;border-bottom: 1px solid;padding-bottom: 12px;display: block;     margin-bottom: 17px;}
    /*#botonesPaginas{max-width: 500px;}*/
    #botonesPaginas img{max-width: 70px;margin-bottom: 10px;margin-top: 46px}
    #botonesPaginas figure{background: #fff;max-width: 300px;text-align: center;display: inline-block;margin: 10px;height: 200px;width: 200px;cursor: pointer;}
    #botonesPaginas figure:hover{background: #EAF7FA;}
    #botonesPaginas figcaption{font-family: RalewayRegular;font-size: 22px;color: #7ab6df;}

    #subtituloBienvenido{     margin-bottom: 5px;text-align: center;padding-top: 15px;font-family: RalewayLight;font-size: 23px;color: #6F6F6E; }
    #subtituloBienvenido p{max-width: 1000px;margin: 0 auto;line-height: 27px;}

    #seleccionarPromocion, #seleccionarTipoContacto{height: 120px}

    #seleccionarGrupo select{outline:none;border: none;font-family: RalewayLight; height: 45px;color: #6F6F6E;font-size: 16px;
    width: 331px;margin-top: 10px;margin-bottom: 30px;padding-left: 10px;}
    #seleccionarGrupo option{background: #7ab6df;color: #fff;padding: 15px;}
    #seleccionarGrupo option:checked{background: #517abb;}
    #seleccionarGrupo p{color: #6F6F6E;font-family: RalewayLight;}

    #wrapper-contactos  {display: none;}    
    #wrapper-contactos  p{color: #6F6F6E;font-family: RalewayLight;font-size: 16px}
    #wrapper-contactos  table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px;width: 47%;}
    #wrapper-contactos  td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
    #wrapper-contactos  tr{border: 3px solid #f8f8f8}
    #wrapper-contactos  figure{background: #7ab6df;display: inline-block;padding:13px;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}
    #wrapper-contactos .azul{margin-bottom: 5px}

    .lista-informacion  {display: none;}    
    .lista-informacion  p{color: #6F6F6E;font-family: RalewayLight;font-size: 16px; line-height: 21px;}
    .lista-informacion  table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px;min-width: 75.5%; table-layout: fixed;}
    .lista-informacion  td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
    .lista-informacion  tr{border: 3px solid #f8f8f8}
    .lista-informacion  figure{background: #7ab6df;display: inline-block;padding:13px;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}

    #seleccionarContactos {display: none;}
    #seleccionarContactos p{color: #6F6F6E;font-family: RalewayLight;font-size: 19px}
    #seleccionarContactos table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px}
    #menu #seleccionarContactos table{margin-top: 0px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px}
    #seleccionarContactos td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
    #seleccionarContactos tr{border: 3px solid #f8f8f8}
    #seleccionarContactos figure{background: #7ab6df;display: inline-block;padding: 13px 13px 11px 13px;;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}

    #listaContactos{background: #fff;padding:10px 10px 10px 0px;width: 90%;table-layout: fixed;}
    #menu #listaContactos{background: #fff;padding:10px 10px 10px 0px;width: 100%;table-layout: fixed;}
    #listaContactos span{vertical-align: middle;padding-bottom: 1px;padding-left: 5px;font-family: RalewayLight;font-size: 16px;color: #6F6F6E}
    #listaContactos input[type="checkbox"]{vertical-align: middle;}
    #listaContactos div{margin-bottom: 7px}

    #cargaContactos{background: #fff;padding:10px 10px 10px 0px; width: 90%; table-layout: fixed;}
    #cargaContactos span{vertical-align: middle;padding-bottom: 1px;padding-left: 5px;font-family: RalewayLight;font-size: 16px;color: #6F6F6E}
    #cargaContactos div{margin-bottom: 7px}

    .bordeDerechoGris {
        border-right: 2px solid #f8f8f8;
        padding-right: 35px; 
    }

    #eliminarContactos {display: none;}
    #eliminarContactos {margin-top: 20px}
    #eliminarContactos p{color: #6F6F6E;font-size: 19px;margin-left: 8px}
    #eliminarContactos p.bold {margin-bottom: 5px}
    #eliminarContactos figure{background: #E84243;display: inline-block;padding:7px;border-radius: 30px;vertical-align: middle;cursor: pointer;}

    .eliminarImagen{
        background: #E84243;
        display: inline-block;
        padding: 7px;
        border-radius: 30px;
        vertical-align: middle;
        cursor: pointer;
    }

    #menu .contenedorScrollable{
        max-height: 200px;
        overflow-y: auto;
        width: 75.5%;
        display: inline-block;
    }

    .contenedorScrollable{
        max-height: 200px;
        overflow-y: auto;
    }

    /* Página Promociones */

    #botonesPromociones{padding: 50px;margin-left: 0px}
    #botonesPromociones img{max-width: 70px;margin-top: 70px;margin-bottom: 10px}
    #botonesPromociones figure{background: #fff;max-width: 300px;text-align: center;display: inline-block;min-width: 250px;
        margin-left: 50px;height: 250px;cursor: pointer;    margin-bottom: 41px;}
    #botonesPromociones figure:hover{background: #EAF7FA;}
    #botonesPromociones figcaption{font-family: RalewayRegular;font-size: 20px;color: #7ab6df;}

    #piePaginaAltaPromocion {background: #517abb;position: fixed;bottom:0;width: 90%;height: 50px;display: table;left: 10%;}

    /* Botones */
        .ck-button {
            margin:17px 5px 0px 3px;
            background-color:#fff;
            overflow:auto;
            float:left;
            color: #7ab6df;
        }

        .ck-button label {
            float:left;
            width:10em;
        }

        .ck-button label span {
            text-align:center;
            padding:10px 0px;
            display:block;
            border:1px solid #7ab6df;
        }

        .ck-button label input {
            position:absolute;
            z-index: -1;
        }

        .ck-button input:hover + span {
            cursor: pointer;
            background: #f8f8f8;
        }

        .ck-button input:checked + span {
            background-color:#517abb;
            color:#fff;
         
        }

        .btn-ab-default {
            font-family: 'RalewayRegular';
            background-color: #7ab6df;
            color: #ffffff;
            margin-top: 30px;
            min-width: 133px;
            border-radius: 0px;
            border:0px !important;

        }
    
        .btn-ab-default:hover {
            background-color: #517abb;
            color: #fff;
         
        }

    /* Checkboxes */
        .checkbox {
            -webkit-appearance: none;
            background-color: #fff;
            border: 1px solid #7ab6df;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 9px !important;
            display: inline-block;
            position: relative;
            outline: none;
            cursor: pointer;
        }

        .checkbox:active, .checkbox:checked:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

        .checkbox:checked {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
            color: #99a1a7;
        }

        .checkbox:hover {
            background: #f8f8f8;
        }

        .checkbox:checked:after {
            content: '\2714';
            font-size: 17px;
            position: absolute;
            top: 1px;
            left: 2px;
            color: #7ab6df;
        }

        /* Estilos del datetimepicker tempusdominus */
        .campoTextoFecha{outline: none;border: none; width: 100%; border-left: 5px solid #7ab6df; height: 50px;margin: 5px 0px 35px 1px;padding: 5px 5px 5px 15px;font-size: 19px;font-family: RalewayLight;color: #6F6F6E}
        .campoTextoFecha:hover{background: #EAF7FA}
        .input-group-text{background-color: transparent; border: none; }

#acordeon_programada{
    display: none;
}

  /*Estilos Mailing Iframe*/
      #column_edit_iframe {height: 1146px;width: 70px;float:left;background: rgb(234, 234, 234);margin-right: 50px; }
      #estilos_iframe1 {height: 1160px;width: 640px;float: left;} 
      #column_edit_iframe .headerLinea {float: left;}
      .estiloFormularioMailing input {width: 95%;}
      .estiloFormularioMailing { margin-bottom: 0px;}
      .estiloFormularioMailing .bodyLinea {margin: 0px 13px 0px 0px !important;}
      .bloqueEditarSeccion {margin-left: 46px;}

  /*Configurador perfil*/ 
  .contenedor_form_inputs {float: left; width: 100%; margin-top: 30px;}
  .contenedor_form_inputs h3 {margin-bottom: 8px;}
  .contenedor_form_inputs input#logotipo {width: 36.3% !important; }


   #filtros_rango_bonos .tablastat {background: #ffffff}


  /*Estadísticas*/
    .card-header {height: 50px !important;}
    .card-header .colapse-titulo {font-size: 15pt !important;height: 50px !important;}
    .card-header:first-child {border-radius: 0px;height: 50px;}
    #stats_seleccionar_promocion h3 {color:#6F6F6E;}
    #stats_seleccionar_promocion label {color:#6F6F6E;}
    .accordion .btn-ab-default {background-color: #7ab6df !important; color: #ffffff !important; border:0px !important;
    border-radius: 0px !important; width: 133px;}
    .campoTextoFecha {background: #EAF7FA;}
    .promodetalles td {font-size: 1.5em !important;}
    #stats_globales .contenedor h2 {padding: 15px 41px 15px 0px;}
    #stats_globales .tablastat {border-bottom: 2px solid #eaeaea;}
    .accordion table td {border-bottom: 1px solid #eaeaea;}
    /*#stats_accordion #stats_desglose .tablastat th, table td {border-bottom: 1px solid #eaeaea; padding: 20px 0px !important;}*/ 

   /*Listado de contactos*/
   .filtros .inline-block {margin-bottom: 20px;}
   .filtros .btn.btn-primary.btn-ab-default {background-color:#7ab6df !important; color:#ffffff; border-radius: 0px }
   .filtros .btn.btn-primary.btn-ab-default:hover {background-color:#517abb !important; color:#ffffff; border-radius: 0px }




/* Fin del contenedor de la web */

/* Inicio del footer */

    footer {background: #517abb;padding: 20px;float: left;width: 100%;color: #7ab6df;font-size: 19px}
    #left-footer{float: left;}
    #right-footer{float: right;}

    .botonAtras{display:table-cell;padding-left: 45px;float: left;padding-top: 12px;}
    .botonAtras img{vertical-align: middle;margin-bottom: 5px;margin-right: 10px;}
    .botonAtras p{color:#ffffff;}
    .botonAtras:hover{cursor: pointer;}
    .botonSiguiente{text-align: center;min-width: 230px;display: table-cell;float: right;background: #7ab6df;padding-top: 10px;padding-bottom: 10px;}
    .botonSiguiente:hover{cursor: pointer;}
    .botonSiguiente p {padding: 0 20px 0 20px; color: #fafafa;}
    .botonSiguiente img{vertical-align: middle;margin-bottom: 5px;margin-right: 10px;}
    
    .piePaginaFormularios {background: #517abb;position: fixed;bottom:0;width: 90%;height: 50px;display: table;left: 10%;}

/* Fin del footer */

/* Paginación */

.pagination li{font:15px/20px Arial,Helvetica,sans-serif;background:#7ab6df;color:white;}
.pagination li a{text-decoration:none;color:#2c4384;font-size:14px;padding:3px 10px;display:block}
.pagination li.first{border-radius:5px 0 0 5px}
.pagination li.last{border-radius:0 5px 5px 0}
.pagination li:hover{background:#517abb!important}
.pagination li:hover a{color:#fefefe}
.pagination li.active{background:#517abb;color:#fefefe;border:none;box-shadow:none;padding:3px 10px}

@media(min-width: 1200px) {
    .pagination{margin:35px 0}
}

/* Fin de Paginación */




/* Responsive */

@media (min-width: 1024px){
 #logotipo img {max-width: 81px;margin-top: 22px;}
 #imagenInicio img {width: 358px;}
 #imagenInicio {margin-top: 42px;margin-left: 50px;}
 #recuadroInicio {margin-top: 32px;margin-right: 57px;width: 42%;}
 #botonesPaginas figure {height: 140px;width: 156px;}
 #botonesPaginas img {max-width: 53px;margin-bottom: 10px;margin-top: 28px;}
 #botonesPaginas figcaption {font-size: 18px;}
 .menuLateralIzquierdo li {height: 175px;}
 .menuLateralIzquierdo img {margin: 52px 0px 5px 24%;}
 .contenedor_inicio {padding-bottom: 68px;}
 #recuadroInicio h3 {font-size: 22px;}
 #subtituloBienvenido {padding-left: 35px;padding-right: 35px;margin-bottom: 25px;}
 #tituloBienvenido {font-size: 28px;}
 #left-article h1 {font-size: 20px;}
.contenedor h2 {font-size: 20px;}
 #ck-button label {width: 8em;}
.subcontenedor h3 {font-size: 17px;}
.campoTexto {font-size: 15px;}
#seleccionarContactos p, #eliminarContactos p {font-size: 16px;}
.menuLateralIzquierdo img {width: 52%;}
#column_edit_iframe {margin-right: 0px; }

}

@media (min-width: 1025px) and (max-width: 1280px) {
 #logotipo img {max-width: 108px;margin-top: 23px; width: 80%}
 #imagenInicio img {width: 400px;}
 #imagenInicio {margin-top: 22px;margin-left: 120px;}
 #recuadroInicio {margin-top: 32px;margin-right: 57px;width: 43%;}
 #botonesPaginas figure {height: 140px;}
 #botonesPaginas img {max-width: 53px;margin-bottom: 10px;margin-top: 28px;}
 #botonesPaginas figcaption {font-size: 18px;}
 .menuLateralIzquierdo li {height: 132px;}
 .menuLateralIzquierdo img {margin: 36px 0px 5px 32%;}
 .contenedor_inicio {padding-bottom: 20px;}
 .menuLateralIzquierdo img {width: 36%;}
  #botonesPromociones figure{margin-left: 20px;min-width: 230px; height: 230px;}
  #botonesPromociones img {max-width: 50px;margin-top: 66px;margin-bottom: 10px;}
  .lista-informacion  table{width: 90%;}
.filtros .campoTexto {width: 272px!important;margin-bottom: 0px;margin-right: 27px;}
#iframe {min-width: 481px;}
#ck-button label {width: 12em;}
}


@media (min-width: 1279px) and (max-width: 1380px) {
 #logotipo img {max-width: 108px;margin-top: 20px;}
 #imagenInicio img {width: 400px;}
 #imagenInicio {margin-top: 22px;margin-left: 120px;}
 #recuadroInicio {margin-top: 32px;margin-right: 57px;width: 43%;}
 #botonesPaginas figure {height: 140px;}
 #botonesPaginas img {max-width: 53px;margin-bottom: 10px;margin-top: 28px;}
 #botonesPaginas figcaption {font-size: 18px;}
 .menuLateralIzquierdo li {height: 144px;}
 .menuLateralIzquierdo img {margin: 36px 0px 5px 32%;}
 .contenedor_inicio {padding-bottom: 20px;}
 .menuLateralIzquierdo img {width: 36%;}
  #botonesPromociones figure{margin-left: 20px;min-width: 230px; height: 230px;}
  #botonesPromociones img {max-width: 50px;margin-top: 66px;margin-bottom: 10px;}
  .lista-informacion  table{width: 90%;}
.filtros .campoTexto {width: 272px!important;margin-bottom: 0px;margin-right: 27px;}
#iframe {min-width: 481px;}
#ck-button label {width: 12em;}
}

@media (min-width: 1381px) and (max-width: 1440px) {
  #subtituloBienvenido {margin-bottom: 40px;}
  #imagenInicio {margin-left: 120px;}  
  #recuadroInicio {margin-right: 107px;margin-top: 19px;width: 43%;}
  #logotipo img {max-width: 120px;margin-top: 18px;}
  .menuLateralIzquierdo li {height: 177px;}
  .menuLateralIzquierdo img  {margin: 44px 0px 5px 32%;width: 36% !important;}
  #imagenInicio img {width: 410px;}
  #imagenInicio {margin-top: 10px;}
  #botonesPaginas figure {height: 155px;width: 215px;}
  #botonesPaginas img {max-width: 59px;margin-bottom: 10px;margin-top: 32px;}
  #botonesPaginas figcaption {font-size: 20px;}
  .contenedor_inicio {padding-bottom: 166px;}
  #tituloBienvenido {font-size: 35px;}
  #recuadroInicio h3 {font-size: 28px;}
  .menuLateralIzquierdo img {width: 42%;}
  #ck-button label {width: 12em;}
  

}

@media (min-width: 1680px) {
  #subtituloBienvenido {margin-bottom: 35px;}
  #imagenInicio {margin-left: 85px;}  
  #recuadroInicio {margin-right: 116px;margin-top: 19px;width: 43%;}
  #logotipo img {max-width: 146px;margin-top: -40px;}
  .menuLateralIzquierdo li {height: 210px;}
  .menuLateralIzquierdo img  {margin:51px 0px 5px 52px; width: 38%;}
  #imagenInicio img {width: 410px;}
  #imagenInicio {margin-top: 10px;}
  #botonesPaginas figure {height: 218px;width: 250px;}
  #botonesPaginas img {max-width: 59px;margin-bottom: 10px;margin-top: 62px;}
  #botonesPaginas figcaption {font-size: 20px;}
  .contenedor_inicio {padding-bottom: 49px}
  #imagenInicio img {width: 541px;}
  #tituloBienvenido {font-size: 35px;}
  #recuadroInicio h3 {font-size: 28px;}
   .contenedor h2 {font-size: 21px;}
 #ck-button label {width: 12em;}
 .subcontenedor h3 {font-size: 19px;}
.campoTexto {font-size: 16px;}
#seleccionarContactos p {font-size: 16px;}
#wrapper-contactos td {font-size: 14px;}
#eliminarContactos p {font-size: 16px;}
.menuLateralIzquierdo img {width: 38%;}
#stats_accordion {width: 80%;}










}





@media (max-width: 1024px) {
}
.aplicacionSeleccionar{width: 90%;margin:0 auto 35px;max-width: 200px;text-align: center;}
.aplicacionSeleccionar a{display: block;text-decoration: none;}
.aplicacionSeleccionar img{width: 100%;height: auto;}
.aplicacionSeleccionar p{font-family: 'Abel', sans-serif;}

@media(min-width: 768px){

    .aplicacionSeleccionar{width: 40%;max-width: none;margin: 0 8% 35px 0;display: inline-block;}


}

@media(min-width: 1024px){

    .aplicacionSeleccionar{width: 26%;margin:0 4% 35px 0;}
    .aplicacionSeleccionar a:hover{color: #2c4384;}

}