@charset "UTF-8";

/* PLAYER JANUS */
#player-janus .box-player {width: 100%; padding-bottom: 56.25%; /* 16:9 */ position: relative; background-size: cover;}
/* controles */
#player-janus .box-controles {width:100%; height: 100%; position: absolute; transition: opacity 500ms; opacity: 0; filter:alpha(opacity=0);
background: url(../../imag/v1/auxi/bg_ejemplo.jpg) no-repeat left top; background-size: cover;
/* degrade */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
}
#player-janus .box-controles:hover {opacity: 1; filter:alpha(opacity=100);}
#player-janus .controles-left {position: absolute; bottom: 10px; left:10px;}
#player-janus .controles-right {position: absolute; bottom: 10px; right:10px;}
#player-janus .controles-top-left {position: absolute; top: 10px; left: 10px;}
#player-janus .controles-top-right {position: absolute; top: 10px; right:10px;}
#player-janus .controles-top-right span.hora {font-size:12px; color: #FFFFFF; background: #000000; padding: 3px 5px;}
/* botones */
#player-janus .btn-player {display: inline-block; width:35px; height:35px; border: none; padding: 0; background: transparent; cursor: pointer;}
#player-janus .btn-player svg {fill: #ffffff; transition: all .2s ease;}
#player-janus .controles-left .btn-player {transition: all .2s ease;}
#player-janus .controles-left .btn-player svg {width:40px; height:40px; transition: all .2s ease;}
#player-janus .controles-left .btn-player:hover svg {width:42px; height:42px;}
#player-janus .controles-right .btn-player svg {width:25px; height: 25px;}
#player-janus .controles-right .btn-player:hover svg {width:26px; height: 26px;}
#player-janus .controles-right .btn-player.btn-logo {width:60px; height: auto; margin-bottom: -7px; opacity: .5;}
#player-janus .controles-right .btn-player.btn-logo img {width:100%; height: auto;}
#player-janus .controles-top-left .btn-player svg {width:25px; height: 25px;}
#player-janus .controles-top-left .btn-player:hover svg {width:26px; height: 26px;}
/* linea tiempo */
#player-janus .box-linea-tiempo {width:100%; height:5px; position: absolute; bottom: 60px;}
#player-janus .box-linea-tiempo .box-progreso {width:100%; height:5px; position: absolute; background-color: #cccccc; opacity: .4; z-index: 10;}
#player-janus .box-linea-tiempo .barra-progreso {width:30%; height:5px; position: absolute; background-color: #cd3933; z-index: 20;}
/*miniatura video*/
#player-janus .box-preview {width:auto; height: auto; position: absolute; left:50%; bottom:0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); border: 3px solid #000; border-radius: 3px;}
#player-janus .box-preview .auxi {position: relative; }
#player-janus .box-preview .auxi span.hora {width:80%;  text-align: center; position: absolute; font-size: .8rem; color: #fff; background:rgba(0,0,0,0.65); padding: .3rem .5rem; left:50%; bottom:0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#player-janus .box-preview .auxi img {width:100%; height: auto;}
/* boto volumen */
#player-janus .box-volumen {width:auto; display: inline-block; margin-left: 1rem;}
#player-janus .box-volumen .btn-player svg {width:25px; height: 25px;}
#player-janus .box-volumen .btn-player:hover svg {width:25px; height: 25px;}
#player-janus .box-volumen .auxi-volumen {display:none; float: left; width:60px; height:auto; position: relative;}
#player-janus .box-volumen .auxi-volumen .bg-volumen {width:100%; height:3px; position: absolute; top:13px; background-color: #979797; z-index: 10;}
#player-janus .box-volumen .auxi-volumen .fill-volumen {height:3px; position: absolute; top:13px; background-color: #fff; z-index: 20;}
#player-janus .box-volumen .auxi-volumen .bullet-volumen {width:13px; height:13px; border-radius:50%; position: absolute; top:8px; background-color: #fff; z-index: 30; cursor:pointer;}
/* popups modales */
#player-janus .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;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);}
#player-janus .modal1 .auxi {padding: 2rem; position: relative; overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#player-janus .modal1 .auxi .cerrar {position: absolute; right:0.8rem; top:0.5rem; font-size: 21px; color: #a21518 opacity:1; font-weight:bold; line-height:1; float: right; }
#player-janus .modal1 .auxi .titulo {font-size: 1.5rem;}
#player-janus .modal1 .auxi p {font-family: roboto, Verdana, Geneva, sans-serif; font-size:17px; color:#333; margin-bottom: 5px;}
#player-janus .modal1 .auxi .btn-social {display: inline-block; width:45px; border: none; height: auto; padding: 0; background: transparent; cursor: pointer;}
#player-janus #popup-config.modal1 {width:20%; bottom: 15%; right: 5%; top:auto; left: auto;}
#player-janus #popup-config.modal1 .auxi {padding: .5rem;}
#player-janus #popup-config.modal1 .auxi .titulo {font-size: 1rem;}
#player-janus #popup-config.modal1 .auxi li a {font-size: .8rem; color:#333; cursor: pointer;}
#player-janus #popup-config.modal1 .auxi li a:hover, #player-janus #popup-config.modal1 .auxi a.active {color: #cd3933; font-weight: 600; }
/* descarga capsula */
#player-janus .box-descarga {display: none; background: #333; border-bottom: 5px solid #242424; overflow: hidden;}
#player-janus .box-descarga .auxi {position: relative; overflow: hidden; padding: 1.5rem 2rem;}
#player-janus .box-descarga .auxi .cerrar {position: absolute; right:0.8rem; top:0.5rem; font-size: 21px; color: #ccc; opacity: 1; font-weight:bold; line-height:1; float: right; }
#player-janus .box-descarga .auxi .titulo {font-size: 1.5rem; color:#fff;}
#player-janus .box-descarga .auxi small {color:#fff; margin-bottom: 3px;}
/*botones*/
#player-janus .btn-popup {display: inline-block; font-weight: normal; text-align: center; color: #fff; background-color: #a21518; border-color: #a21518; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; padding:0.3rem 0.75rem 0.3rem; float:right; font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; transition: all 0.15s ease-in-out; cursor: pointer;}
#player-janus .btn-popup.btn-popup-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}
#player-janus .btn-popup.btn-popup-sm {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;}
#player-janus .btn-popup:hover {color: #fff; background-color:#a21518 border-color: #a21518 text-decoration: none;}
/*campos*/
#player-janus .form-control-j {display:block; width:100%; padding:.5rem .75rem; font-size:1rem; line-height:1.25; color:#495057; background-color:#fff; background-image:none; background-clip:padding-box; border:1px solid rgba(0,0,0,.15); border-radius:.25rem; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#player-janus .campos-group {display: flex;}
/*icon loading*/
#player-janus .ico-loading {width:45px; height:45px; background: url(../../img/loading.png) no-repeat left top; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 999;}
#player-janus .ico-play {width:128px; height:128px; background: url(../../img/v1/auxi/play.png) no-repeat left top; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 999;cursor: pointer;}
/*extras*/
#player-janus .text-center {text-align:center;}
#player-janus ul {list-style: none; padding-left: 0;}
#player-janus a {text-decoration:none; color:#cd3933;}
#player-janus .only-desktop {display: block;}

