@font-face {
    font-family: 'GothamBold'; 
    font-weight: bold;
    src: url('../fonts/gothambold1.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/gothambold1.eot?') format('eot'),  /* IE6-IE8 */ 
        url('../fonts/gothambold1.woff') format('woff'), /* Modern Browsers */ 
        url('../fonts/gothambold1.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: 'GothamBook'; 
    src: url('../fonts/GothamBook.eot'); /* IE9 Compatibility Modes */
    src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */ 
        url('../fonts/GothamBook.woff2') format('woff2'), /* Super Modern Browsers */ 
        url('../fonts/GothamBook.woff') format('woff'), /* Pretty Modern Browsers */ 
        url('../fonts/GothamBook.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/GothamBook.svq#svgFontName') format('svg'); /* Legacy iOS */
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;	
    padding: 0;
    border: 0;
    /*outline: 0;*/
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
ol{ list-style-type: decimal;}
b{ font-weight: bold;}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define visible focus styles! 
:focus {
        outline: ?????;
        } */

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*********** TAGS COMUNES *************/

body{
    color: #27262F;
    font: 100%/1.5  Arial, Helvetica, sans-serif;
    /*background: #FFF url(../img/bckg/fnd-body.png) repeat 0 0;*/

}

.audible, .resultados .audible{ position: absolute; width: 1px; height: 1px; text-indent: -9999px;}

.floatLeft{ float: left; margin: 8px 8px 8px 0;}
.floatRight{ float: right; margin: 8px 0 8px 8px;}

[hidden] {display: none;}

/*********** LAYOUT GENERAL *************/


#contenedor{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/* GRADIENTES POR SECCION 
.videos{ background-color: #FE6E31; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #FE6E31 2%, #ffb400 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#FE6E31), color-stop(100%,#ffb400)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #FE6E31 2%,#ffb400 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #FE6E31 2%,#ffb400 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #FE6E31 2%,#ffb400 100%); background-repeat: repeat; background-image: 0 0;}
.juegos{ background-color: #34A6A0;	background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #34A6A0 2%, #6BD3C9 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#34A6A0), color-stop(100%,#6BD3C9)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #34A6A0 2%,#6BD3C9 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #34A6A0 2%,#6BD3C9 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #34A6A0 2%,#6BD3C9 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #34A6A0 2%,#6BD3C9 100%); background-repeat: repeat; background-image: 0 0;}
.audios{ background-color: #ff0067; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #ff0067 2%, #ff48c3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ff0067), color-stop(100%,#ff48c3)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #ff0067 2%,#ff48c3 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #ff0067 2%,#ff48c3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #ff0067 2%,#ff48c3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #ff0067 2%,#ff48c3 100%); background-repeat: repeat; background-image: 0 0;}
.aplicaciones{ background-color: #6b8d01; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #6b8d01 2%, #a1ea58 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6b8d01), color-stop(100%,#a1ea58)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #6b8d01 2%,#a1ea58 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #6b8d01 2%,#a1ea58 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #6b8d01 2%,#a1ea58 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #6b8d01 2%,#a1ea58 100%); background-repeat: repeat; background-image: 0 0;}
.agenda{ background-color: #6e01a1; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #6e01a1 2%, #ad16f4 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6e01a1), color-stop(100%,#ad16f4)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #6e01a1 2%,#ad16f4 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #6e01a1 2%,#ad16f4 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #6e01a1 2%,#ad16f4 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #6e01a1 2%,#ad16f4 100%); background-repeat: repeat; background-image: 0 0;}
.envivo{ background-color: #00ae4a; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #00ae4a 2%, #0ee36e 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#00ae4a), color-stop(100%,#0ee36e)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #00ae4a 2%,#0ee36e 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #00ae4a 2%,#0ee36e 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #00ae4a 2%,#0ee36e 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #00ae4a 2%,#0ee36e 100%); background-repeat: repeat; background-image: 0 0;}
.horarios{ background-color: #ff0103; background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(top,  #ff0103 2%, #ff1668 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ff0103), color-stop(100%,#ff1668)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(top,  #ff0103 2%,#ff1668 100%); background-image: url(../img/bckg/fnd-body-blanco.png),  -o-linear-gradient(top,  #ff0103 2%,#ff1668 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(top,  #ff0103 2%,#ff1668 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to bottom,  #ff0103 2%,#ff1668 100%); background-repeat: repeat; background-image: 0 0;}
*/

.header-container{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background: #FFF;
}

header, footer, .centro{
    width: 1168px;
    margin: 0 auto;
}

.CarouselMinisitios .centro{ width: 1400px;}

/*********** LOGO *************/

.logo-pakapaka{ float: left; margin-right: 28px; /*padding-top: 18px;*/ padding-top: 8px;}

/*********** MENU PRINCIPAL *************/

nav{ 
    /*margin-top: 30px;*/margin-top: 15px;
    float: left; 
    padding-left: 70px;
    /*background: url(../img/bckg/linea-fnd-nav.png) no-repeat top left;*/ 
}

nav li{ 
    float: left;
    margin-right: 20px;
}

nav li a{ 
    display: block;
    background-repeat: no-repeat; 
    background-position: top center; 
    width: 90px; 
    background-size: 58px;
    text-align: center;
    font-size: 0.75em; 
    font-weight: bold; 
    text-decoration: none; 
    color: #969696;  
    padding-top: 61px;
    text-transform: uppercase;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 	
    transition: 0.15s;
} 

/*nav li:nth-child(3) {margin-right: 15px;}
nav li:nth-child(4) {margin-right: 15px;} 
nav li:nth-child(4) a{ background-position: top center; width: 108px; background-size: 75px;}*/

nav li:nth-child(1) a{ 
	background-image: url(../img/botones/bot_videos2.png); 
}

nav li:nth-child(2) a{ 
	background-image: url(../img/botones/bot_juegos2.png); 
}

nav li:nth-child(3) a{ 
	background-image: url(../img/botones/bot_audio2.png); 
}

nav li:nth-child(4) a{ 
	background-image: url(../img/botones/bot_aplicaciones2.png);
}

nav li:nth-child(5) a{ 
	background-image: url(../img/botones/bot_envivo2.png); 
}

nav li:nth-child(6) a{ 
	background-image: url(../img/botones/bot_horarios2.png); 
}

nav li:nth-child(1) a:hover, nav li:nth-child(1) a:focus, .videos nav li:nth-child(1) a{ 
	background-image: url(../img/botones/bot_videos-ov2.png); 
}
nav li:nth-child(2) a:hover, nav li:nth-child(2) a:focus, .juegos nav li:nth-child(2) a{ 
	background-image: url(../img/botones/bot_juegos-ov2.png); 
}
nav li:nth-child(3) a:hover, nav li:nth-child(3) a:focus, .audios nav li:nth-child(3) a{ 
	background-image: url(../img/botones/bot_audio-ov2.png); 
}
nav li:nth-child(4) a:hover, nav li:nth-child(4) a:focus, .aplicaciones nav li:nth-child(4) a{ 
	background-image: url(../img/botones/bot_aplicaciones-ov2.png);
}
nav li:nth-child(5) a:hover, nav li:nth-child(5) a:focus, .envivo nav li:nth-child(5) a{ 
	background-image: url(../img/botones/bot_envivo-ov2.png); 
}
nav li:nth-child(6) a:hover, nav li:nth-child(6) a:focus, .horarios nav li:nth-child(6) a{
	background-image: url(../img/botones/bot_horarios-ov2.png); 
}

#nav-collapse{
    display:none;
    width: 50px;
    height: 50px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    margin: 10px 9px 0 0;
    background: url(../img/botones/bot-menu.png) no-repeat 0 0;
}

#nav-collapse.active{ 
	display: block;
	background-color: #007dc6; 
}

#nav.hide{ display: none; }


.redes-sociales{ 
    float:right;
    margin-top: 55px;
}

.redes-sociales li { 
    float: left;
    margin-right: 8px;
}	
.redes-sociales li a{ 
    display: block;
    background-repeat: no-repeat; 
    background-position: 0 0; 
    width: 34px;
    height: 33px; 
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none; 
}

/*.redes-sociales li:nth-child(1) a{ background-image: url(../img/botones/bot-twitter.png); }
.redes-sociales li:nth-child(2) a{ background-image: url(../img/botones/bot-fb.png); }
.redes-sociales li:nth-child(3) a{ background-image: url(../img/botones/bot-youtube.png); }

header .redes-sociales li:nth-child(1) a:hover, body .redes-sociales li:nth-child(1) a:focus{ background-image: url(../img/botones/bot-twitter-gris.png); }
header .redes-sociales li:nth-child(2) a:hover, body .redes-sociales li:nth-child(2) a:focus{ background-image: url(../img/botones/bot-fb-gris.png); }
header .redes-sociales li:nth-child(3) a:hover, body .redes-sociales li:nth-child(3) a:focus{ background-image: url(../img/botones/bot-youtube-gris.png); }

footer .redes-sociales li:nth-child(1) a:hover, body .redes-sociales li:nth-child(1) a:focus{ background-image: url(../img/botones/bot-twitter-ov.png); }
footer .redes-sociales li:nth-child(2) a:hover, body .redes-sociales li:nth-child(2) a:focus{ background-image: url(../img/botones/bot-fb-ov.png); }
footer .redes-sociales li:nth-child(3) a:hover, body .redes-sociales li:nth-child(3) a:focus{ background-image: url(../img/botones/bot-youtube-ov.png); }

*/

.redes-sociales li:nth-child(1) a{ background-image: url(../img/botones/bot-twitter-gris.png); }
.redes-sociales li:nth-child(2) a{ background-image: url(../img/botones/bot-fb-gris.png); }
.redes-sociales li:nth-child(3) a{ background-image: url(../img/botones/bot-youtube-gris.png); }

.pie .redes-sociales{ float: right; margin-top: 0px; margin-bottom: 0px;}

.pie .redes-sociales li:nth-child(1) a{ background-image: url(../img/botones/bot-twitter-gris.png); }
.pie .redes-sociales li:nth-child(2) a{ background-image: url(../img/botones/bot-fb-gris.png); }
.pie .redes-sociales li:nth-child(3) a{ background-image: url(../img/botones/bot-youtube-gris.png); }

header .redes-sociales li:nth-child(1) a:hover, body .redes-sociales li:nth-child(1) a:focus{ background-image: url(../img/botones/bot-twitter.png); }
header .redes-sociales li:nth-child(2) a:hover, body .redes-sociales li:nth-child(2) a:focus{ background-image: url(../img/botones/bot-fb.png); }
header .redes-sociales li:nth-child(3) a:hover, body .redes-sociales li:nth-child(3) a:focus{ background-image: url(../img/botones/bot-youtube.png); }

footer .redes-sociales li:nth-child(1) a:hover, body .redes-sociales li:nth-child(1) a:focus{ background-image: url(../img/botones/bot-twitter.png); }
footer .redes-sociales li:nth-child(2) a:hover, body .redes-sociales li:nth-child(2) a:focus{ background-image: url(../img/botones/bot-fb.png); }
footer .redes-sociales li:nth-child(3) a:hover, body .redes-sociales li:nth-child(3) a:focus{ background-image: url(../img/botones/bot-youtube.png); }


/*********** FOOTER *************/

.pie{ 
    width: 100%;
    background: #FFF;
    margin: 0 auto;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
    position: relative;
    z-index: 5;
}

.botonesSecundarios{ float: right; margin: 15px 10px 20px 0;} 

.botonesSecundarios li  {float: left; margin-left: 12px;} 

.botonesSecundarios li a{
    background: #007dc6;
    border-radius: 12px;
    padding: 3px 10px;
}

.botonesSecundarios li:nth-child(2) a{background: #FA6600;}
.botonesSecundarios li:nth-child(3) a{background: #fcaf15;}

.botonesSecundarios li:nth-child(1)  a:hover, .botonesSecundarios li:nth-child(1)  a:focus{background: #000;} 
.botonesSecundarios li a:hover, .botonesSecundarios li a:focus{background: #007cce;} 

.botonesSecundarios li a, .botonesInstitucionales li a{ text-decoration: none; color: #FFF; font-weight: bold;}

.botonesInstitucionales{ clear: both; text-align: center;}
.botonesInstitucionales li { display: inline-block;}
.botonesInstitucionales li:nth-child(5) a{ background: none;}
.botonesInstitucionales li a{ color: #000; padding: 0 25px 0 21px; background: url(../img/bckg/fnd-institucionales.png) no-repeat center right; } 
.botonesInstitucionales li a:hover, .botonesInstitucionales li a:focus{ color: #007cce; }

.logos-institucionales{
    float: left; clear: left; margin-top: 18px; margin-bottom: 12px; 
}
.logos-institucionales li{
    float: left; 
}

/*********** HEADER LOGOS *************/

#logo-twitter {
    height: 33px;
    width: 32px;
    background: url('../img/botones/bot-twitter-gris.png');
    display: inline-block;
}
#logo-twitter:hover {
    background: url('../img/botones/bot-twitter.png');
}

#logo-facebook {
    height: 33px;
    width: 32px;
    background: url('../img/botones/bot-fb-gris.png');
    display: inline-block;
}
#logo-facebook:hover {
    background: url('../img/botones/bot-fb.png');
}

#logo-youtube {
    height: 33px;
    width: 32px;
    background: url('../img/botones/bot-youtube-gris.png');
    display: inline-block;
}
#logo-youtube:hover {
    background: url('../img/botones/bot-youtube.png');
}

.logos-sociales {
    float: right;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: left;
}

.logos-sociales:after {
    content: '';
    display: inline-block;
}

.logos-sociales a {
    text-decoration: none;
    display: inline-block;
}

.logos-institucionales li a
{ 
    border-left: 1px solid #0081D7;
    width: 210px;
    height: 75px;
    margin-top: 7px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.logos-institucionales li:nth-child(1) a
{ 
	background-image: url(../img/botones/logos-cont-publicos.png);
    border-left: none;
}

.logos-institucionales li:nth-child(2) a
{ 
	background-image: url(../img/botones/logos-secretaria.png); 
    border-left: none;
}

.logos-institucionales li:nth-child(3) a
{ 
    background-image: url(../img/botones/logo-jefatura.png);
    border-left: none;
}

.logos-institucionales li:nth-child(4) a
{ 
    background-image: url(../img/botones/logo-arg.png); 
    border-left: none;
}

/*********** TITULOS SECCIONES y PRESENTACION *************/

.presentacion{ width: 100%; background: #FBF1E5; padding-bottom:40%; height:0; overflow:hidden; position: relative;}

.botonera{ width: 100%; max-width: 1600px; background: url(../img/destacados/presentacion.jpg) no-repeat top center; background-size: 100% auto; height:100%; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0}

.botonera a{ display: block; width: 11.2%; height: 35%; position: absolute; overflow: hidden; text-indent: -9999px; transition: 0.35s;} /*206px - 240px */

.botonera :nth-child(1){ top: 9.29%;
                         left: 26.4%; } /* 50px - 412px */
.botonera :nth-child(2){ top: 12.5%;
                         left: 50.525%;
                         height: 31.1%;
                         width: 10.9%;} /* 70px - 802px - 218px*/
.botonera :nth-child(3){ top: 46.7%;
                         left: 38.4125%;
                         height: 28.5%;
                         width: 10.8%;} /* 294px - 605px - 200px */
.botonera :nth-child(4){ top: 47%;
                         left: 62.7%;
                         height: 27.2%;
                         width: 10.7%;} /* 294px - 990px - 200px */

.botonera a:focus,
.botonera a:hover{ box-shadow: inset 10px 10px 100px -10px #fffbef; border-radius: 50%;}

@media screen and (min-width: 1690px) { .presentacion{ padding-bottom: 646px; /*686px*/} }

@media screen and (max-width: 625px) { 
    .botonera a:hover, .botonera a:focus{ box-shadow: inset 5px 5px 20px 5px #fffbef;} 
}

@media screen and (max-width: 560px) { 
    .presentacion{	background: #FBF1E5 url(../img/destacados/presentacion.jpg) no-repeat top center; padding-bottom: 210px; background-size: auto 210px; }
    .botonera{ background: none; width: 266px; position: relative; height: 210px; }
    .presentacion .botonera a{ width: 58px;}
    .botonera :nth-child(1){top: 18px; left: 14px;} 
    .presentacion .botonera :nth-child(2){top: 25px; left: 134px; width: 56px;} 
    .presentacion .botonera :nth-child(3){top: 94px; left: 74px; width: 54px; }
    .presentacion .botonera :nth-child(4){top: 94px; left: 195px; width: 54px; }
}

.titulo-principal{
    color: #007dd1;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 	
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: #e4e4e4; background: -moz-linear-gradient(left,  #e4e4e4 0%, #ffffff 50%, #e4e4e4 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4e4e4), color-stop(50%,#ffffff), color-stop(100%,#e4e4e4)); background: -webkit-linear-gradient(left,  #e4e4e4 0%,#ffffff 50%,#e4e4e4 100%); background: -o-linear-gradient(left,  #e4e4e4 0%,#ffffff 50%,#e4e4e4 100%); background: -ms-linear-gradient(left,  #e4e4e4 0%,#ffffff 50%,#e4e4e4 100%); background: linear-gradient(to right,  #e4e4e4 0%,#ffffff 50%,#e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4',GradientType=1 ); 
}

.contenedor-titulo{	display: inline-block;}

.videos .titulo-principal{
	color: #fcaf15;
} 
.juegos .titulo-principal{
	color: #34A6A0;
} 
.audios .titulo-principal{
	color: #FA6600;
} 
.aplicaciones .titulo-principal{
	color: #F23800;
} 
.agenda	.titulo-principal{
	color: #b518ff;
}  
.envivo .titulo-principal{
	color: #A7B800;
}  
.horarios .titulo-principal{
	color: #00C5D4;
}  

.videos .titulo-principal .copete{
	color: #fcaf15; 
	border-color: #fcaf15;
} 
.juegos .titulo-principal .copete{
	border-color: #34A6A0;
} 
.audios .titulo-principal .copete{
	border-color: #FA6600;
} 
.aplicaciones .titulo-principal .copete{
	border-color: #F23800;
} 
.agenda .titulo-principal .copete{
	border-color: #b518ff;
} 
.envivo .titulo-principal .copete{
	border-color: #A7B800;
} 
.horarios .titulo-principal .copete{
	border-color: #00C5D4;
}

/*.videos .titulo-principal{
	color: #FE6E31;
} 
.juegos .titulo-principal{
	color: #34A6A0;
} 
.audios .titulo-principal{
	color: #ff1fce;
} 
.aplicaciones .titulo-principal{
	color: #82b523;
} 
.agenda	.titulo-principal{
	color: #b518ff;
}  
.envivo .titulo-principal{
	color: #00b54e;
}  
.horarios .titulo-principal{
	color: #fb2061;
} 

.videos .titulo-principal .copete{color: #FE6E31; border-color: #FE6E31;} .juegos .titulo-principal .copete{border-color: #34A6A0;} .audios .titulo-principal .copete{border-color: #ff1fce;} .aplicaciones .titulo-principal .copete{border-color: #82b523;} .agenda .titulo-principal .copete{border-color: #b518ff;} .envivo .titulo-principal .copete{border-color: #00ae4a;} .horarios .titulo-principal .copete{border-color: #fb2061;}
*/


.titulo-principal h1, .titulo-principal .tit{ text-transform: uppercase; font-size: 4.25em; float: left; 	margin: 20px 40px 0 0; /*margin: 0 auto;*/ }

.titulo-principal .copete{ 
    width: 340px;
    margin: 25px 0 30px 0;
    padding: 20px 0 20px 35px;
    font-weight: bold;
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 	
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.125em;
    line-height: 1.25;
    float: left;
    text-align: left;
    border-style: solid;
    border-left-width: 2px;
}

.minisitios .contenedor-titulo img{ display: block; border-radius: 12px;  overflow: hidden; margin: 25px auto 20px auto; box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); max-width: 98%; }

/******** BOTONES ************/

.bot{ 
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 1.125em;
    color: #FFF;
    float: left;
    display: block;
    background: #007cce url(../img/botones/bot-share.png) no-repeat 20px center;
    border: none;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    width: 170px;
    height: 32px;
    padding: 0 0 2px 12px;
    margin-left: 3px;
    text-align: center;
}

.bot:hover, .bot:focus{ background-color: green;}
a.bot, button.bot{ text-align: center;}

.descargar{ background-image: url(../img/botones/bot-download.png); background-position: 16px 7px; width: 157px; padding: 3px 0 0 14px; text-decoration: none;}

.mas{ 
    background-image: url(../img/botones/bot-vermas.png);
    background-position: 25px 9px;	
    text-transform: capitalize; 
    width: 150px; 
    padding-left: 10px;
    margin: 15px auto 0 auto;
    float: none;
}

a.an{ float: left; padding-top: 0; height: auto; margin-left: 10px; text-align: center;}
a.si{ float: right; padding-left: 14px; padding-top: 0; height: auto; margin-right: 10px; text-align: center;}

.como{ 
    background-image: url(../img/botones/bot-como.png);
    background-position: 160px 3px;	
    width: 210px; 
    padding-left: 16px;
    text-align: left;
    float: right;
    margin-right: 1.5%;
    padding-top: 2px;
    padding-bottom: 3px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
}

.bot.como, .bot.como{ text-align: left;}

.shuffle{
    float: right;
    background: #ff0042 url(../img/botones/bot-shuffle.png) no-repeat center center;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    width: 110px;
    height: 36px;
    margin-top: -15px;
    margin-right: 0.8%;
    margin-bottom: 10px;
}

.shuffle:hover, .shuffle:focus{ background-color: #007cce;}

.fs{ background-color: #ff0042; position: absolute; right: 10px; top: 10px; z-index: 5; padding-left: 20px; width: 225px; background-image: url(../img/botones/bot-fs.png); background-position: 12px center;}

.resultados{ text-align:center;}
.resultados *{ text-align:left;}
.resultados select{ display: none;}

.resultados .filtros{ 
    background: none; 
    overflow: hidden;
    margin: 0 auto 25px auto;
    margin-top: -15px;
    display: inline-block;
}


.resultados .filtros li{
    width: auto;
    margin: 0;
    padding: 0;
    min-height: 0;
    display: block;
    vertical-align: baseline;
    float: left;
    font-size: 1.125em;
}

.resultados .filtros a { 
    color: #FFF; 
    text-decoration: none;
    position: static;
    display: block;
    padding: 4px 18px 4px 20px;
    background: #00a99d url(../img/botones/fnd-bot-filtros.png) no-repeat center left; 
}

.resultados .filtros li:hover + li a, .resultados .filtros .is-active + li a{  background-image: none;}

.resultados .filtros :first-child a{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: none;
}

.resultados .filtros :last-child a{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*
.resultados .filtros :last-child a{
        background: #ff0042 url(../img/botones/bot-shuffle-filtro.png) no-repeat left center;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        text-indent: -9999px;
        width: 70px;
}

.resultados .filtros li:nth-last-child(2):hover + li a, .resultados .filtros .is-active:nth-last-child(2) + li a{  background-image: url(../img/botones/bot-shuffle.png); background-position: 33px 2px;}

.resultados .filtros :last-child{ margin-left: 0;}*/

.resultados .filtros a:hover, .resultados .filtros a:focus, .resultados .filtros .is-active a{ background-color: #007cce; background-image: none;}
/*
.resultados .filtros :last-child a:hover, .resultados .filtros :last-child a:focus{ background-image: url(../img/botones/bot-shuffle.png); background-position: 33px 2px;}*/

/*********** RESULTADOS ITEMS *************/

.resultados, .noticias{
    clear: both;
    padding: 34px 0 70px 0;
    background: #FFF;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
}

.resultados ul{ clear: both; text-align: left;}

.resultados  li{ 
    width: 22.7%;
    margin-bottom: 25px;
    margin-left: 2.1%;
    min-height: 212px;
    display: inline-block;
    vertical-align: top;
}

.resultados  li:nth-child(4n+1){ margin-left: 0.8%;}
.resultados .filtros li:nth-child(4n+1){ margin-left: 0;}

.resultados a { 
    display: block; 
    color: #FFF; 
    text-decoration: none;
    position: relative;
}

.resultados  li img{ width: 100%; display: block;}

.responsiveThumb {
    height: 0;
    background-size: cover;
    background-position: center center;
}

.responsiveThumb.ratio16-9 {
    padding-bottom: 56.25%;
}

.responsiveThumb.ratio4-3 {
    padding-bottom: 75%;
}

.responsiveThumb.ratio1-1 {
    padding-bottom: 100%;
}

.resultados  > h2{
    text-transform: uppercase;
    background: url(../img/bckg/fnd-h2-seccion.png) no-repeat 3px 0;
    color: #157EBF;
    font-size: 1.9375em;
    margin-left: 0.8%;
    margin-top: -15px;
    margin-bottom: 10px;
    float: left;
}

.minisitios .resultados  > h2{ color: #FFB623; background-image: url(../img/bckg/fnd-h2-seccion-minisitios.png);}

@media screen and (max-width: 920px) { .minisitios .resultados  > h2{ width: 500px;} }
@media screen and (max-width: 687px) { .minisitios .resultados  > h2{ width: 430px; } }
@media screen and (max-width: 640px) { .minisitios .resultados  > h2{ width: 320px; } }
@media screen and (max-width: 480px) { .minisitios .resultados  > h2{ width: 96%; } }

.resultados h2 span{ font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif;  }

.resultados  h3, .resultados  li h2{ 
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #34A6A0;
    font-size: 1.25em;
    text-align: center;
    padding: 3px 10px 4px 10px;
    position: relative;
    bottom: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*transition: 0.125s;*/
}

.resultados  li h2{ background: #ff3de3; color: #FFF;}

/*
.resultados  li:nth-child(4n+1) h3{background: #94d03e;}
.resultados  li:nth-child(4n+2) h3{background: #1db1e1;}
.resultados  li:nth-child(4n+3) h3{background: #ff3db1;}
.resultados  li:nth-child(4n+4) h3{background: #fe6c30;}*/

.juegos .resultados  li h3{background: #34A6A0;}
.videos .resultados  li h3{background: #fe6c30;}

.resultados  li h3.tipo-video{
	background: #fcaf15;
}
.resultados  li h3.tipo-juego{
	background: #009c9f;
}
.resultados  li h3.tipo-actividad {
	background: #009c9f;
}
.resultados  li h3.tipo-audio{
	background: #FA6600;
}
.resultados  li h3.tipo-articulo {
	background: #009c9f;
}
.resultados  li h3.tipo-serie{
	background: #009c9f;
}
.resultados  li h3.tipo-minisitio{
	background: #009c9f;
}

.resultados  li a:hover h3, .resultados  li a:focus h3, .resultados  li a:hover h2, .resultados  li a:focus h2{
    background: #007cce;
    white-space: normal;
    overflow: visible;
    position: absolute;
    top: 100%;
    bottom: inherit;
    z-index: 9;
    box-shadow: 0 0.3em 0.8em -0.2em black;
    left: 0;
    right: 0;
} 

.resultados  li p{
    width: 40px; 
    height: 40px; 
    border-radius: 2px;
    position: absolute;
    bottom: 36px;
    right: 0px;
    text-indent: -9999px;	
} 

.resultados li p.tipo-video{ 
	background: #fcaf15 url(../img/iconos/ico-video.png) no-repeat center center; 
} 
.resultados li p.tipo-juego{ 
	background: #009c9f url(../img/iconos/ico-juego.png) no-repeat center center; 
} 
.resultados li p.tipo-actividad{ 
	background: #009c9f url(../img/iconos/ico-actividad.png) no-repeat center center; 
} 
.resultados li p.tipo-audio{ 
	background: #FA6600 url(../img/iconos/ico-audio.png) no-repeat center center; 
} 
.resultados li p.tipo-articulo { 
	background: #009c9f url(../img/iconos/ico-articulo.png) no-repeat center center; 
} 
.resultados li p.tipo-serie{ 
	background: #009c9f url(../img/iconos/ico-serie.png) no-repeat center center; 
} 
.resultados li p.tipo-minisitio{ 
	background: #009c9f url(../img/iconos/ico-serie.png) no-repeat center center; 
	}

.resultados a:focus p,
.resultados a:hover p {
    background-color: #007CCE;
    bottom: 0px;
}

.videos .resultados li p, .juegos .resultados li p, .audios .resultados li p, .aplicaciones .resultados li p{ display: none;}
.audios .listaAudios li p{ display: block;}
.no-cap{ clear: both; margin-left: 15px; padding-top: 20px;}

/******** audios **************/

.w-PodcastDetails, #audioplayer{ width: 100%;}
.audios .resultados  li a:hover span, .audios .resultados  li a:focus span{ position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 56px; display: block; width: 48px; height: 47px; background: url(../img/botones/bot-audio-play.png) no-repeat 0 0; background-size: 100% 100%;}
.audios .resultados  li a.agregar:hover span, .audios .resultados  li a.agregar:focus span{background-image: url(../img/botones/bot-audio-agregar.png);}

/******** Carousel ***********/

.CarouselMinisitios{
    margin-top: -44px;
    overflow: hidden;
    clear: both;
    background: none;
    padding: 0; 
    padding-bottom: 85px;
    text-align: center;
}

.CarouselMinisitiosFnd{ 
    margin-top: 37px;
    /*margin-top: 44px;*/
    background: #fcaf15;
    background-color: #fcaf15; 
    background-image: url(../img/bckg/fnd-puntos2.png), -moz-linear-gradient(top, #fcaf15 0%, #da8702 80%); 
    background-image: url(../img/bckg/fnd-puntos2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcaf15), color-stop(80%,#da8702)); 
    background-image: url(../img/bckg/fnd-puntos2.png), -webkit-linear-gradient(top, #fcaf15 0%,#da8702 80%); 
    background-image: url(../img/bckg/fnd-puntos2.png), -o-linear-gradient(top, #fcaf15 0%,#da8702 80%); 
    background-image: url(../img/bckg/fnd-puntos2.png), -ms-linear-gradient(top, #fcaf15 0%,#da8702 80%); 
    background-image: url(../img/bckg/fnd-puntos2.png), linear-gradient(to bottom, #fcaf15 0%,#da8702 80%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaf15', endColorstr='#da8702',GradientType=0 );
    background-position: bottom left;
    background-repeat: repeat-x;	
    height: 119px;
}

.CarouselMinisitios ul{
    position: relative;
    top: -22px; /* -44px */
    width: 92%;
    margin: 0 auto;
    z-index: 10;
}

.CarouselMinisitios .centro{position: relative;}

.CarouselMinisitios ul li{  width: 92%; margin: 0 4%;  display: inline-block;}
.CarouselMinisitios ul li a{ margin: 0;  display: block;}
.CarouselMinisitios ul li img{ margin: 0 auto;  display: block; width: 98px;}
.CarouselMinisitios ul li p{ 
		position: relative; 
		z-index: 20; top: -500px;  
		font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  
		font-size: 1em; 
		line-height: 1.25; 
		color: #FFF; 
		padding: 6px 8px 22px 8px; 
		background: url(../img/botones/fnd-carousel2.png) no-repeat center bottom; 
		background-size: 100% auto;
}

.CarouselMinisitios ul li a:hover, .CarouselMinisitios ul li a:focus{ 
	background: url(../img/bckg/fnd-anchorCarusel2.png) no-repeat center bottom;
	/* background-size: 100% auto;*/
}

.CarouselMinisitios ul li a:hover + p, .CarouselMinisitios ul li a:focus + p{ position: static; }

.CarouselMinisitios-btnAnterior, .CarouselMinisitios-btnSiguiente { 
    background: url(../img/botones/bot-ant-carusel2.png) no-repeat top right; 
    position: absolute;
    left: 0;
    top: 32px;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -9999px;
    cursor: pointer;
}

.CarouselMinisitios-btnSiguiente { background: url(../img/botones/bot-sig-carusel2.png) no-repeat top left; right: 0; left: auto;}


/******** HOME ***********/

.destacados{
    /*margin-top: 30px;*/
    margin-bottom: 30px;
    overflow: hidden; 
    padding: 10px 0 10px 0;
    margin-top: -20px;
}

.destacados .item, .destacados .vivo{  
    display: block; 
    width: 48%; 
    float: left; 
    border-radius: 12px; 
}

.destacados .item p,
.destacados .item a{ height: 278px; display: block; border-radius: 12px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; background-size: cover; text-indent: -9999px; overflow: hidden; box-shadow: 0 0 6px 2px rgba(0,0,0,.3); margin-bottom: 25px;}
.destacados .item a:hover , .destacados .item a:focus{ box-shadow: 0 0 6px 2px rgba(255,255,255,1);}
.destacados .item:hover a , .destacados .item:focus a{ opacity: 0.9;}
.destacados > :nth-child(odd){ margin-left: 1%; margin-right: 2%;}	

/* Ver en vivo */
.destacados .vivo{  
    text-transform: uppercase;
    position: relative;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #FFF;
    height: 278px;
    background: #FF005F;
    box-shadow: 0 0 6px 2px rgba(0,0,0,.3);
}

.destacados .vivo h2{ background: #94D03E url(../img/bckg/fnd-vivo-estrellas.png) no-repeat top right; color: #FF005F; border-top-left-radius: 12px; border-top-right-radius: 12px; font-size: 1.375em; padding: 10px 0 10px 18px;}

.destacados .vivo .bot-programas{ display: block; background: #FEF510; color: #FF005F; position: absolute; top: 8px; right: 8px; border-radius: 6px; padding: 2px 15px; text-decoration: none; font-size: 1.375em; box-shadow: 0 0 4px 2px rgba(0,0,0,.2);}
.destacados .vivo .bot-programas:hover, .destacados .vivo .bot-programas:focus{ background: #000;}
.destacados .vivo img{ position: absolute; bottom: 43px; right: 0; height: 187px;}

.destacados .vivo h3{ width: 220px; font-size: 1.5em; margin: 0 0 0 18px; padding-top: 20px; line-height: 1.125; background: url(../img/bckg/fnd-vivo-triangulo.png) no-repeat 12px 0;}
.destacados .vivo time{ display: block; font-size: 1.5em; line-height: 1.125; margin: 10px 0 12px 18px; padding-top: 10px; background: url(../img/bckg/fnd-destacado-vivo-time.png) no-repeat 0 0;}

.destacados .vivo .vervivo{ display: block; width: 165px; text-align: center; background: #94D03E; color: #FF005F; border-radius: 6px; padding: 2px 10px; margin: 12px 0 12px 18px; text-decoration: none; font-size: 1.375em; box-shadow: 0 0 4px 2px rgba(0,0,0,.2);}
.destacados .vivo .vervivo:hover, .destacados .vivo .vervivo:focus{ background: #000;}

.destacados .vivo .cont{ position: absolute; bottom: 0; left: 0; width: 100%; background: #A50044; font-size: 1.375em; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;padding: 5px 0 5px 0; text-indent: 18px;}
.destacados .vivo .cont strong{ color: #FEF510;}

/******* SECCIONES *******/

.destacado-seccion {
    clear: both;
    padding: 34px 0 20px 0;
    margin-top: 0; /*margin-top: 50px;*/
    margin-bottom: 40px;
    background: #FFF;
    overflow: hidden;
    border-radius: 8px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
}

.minisitios .destacado-seccion{ padding: 0;}
.minisitios .destacado-seccion p{ text-align: center; color: #157EBF; width: 70%; margin: 10px auto; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; }

.destacado-seccion  h2{
    text-transform: uppercase;
    background: url(../img/bckg/fnd-h2-seccion.png) no-repeat 3px 0;
    color: #157EBF;
    font-size: 1.9375em;
    margin-left: 0.8%;
    margin-top: -15px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
}

.destacado-seccion h2 span, .destacado-seccion p{ font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif;  }

.destacado-seccion img{ width: 100%; display: block;}

.destacado-seccion .item{  
    display: block; 
    width: 48.5%; 
    float: left; 
    margin-left: 0.8%;
}

.destacado-seccion .item:hover, .destacado-seccion .item:focus{ box-shadow: 0 0 6px 2px rgba(0,0,0,0.5);}
.destacado-seccion  .item:hover img, .destacado-seccion  .item:focus img{ opacity: 0.9;}

.destacado-seccion > :last-child{ margin-left: 1.5%;}

.minisitios .destacado-seccion > :last-child{ margin-left: 0;}

/******* DESTACADOS SECCION VIDEOS *******/

.videos .destacado-seccion .item{  
    display: block; 
    width: 98.5%;
    float: left; 
    margin-left: 0.8%; 
}

.videos .destacado-seccion .videoFS{  
    width: 60%;
    float: left;
    margin-right: 20px;
}

.videos .destacado-seccion .data{ float: left; width: 38%; }

.videos .fs{ text-indent: -9999px; width: 30px; height: 30px; padding: 0; background-position: center center; background-size: 20px; top: 7px; right: 5px; }

.videos .destacado-seccion .item:hover, .videos .destacado-seccion .item:focus{ box-shadow: none;}
.videos .destacado-seccion  .item:hover img, .videos .destacado-seccion  .item:focus img{ opacity: 1;}

.videos .destacado-seccion  h2{
    text-transform: uppercase;
    background: url(../img/bckg/fnd-h2-seccion.png) no-repeat 3px 0;
    color: #fcaf15;
    font-size: 1.9375em;
    margin-left: 0.8%;
    margin-top: -15px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-family: 'GothamBold';
}

.videos .destacado-seccion h2 span, .destacado-seccion p{ font-family: 'GothamBook'; }

.videos .destacado-seccion h3 { font-size: 18px; color: #157EBF; font-size: 1.375em; margin-top: 10px; margin-bottom: 5px;}

.videos .destacado-seccion h3 a{ 
	color: #fcaf15; 
	text-decoration: none; 
	/*border-bottom: 1px solid #fcaf15;*/ 
	margin-left: 0;
}

.videos .destacado-seccion h3 a:hover{ color: #007dc6; border-bottom-color: #007dc6;}

.videos .destacado-seccion p{ color: #444; font-size: 1.125em; margin-bottom: 40px; }

.videos .destacado-seccion .contador{ width: 160px; text-align: right;  margin-bottom: 0; margin-right: 3px; margin-top: -10px; float: right; clear: both;}
.videos .destacado-seccion .contador span{ display: block; border-top: 1px solid #fcaf15;}

.videos .destacado-seccion .share{ float: none; margin-top: 17px;}

.videos .resultados > h2 {
	color: #fcaf15;
	background: url(../img/bckg/fnd-h2-seccion-video.png) no-repeat 3px 0;
}

.juegos .bot, .videos .bot, .audios .bot, .envivo .bot{
	background-color: #00a99d;
}

.juegos .bot:hover, .videos .bot:hover, .audios .bot:hover, .envivo .bot:hover{
	background-color: #007dc6;
}

.juegos .individual .detalle h1,
.juegos .instrucciones h1,
.juegos .instrucciones .programa{
	color: #34A6A0;
}

.juegos .individual .detalle .contador span {
    display: block;
    border-top: 1px solid #34A6A0;
}

.shuffle{
	background-color: #00a99d;
}

.videos .resultados li h3{
	background-color: #fcaf15;
}

.videos .resultados li a:hover h3{
	background-color: #007dc6;
}
.videos .resultados li h3.tipo-serie:hover{
	background-color: #007dc6;
}

.videos .destacado-seccion  h2{
	background: url(../img/bckg/fnd-h2-seccion-video.png) no-repeat 3px 0;
}

.audios .resultados  li h2{
	background-color: #FA6600;
}

@media screen and (max-width: 1280px) { 

    .videos .destacado-seccion .videoFS{ width: 55%;}
    .videos .destacado-seccion .data{ float: left; width: 42%; }

    .videos .destacado-seccion .data h3{ font-size: 1.25em;} 
    .videos .destacado-seccion .data p{font-size: 1em;} 
}

@media screen and (max-width: 900px) { 
    .videos .destacado-seccion .item{  
        display: block; 
        width: 98.5%;
        float: left; 
        margin-left: 0.8%; 
    }
    .videos .destacado-seccion .videoFS{  width: auto; float: none;	margin-right: 0;}
    .videos .destacado-seccion .data{  float: none; width: auto; }

    .videos .destacado-seccion .contador{ text-align: right; float: right; clear: none;}

    .videos .destacado-seccion .share{ float: left; margin-top: 0;}

    .videos .destacado-seccion .data h3{ font-size: 1.375em;} 
    .videos .destacado-seccion .data p{font-size: 1.125em;} 
}

/*********** INDIVIDUAL  *************/

.individual{  font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; position: relative;} /*margin-top: 25px;*/
.series{position: relative; overflow: visible; margin-top: 25px;}

a.volver{ position: absolute; top: 12px; right: -100px; display: block; width: 100px; height: 50px; background: url(../img/botones/bot-volver.png) no-repeat 0 0; text-indent: -9999px; z-index: 10;}
a.volver:hover, a.volver:focus{ background-image: url(../img/botones/bot-volver-ov.png);}

.individual embed,
.individual iframe,
.individual object,
.individual video{
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.5);
}

.videos .destacado-seccion .videoWrapper, .individual .videoWrapper{
    position: relative;
    padding-bottom: 56.25%; /* 75% -> 4:3 - 56.25% -> 16:9 */ 
    /*padding-top: 25px;*/
    height: 0;
    background: #000;
}

.no-padding .fs{ display: none;}
.videos .destacado-seccion .no-padding , .individual .no-padding{ background: #000; overflow: hidden; margin-bottom: 40px;}
.videos .destacado-seccion .no-padding .videoWrapper, .individual .no-padding .videoWrapper{ padding-bottom: 0; margin: 0 auto;}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.individual .detalle{ 
    overflow: hidden;
    margin: 40px 0;
    padding-top: 6px;
    background: #FFF;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.5);
    background-position: 8px 9px;
    background-repeat: no-repeat;
    background-size: 176px auto;
    min-height: 188px;
}
.individual .detalle{ position: relative;}
.individual .detalle .descripcion{ margin-top: 6px;} 
.individual .detalle .datos{  width: 58%; float: left; margin-left: 204px; text-align: left;}


.individual .detalle h1, .audios .individual .detalle h2{color: #157EBF; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 1.25em; line-height: 1.125; margin-top: 8px;} 
.individual .detalle p{font-size: 1.375em;}
.individual .detalle p a{ color: #157EBF; text-decoration: none; border-bottom: 1px dotted #157EBF;} 
.individual .detalle p a:hover{ color: green; border-bottom-color: green;}

.individual .detalle .descripcion {  padding-top: 5px; font-size: 1.125em; margin-bottom: 10px; }
/*.individual .detalle .descripcion .linea{border-top: 1px solid #157EBF; padding-top: 5px; padding-right: 12px;}*/

.individual .detalle .contador{ position: absolute; top: 34px; right: 14px; font-size: 1.125em; width: 160px; text-align: right; margin-bottom: 0;} 
.individual .detalle .contador span{ display: block; border-top: 1px solid #157EBF;}
.individual .detalle .share{ position: absolute; top: 130px; right: 18px; }

.individual .disclaimer .share{ position: static; margin: 18px 0 0 10px; float: right;}

/**** AUDIOS *****/	
.audios .individual .detalle .share{ top: 72px; right: 12px; margin: 0;} 
.audios .individual .detalle .descargar{ position: absolute; top: 25px; right: 12px; margin: 0;} 

@media screen and (max-width: 1190px) {
    .individual .detalle .datos, .audios .individual .detalle .datos{  width: 55%; }
}

@media screen and (max-width: 960px) {
    .individual .detalle { background-size: 0 0;}
    .individual .detalle .datos, .audios  .individual .detalle .datos{  width: 68%; margin-left: 16px; }
}

@media screen and (max-width: 700px) {
    .individual .detalle .datos, .audios  .individual .detalle .datos{  width: 92%; margin-left: 10px; }
    .individual .detalle .datos{  border-bottom: 1px solid #157ebf; }
    .individual .detalle .share{ float: left; position: static; margin: 10px 0 10px 10px; clear: both;} 
    .individual .detalle .contador{ width: 100%; float: left;  position: static; text-align: left; margin-top: 10px; border-bottom: 0; margin-left: 10px;} 
    .individual .detalle .contador span{ display: inline; clear: none; padding-top: 2px; border-top: 0; border-left: 1px solid #157ebf; padding-left: 6px;}

    /**** ENVIVO *****/	

    .individual  .detalle .disclaimer{ width: 90%; margin: 60px auto 15px auto; text-align: center; }
    .individual  .detalle .disclaimer p{font-size: 1.125em;}
    .individual  .detalle .disclaimer .share{ margin: 0 auto; position: absolute; top: 15px; left: 5%;}
    .individual  .detalle .miranos{ position: static; clear: both; margin: 0 auto 20px auto; width: 230px; float: none;}
    .individual .detalle .disclaimer { width: auto; border: none;}

    .audios .individual .detalle .datos{ float: none;  border-bottom-color: #FFF;}
    .audios .individual .detalle .descargar, .audios .individual .detalle .share{ float: none; position: static; margin: 15px 0 10px 12px;}

}

.verFS{ overflow: hidden;}
.verFS .individual{position: static;}
.verFS .fs{ text-indent: -9999px; width: 30px; height: 30px; padding: 0; background-position: center center; background-size: 20px; top: 7px; right: 5px;}
.verFS a.volver{ display: none;}
.verFS .videoFS{ outline: 1px solid red; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,.9); width: 100%; height: 100%;}

/******** audios **************/

.audios .individual .detalle{ background-color: #535353;	color: #FFF; box-shadow: 0 -4px 6px 0 rgba(0,0,0,0.2);}	
.audios .individual .detalle h2{ color: #FFF;}
.audios .individual .detalle p:nth-child(2){border-bottom: 1px solid #FFF; padding-bottom: 5px;}
.audios .individual .descargar{ float: right;  margin-top: 43px;  margin-right: 15px; padding-bottom: 0; height: 30px;}
.audios .individual .share{float: right;  margin-right: 15px; margin-top: 43px; height: 33px;}

.audios .individual .detalle { margin-bottom: 0; border-bottom: 1px solid #484749;}

.listaAudiosCont{ height: 142px; width: 100%;}

.listaAudios{
    background: #222124;
    height: 114px;
    margin: 0;
    padding: 9px 0 0 0;
    width:  auto;
    overflow-x: auto; 
    overflow-y: hidden;
    white-space: nowrap;
}

.listaAudios.scroll{ height: 140px;}
#queue:empty { display: none;}

.audios .listaAudios li{ 
    display: inline-block;
    width: 136px;
    height: 90px; 
    min-height: 90px;
    border: 8px solid #3D3D3D; 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    background-size: 100% 100%;
    margin: 0 0 8px 8px;
    position: relative;
    cursor: move;
    position: relative;
    white-space: normal;

}

.listaAudios li:nth-child(4n+1){ margin-left: 8px;}
.audios .listaAudios li:last-child{ margin-right: 8px;}

.audios .resultados .listaAudios li p{background: none; position: absolute; top: 0; left: 0; color: #FFF; font-size: 0.8125em; line-height: 1.25em; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; padding: 27px 7px 0 6px; width: 100px; text-align: center;}
.audios .listaAudios li:hover p{ text-indent: 0; background: rgba(0,0,0,0.8); width: 90.5%; height: 70.5%; border-radius: 0;}

.audios .listaAudios li button{ 
    background: url(../img/botones/bot-audio-eliminar.png) no-repeat 0 0; 
    width: 18px; 
    height: 17px; 
    border: 0; 
    overflow: hidden; 
    text-indent: -9999px; 
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

.audios .listaAudios li button:hover{ background-image: url(../img/botones/bot-audio-eliminar-ov.png);}

/************  SCROLLBAR   *********/

.audios .listaAudios::-webkit-scrollbar { height: 20px; background-color: #353535;}
.audios .listaAudios::-webkit-scrollbar-track { background-color: #606060;}
.audios .listaAudios::-webkit-scrollbar-thumb { background-color: #A8A8A8; border-radius: 12px; border: 4px solid #606060;}
.audios .listaAudios::-webkit-scrollbar-button {	display: none;}

/*********** INDIVIDUAL JUEGO PDF  *************/

.pdf{	
    margin: 40px 0 30px 0;
    width: 72%;
    float: left;
}

.pdf object{ width: 100%; min-height: 600px; border-radius: 8px; box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);}	

.pdf .archivo{ 
    background: url(../img/botones/bajar-pdf.png) no-repeat 0 0; 
    display: block; 
    width: 248px; 
    height: 70px; 
    margin: 0 auto;
    color: #EAF6FA;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 1.5em;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 10px;
    padding-left: 12px;
    padding-top: 17px;
    text-shadow: 2px 2px 0 #ED3C00;
}	

.instrucciones{
    margin: 40px 0 30px 0;
    width: 24%;
    padding: 7px 1% 10px 1%;
    min-height: 583px;
    float: right;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
}

.instrucciones h1{text-transform: uppercase; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 1.125em; line-height: 1.25; color: #007CCF;}
.instrucciones .programa{text-transform: uppercase; border-bottom: 1px solid #C1C1C1; font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif;  color: #007CCF; padding-top: 2px; padding-bottom: 5px;}
.instrucciones h2{text-transform: uppercase;  font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  color: #ff0042; margin: 10px 0 5px 0;}
.instrucciones .explicacion{ margin-bottom: 30px;}
.instrucciones .explicacion li, .instrucciones .explicacion p{ font-size: 0.875em; font-weight: bold; padding-bottom:  0.875em;  list-style: square inside none;}

.instrucciones .share{ margin: 30px auto 10px auto; float: none;}
.instrucciones .descargar{ margin: 0 auto 10px auto; float: none;}

/*********** ENVIVO *************/

.disclaimer{ float: left; width: 61%; border-right: 1px solid #999; margin: 10px 0 10px 2%; padding-right: 2%;}

.individual .disclaimer .share{ margin: 8px 0 0 10px;}

.individual .disclaimer p{ font-size: 1.25em;} 

.miranos{ 
    color: #FFF; 
    text-align: center; 
    float: right; 
    width: 30%; 
    border-radius: 10px; 
    border-radius: 10px; 
    background: #A7B800;
    padding-top: 6px;
    margin: 10px 10px 10px 2%;
}

.individual .miranos p{ font-size: 0.875em; padding: 0 10px 20px 10px;}
.individual .miranos p b{ font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  }
.individual .miranos p:first-child{ font-size: 1.25em; border-bottom: 1px solid #FFF; margin: 0 8px 8px 8px; padding: 10px 0 10px 0;}

.miranos a{ 
    display: block; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    background: #007ccf; 
    color: #FFF; 
    text-decoration: none;
    margin-top: 10px;
    padding: 4px 0 6px 0;
    background: #007ccf url(../img/botones/bot-vermas.png) no-repeat 27% 50%;	
}

.miranos a:hover, .miranos a:focus{ background-color: #007cce;}

/*********** HORARIOS *************/

.nav-horarios{ 
    margin: 30px 0;
    border-radius: 8px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    overflow: visible;
    padding-top: 3.7em;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
    background: #00C5D4;
    background: -webkit-linear-gradient(left, #00d2e3, #00C5D4);
    background: -o-linear-gradient(right, #00d2e3, #00C5D4);
    background: -moz-linear-gradient(right, #00d2e3, #00C5D4);
    background: linear-gradient(to right, #00d2e3, #00C5D4); 
    
    /*
    	background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(left, #00d2e3 0%, #00C5D4 100%); 
    	background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#00d2e3), color-stop(100%,#00d2e3)); 
    	background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(left, #00d2e3 0%,#00C5D4 100%); 
    	background-image: url(../img/bckg/fnd-body-blanco.png), -o-linear-gradient(left, #00d2e3 0%,#00C5D4 100%); 
    	background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(left, #00d2e3 0%,#00C5D4 100%); 
    	background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to right, #00d2e3 0%,#00C5D4 100%);
    */
}

.nav-fecha{
    background: #FFF;
    box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.8);
    margin: 0 0 12px 0;
    border-radius: 8px;	
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    text-align: center;
}

.nav-fecha h2{ 
    color: #fc004b; 
    font-size: 1.75em; 
    margin: 8px auto 0 auto;
    display: inline-block;
}	

.nav-fecha h2.h2Left{ margin-left: -110px;}
.nav-fecha h2.h2Right{ margin-right: -110px;}

.nav-fecha > a{	
    display: block; 
    margin: 5px 16px 0 0; 
    float: right; 
    color: #00C5D4; 
    text-decoration: none; 
    font-size: 1.125em;
    background: url(../img/botones/bot-sig-2.png) no-repeat center right;
    padding: 8px 40px 10px 0;
}
.nav-fecha > a span{ display: block; background: #FFF; border-radius: 10px; padding: 3px 8px 3px 8px;}
.nav-fecha  > a:hover span, .nav-horarios  > a:focus span{ background-color: #007dc6; color: #FFF;}	

.nav-fecha  > a:first-child{ float: left; margin-left: 15px; padding-left: 40px; padding-right: 0; margin-right: 0; background: url(../img/botones/bot-ant-2.png) no-repeat center left;}

.anteriores{ 
    display: block; 
    background: #00a99d;
    border-radius: 10px; 
    padding: 4px 8px 4px 8px; 
    margin: -10px 0 12px 0;
    float: right;
    width: 320px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 1.125em;
    color: #FFF; 
    text-decoration: none; 
}

.anteriores:hover, anteriores:focus{ background-color: #007dc6; color: #FFF;}	

.nav-horarios button{	
    display: block; 
    margin: 7px 0 0 0; 
    float: right; 
    color: #88868B; 
    text-decoration: none; 
    font-size: 1.125em;
    background: transparent;
    padding: 3px 10px 3px 10px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    border: none;
    cursor: pointer;
    text-align: center;
    background: #FFF;
    border-radius: 8px;
    text-transform: uppercase;
}
.nav-horarios button:hover, .nav-horarios  button:focus{ background-color: #007dc6; color: #FFF;}	

.datosForm{ float: left; width: 350px;}
form{  display: inline-block; position: relative;}
.ayuda{ color: #FFF; text-transform: none; float: right; margin: 0 0 0 15px; position: absolute; right: -245px; font-size: 1em; width: 250px; line-height: 1.25; display: none;}
div.calendario{ width: 69%; float: left; margin: 5px 0 3px 0;}
div.col-sm-6{width: 105%; padding: 0; float: none;}

.grilla{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
    padding: 20px 5px 5px 5px;
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 
    /*overflow-y: scroll;
    height: 600px;*/
    margin-bottom: 30px;
}

.grilla ul{clear: both;}

.grilla li{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.3);
    padding: 0 16px;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
}

.grilla time{ 
    color: #00a99d;
    /*color: #b518ff;*/
    font-size: 2.375em;
    text-transform: uppercase;
    letter-spacing: -3px;
    background: url(../img/bckg/fnd-li-horario.png) no-repeat 3px 0;
    padding-top: 22px;
}

.grilla time span{font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 1.5em;} 

.grilla .horas{ 
    width: 56%; 
    float: left; 
    padding-top: 12px; 
    height: 180px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 294px 100%;
}

.grilla .horas time + p{ text-align: center;}

.grilla .horas time, .grilla .horas p{ margin-right: 335px;}

.grilla .horas p, .grilla .horas a{ float: left; display: inline; font-size: 1.25em; background: #f7185a; color: #FFF; border-radius: 8px; padding: 9px 12px 9px 12px; margin-bottom: 8px;  text-transform: uppercase; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; }
.grilla .horas a:hover, .grilla .horas a:focus{ background: #000;}

.grilla .horas a{ font-size: 1.5em; text-decoration: none;}

.grilla .datos{ 
    width: 40%; 
    padding-right: 1.7%; 
    float: right;
    color: #007CCF;
    padding-top: 12px;
    height: 172px; 
    overflow: hidden;
}

.grilla li .vermas{ position: absolute; bottom: 0; right: 0; font-weight: bold; text-decoration: none; color: #f7185a; padding: 10px 8px 8px 8px;}

.grilla .vermas-active, .grilla .datos.vermas-active :nth-last-child(2) { height: 100%; padding-bottom: 5px;}

.grilla .datos h3{ text-transform: none; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 1.25em; line-height: 1.35; border-bottom: none; padding-bottom: 0; margin-bottom: 2px; }
.grilla .datos h3 a{ color: #007CCF; text-decoration: none; border-bottom: 1px dotted #157ebf; color: #157ebf; text-decoration: none;}
.grilla .datos h3 a:hover, .grilla .datos h3 a:focus{ color: green; border-bottom-color: green;}

.grilla .datos  :nth-child(2) { color: #157ebf; margin-bottom: 2px;}
.grilla .datos p{ font-size: 1.125em; color: #27262f; margin-bottom: 4px; overflow: hidden;}
.grilla .datos :nth-last-child(2) { height: 107px; }

/*.grilla .datos:hover, .grilla .datos:hover p:last-child, .grilla .datos:focus, .grilla .datos:focus p:last-child{ height: 100%; padding-bottom: 5px;}*/

.grilla .datos .vermas:hover, .grilla .datos .vermas:focus{ color: green;}

.grilla .datos h3, .grilla .datos p{ margin-left: 0;}

@media screen and (max-width: 1255px) {
    .grilla .horas{ 	width: 62%; }
    .grilla .horas time, .grilla .horas p{ margin-right: 315px;}
    .grilla .datos{ 	width: 34%; }

    form{  display: inline-block; }	
}

@media screen and (max-width: 1120px) {
    /*********** HORARIOS  *************/

    .nav-horarios, .grilla{ margin-left: 15px; margin-right: 15px;}

    .grilla time{ 
        color: #b518ff;
        font-size: 1.75em;
        text-transform: uppercase;
        letter-spacing: 0;
        background: url(../img/bckg/fnd-li-horario.png) no-repeat -13px 0;
        padding-top: 22px;
    }

    .grilla time span{font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 1.5em;} 

    .grilla .horas p, .grilla .horas a{ font-size: 1em;}

    .grilla .datos{ 	margin-right: 5px;}

}	


@media screen and (max-width: 985px) {
    /*********** HORARIOS  *************/

    .nav-horarios h2{ font-size: 1.125em; padding: 6px 0 3px 0; }
    .nav-fecha > a{ font-size: 1em;}

    form{  display: inline-block; margin-left: 3%; }	
    .ayuda{ font-size: 0.9375em; position: static; clear: both; width: 400px; float: none; margin: 0; padding-top: 2px; margin-left: -35px; }

    .grilla .horas{ width: 60%; height: 130px; background-size: 219px 100%;}
    .grilla .horas time, .grilla .horas p{ margin-right: 215px;}

    .grilla time { background-position:-13px 5px;}

    .grilla .datos{ 
        width: 36%;
        margin-right: 5px;
        height: 120px;
    }

    .grilla .datos.vermas-active { height: 100%; padding-bottom: 5px;}

    /*.grilla .datos.vermas-active :nth-last-child(2)*/

    .grilla .datos p:last-child{ padding-bottom: 10px; height: 130px}

    .grilla .horas p, .grilla .horas a {
        margin-bottom: 5px;
        padding: 7px 10px;
    }

    .grilla .horas p{ width: 34%;}

    .grilla time span {
        font-size: 1.25em;
    }

    .grilla .datos h3, .grilla .datos p{ font-size: 1em;}


}

@media screen and (max-width: 767px) {

    /*********** HORARIOS  *************/

    .grilla time{ font-size: 1.25em; background-position: -20px -2px; padding-top: 5px; display: block;} 
    .grilla time span{ font-size: 1.5em;} 
    .grilla .horas{ width: 39%; background-size: 0 0; height: auto;}
    .grilla .horas p, .grilla .horas a{ font-size: 0.8125em; width: 102px; text-align: center;}	
    .grilla .horas time, .grilla .horas p{ margin-right: 65px;}

    .grilla .datos{ 
        width: 55%; 
        margin-right: 5px;
        height: 60px; 
        overflow: hidden;
        background-size: 0 0;
    }

    .grilla .datos p:last-child { height: 100%;}

    .grilla .datos h3, .grilla .datos p{ font-size: 1em; margin-left: 0;}		

    /*********** HORARIOS  *************/

    .grilla{ height: auto; overflow: visible; padding: 15px 7px;}

    .grilla li{border-radius: 0; box-shadow: none;  margin-bottom: 10px; }

    .grilla li:first-child{ border-top: none;}

    .grilla time{ font-size: 1.25em; padding-top: 5px; display: block; margin-top: 10px; } 
    .grilla time span{ font-size: 1.5em;} 
    .grilla .horas{ width: 100%; }

    .grilla .datos{ 
        width: 94%; 
        margin-left:0;
        margin-right: 0;
        height: 120px;
        float: none;
    }

    .anteriores{ margin-bottom: 6px;}

    .grilla li:nth-child(odd){background: #E9E9E9; margin-left: -7px; margin-right: -7px;}
    .grilla li:nth-child(odd) .datos{ margin-left: 7px; margin-bottom: 10px; width: 92%; float: none;}
    .grilla li:nth-child(odd) .horas{ margin-left: 7px;}

    .grilla .datos p{ color: #666;}	
    .grilla .datos h3, .grilla .datos p{ font-size: 1em; margin-left: 0;}	

    .grilla li:nth-child(even) .vermas{ bottom: -8px; right: -8px;  padding: 10px 8px 8px 8px;}

    .grilla li:nth-child(odd):last-child{ 
        margin-bottom: -15px;
        padding-bottom: 15px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;}
}

@media screen and (max-width: 650px) {

    .nav-horarios{ background: transparent; box-shadow: none;}

    .nav-fecha, form{
        box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
        background: #009afe;
        background-image: url(../img/bckg/fnd-body-blanco.png), -moz-linear-gradient(left, #009afe 0%, #00d2e3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#009afe), color-stop(100%,#00d2e3)); background-image: url(../img/bckg/fnd-body-blanco.png), -webkit-linear-gradient(left, #009afe 0%,#00d2e3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -o-linear-gradient(left, #009afe 0%,#00d2e3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), -ms-linear-gradient(left, #009afe 0%,#00d2e3 100%); background-image: url(../img/bckg/fnd-body-blanco.png), linear-gradient(to right, #009afe 0%,#00d2e3 100%);
        border-radius: 8px;
    }

    form{  display: inline-block; margin-left: 0; width: 100%; margin-top: 15px; padding-bottom: 7px;}	
    .datosForm{ width: 350px; margin: 5px auto 0 auto; float: none;}
    div.calendario{ margin-top: 8px; width: 75%;}
    div.row{ margin-left: 0; margin-right: 0;}
    .nav-horarios button{ margin-top: 10px;}

    .nav-horarios h2 { font-size: 1em; position: absolute; top: 0; width: 100%; display: block; margin: 0; background: #FFF; border-top-right-radius: 8px; border-top-left-radius: 8px;}
    .nav-horarios{ padding-top: 5.2em;}

    .nav-horarios a{ margin-top: 37px; font-size: 0.8125em; margin-right: 5px; padding-right: 30px;}

    .nav-horarios a:first-child {
        margin-left: 5px;
        padding-left: 30px;
    }

    .nav-horarios a{ margin-top: 37px; font-size: 0.8125em; margin-right: 5px; padding-right: 30px;}

    .nav-horarios a:first-child {
        margin-left: 5px;
        padding-left: 30px;
    }

}	

@media screen and (max-width: 480px) {

    /*********** HORARIOS  *************/

    .nav-horarios h2 { font-size: 0.8125em;}

    div.calendario{ width: 66%; float: left;}	
    .datosForm{ width: 220px; }
    .nav-horarios button{ padding-left: 5px; padding-right: 5px;}
    .ayuda{font-size: 0.8125em; width: 215px; padding-top: 2px; margin-left: 0; }

    .anteriores{ font-size: 0.75em; width: 210px;}

    .grilla{ height: auto; overflow: visible; padding: 15px 7px;}

    .grilla li{border-radius: 0; box-shadow: none;  margin-bottom: 10px; }

    .grilla li:first-child{ border-top: none;}

    .grilla time{ font-size: 1.25em; padding-top: 5px; display: block; margin-top: 10px; } 
    .grilla time span{ font-size: 1.5em;} 
    .grilla .horas{ width: 100%; }

    .grilla .datos{ 
        margin-left:0;
        margin-right: 0;
        height: 100px;
        background-size: 0 0;
    }

    .grilla li:nth-child(odd){background: #E9E9E9; margin-left: -7px; margin-right: -7px;}
    .grilla li:nth-child(odd) .datos{ margin-left: 7px; margin-bottom: 10px; }
    .grilla li:nth-child(odd) .horas{ margin-left: 7px;}

    .grilla .datos p{ color: #666;}	
    .grilla .datos h3, .grilla .datos p{ font-size: 1em; margin-left: 0;}	


}


/*********** Aplicaciones *************/

.aplicaciones .descargasGrande{ 
    clear: both;
    padding: 34px 0 40px 0;
    background: #FFF;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
}

.aplicaciones .descargasGrande li{
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.3);
    padding: 0 25px 0 0;
    margin: 0 5px;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative; 
    min-height: 272px; /* 276px */   
    padding-bottom: -10px;
}

.aplicaciones .descargasGrande li img{ float: left; margin-right: 20px; }

.aplicaciones .descargasGrande li h2{ 
    /*text-transform: uppercase; */
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  
    font-size: 1.5em; 
    line-height: 1.25;
    padding-bottom: 5px;
    margin-top: 15px;
    color: #F23800;
}


.aplicaciones .descargasGrande li p{ 
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif;  
    font-size: 1.125em; 
    line-height: 1.35;
    margin-bottom: 15px;
    color: #454545;
    margin-left: 580px;
}

.aplicaciones .descargasGrande li p:nth-last-child(2){ padding-bottom: 70px;}

.aplicaciones .descargasGrande .descargas{  
    padding-top: 15px; 
    border-top: 2px solid #CCC;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.aplicaciones .descargasGrande li a{ 
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 
    font-size: 1.125em;
    color: #FFF;
    float: left;
    display: block;
    background: #000 url(../img/botones/bot-google-play.png) no-repeat 0 0;
    border-radius: 6px;
    text-indent: -9999px;
    overflow: hidden;
    width: 135px;
    height: 47px;
    margin-right: 12px;
}	

.aplicaciones .descargasGrande li .android{background-image: url(../img/botones/bot-google-play.png);}
.aplicaciones .descargasGrande li .apple{background-image: url(../img/botones/bot-appstore.png);}
.aplicaciones .descargasGrande li .blackberry{background-image: url(../img/botones/bot-blackberry.png);}

.aplicaciones .descargasGrande li a:hover, .aplicaciones .descargasGrande li a:focus{background-color: #007cce;} 

@media screen and (max-width: 1158px) { 
    .aplicaciones .descargasGrande li p{ font-size: 1em; line-height: 1.35;}
    .aplicaciones .descargasGrande li h2{ font-size: 1.25em; line-height: 1.25;}
    .aplicaciones .descargasGrande .descargas li a{	 padding-top: 10px;	}
}

@media screen and (max-width: 867px) { 
    .aplicaciones .descargasGrande li img{ width: 260px; margin: 15px 15px 0 15px;}
    .aplicaciones .descargasGrande li p{ margin-left: 290px;}
    .aplicaciones .descargasGrande li a{ margin-bottom: 10px;}

    .aplicaciones .descargasGrande li p:nth-last-child(2){ padding-bottom: 10px;}
    .aplicaciones .descargasGrande .descargas{ position: static; }
}

@media screen and (max-width: 646px) { 
    .aplicaciones .descargasGrande li{ text-align: center; padding: 0;}
    .aplicaciones .descargasGrande li img{ float: none; margin: 25px auto 0 auto; display: block;}
    .aplicaciones .descargasGrande li p{ margin-left: 8px; margin-right: 8px;}
    .aplicaciones .descargasGrande li a{ float: none;  margin: 10px auto; width: 135px; background-size: auto auto;}
    .aplicaciones .descargasGrande .descargas{ width: 96%;}
}

@media screen and (max-width: 380px) { 
    .aplicaciones .descargasGrande li img{margin: 0 auto 0 auto; width: 100%;}
}

/*********** AGENDA *************/

.agenda .noticias{ 
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; padding-top: 20px;
}

.agenda .not-listado li{
    width: 30%;
    margin-bottom: 25px;
    margin-left: 2%;
    min-height: 212px;
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
    margin-top: 15px;
    border-top: 2px solid #9C9C9C;
    transition: transform 0.35s;
}

.agenda .not-listado li.individual{
    display: block;
    margin: 1em auto;
    width: 60%;
}

.agenda .not-listado li.individual h2{
    margin-right: 0;
}

.agenda .not-listado li:nth-child(1), .agenda .not-listado li:nth-child(2), .agenda .not-listado li:nth-child(3){ border-top: 0; padding-top: 0;}

.agenda .not-listado li a{ text-decoration: none; color: #0D73B5; border-bottom: 1px solid #0D73B5;}
.agenda .not-listado li a:hover, .agenda .not-listado li a:focus{ color: green; border-bottom-color: green;}

.agenda .not-listado li h2{ 
    text-transform: uppercase; 
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  
    font-size: 1.5em; 
    line-height: 1.35;
    padding-bottom: 5px;
    margin-right: 25%;
    color: #0D73B5;
    margin-bottom: 10px;
}

.agenda .not-listado li img{ width: 100%;} 
.agenda .not-listado li p{ font-size: 1.125em; margin-bottom: 10px;}

.agenda .bot.share {
    float: none;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
}

/*********** AGENDA INDIVIDUAL *************/

.agenda .not-individual{ padding: 0 13px;}

.agenda .not-individual h1{ 
    text-transform: uppercase; 
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;  
    font-size: 1.5em; 
    line-height: 1.35;
    padding-bottom: 5px;
    color: #0D73B5;
    margin-bottom: 1em;
    border-bottom: 2px solid #0D73B5;
    width: 700px;
}

.agenda .not-individual .copete{ font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; }

.agenda .not-individual figure.left{float: left; margin: 10px 10px 10px 0;}
.agenda .not-individual figure.right{ float: left; margin: 10px 0 10px 10px;} 

.agenda .not-individual p{ font-size: 1.125em; margin-bottom: 1.125em;}

/*********** INSTITUCIONALES *************/

.institucional .texto{ 
    clear: both;
    background: #FFF;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
    margin-top: -10px;
}

.subcuerpo .noticias{ padding-top: 0; padding-bottom: 0;}

.institucional .cuerpo , .subcuerpo .nota{ 
    display:table-cell;
    padding: 20px 20px 40px 20px;
}

.institucional.simple .cuerpo { display: block;}
.institucional.simple .cuerpo  h1{ background-position: top right;}

.institucional .menu, .subcuerpo .menu{ 
    display:table-cell;
    width: 280px;
    border-left: 3px solid #DADADA;
}

.institucional .cuerpo  h1, .institucional .menu h2, .subcuerpo .nota  h1, .subcuerpo .menu h2{ 
    background: #FF803E;
    padding: 9px 20px 7px 23px;
    text-transform: uppercase;
    color: #FFF;
    font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 1.625em;
}

.institucional .cuerpo  h1, .subcuerpo .nota  h1{ 
	/*background: #007ccf url(../img/bckg/bckg-institucional-h1.png) repeat-y top left;*/ 
	
	background: #007ccf;
  	background: -webkit-linear-gradient(left, #007ccf , #439EDC);
  	background: -o-linear-gradient(right, #007ccf, #439EDC);
  	background: -moz-linear-gradient(right, #007ccf, #439EDC);
  	background: linear-gradient(to right, #007ccf , #439EDC);
	
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.5); 
	margin: -20px -20px 35px -23px;  
	position: relative; z-index: 5;  
	line-height: 1.5;
	width: 100.5%;
}

.institucional .cuerpo  > *{	font-size: 1.25em; line-height: 1.25; margin-bottom: 1.25em;}

.institucional .cuerpo p {
    line-height: 1.35;
}

.institucional .cuerpo .destacado{ font-size: 1.8125em; text-transform: uppercase; line-height: 1.4; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; background: #DADADA; color: #007CCF; padding: 20px; margin-left: -20px; margin-right: -20px; margin-top: -35px;}

.institucional .cuerpo strong{ font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;}
.institucional .cuerpo .masStrong, .institucional .cuerpo li{ color: #007CCF;}
.institucional .cuerpo ul{ list-style: disc outside; padding-left: 20px;}
.institucional .cuerpo ol{ padding-left: 20px;}
.institucional .cuerpo li{ padding-bottom: 12px; margin-bottom: 12px; background: url(../img/bckg/bckg-li-institucional.png) no-repeat bottom left;}
.institucional .cuerpo .masStrong > *{ font-size: 1.325em;}
.institucional .cuerpo .masStrong .titUl{ text-transform: uppercase; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; padding-bottom: 0.5em;}

.institucional .cuerpo hr{ border: 1px solid #AAABB0; margin-top: 40px;}
.institucional .cuerpo .descargar{ margin-left: auto;  margin-right: auto; float: none; font-size: 1.25rem; width: 240px; height: auto; padding-bottom: 8px; padding-right: 8px; background-position: 38px 7px; color: #FFF;}
.institucional .cuerpo .descargar:hover{ color: #FFF;}

.institucional .cuerpo .descargar.proy{ background-position: 16px 7px; padding-left: 26px; padding-right: 16px;}

.institucional .cuerpo  h2, .institucional .cuerpo  h3 {
    font-family: "GothamBold",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 1.325em;
    color: #007CCF;
    line-height: 1.5;
    margin-top: 2em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.institucional .cuerpo  h4 {		
    font-family: "GothamBold",Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #007CCF;
    line-height: 1.5;
}

.institucional .cuerpo a{ color: #007CCF;}
.institucional .cuerpo a:hover{ color: #000;}

.institucional .menu  h2, .subcuerpo .menu  h2{ position: relative; z-index: 6;}
.institucional .menu  a, .subcuerpo .menu  a{	background: #B518FF; font-size: 1.625em; display: block; border-radius: 12px; margin: 20px; padding: 8px 6px; text-align: center; text-decoration: none; color: #FFF; }
.institucional .menu  a:hover, .institucional .menu  a:focus, .institucional .menu  .desc:hover span, .institucional .menu  .desc:focus span, .subcuerpo .menu  a:hover, .subcuerpo .menu  a:focus, .subcuerpo .menu  .desc:hover span, .subcuerpo .menu  .desc:focus span, .institucional .menu  .is-active a, .subcuerpo .menu  .is-active a{ background-color: #007cce;}
.institucional .menu  .desc, .subcuerpo .menu  .desc{ font-size: 1.125em; padding: 0 0 6px 0; background: #007CCE url(../img/botones/bot-download-inst.png) no-repeat bottom left; text-decoration: none;}
.institucional .menu  .desc .super, .subcuerpo .menu  .desc .super{ font-size: 1.375em; background-color: #94D03D; display: block; border-radius: 12px; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; padding: 10px 0; margin-bottom: 6px;}
.institucional .menu  .desc .separar, .subcuerpo .menu  .desc .separar{ color: #007CCE;}
.institucional .menu  .desc:hover  .separar, .subcuerpo .menu  .desc:hover  .separar , .institucional .menu  .is-active .desc  .separar, .subcuerpo .menu  .is-active  .desc  .separar{ color: green; background-color: transparent;}

.institucional .menuResponsive, .subcuerpo .menuResponsive{	display: none; }
.institucional .menuResponsive h2, .subcuerpo .menuResponsive h2{ color: #007CCF; font-size: 1.25em; line-height: 1.5; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; }
.institucional .menuResponsive select, .subcuerpo .menuResponsive select{ width: 240px;}


/***********  CONTACTO *************/

.contacto h2{ font-weight: bold; font-size: 0.875em; padding-left: 4px;}
body .contacto p{ padding-bottom: 0; padding-left: 4px;} 
.contacto .cuerpo p a{ color: #007CCF;} 

.contacto form{	
    margin-top: 20px;
    background: url(img/bullets/dotted-gris-hz.png) repeat-x top center, url(img/bullets/dotted-gris-hz.png) repeat-x bottom center;
    background-color: #dadada;
    width: 675px;
    padding: 15px 2% 10px 2%;
    overflow: hidden;
    position: relative;
}

.contacto form p{ padding-bottom: 20px; color: red;}

.contacto form label{ color: #000;  margin-bottom: 3px; font-size: 1em; font-weight: bold; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif;}
.contacto form label span{ color: #FF0000;}  
.contacto form label, .contacto form input, .contacto form  textarea{ display: block; width: 250px;}	

.contacto form input, .contacto form  textarea{ border: 1px solid #C1C1C1; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.contacto form input{ padding: 5px 4px; }
.contacto form  textarea{ width: 370px; height: 154px; padding: 7px 4px; }

.contacto form .submit{ padding-left: 0; width: 140px; background-image: none;}

/* errores */
.error{ font-size: 0.75em; font-weight: bold;	color: #E60000;	display: block;	margin-bottom: 10px;}
.envio{ color: #003C6F; font-weight: bold; margin-bottom: 10px; }
.errorEnvio{outline: 3px solid #E60000;	color: #C40000;	background: #F7E0E0;font-weight: bold;padding: 10px 0 10px 10px;font-size: 0.875em;	}

.g-recaptcha{ margin-bottom: 30px; }

@media screen and (max-width: 690px) {	
    .contacto form { 
        width: 96%;
    } 
}

@media screen and (max-width: 462px) {	

    .contacto form { width: 98%;	padding-left: 5%;} 
    .contacto form input, .contacto form  textarea{ width: 210px; font-size: 1em;}	
    .contacto form  textarea{ height: 184px;}
}

/* SPINNER */
.Spinner, .NoMore {
    position: absolute;
    left: 50%;
    vertical-align: middle;
    color: #C0C0C0;
    line-height: 2em;
    margin-left: -75px;
    width: 150px;
    text-align: center;
}

.Spinner img {
    vertical-align: middle;
    position: relative;
    left: -5px;
    top: -2px;
}

/* ---------------- 
        MEDIA QUERIES
------------------ */

@media screen and (max-width: 1600px) {

    #contenedor{width: 100%;}	
    .header-container{width: 100%;}		
    .pie{ width: 100%;}

    header, footer, .centro{
        width: 1168px;
    }

}	

@media screen and (max-width: 1472px) {
    header, footer, .centro, .CarouselMinisitios .centro{ width: 86%;}
    
    .resultados  li p{ 
    	bottom: 36px;
    	right: 0px;
    } 
    .miranos a{ 	background-position: 25% 50%;}

    a.volver{  right: -80px; width: 80px; height: 50px; background-size: 100%;}
}	


@media screen and (max-width: 1260px) {

    .logo-pakapaka{ padding-top: 23px; margin-left: 15px;}
    .logo-pakapaka img{ width: 130px; }

    /**** MENU PRINCIPAL *****/
    nav li{ margin-right: 18px;}
    nav li a{ width: 85px; font-size: 0.75em; padding-top: 65px; background-size: auto 60px;}

    /*nav li:nth-child(3) {margin-right: 10px;}*/
    /*nav li:nth-child(4) {margin-right: 10px;} */
    nav li:nth-child(6) {margin-right: 15px;} 
    /*nav li:nth-child(4) a{width: 98px; background-size: 60px; background-position: top center;}*/
    nav li:nth-child(7) a{width: 72px; background-size: 60px; background-position: top center;}

    /****** DESTACADOS HOME ******/
    .destacados .vivo h2{ font-size: 1.375em;}
    .destacados .vivo .bot-programas{ font-size: 1.125em; top: 10px; padding-left: 7px; padding-right: 7px;}

    /**** RESULTADOS ITEMS *****/
    .resultados  li{ margin-bottom: 15px; min-height: 152px;}	
    .resultados  h3{ font-size: 1em; }

    .miranos a{ 	background-position: 23% 50%;}

    /**** REDES SOCIALES *****/
    .redes-sociales{ margin-top: 50px;}
    .redes-sociales li a{ width: 28px; height: 28px; background-size: 100% 100%;}	

    /**** FOOTER *****/
    .botonesInstitucionales li a{ padding: 0 13px 0 9px; }
    .botonesInstitucionales{ margin-left: 10px;}

}

@media screen and (max-width: 1120px) {
    header, footer, .centro, .CarouselMinisitios .centro{ width: 100%; }
    .pie, .resultados{border-radius: 0;}	
    .logo-pakapaka{ margin-left: 15px;}
    .redes-sociales{ margin-right: 20px;}

    /***** TITULOS SECCIONES ********/

    .titulo-principal h1, .titulo-principal .tit{ font-size: 3em; margin: 30px 20px 0 0;}

    .titulo-principal .copete{ 
        width: 280px;
        margin: 25px 0 30px 0;
        padding: 20px 0 20px 20px;
        font-size: 0.9375em;
    }

    a.volver{  right: 15px; top: -60px; width: 50px; height: 60px;  background-image: url(../img/botones/bot-volver-hz.png) ; background-size: 100%;}
    a.volver:hover, a.volver:focus{  background-image: url(../img/botones/bot-volver-hz-ov.png) ;}

    /****** DESTACADOS HOME ******/
    .destacados .item a, .destacados .vivo{ height: 248px;}
    .destacados .vivo h2, .destacados .vivo h3, .destacados .vivo .bot-programas, .destacados .vivo .vervivo, .destacados .vivo .cont{font-size: 1.25em;}
    .destacados .vivo h2, .destacados .vivo .cont{font-size: 1.125em;}
    .destacados .vivo h2{ padding-left: 10px;}
    .destacados .vivo h3, .destacados .vivo time, .destacados .vivo .vervivo{ margin-left: 10px;}
    .destacados .vivo .bot-programas{ font-size: 1em;}
    .destacados .vivo .vervivo{ width: 110px; font-size: 1em;}
    .destacados .vivo img{ height: 170px; bottom: 30px;}

    /*********** SECCIONES DESTACADOS *************/	
    .destacado-seccion { border-radius: 0;}

    /*********** INDIVIDUAL JUEGO PDF  *************/
    .pdf { float: none; clear: both;  width: 100%;}

    .pdf object{ width: 100%; border-radius: 0;}	

    .instrucciones{ 
        float: none; 
        clear: both; 
        width: 100%; 
        border-radius: 0; 
        min-height: 0; 
        overflow: hidden; 
        padding-left: 2%; 
        padding-top: 15px;
    }

    .instrucciones .programa{ width: 96%;} 

    .instrucciones .explicacion{ width: 70%; float: left;  margin-bottom: 5px;}

    .instrucciones .share, .instrucciones .descargar{ float: right; margin-right: 4%;}


    /****** RESULTADOS ITEMS ******/
    .resultados  li{ 
        width: 30%;/*270px;*/
        margin-bottom: 25px;
        margin-left: 3%;
        min-height: 212px;
        display: inline-block;
        vertical-align: top;
    }

    .resultados  li:nth-child(4n+1){ margin-left: 3%;}
    .resultados  li:nth-child(3n+1){ margin-left: 1.5%;}

    .resultados  .filtros li:nth-child(4n+1){ margin-left: 0;}
    .resultados  .filtros li:nth-child(3n+1){ margin-left: 0;}


    .resultados > h2{	margin-left: 1.5%;}
    .minisitios .resultados > h2{	display: none;}
    .resultados .shuffle{ margin-right: 1.5%;}
    .resultados  h3{ font-size: 1.25em; }

}	


@media screen and (max-width: 985px) {

    /**** MENU PRINCIPAL *****/
    nav {
        width: 530px;
        padding-left: 22px;
        padding-bottom: 13px;
    }

    nav li  {margin-right: 15px; margin-bottom: 10px;}

    nav li a{ 	
        background-size: auto 100%; 
        width: 65px;
        text-align: left;
        padding: 9px 0 7px 44px;
    }

    nav li a{
    	/*width: 98px;*/ 
    	background-size: 34px auto; 
    	background-position: 0 0;
    }

    /**** REDES SOCIALES *****/
    header .redes-sociales{ margin-top: 16px;}
    header .redes-sociales li { float: none; margin-bottom: 6px;}

    /**** RESULTADOS ITEMS *****/
    .resultados  li{ margin-bottom: 15px; min-height: 152px;}	
    .resultados  h3{ font-size: 1em; }

    /*** FILTROS SECCION AUDIOS - por boton "como se usa" ****/
    .audios .resultados .filtros li{ font-size: 1em;}
    .audios .bot.como{ font-size: 1em; width: 145px; padding-left: 9px; margin-top: -4px;}

    /**** ENVIVO *****/		
    .disclaimer{ width: 55%;}
    .individual .disclaimer p{ font-size: 1.125em;}
    .miranos{ width: 36%;}
    .individual .disclaimer .share{ position: static; margin: 18px 0 0 10px;}
    .miranos a{ background-position: 20% 50%;}
    .individual .miranos p:first-child{ font-size: 1.125em;}

    /**** AGENDA *****/

    .agenda .not-listado li{
        width: 94%;
        margin-bottom: 25px;
        margin-left: 3%;
        min-height: auto;
        display: block;
        vertical-align: top;
        padding-top: 30px;
        margin-top: 15px;
        border-top: 2px solid #9C9C9C;
    }

    .agenda .not-listado li h2 { font-size: 1.25em;}
    .agenda .not-listado li p { font-size: 1em;}

    .agenda .not-listado li:nth-child(2){ padding-top: 30px; border-top: 2px solid #9C9C9C;}

    /*********** AGENDA INDIVIDUAL *************/

    .agenda .not-individual h1{ 
        font-size: 1.25em; 
        line-height: 1.35;
        width: auto;
    } 

    .agenda .not-individual p{ font-size: 1em; margin-bottom: 1em;}

    /*********** INSTITUCIONALES *************/

    .institucional .texto{ 
        clear: both;
        background: #FFF;
        overflow: hidden;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; 
        box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
        margin-top: -10px;
    }

    .institucional .cuerpo, .subcuerpo .cuerpo{	font-size: 75%; display: block;	padding: 20px 20px 40px 20px;}
    .institucional .menu, .subcuerpo .menu{ display: none;	}
    .institucional .menuResponsive, .subcuerpo .menuResponsive{	display: block;	}

    /**** FOOTER *****/
    .botonesInstitucionales li{ font-size: 0.875em;}
    .botonesInstitucionales li a{ padding-right: 10px; padding-left: 6px;}

}	


@media screen and (max-width: 820px) {

    .logo-pakapaka{ margin-left: 15px; margin-right: 15px;}
    nav { width: 515px; padding-left: 15px;}
    nav li  {margin-right: 8px; }

    nav li:nth-child(6){ margin-right: 8px;}

    header .redes-sociales{ margin-right: 10px;}

    /****** DESTACADOS HOME ******/
    .destacados .item , .destacados .vivo{ clear: both; float: none; width: 98%; }	
    .destacados .item  a, .destacados .vivo{ height: 298px;}
    .destacados > :nth-child(even){ margin-left: 1%;}
    .destacados > :nth-child(odd){ margin-right: 0; margin-bottom: 25px;}

    .destacados .vivo h2, .destacados .vivo .cont{font-size: 1.5em;}	
    .destacados .vivo h3, .destacados .vivo time{font-size: 1.5em; width: 280px;}				
    .destacados .vivo .bot-programas{ font-size: 1.5em; top: 8px;}
    .destacados .vivo .vervivo{ font-size: 1.5em; width: 170px;}

    .destacados .vivo img{ height: 187px; bottom: 42px;}

}

@media screen and (max-width: 813px) {
    .botonesInstitucionales li:nth-child(4) a{ background: none; }
}

@media screen and (max-width: 767px) {

    .logo-pakapaka{ padding: 10px 0 6px 0;}
    .logo-pakapaka img{ width: 80px; }

    /**** MENU PRINCIPAL *****/
    nav{
        width: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        clear: both;
        top: 73px;
        left: 0;
        z-index: 11;
        float: none; 
        border-top: 1px solid #FFF;
        box-shadow: -1px 3px 5px -3px rgba(0,0,0,0.75);
    }

    nav li{ 
        float: none;
        margin: 0;
        border-bottom: 1px solid #00AFA7;
    }

    nav li a{ 	
        background-size: auto 70%; 
        background-position: 5px center;
        width: auto;
        background-color: #FFF;
        padding: 14px 0 14px 45px;
        font-size: 0.8125em;
    }

    nav li:nth-child(3){margin-right: 0;}
    nav li:nth-child(4){margin-right: 0;}
    nav li:nth-child(6) {margin-right: 0;}

    nav li:nth-child(4) a{width: auto; background-size: 32px; background-position: 5px center;}
    nav li:nth-child(7) a{width: auto; background-size: 32px; background-position: 5px center;}

    nav li a:hover, nav li a:focus{ background-color: #000;}

    /**** REDES SOCIALES *****/		
    header .redes-sociales{ display: none;}

    /***** TITULOS SECCIONES ********/

    .contenedor-titulo{ display: block;}

    .titulo-principal h1, .titulo-principal .tit{ 
        font-size: 3em;
        margin: 10px 0 0 0; 
        float: none;
        width: 100%; 
        text-align: center;
    }

    .titulo-principal .copete, .titulo-principal .copete{ 
        width: 350px;
        float: none;
        margin: 0;
        padding: 10px 0 20px 0;
        font-size: 0.9375em;
        text-align: center;
        border-top-width: 2px;
        border-left-width: 0;
        display: inline-block;
    }


    /****** DESTACADOS ******/
    .destacados{ margin-bottom: 15px;}

    /**** INDIVIDUAL *****/	

    .fs{ text-indent: -9999px; width: 30px; height: 30px; padding: 0; background-position: center center; background-size: 20px; top: 7px; right: 5px;}

    /*********** INDIVIDUAL JUEGO PDF  *************/
    .pdf object{ min-height: 400px;}	

    .instrucciones .programa, .instrucciones .explicacion{ width: 96%;} 

    .instrucciones .share, .instrucciones .descargar{ float: left; margin-right: 4%;}


    /*********** SECCIONES DESTACADOS *************/

    .destacado-seccion h2{ margin-left: 2%;}

    .destacado-seccion a, .destacado-seccion .item{  
        width:  96%; 
        margin-left: 2%;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }

    .destacado-seccion > :last-child{ margin-bottom: 0;}	
    .destacado-seccion > :last-child{ margin-left: 2%;}
    .minisitios .destacado-seccion > *:last-child { margin-left: 0;}

    .minisitios .destacado-seccion p{ width: 90%; font-size: 1em;}

    /**** RESULTADOS ITEMS *****/
    body .resultados  li{ 
        width: 46.7%;
        margin-bottom: 25px;
        margin-left: 3%;
        min-height: 212px;
        display: inline-block;
        vertical-align: top;
    }

    .resultados  li:nth-child(2n+1){ margin-left: 1.5%;}
    .resultados  li:nth-child(4){ margin-left: 3%;}

    .resultados  h3{ font-size: 1.25em; }


    /**** AGENDA *****/

    .agenda .not-listado li{
        width: 94%;
        margin-bottom: 25px;
        margin-left: 3%;
        min-height: auto;
        display: block;
        vertical-align: top;
        padding-top: 30px;
        margin-top: 15px;
        border-top: 2px solid #9C9C9C;
    }

    .agenda .not-listado li h2 { font-size: 1.25em;}
    .agenda .not-listado li p { font-size: 1em;}

    .agenda .not-listado li:nth-child(2){ padding-top: 30px; border-top: 2px solid #9C9C9C;}

    /*********** AGENDA INDIVIDUAL *************/

    .agenda .not-individual h1{ 
        font-size: 1.25em; 
        line-height: 1.35;
        width: auto;
    } 

    .agenda .not-individual p{ font-size: 1em; margin-bottom: 1em;}

    /*** FILTROS SECCION ****/
    .resultados  .filtros li:nth-child(2n+1){ margin-left: 0;}

    .resultados  .filtros li{ font-size: 0.9375em; border-left: 1px solid #FFF;}
    .resultados  .filtros li a{ padding-left: 10px; padding-right: 10px; background-image: none; padding-top: 7px; padding-bottom: 6px;}
    .resultados  .filtros li:first-child a{ padding-left: 18px; padding-right: 10px;}
    /*.resultados  .filtros li:last-child a{ background-image: url(../img/botones/bot-shuffle.png); background-position: center center; padding-left: 0; padding-right: 0;}*/

    .resultados .filtros li:nth-last-child(2):hover + li a{ background-position: center center;}
    .resultados  .filtros li:last-child a:hover, .resultados  .filtros li:last-child a:focus{ background-position: center center;}

    /*** FILTROS SECCION AUDIOS - por boton "como se usa" ****/	
    .audios .resultados .filtros{ display: none;}
    .audios .resultados select{ display: block; width: 150px; margin: 0 0 20px 2%; font-size: 1.25em; float: left;}
    .audios .bot.como{ font-size: 1.125em; width: 210px; padding-left: 16px; margin-top: 0;}	
    .audios .resultados .shuffle{ margin-top: -2px;}

    /**** FOOTER *****/	
    .pie{ border-top: 1px solid #C7C7C7;}			
    .pie .redes-sociales{ float: left; margin-bottom: 16px; clear: both; margin-top: 16px;}


}





@media screen and (max-width: 840px) {		
    /**** LOGO *****/	
    .logos-institucionales li:nth-child(4) { clear: left;}
    .logos-institucionales li:nth-child(4) a{ border-left: none;}
    .logos-institucionales li:nth-child(5) { float: left;}	
    .logos-institucionales li:nth-child() a{ border-left: 1px solid #0081d7;}
    
    .pie .redes-sociales {clear: left;}

}	


@media screen and (max-width: 620px) {
    .resultados  h3{ font-size: 1em; }

    /***** HOME ******* Ver en vivo */
    .destacados .item , .destacados .vivo{ clear: both; float: none; width: 98%; }
    .destacados .item  a{ height: 208px; margin-bottom: 15px;}
    .destacados .vivo{ height: 238px;}
    .destacados > :nth-child(odd){ margin-right: 0; margin-bottom: 15px;}

    .destacados .vivo h2, .destacados .vivo .cont{font-size: 1.25em;}	
    .destacados .vivo h3, .destacados .vivo time{font-size: 1.25em; width: 260px;}				
    .destacados .vivo .bot-programas{ font-size: 1.25em; top: 8px;}
    .destacados .vivo .vervivo{ font-size: 1.25em; width: 170px;}

    .destacados .vivo img{ height: 157px; bottom: 38px;}


    .botonesInstitucionales li:nth-child(3) a{ background: none; }
    .botonesInstitucionales li:nth-child(4) a{ background: url(../img/bckg/fnd-institucionales.png) no-repeat center right; }

}

@media screen and (max-width: 512px) {
    /**** ENVIVO *****/	
    .individual  .detalle .disclaimer{ width: 38%;}
}

@media screen and (max-width: 480px) {

    .logo-pakapaka{ padding: 7px 0 3px 0; margin-left: 8px;}
    .logo-pakapaka img{ width: 55px; }

    /**** MENU PRINCIPAL *****/
    nav{ 
        top: 51px;
    }	

    nav li a{ 	font-size: 0.75em;}		

    #nav-collapse{
        width: 35px;
        height: 35px;
        margin: 7px 9px 0 0;
        background-size: 100%;
    }

    .individual, .series{ margin-top: 12px;}
    a.volver{ background-size: 70%; top: -42px; right: 0; height: 42px; background-position: center top;}

    /* HOME ******* Ver en vivo */	
    .destacados .item  a{ height: 160px;}
    .destacados .vivo{ height: 274px;}

    .destacados .vivo .cont{ font-size: 0.875em; text-indent: 0; padding-bottom: 35px; width: 96%; padding-left: 2%; padding-right: 2%;}			
    .destacados .vivo .bot-programas{ top: auto; bottom: 5px; right: 5px; z-index: 3; font-size: 0.875em;}

    .destacados .vivo img{ display: none;}

    /***** TITULOS SECCIONES ********/

    .contenedor-titulo{ display: block;}

    .titulo-principal h1, .titulo-principal .tit{ font-size: 1.9375em;}

    .titulo-principal .copete, .titulo-principal .copete{ width: 230px; font-size: 0.8125em;}	

    /**** DESTACADO SECCION *****/
    .minisitios .destacado-seccion{ overflow: hidden;}
    .minisitios .destacado-seccion img{ height: 200px; width: auto; }

    /**** DESTACADO VIDEOS *****/
    .videos .destacado-seccion .item{  
        width: 97%; 
        margin-left: 1.5%;
    }

    .videos .destacado-seccion  h2{font-size: 1.5em;	margin-left: 1.5%;}
    .videos .destacado-seccion  h3{font-size: 1.25em;	margin-left: 1.25%;}
    .videos .destacado-seccion  p{font-size: 1em;	margin-left: 1.25%;}

    .videos .destacado-seccion .contador{
        float: left;
        margin-bottom: 20px;
        position: static;
        text-align: left;
        width: 100%;
    }
    .videos .destacado-seccion .contador{ border-bottom: 0;}

    .videos .destacado-seccion .contador span {
        border-left: 1px solid #157ebf;
        border-top: 0 none;
        clear: none;
        display: inline;
        padding-left: 6px;
        padding-top: 2px;
    }

    /**** RESULTADOS ITEMS *****/

    body .resultados  li{ 
        margin-left: 2%;
        margin-bottom: 12px;
        min-height: 120px;
    }

    body .resultados li p{display: none;}

    body .resultados h3, body .resultados  li h2{ font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 0.8125em;} 

    .resultados  li:nth-child(2n+1){ margin-left: 2%;}
    .resultados  li:nth-child(4){ margin-left: 2%;}

    .resultados .shuffle{ display: none;}

    .resultados >  h2{	margin-left: 3%; font-size: 1.5em;}

    .an, .si{ font-size: 0.8125em; width: 90px; padding-bottom: 1px; background-position: 12px 4px;}

    /*********** SECCIONES DESTACADOS *************/

    .destacado-seccion h2{ font-size: 1.25em;}

    .destacado-seccion .share{ float: none;}
    .destacado-seccion .contador{ float: none; text-align: left;}
    .destacado-seccion .contador span{ display: inline;}

    /*** FILTROS SECCION ****/

    .resultados .filtros{ display: none;}
    .resultados select{ display: block; width: 150px; margin: 0 0 20px 2%; font-size: 1.25em;}

    /*** FILTROS SECCION AUDIOS - por boton "como se usa" ****/
    .audios .bot.como{ float: left; clear: both; margin-left: 2%; margin-bottom: 15px;}

    /**** ENVIVO *****/	

    .individual  .detalle .disclaimer{ width: 90%; margin: 60px auto 15px auto; text-align: center; }
    .individual  .detalle .disclaimer p{font-size: 1.125em;}
    .individual  .detalle .disclaimer .share{ margin: 0 auto; position: absolute; top: 15px; left: 5%;}
    .individual  .detalle .miranos{ position: static; clear: both; margin: 0 auto 20px auto; float: none;}

    /**** AUDIOS *****/		
    .audios .resultados li a span{ top: 15%; background-size: 40px auto; background-position: center center} 
    .audios .resultados  li p{display: block;}


    /**** FOOTER *****/

    .botonesSecundarios{ float: none; }
    .botonesSecundarios li{ float: none; margin-bottom: 8px; }

    .pie .logos-institucionales li{ float: none;}
    .pie .logos-institucionales li a, .pie .logos-institucionales li{ border-left: none; }


    .botonesInstitucionales{ margin-left: 30px; padding-top: 10px; text-align: left; }
    .botonesInstitucionales li{ clear: both; list-style: square; display: list-item; }
    .pie .botonesInstitucionales li a{ padding: 0; background: none; }
    
    .pie .redes-sociales{ clear: both; margin: 0 0 20px 10px; padding: 15px 0 0 10px; border-top: 1px solid #CCC;}
    .pie .redes-sociales{ float: left;}

}

/********* AudioPlayer  *************/


.audioplayerWrapper{
    width: 100%;
    position: fixed; 
    -webkit-backface-visibility: hidden;
    bottom: 0; 
    left: 0;
    z-index: 10;
    background: #222124;
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.5);
}

.dataPlayer{
    width: 35%;	
    float: left;
    background: #535353;
}

.listaAudiosCont{
    width: 65%;
    float: left;
    height: 0; 
}

/************* PLAYER ***************/
.audioplayer{
    background: #3D3C3F;
    overflow: hidden;
    padding: 8px 0 10px 40px;
    clear: both;
    width: 100%;
}

.botAnt, .botReproducir, .botPausar, .botSig{ float: left; background: none; border: none; margin: 1px 5px 0 0; padding: 0; font-size: 0; line-height: 0; width: auto; overflow: visible; width: 39px; height: 39px; cursor: pointer; background-repeat: no-repeat; background-position: center center;}
.botAnt, .botSig{ width: 30px; height: 30px; margin-top: 6px;}

.botAnt{ background-image: url(../img/audioplayer/anterior.png);}
.botReproducir{ background-image: url(../img/audioplayer/play.png);}
.botPausar{ background-image: url(../img/audioplayer/pausa.png);}
.botSig{ background-image: url(../img/audioplayer/siguiente.png);}

.botAnt:hover, .botAnt:focus{ background-image: url(../img/audioplayer/anterior-ov.png);}
.botReproducir:hover, .botReproducir:focus{ background-image: url(../img/audioplayer/play-ov.png);}
.botPausar:hover, .botPausar:focus{ background-image: url(../img/audioplayer/pausa-ov.png);}
.botSig:hover, .botSig:focus{ background-image: url(../img/audioplayer/siguiente-ov.png);}

.sliderRail, .volumeRail{ float: left; background: #272529; border-radius: 12px; height: 24px; margin: 10px 0 0 15px; overflow: hidden;}
.sliderLoaded, .volumeLevel{ background: #8A8D93; height: 24px;}
.sliderRail{ cursor: pointer;}
.sliderRail, .volumeRail{ position: relative;}
.sliderThumb, .volumeThumb{ border-radius: 20px; background: #FFF; position: absolute; top: 0; left:0; height: 24px; width: 24px; cursor: pointer;}
.sliderThumb:hover, .volumeThumb:hover, .sliderThumb:focus, .volumeThumb:focus{ background: #007cce;}
.time{ float: left; background: #272529; border-radius: 12px; height: 24px; color: #FFF; font-family: Verdana; text-align: center; padding: 2px 12px 2px 12px; margin: 8px 0 0 14px;}
.time .total{ color: red;}
.icoAudio{ background: url(../img/audioplayer/ico_audio.png) no-repeat 0 0; display: block; float: left; width: 20px; height: 29px; margin-top: 8px; margin-left: 14px;}

.sliderRail{width: 55%;} .volumeRail{ width: 10%;} .sliderLoaded, .volumeLevel{width: 0;}

/************* PLAYER ***************/

/************* DATAPLAYER ***************/

.dataPlayer{
    background-position: 8px 8px;
    background-repeat: no-repeat;
    background-size: 122px auto;
    min-height: 124px;
}

.dataPlayer h2{ color: #FFF; margin-left: 140px; margin-top: 10px; margin-right: 10px;}
.dataPlayer p{ color: #FFF; margin-left: 140px; 	font-family: 'GothamBook',Arial,Helvetica Neue,Helvetica,sans-serif; margin-right: 10px;}

.dataPlayer .datos{ margin-bottom: 15px;}

.dataPlayer .descargar{margin-left: 140px; margin-bottom: 10px; font-size: 0.875em; width: 122px; padding: 5px 0 0 18px; height: 28px;}
.dataPlayer .share{ margin-left: 15px; margin-bottom: 10px; font-size: 0.875em; width: 140px;}

/************* PLAYLIST ***************/

.listaAudios{
    background: #222124;
    height: 124px; /* 114 */
    margin: 0;
    padding: 0;
    width:  auto;
    overflow-x: auto; 
    overflow-y: hidden;
    white-space: nowrap;
}

.listaAudios.scroll{ height: 150px;}
.dataPlayer.scroll{ min-height: 150px;}
#queue.scroll{ height: 150px;}
.listaAudiosCont.scroll{ height: 150px; }
#queue:empty { display: none;}

.audios .listaAudios li{ 
    display: inline-block;
    width: 136px;
    height: 90px; 
    min-height: 90px;
    border: 8px solid #3D3D3D; 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    background-size: 100% 100%;
    margin: 8px 0 8px 8px;
    position: relative;
    cursor: move;
    position: relative;
    white-space: normal;
}

.listaAudios li:nth-child(4n+1){ margin-left: 8px;}
.audios .listaAudios li:last-child{ margin-right: 8px;}

.audios .resultados .listaAudios li p{background: none; position: absolute; top: 0; left: 0; color: #FFF; font-size: 0.8125em; line-height: 1.25em; font-family: 'GothamBold',Arial,Helvetica Neue,Helvetica,sans-serif; padding: 27px 7px 0 6px; width: 100px; text-align: center;}
.audios .listaAudios li:hover p{ text-indent: 0; background: rgba(0,0,0,0.8); width: 90.5%; height: 70.5%; border-radius: 0;}

.audios .listaAudios li button{ 
    background: url(../img/botones/bot-audio-eliminar.png) no-repeat 0 0; 
    width: 18px; 
    height: 17px; 
    border: 0; 
    overflow: hidden; 
    text-indent: -9999px; 
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

.audios .listaAudios li button:hover{ background-image: url(../img/botones/bot-audio-eliminar-ov.png);}

/************  scrollbar  *********/

.audios .listaAudios::-webkit-scrollbar { height: 20px; background-color: #353535;}
.audios .listaAudios::-webkit-scrollbar-track { background-color: #606060;}
.audios .listaAudios::-webkit-scrollbar-thumb { background-color: #A8A8A8; border-radius: 12px; border: 4px solid #606060;}
.audios .listaAudios::-webkit-scrollbar-button {	display: none;}


@media screen and (max-width: 1366px) {
    .sliderRail{width: 46%;}

}

@media screen and (max-width: 1140px) {
    .sliderRail{width: 38%;}
    .volumeRail{ width: 8%;}
}

@media screen and (max-width: 1300px) {
    .dataPlayer{ width: 40%;}
    .listaAudiosCont{ width: 60%;}
}

@media screen and (max-width: 970px) {
    .audioplayer{ padding-left: 20px;}
}

@media screen and (max-width: 1140px) {
    .dataPlayer{ width: 50%;}
    .listaAudiosCont{ width: 50%;}
}

@media screen and (max-width: 925px) {
    .dataPlayer{ width: 100%;}
    .listaAudiosCont{ width: 100%;}	

    .listaAudiosCont{ height: auto;}


}

@media screen and (max-width: 755px) {
    .sliderRail{width: 70%;}
    .volumeRail{ width: 25%;}
    .time{ clear: left; margin-left: 0;}
}

@media screen and (max-width: 670px) {
    .sliderRail{width: 60%;}
}

@media screen and (max-width: 480px) {
    .dataPlayer{ background-size: 0;}
    .dataPlayer h2{ margin-left: 10px;}
    .dataPlayer p{ margin-left: 10px;}
    .dataPlayer .descargar{ margin-left: 8px; width: 108px; padding-left: 20px; background-position: 13px 7px;}
    .dataPlayer .share{ margin-left: 8px; width: 120px; background-position: 12px 9px;}

    .audioplayer{ padding-left: 0; text-align: center;}
    .centrar{ display: inline-block;}

    .sliderRail{width: 90%;}
    .volumeRail{ width: 33%;}
    .time{ font-size: 0.8125em; padding: 2px 8px 0 8px; height: 24px; margin-left: 15px;}
}		


@media screen and (max-width: 950px) {
    .pie .redes-sociales {
        float: left;
        margin-top: 8px;
        margin-bottom: 20px;
        
    }
}

@media screen and (max-width: 532px){
.logos-institucionales li:nth-child(4) {clear: none; border-left: 1px solid #0081D7;}
}

.header-container{
	background-image: url(../img/bckg/cabezal_fondo.png);
	/*height: 136px;*/
}

.homeVerMas{
    background: #D04829;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    width: 150px;
    height: 36px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
}

/* FOOTER mobile first */
.footer-zocalo {    /* x-small  <= 576px */
	display: block;
	background-color: #f0f0f0;
	margin: auto;
	padding-top: 1vw;
	padding-bottom: 1vw;
    clear: both; /* clearfix nueva linea flotante */
}        
.footer-enlace {
	display: inline-block;
}
.footer-logo {
	text-align: center;
}

.footer-logo img {
	max-width: 100%;
	display: inline-block;
}

@media screen and (min-width: 576px) {  /* Small (sm) ≥ 576px */
	.footer-zocalo {
		display: flex;
		justify-items: center;
		align-items: center;
		justify-content: center;
		column-gap: 5vw;
		flex-wrap: wrap;
	}
	.footer-logo-2 {
		width: 33%;      /* 2 cols */
	}
}

@media screen and (min-width: 768px) { /* medianos (md) >=768 */
	.footer-logo-3 {
		width: 25%;      /* 3 cols */
	}
	.footer-logo-4 {
		width: 20%;      /* 4 cols */
	}
}

@media screen and (min-width: 992px) { /* dispositivos grandes (lg) */
	.footer-zocalo {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		column-gap: 0.7vw;
	}
	.footer-logo-2, .footer-logo-3, .footer-logo-4 {
		width: auto;
	}
}

@media screen and (min-width: 1200px) { /* dispositivos grandes (xl) */
}