@charset "UTF-8";
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:'opensans-regular', Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#cd3933;}
a:hover {text-decoration:none;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:1px; display:block; margin:0; padding:0;}
.aleft {float:left;}
.aright {float:right;}
.anone {float:none;}
.hide {display:none;}
.left {text-align:left;}
.right {text-align:right;}
.hide {display:none;}
.block, .show {display:block;}
.boto-group {display: flex;}
ul li {list-style: none;}
/* FIN Comunes */

/*--------------- Estructurales ---------------*/
#inicio {background: #f2f2f2;}
.container {max-width:97%;}
#header {width:100%; background:#2a335d; margin-bottom: 35px; box-shadow: 0 5px 7px 5px #ccc;}
#footer {width:100%; background:#ebebeb; margin-top: 25px; border-top:1px solid #dadada;}
/* FIN Estructurales */

/* --------------- Accesibilidad ---------------*/
/* saltar a contenido ppal */
.access1 {height:0; width: 100%; color:#fcfcfc; overflow: hidden;}
.access1 a, .access1 p {display: inline-block; font-size: 0; height: 20px; vertical-align: top; width: 20px;}
/* fin accesibilidad */

/*--------------- Header ---------------*/
#header .container {width: 100%; padding-left: 0; padding-right: 0;}
#header .container .btn {margin-top:10px; margin-right: 0;}
#header .navbar {padding: .5rem .3rem;}
#header .navbar-marca {width:50%; float: left; white-space:normal; }
#header .navbar-marca .logo {width:20%;}
#header .navbar-marca .texto {width:80%;}
#header .navbar-marca .texto h1 {font-family:'opensans-regular'; margin:.6rem 0 .2rem; text-transform: uppercase; letter-spacing: 8px; color:#fff; font-size: 1.2rem; line-height: 100%;}
#header .navbar-marca .texto p {margin: 0;}
#header .navbar-marca .texto time {font-family:'opensans-semibold'; color:#fff; font-size: .7rem; letter-spacing: 1px; border-right: 1px solid #535a7c; padding-right: .5rem; margin-right: .5rem;}
#header .navbar-marca .texto small {font-family:'opensans-light'; text-transform: uppercase; color:#fff; font-weight: 100; font-size: .7rem; letter-spacing: 2px; }
#header .navbar-marca img {max-width:100px; height:auto;}
#header .navbar-marca .dropdown {display: inline-block;}
#header .navbar-marca .dropdown .btn {font-family:'opensans-semibold'; border: 1px solid #535a7c; border-radius: 30px; color:#fff; margin-right: .5rem; padding: 0px 15px;}
#header .navbar-marca .dropdown .dropdown-menu.show {max-height: 400px; overflow-y: auto; z-index: 1001;}
/* nav principal*/
#header .menu-principal {width:50%; float: right; margin-top:1.8rem; flex-basis:auto;}
#header .navbar .nav-link {font-size: .8rem; color:#fff; text-transform: uppercase; margin: 0 .5rem 0; padding: 0 .2rem;}
/* ayuda*/
#header .box-ayuda {position: absolute; right: 5px; top: 6px; }
#header .box-ayuda .btn {font-family: 'opensans-semibold', Arial, Helvetica, sans-serif; border-radius:30px; color: #fff; font-size: .7rem; text-transform: uppercase; padding-left: 1.1rem; padding-right: 1.1rem; padding-top: 0; padding-bottom:3px; background: #f74646;}
#header .box-ayuda .btn:hover {background: #000;}
#header .box-ayuda .dropdown-toggle::after {font-size: 1.1rem;}
#header .box-ayuda .glyphicon {font-size: 1.2rem; top:4px; left:-10px; color: #fff; }
#header .box-ayuda .dropdown-menu {right: 0; left: auto;}
/* modal ayuda*/
.modal-dialog.modal-ayuda {max-width: 90%;}
.modal-dialog.modal-ayuda img {width: 100%; height: auto;}

/* link legislaturas*/
#header .box-link {position: absolute; right: 125px; top: 6px; }
#header .box-link .btn {font-family: 'opensans-semibold', Arial, Helvetica, sans-serif; border-radius:30px; color: #333; font-size: .7rem; text-transform: uppercase; padding-left: 1.1rem; padding-right: 1.1rem; padding-top: 6px; padding-bottom:4px; background: #dadada;}
#header .box-link .btn:hover {background: #000; color: #fff;}

/* selector de fecha */
.box-fechas {background: #494848; padding: 5px 0;}
.box-fechas label {color:#ccc; font-size: .7rem; margin:4px .5rem 0 1.5rem; }
.box-fechas .custom-select {padding-top:2px !important; padding-bottom:5px !important; font-size: .7rem; background: #ccc url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem centerblack; background-color:#ccc; height: 23px !important;}
.box-fechas .btn-danger {background:#cd3933; padding:.25rem 2rem; line-height: 14px; margin-left: 1rem;}
.box-fechas .btn-danger:hover {background:#094ABF; border-color: #094ABF;}
.box-fechas input.form-control {max-width:10%; font-size: .8rem; border-radius: 3px !important; padding: 1px 5px; box-shadow: 1px 2px 1px #ccc inset;}
.box-fechas .btn-action {color: #ccc; background:#094ABF; padding:.25rem 2rem; line-height: 14px; margin-left: 1rem;}
.box-fechas .btn-action:hover {background:#052e7c; border-color: #052e7c;}

/*--------------- Footer ---------------*/
#footer {font-size: 1rem; color:#474747;}
#footer h3 {font-size: .9rem; color:#474747; margin:0; padding: 0;}
#footer address {font-size: .7rem; color:#474747; margin:0; padding: 0;}
#footer .btn {font-size: .7rem; color:#cd3933; margin-right: 10px; padding: 0;}
#footer .container {padding-top: 20px; padding-bottom: 20px; }

/*--------------- Sidebar ---------------*/
/* Personas */
#box-sidebar #box-personas {overflow: hidden; margin:0 0 1.5rem 0 !important;}
#box-sidebar #box-personas .ico {margin-top: 1.6rem;} 
#box-sidebar #box-personas h2 { font-size: 1.3rem; margin-bottom: 0;}
#box-sidebar #box-personas p { font-size: .8rem; color: #535353; margin-bottom: 0;}
#box-sidebar #box-personas img.rounded-circle {width:75px; height: auto; border:2px solid #ce3933;}
#box-sidebar #box-personas .accordion-persona {margin-top: -10px;}
#box-sidebar #box-personas .accordion {float: right;}
#box-sidebar #box-personas .accordion a {font-size: .7rem; color:#333333; float: right; line-height: 100%; text-align: left; background:#dfdfdf; padding:3px 10px 3px 10px; border-radius: 30px; cursor:pointer;}
#box-sidebar #box-personas .accordion a:hover {background:#cd3933; color:#fff;}
#box-sidebar #box-personas .accordion .glyphicon {font-size: .6rem; color:#333333;}
#box-sidebar #box-personas .accordion a:hover .glyphicon {color:#fff;}
#box-sidebar #box-personas .accordion.active a .glyphicon-triangle-bottom:before {content: "\e253";}
#box-sidebar #box-personas .panel {clear: both; padding: 0; overflow: hidden; transition: 0.6s ease-in-out; display: none;}
#box-sidebar #box-personas .panel .datos {margin:1rem 0; border-bottom: 1px solid #ccc;}
#box-sidebar #box-personas .panel .datos ul {margin:1rem 0 0; padding: 0;}
#box-sidebar #box-personas .panel .datos ul li {font-size: .8rem; color: #535353;}
#box-sidebar #box-personas .panel .datos .btn {background: #666; color: #fff; margin:1rem 0; padding: .2rem 1rem; border-radius: 30px;}
#box-sidebar #box-personas .panel .datos .btn:hover {background: #cd3933;}
#box-sidebar #box-personas .panel .datos .btn .glyphicon {padding-left: .5rem;}
/* boto tabs */
#box-sidebar .nav {margin: 1rem 0; border-bottom: 1px solid #ccc;}
#box-sidebar .nav .boto-group {margin: 0 .5rem 0 0; }
#box-sidebar .nav .boto-group a {font-family: opensans-semibold; transition: all .5s ease; padding:0 0 .6rem 0; border-bottom: 3px solid transparent; color:#333;}
#box-sidebar .nav .boto-group a:hover {color:#cd3933; border-bottom: 3px solid #cd3933; }
#box-sidebar .nav .boto-group .active {color:#cd3933; border-bottom: 3px solid #cd3933; }
#box-sidebar .nav .boto-group .link {font-size: .8rem;}
/* tab favoritos */
#box-sidebar #tab-favoritos {overflow-y: auto; height: 580px;}
#box-sidebar .card {margin: .6rem 0;}
#box-sidebar .card-body {padding: 0;}
#box-sidebar .card-body .glyphicon.glyphicon-play {position: absolute; width: auto; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 1rem; z-index: 100;}
#box-sidebar .card-body .foto {width:40%; max-width:150px; position: relative; float: left;}
#box-sidebar .card-body .foto .glyphicon {color: #333;}
#box-sidebar .card-body .titular {width:40%; float: left; font-size: .8rem; font-family: 'opensans-semibold'; line-height: 100%; padding:.5rem 0 0 .5rem;}
#box-sidebar .card-body .titular a {color: #333;}
#box-sidebar .card-body .titular a:hover {color: #cd3933;}
#box-sidebar .card-body time {position: absolute; bottom:5px; right:5px; top:auto; font-size: .6rem; color: #fff; background:rgba(0,0,0,0.65); padding: .1rem .3rem;}
#box-sidebar .card-body .ico {width:20%; float: left; text-align: center;}
#box-sidebar .card-body .ico .glyphicon {color: #666; margin-top: 1rem;}
#box-sidebar .card-body .ico .glyphicon:hover, #box-sidebar .card-body .ico:hover {color: #cd3933;}
#box-sidebar .card-body .ico a {font-size: .8rem;}
#box-sidebar .card-body .ico a small {display: block; clear: both; color: #666;}
#box-sidebar #tab-buscador {overflow-y: auto; height: 580px;}
#box-sidebar #tab-buscador .card-body .titular {width:60%;}
#box-sidebar #tab-buscador .form-control {border-radius:.25rem 0 0 .25rem;}
#box-sidebar #tab-buscador .btn {border-radius:0 .25rem .25rem 0; background-color: #cd3933; border-color: #cd3933;}

/* Estilos acordeon */
#box-sidebar #menu-senadores .box-accordion {padding-left: 0; overflow-y: auto; height: 450px;}
#box-sidebar #menu-senadores .accordion {cursor: pointer; padding: 12px 0; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}
#box-sidebar #menu-senadores .accordion:before {content: '+'; display: inline-block; background: #cc3333; border-radius:50%; font-size: 18px; color: #ffffff; width:20px; height: 20px; line-height:20px; text-align:center; vertical-align: calc(-2px); margin-left: 5px;}
#box-sidebar #menu-senadores .accordion.active:before {content: "-";}
#box-sidebar #menu-senadores .accordion.[aria-hidden="false"] {content: "-";}
#box-sidebar #menu-senadores .panel {max-height: 0; display:none; padding: 0 18px; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0;}
#box-sidebar #menu-senadores .panel.show { opacity: 1; max-height: 500px;}
#box-sidebar .menu-senadores ul li {position: relative; background: url(../../imag/v1/auxi/linea_left.gif) repeat-y left top;}
#box-sidebar .menu-senadores ul li ul li {position: relative; background: url(../../imag/v1/auxi/linea_left2.gif) repeat-y left top;}
#box-sidebar .menu-senadores ul li.no-image:before {content: ''; display: inline-block; background: #cccccc; border-radius:50%; width:8px; height: 8px; vertical-align: calc(-2px); position: absolute; left:12px; top:10px;}
#box-sidebar .menu-senadores img {width:30px; height: 30px; background:#cccccc;}
#box-sidebar .menu-senadores time {border: 1px solid #cccccc; border-radius: 30px; font-size: 11px; padding: 4px 10px; margin: 0 6px;}
#box-sidebar .menu-senadores li.no-image time {margin-left: 35px;}
#box-sidebar .menu-senadores .nombre {width:65%; font-size: 13px; color:#333; vertical-align:text-top; display: inline-block;}
#box-sidebar .menu-senadores ul li.accordion .nombre {font-weight: 600;}
#box-sidebar .menu-senadores ul li ul li .nombre {width:60%; font-size: 12px; font-family: 'opensans-bold';}
#box-sidebar .menu-senadores .nombre:hover, .menu-senadores time:hover {color:#cc3333; text-decoration:none !important;}
#box-sidebar .menu-senadores .custom-select.form-control-sm {width:100%; margin-bottom: .25rem;}
/* Fin Estilos acordeon */

/* Twitter timeline */
#box-twitter {margin: 2rem 0;}
#box-twitter .titulo {margin:0; }
#box-twitter .titulo h2 {font-size: 1.3rem; color:#1da1f2; display: inline-block;}
#box-twitter .ico-twitter {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231da1f2' viewBox='0 0 24 24'%3E%3Cpath d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z'/%3E%3C/svg%3E");
}


/* Fin Twitter timeline */

/*--------------- Font face ---------------*/
@font-face {
    font-family: 'opensans-regular';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-light';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#opensans-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-lightitalic';
    src: url('fonts/opensans-lightitalic.eot');
    src: url('fonts/opensans-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic.woff') format('woff'),
         url('fonts/opensans-lightitalic.ttf') format('truetype'),
         url('fonts/opensans-lightitalic.svg#opensans-lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-semibold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#opensans-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* FIN Font face */


/* ----- iconos Bootstrap ---*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('.bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-question-sign:before {
  content: "\e085";
}


/* estilos CSS para IE9, IE10, IE11  */
@media screen and (min-width:0\0) {
    #header {display: block;min-height: 85px;}
    #header .navbar {padding: .5rem 0;}
    #header .menu-principal {width:50%; float: none; margin-top:1rem; display: inline-block;}
    #header .menu-principal .nav-item {display: inline-block;}
    #footer {clear:both;}
    .container {padding-left: 0; padding-right: 0; clear:both; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
    .boto-group {float: left;}
    .input-group {float: left;}
    #box-sidebar .card-body {clear: both; overflow: hidden;}
    #player-janus .box-player {clear: both; }
    .box-fechas {overflow: hidden;}
    .box-fechas .input-group {text-align: center;}
    .box-fechas .input-group .btn {display: inline-block; }
    .box-fechas .input-group .form-control {display: inline-block;}
    #box-sidebar #box-personas .accordion-persona {margin-top: 0;}
    #box-sidebar .input-group .form-control {width:80%; float: left;}
    #box-sidebar .input-group .btn {width:20%; float: left;}
    #box-sidebar .tab-content {clear: both;}
    #box-sidebar .nav {clear: both; padding-bottom: 2rem;display: block;}
    #box-sidebar #menu-senadores .panel {opacity: 1; max-height:100%;}
    .dropdown-menu {z-index: 10000;}
}

/* estilos CSS para IE6, IE7, IE8  */
@media \0screen\,screen\9 {
    #header {display: block; min-height: 85px;}
    #header .navbar {padding: .5rem 0;}
    #header .menu-principal {width:50%; float: left; margin-top:1rem;}
    #header .menu-principal .nav-item {float: left;}
    #footer {clear:both;}
    .container {padding-left: 0; padding-right: 0; clear:both; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
    .boto-group {float: left;}
    .input-group {float: left;}
    #box-sidebar .card-body {clear: both; overflow: hidden;}
    #player-janus .box-player {clear: both; }
    .box-fechas {overflow: hidden;}
    .box-fechas .input-group {text-align: center;}
    .box-fechas .input-group .btn {float: left;}
    .box-fechas .input-group .form-control {float: left;}
    #box-sidebar #box-personas .accordion-persona {margin-top: 0;}
    #box-sidebar .input-group .form-control {width:80%; float: left;}
    #box-sidebar .input-group .btn {width:20%; float: left;}
    #box-sidebar .tab-content {clear: both;}
    #box-sidebar .nav {clear: both; padding-bottom: 2rem;display: block;}
    #box-sidebar #menu-senadores .panel {opacity: 1; max-height:100%;}
    .dropdown-menu {z-index: 10000;}
}

/*--------------- RESPONSIVE ----------------*/

@media(max-width:1200px) {

}

@media(max-width:1105px) {
    #box-sidebar .nav .boto-group {margin:0 1rem 0 0}
    #box-sidebar .nav .boto-group .glyphicon {display: none;}
}

@media(max-width:992px) {
    #box-sidebar #box-personas img.rounded-circle {width:55px;}
    #box-sidebar .col-sm-1 {display: none;}
    #box-sidebar #box-personas .accordion-persona {margin-top: 10px;}
    .box-fechas label {display: none;}
    #header .navbar-marca .logo {width:25%;}
    #header .navbar-marca .texto {width:75%;}
    #header .navbar-marca .texto h1 {font-size:1rem; letter-spacing: 0; margin: .2rem 0 .2rem .3rem; letter-spacing: 2px;}
    #header .navbar-marca img {width:70px;}
    #header .navbar-marca .dropdown .btn {font-size: .7rem; padding: 3px 10px;}
    #header .navbar-marca .texto time {font-size: .6rem; letter-spacing: 0; border-right:none; margin-right:0; padding-right:0;}
    #header .navbar-marca .texto p.descripcion,
    #header .navbar-marca .texto small,
    #header .box-ayuda, #header .box-link {display:none;}
    .navbar-light .navbar-toggler {border-color:transparent;}
    .navbar-light .navbar-toggler-icon  {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
    #box-sidebar .nav .boto-group .link {font-size: .75rem;}
    #box-sidebar .nav .boto-group {margin:0 .3rem 0 0;}
    #box-sidebar .nav .boto-group .link {font-size:.70rem; }
}

@media(max-width:767px) {
    .container {max-width:100% !important;}
    .box-twitter {display: none;}
    .box-personas, .box-fechas {display:none;}
}

@media(max-width:576px) {
    #header {margin-bottom: 15px;}
    #header .navbar-marca {width:80%;}
    #header .container-fluid {padding-left:5px; padding-right: 5px;}
    /*sidebar*/
    #box-sidebar .nav .boto-group {margin:0 .7rem 0 0}
    #box-sidebar .nav .boto-group .link {font-size:.75rem; }
    #box-sidebar .menu-senadores .custom-select.form-control-sm {height: 40px;}
    #box-sidebar .nav .boto-group .glyphicon {display: inline-block;}
}

/* TABLET IPADS AIR */
@media only screen
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)  {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
    .boto-group {float: left;}
    .input-group {float: left;}
    .box-fechas {overflow: hidden;}
    .box-fechas .input-group {text-align: center;}
    .box-fechas .input-group .btn {float: left;}
    .box-fechas .input-group .form-control {float: left;}
    #footer {clear:both;}
    .navbar-light .navbar-toggler {float: right;}
    #box-sidebar .nav {overflow: hidden;}
    #box-sidebar .nav .boto-group {overflow: hidden; margin: 0 .3rem 0 0;}
}


/* TABLET IPADS PORTRAIT TODOS */
@media only screen
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation : portrait) {
    #box-twitter .col-md-6 iframe {width:220px !important; height:250px !important; left: 0; position: absolute; top: 0; width: 100%; overflow: hidden;}
    #box-sidebar .menu-senadores .nombre {width:55%; font-size: 13px; color:#333; vertical-align:text-top; display: inline-block;}
    #box-sidebar .menu-senadores ul li ul li .nombre {width:100%; clear: both; margin-left: 2rem;}
    #box-sidebar .menu-senadores small {font-size: 60%;}
    #box-sidebar .nav .boto-group {margin:0 .7rem 0 0}
    #box-sidebar .nav .boto-group:last-child {overflow: hidden; margin:0;}
    #box-sidebar .nav .boto-group .link {font-size:.60rem}
}

/* iPhone iPhone 4 and 4S*/
@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 360px)
  and (-webkit-min-device-pixel-ratio: 2)  {
    #header {display: block; min-height: 70px;}
    #header .navbar-marca .logo {width:30%;}
    #header .navbar-marca .texto {width:70%;}
    #header .navbar-marca .texto h1 {font-size:1rem; letter-spacing: 0; margin: .2rem 0 .2rem .3rem; letter-spacing: 1px;}
    .boto-group {float: left;}
    .input-group {float: left;}
    #box-sidebar .nav {overflow: hidden;}
    #box-sidebar .card-body {clear: both; overflow: hidden;}
    #box-sidebar .input-group .form-control {width:70%; float: left;}
    #box-sidebar .input-group .btn {width:30%; float: left;}
    #box-sidebar .tab-content {clear: both;}
    #box-sidebar .nav {clear: both; padding-bottom: 1rem;display: block;}
    #box-sidebar .nav .boto-group {overflow: hidden; margin: 0 .5rem 0 0;}
    #box-sidebar .nav .boto-group:last-child {overflow: hidden; margin:0;}
    #box-sidebar .nav .boto-group .link {font-size:.7rem; }
    #footer {clear:both; overflow: hidden;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
}

#Modales en el Janus Player
#shareModal.modal1 {width:auto; display: none; position: absolute; background: rgba(255, 255, 255, 0.8); top: 20%; left: 10%; right: 10%; transition: opacity 500ms; z-index: 1050;}
#shareModal.modal1 .auxi {padding: 2rem; position: relative; overflow: hidden;}
#shareModal.modal1 .auxi .cerrar {position: absolute; right:0.8rem; top:0.5rem; font-size: 21px; color: #000; opacity: 0.2; font-weight:bold; line-height:1; float: right; }
#shareModal.modal1 .auxi .titulo {font-size: 1.5rem;}
#shareModal.modal1 .auxi p {margin-bottom: 5px;}
#shareModal.modal1 .auxi .btn-social {display: inline-block; width:45px; border: none; height: auto; padding: 0; background: transparent; cursor: pointer;}

/* FIN */