/*--------------- Sistema de 12 Columnas  ---------------*/
#player-janus .colp {display: block; float:left; margin: 1% 0 1% 1.6%;}
#player-janus .colp:first-child { margin-left: 0; }
#player-janus .grid-12 {width:100%;}
#player-janus .grid-11 {width:91.53%;}
#player-janus .grid-10 {width:83.06%;}
#player-janus .grid-9 {width:74.6%;}
#player-janus .grid-8 {width:66.13%;}
#player-janus .grid-7 {width:57.66%;}
#player-janus .grid-6 {width:49.2%;}
#player-janus .grid-5 {width:40.73%;}
#player-janus .grid-4 {width:32.26%;}
#player-janus .grid-3 {width:23.8%;}
#player-janus .grid-2 {width:15.33%;}
#player-janus .grid-1 {width:6.86%;}

#centralThumbsImg{
    width: 100%,
    height: 100%;
}

/* estilos CSS para IE9, IE10, IE11  */
@media screen and (min-width:0\0) {
    #player-janus .box-controles {opacity: 0; filter:alpha(opacity=0); }
    #player-janus .box-controles:hover {opacity: 1; filter:alpha(opacity=100); background-image: url(../../imag/v1/auxi/bg_ejemplo.jpg) no-repeat left top; background-size: cover; -webkit-background-size: cover;}
    #player-janus .box-controles .controles-top-right {}
}

/* estilos CSS para IE6, IE7, IE8  */
@media \0screen\,screen\9 {
    
}


/*--------------- col responsive  ---------------*/
@media only screen and (max-width: 1275px) {
	#player-janus .modal1 {width:90%; left:0; right:0; margin:0 auto;}
}
@media only screen and (max-width: 1090px) {
	#player-janus .modal1 .auxi {padding:1rem;}
}
@media only screen and (max-width: 1020px) {
	#shareNormalCont .auxi .colp.grid-6 {width:60%;}
}
@media only screen and (max-width: 840px) {
	#player-janus .btn-popup {float:left; margin-top:10px;}
}
@media only screen and (max-width: 810px) {
	#fb-ico-full svg, #tw-ico-full svg, #wa-ico-full svg {width:35px; height:auto;}
}
@media only screen and (max-width: 767px) {
	#player-janus .btn-popup {float:right; margin-top:0;}
	#shareNormalCont .auxi .colp.grid-4 {width:32.26% !important;}
	#shareNormalCont .auxi .colp.grid-6 {width:60% !important;}
}
@media only screen and (max-width: 760px) {
    #player-janus .colp {margin: 1% 0 1% 0%;}
    #player-janus .grid-1, #player-janus .grid-2, #player-janus .grid-3, #player-janus .grid-4, #player-janus .grid-5, #player-janus .grid-6,
    #player-janus .grid-7, #player-janus .grid-8, #player-janus .grid-9, #player-janus .grid-10, #player-janus .grid-11, #player-janus .grid-12 {width: 100% !important;}
}
@media only screen and (max-width: 595px) {
	#shareNormalCont .auxi .colp.grid-4 {width:150px !important; margin:0 auto; display:table; float:none;}
	#shareNormalCont .auxi .colp.grid-6 {width:285px !important; clear:both; margin:0 auto; display:table; float:none;}
}
@media(max-width:576px) {
    .menu-senadores {margin-top: 1rem;}
    .only-desktop {display: none !important;}
}
@media(max-width:360px) {
    #player-janus .btn-popup, #shareUrlFull.form-control {float:none; margin:5px auto 0; float:none; display:table;}
	#player-janus .modal1 {top:3%; width:97%;}
	#player-janus .modal1 .auxi p { text-align:center;}
}


/* FIN */

